拍商品订单用户手机号加密，解密

src/api/course/fsCourseProductOrder.js

@@ -59,4 +59,12 @@ export function refund(data) {
     method: 'post',
     data: data
   })
+}
+
+// 查询收货人电话
+export function getOrderUserPhone(courseOrderId) {
+  return request({
+    url: '/course/fsCourseProductOrder/queryPhone/' + courseOrderId,
+    method: 'get'
+  })
 }

src/views/course/fsCourseProductOrder/index.vue

@@ -137,7 +137,11 @@
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="订单编号" width="180px" align="center" prop="orderCode" />
       <el-table-column label="用户名称" align="center" prop="userName" />
-      <el-table-column label="用户电话" align="center" prop="userPhone" />
+      <el-table-column label="用户电话" width="180px" align="center" prop="userPhone" >
+        <template slot-scope="scope">
+          <span>{{ scope.row.userPhone }}<el-button icon="el-icon-search" size="mini" @click="handlePhone(scope)" style="margin-left: 20px;" circle v-hasPermi="['course:fsCourseProductOrder:queryPhone']"></el-button></span>
+        </template>
+      </el-table-column>
       <el-table-column label="商品名称" align="center" prop="productName"/>
       <el-table-column label="课程" align="center" :show-overflow-tooltip="true" prop="courseName" />
       <el-table-column label="视频" align="center" :show-overflow-tooltip="true" prop="title" />
@@ -274,7 +278,7 @@
 </template>
 
 <script>
-import { listFsCourseProductOrder, getFsCourseProductOrder, delFsCourseProductOrder, addFsCourseProductOrder, updateFsCourseProductOrder, exportFsCourseProductOrder, refund } from "@/api/course/fsCourseProductOrder";
+import { listFsCourseProductOrder, getFsCourseProductOrder, delFsCourseProductOrder, addFsCourseProductOrder, updateFsCourseProductOrder, exportFsCourseProductOrder, refund, getOrderUserPhone } from "@/api/course/fsCourseProductOrder";
 
 export default {
   name: "FsCourseProductOrder",
@@ -506,7 +510,14 @@ export default {
           this.getList();
           this.msgSuccess("退款成功");
         }).catch(() => {});
-    }
+    },
+
+    /**查询电话 */
+    handlePhone(scope) {
+      getOrderUserPhone(scope.row.courseOrderId).then(res=>{
+        scope.row.userPhone = res.userPhone
+      }) 
+    },
   }
 };
 </script>