隐藏用户手机号&&确认订单切换项目&&项目折扣

package.json

@@ -31,7 +31,7 @@
     "@vue/cli-service": "^3.5.0",
     "@vue/test-utils": "1.0.0-beta.29",
     "babel-core": "7.0.0-bridge.0",
-    "babel-eslint": "^10.0.1",
+    "babel-eslint": "^8.2.2",
     "babel-jest": "^23.6.0",
     "cross-env": "^5.2.1",
     "eslint": "^5.8.0",
@@ -108,4 +108,4 @@
       "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
     }
   }
-}
+}

src/pages/coupon/index.vue

@@ -1,71 +1,82 @@
 <template>
   <div class="mine">
     <div class="table">
-      <el-input class="search-input"
-                placeholder="请输入内容"
-                prefix-icon="el-icon-search"
-                size="mini"
-                v-model="searckItem"></el-input>
-      <div class="search-button"
-           @click="getUserList">搜索</div>
+      <el-input
+        class="search-input"
+        placeholder="请输入内容"
+        prefix-icon="el-icon-search"
+        size="mini"
+        v-model="searckItem"
+      ></el-input>
+      <div class="search-button" @click="getUserList">搜索</div>
       <div class="coupon">选择优惠券</div>
-      <el-select class="coupon-select"
-                 v-model="coupon"
-                 size="mini"
-                 placeholder="选择优惠券">
-        <el-option v-for="item in couponList"
-                   :key="item.id"
-                   :label="item.name"
-                   :value="item.id"></el-option>
+      <el-select
+        class="coupon-select"
+        v-model="coupon"
+        size="mini"
+        placeholder="选择优惠券"
+      >
+        <el-option
+          v-for="item in couponList"
+          :key="item.id"
+          :label="item.name"
+          :value="item.id"
+        ></el-option>
       </el-select>
       <div class="num-tips">数量</div>
       <div class="coupon-num">
-        <div class="reduce"
-             @click="reduceNum">-</div>
-        <div class="num">{{couponNum}}</div>
-        <div class="add"
-             @click="couponNum++">+</div>
+        <div class="reduce" @click="reduceNum">-</div>
+        <div class="num">{{ couponNum }}</div>
+        <div class="add" @click="couponNum++">+</div>
+      </div>
+      <div class="send-coupon" style="margin-left: 39px" @click="sendCoupon">
+        发送
       </div>
-      <div class="send-coupon"
-           style="margin-left: 39px;"
-           @click="sendCoupon">发送</div>
     </div>
     <div class="user-list">
-      <el-table ref="multipleTable"
-                :data="tableData"
-                tooltip-effect="dark"
-                height="500"
-                style="width: 100%;border-radius: 8px;"
-                @selection-change="handleSelectionChange">
-        <el-table-column type="selection"
-                         width="55"></el-table-column>
-        <el-table-column label="头像"
-                         width="120">
+      <el-table
+        ref="multipleTable"
+        :data="tableData"
+        tooltip-effect="dark"
+        height="500"
+        style="width: 100%; border-radius: 8px"
+        @selection-change="handleSelectionChange"
+        @row-click="goDetail"
+      >
+        <el-table-column type="selection" width="55"></el-table-column>
+        <el-table-column label="头像" width="120">
           <template slot-scope="scope">
             <div class="head-img">
-              <img :src="scope.row.avatar_url"
-                   alt />
+              <img :src="scope.row.avatar_url" alt />
             </div>
           </template>
         </el-table-column>
-        <el-table-column prop="nickname"
-                         label="昵称"
-                         width="120"></el-table-column>
-        <el-table-column prop="mobile"
-                         label="联系电话"
-                         show-overflow-tooltip></el-table-column>
-        <el-table-column prop="create_time"
-                         label="注册时间"
-                         show-overflow-tooltip></el-table-column>
+        <el-table-column
+          prop="nickname"
+          label="昵称"
+          width="120"
+        ></el-table-column>
+        <el-table-column
+          prop="mobile"
+          label="联系电话"
+          show-overflow-tooltip
+        ></el-table-column>
+        <el-table-column
+          prop="create_time"
+          label="注册时间"
+          show-overflow-tooltip
+        ></el-table-column>
       </el-table>
 
       <div class="pagin">
-        <el-pagination background
-                       layout="prev, pager, next"
-                       @size-change="handleSizeChange"
-                       @current-change="handleCurrentChange"
-                       :current-page.sync="currentPage1"
-                       :total="total"></el-pagination>
+        <el-pagination
+          background
+          layout="prev, pager, next"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          :current-page.sync="currentPage1"
+          :total="total"
+        ></el-pagination>
       </div>
     </div>
   </div>
@@ -75,8 +86,8 @@
 import api from "../../server/home";
 
 export default {
-  components: {},
-  data () {
+    components: {},
+  data() {
     return {
       searckItem: "",
       couponList: [],
@@ -93,14 +104,24 @@ export default {
   watch: {},
 
   methods: {
-    reduceNum () {
+    // 发券中心点击用户跳转到用户详情
+    goDetail(row, column, event) {
+      console.log(1);
+      this.$router.push({
+        path: "/customerMan/details",
+        query: {
+          id: row.id,
+        },
+      });
+    },
+    reduceNum() {
       this.couponNum > 1 ? this.couponNum-- : (this.couponNum = 1);
     },
-    handleSelectionChange (val) {
+    handleSelectionChange(val) {
       this.multipleSelection = val;
     },
     // 发送优惠券
-    sendCoupon () {
+    sendCoupon() {
       let selectIds = "";
       for (let i = 0; i < this.multipleSelection.length; i++) {
         selectIds = selectIds + "," + this.multipleSelection[i].id;
@@ -108,27 +129,32 @@ export default {
       let params = {
         id: this.coupon,
         user_ids: selectIds.substring(1, selectIds.length),
-        num: this.couponNum
+        num: this.couponNum,
       };
-      api.sendCoupon(params).then(res => {
+      api.sendCoupon(params).then((res) => {
         if (res.code == 200) {
           this.$message({
-            message: '发送成功',
-            type: 'success'
+            message: "发送成功",
+            type: "success",
           });
         }
       });
     },
 
     // 获取订单列表
-    getUserList () {
+    getUserList() {
       let params = {
         page: this.currentPage1,
         limit: this.limit,
-        keywords: this.searckItem
+        keywords: this.searckItem,
       };
-      api.getUserList(params).then(res => {
+      api.getUserList(params).then((res) => {
         if (res.code == 200) {
+          // 将用户手机号中间四位变成****
+          res.data.list.map((item) => {
+            item.mobile =
+              item.mobile.substring(0, 3) + "****" + item.mobile.substring(7);
+          });
           this.tableData = res.data.list;
           this.total = res.data.total;
         }
@@ -136,33 +162,32 @@ export default {
     },
 
     // 获取优惠券列表
-    getCouponInfo () {
+    getCouponInfo() {
       let params = {
         page: this.currentPage1,
-        limit: 100
+        limit: 100,
       };
-      api.getCouponInfo(params).then(res => {
+      api.getCouponInfo(params).then((res) => {
         if (res.code == 200) {
           this.couponList = res.data.list;
         }
       });
     },
 
-    handleCurrentChange (e) {
+    handleCurrentChange(e) {
       this.currentPage1 = e;
       this.getUserList();
     },
 
-    handleSizeChange (val) {
-    }
+    handleSizeChange(val) {},
   },
 
-  created () {
+  created() {
     this.getUserList();
     this.getCouponInfo();
   },
 
-  mounted () { }
+  mounted() {},
 };
 </script>
 

src/pages/customerMan/details/index.vue

@@ -4,39 +4,54 @@
       <div class="user-info">
         <div class="title">
           <div class="txt">个人信息</div>
-          <div class="test-record"
-               @click="toTestRecord"
-               v-if="userInfo.analysis_id">测肤记录</div>
+          <div
+            class="test-record"
+            @click="toTestRecord"
+            v-if="userInfo.analysis_id"
+          >
+            测肤记录
+          </div>
         </div>
         <div class="detail-info">
           <div class="user-img">
-            <img :src="userInfo.avatar_url"
-                 alt="">
+            <img :src="userInfo.avatar_url" alt="" />
           </div>
           <div class="user-span">
             <div class="info">
-              <div class="name"><span>{{userInfo.nickname | ellipsis(3)}}</span></div>
-              <div class="sex"><img :src="gender"
-                     alt=""></div>
-              <div class="age"><span>{{userInfo.skin_age}}</span><span class="min-size">肤龄</span></div>
+              <div class="name">
+                <span>{{ userInfo.nickname | ellipsis(3) }}</span>
+              </div>
+              <div class="sex"><img :src="gender" alt="" /></div>
+              <div class="age">
+                <span>{{ userInfo.skin_age }}</span
+                ><span class="min-size">肤龄</span>
+              </div>
             </div>
-            <div class="real-name">姓名：
-              <span v-show="!nameInpVisible">{{userInfo.real_name}}</span>
-              <el-input size="mini"
-                        ref="realNameInp"
-                        v-show="nameInpVisible"
-                        @change="updateRealName"
-                        v-model="userInfo.real_name"
-                        type="text"></el-input>
-              <img class="edit-name"
-                   @click="editName"
-                   src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/coupon/eidt.png"
-                   alt=""
-                   srcset="">
+            <div class="real-name">
+              姓名：
+              <span v-show="!nameInpVisible">{{ userInfo.real_name }}</span>
+              <el-input
+                size="mini"
+                ref="realNameInp"
+                v-show="nameInpVisible"
+                @change="updateRealName"
+                v-model="userInfo.real_name"
+                type="text"
+              ></el-input>
+              <img
+                class="edit-name"
+                @click="editName"
+                src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/coupon/eidt.png"
+                alt=""
+                srcset=""
+              />
+            </div>
+            <div class="skin-type">
+              肤质：<span>{{ userInfo.skin_type }}</span>
+            </div>
+            <div class="skin-color">
+              肤色：<span>{{ userInfo.skin_color }}</span>
             </div>
-            <div class="skin-type">肤质：<span>{{userInfo.skin_type}}</span></div>
-            <div class="skin-color">肤色：<span>{{userInfo.skin_color}}</span></div>
-
           </div>
         </div>
       </div>
@@ -44,53 +59,52 @@
       <div class="personage-data">
         <div class="myDataList">
           上传报告时间：
-          <span>{{userInfo.check_time}}</span>
+          <span>{{ userInfo.check_time }}</span>
         </div>
         <div class="myDataList">
           出生日期：
-          <span>{{userInfo.birthday}}</span>
+          <span>{{ userInfo.birthday }}</span>
         </div>
         <div class="myDataList">
           联系电话：
-          <span>{{userInfo.mobile}}</span>
+          <span>{{ userInfo.mobile }}</span>
         </div>
 
         <div class="myDataList">
           所在地：
-          <span>{{userInfo.city}}</span>
+          <span>{{ userInfo.city }}</span>
         </div>
 
         <div class="myDataList">
           开卡店铺：
-          <span>{{userInfo.store_name}}</span>
+          <span>{{ userInfo.store_name }}</span>
         </div>
 
-         <div class="myDataList coupon-num">
+        <div class="myDataList coupon-num">
           次卡数量：
-          <span>{{order_total.card_order}}</span>
+          <span>{{ order_total.card_order }}</span>
         </div>
 
         <div class="myDataList coupon-num">
           优惠券数量：
-          <span>{{userInfo.card_num}}</span>
+          <span>{{ userInfo.card_num }}</span>
         </div>
 
         <div class="myDataList">
           储值金额：
           <span class="JEcolor">
             ￥
-            <span class="bigSixe">{{userInfo.amount}}</span>
+            <span class="bigSixe">{{ userInfo.amount }}</span>
             <!-- .00 -->
           </span>
         </div>
         <div class="myDataList">
           积分：
-          <span>{{userInfo.coin}}</span>
+          <span>{{ userInfo.coin }}</span>
         </div>
-        <div class="myDataList"
-             @click="remarkPupopVisible=true">
+        <div class="myDataList" @click="remarkPupopVisible = true">
           备注：
-          <span>{{userInfo.remark | ellipsis(20)}}</span>
+          <span>{{ userInfo.remark | ellipsis(20) }}</span>
         </div>
       </div>
     </div>
@@ -102,45 +116,54 @@
             <div class="problem">
               <div class="problem-title">问题标签</div>
               <div class="problem-lable">
-                <div class="lable-text problem-text">{{problem}}</div>
+                <div class="lable-text problem-text">{{ problem }}</div>
               </div>
             </div>
             <div class="problem">
               <div class="problem-title">面部标签</div>
               <div class="problem-lable">
-                <div class="lable-text"
-                     v-for="item,index in lableList"
-                     :key="index"
-                     :style="{background:item.bgcolor,borderColor:item.bdcolor}">{{item.text}}</div>
+                <div
+                  class="lable-text"
+                  v-for="(item, index) in lableList"
+                  :key="index"
+                  :style="{
+                    background: item.bgcolor,
+                    borderColor: item.bdcolor,
+                  }"
+                >
+                  {{ item.text }}
+                </div>
               </div>
             </div>
           </div>
         </div>
         <div class="right-top-list">
-          <div class="dataList"
-               @click="toOrder(1)">
+          <div class="dataList" @click="toOrder(1)">
             <div class="">
-              <img src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/coupon/project_icon.png" />
+              <img
+                src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/coupon/project_icon.png"
+              />
               <div>项目订单</div>
             </div>
-            <span>{{order_total.project}}</span>
+            <span>{{ order_total.project }}</span>
           </div>
-          <div class="dataList"
-               style="margin:18px 0px"
-               @click="toOrder(2)">
+          <div class="dataList" style="margin: 18px 0px" @click="toOrder(2)">
             <div class="">
-              <img src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/coupon/coupon_icon.png" />
+              <img
+                src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/coupon/coupon_icon.png"
+              />
               <div>次卡订单</div>
             </div>
-            <span>{{order_total.card_order}}</span>
+            <span>{{ order_total.card_order }}</span>
           </div>
-          <div class="dataList"
-               @click="toOrder(3)">
+          <div class="dataList" @click="toOrder(3)">
             <div class="">
-              <img src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/coupon/order_total_icon.png" />
+              <img
+                src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/coupon/order_total_icon.png"
+              />
               <div>商品订单</div>
             </div>
-            <span>{{order_total.goods}}</span>
+            <span>{{ order_total.goods }}</span>
           </div>
         </div>
       </div>
@@ -149,40 +172,50 @@
           <div class="tab">
             <div class="tab-title">执行方案</div>
           </div>
-          <div class="programmeList"
-               v-if="programmeList.length>0">
+          <div class="programmeList" v-if="programmeList.length > 0">
             <div class="programmeWeek">
-              <div class="programmeItem"
-                   v-for="item,index in programmeList"
-                   :key="index">
-                <div :class="selectWeek==index?'weekItemSelect':'weekItem'"
-                     @click="weekSelect(index)">{{item.name}}</div>
-                <div class="weekLine"
-                     v-if="index==3?false:true"></div>
+              <div
+                class="programmeItem"
+                v-for="(item, index) in programmeList"
+                :key="index"
+              >
+                <div
+                  :class="selectWeek == index ? 'weekItemSelect' : 'weekItem'"
+                  @click="weekSelect(index)"
+                >
+                  {{ item.name }}
+                </div>
+                <div class="weekLine" v-if="index == 3 ? false : true"></div>
               </div>
             </div>
-            <div class="doTime">{{programmeList[selectWeek].time}}</div>
-            <div class="weekDetails"
-                 v-if="programmeList.length>0">
-              <div class="contentItem"
-                   v-for="item,index1 in programmeList[selectWeek].list"
-                   :key="index1">
+            <div class="doTime">{{ programmeList[selectWeek].time }}</div>
+            <div class="weekDetails" v-if="programmeList.length > 0">
+              <div
+                class="contentItem"
+                v-for="(item, index1) in programmeList[selectWeek].list"
+                :key="index1"
+              >
                 <div class="itemTitle">
-                  <div>{{item.name}}</div>
-                  <div>{{item.classify_name}}</div>
+                  <div>{{ item.name }}</div>
+                  <div>{{ item.classify_name }}</div>
                   <!-- <div>{{item.time}}</div> -->
                 </div>
-                <div class="itemContent"
-                     v-for="items,index2 in item.list"
-                     :key="index2">
-                  <img class="itemContent-img"
-                       :src="items.cover_url" />
+                <div
+                  class="itemContent"
+                  v-for="(items, index2) in item.list"
+                  :key="index2"
+                >
+                  <img class="itemContent-img" :src="items.cover_url" />
                   <div class="itemContent-right">
                     <div class="right-content">
-                      <div class="right-name">{{items.name |ellipsis(14)}}</div>
-                      <div class="right-price">{{items.price |doubleNum(2)}}</div>
+                      <div class="right-name">
+                        {{ items.name | ellipsis(14) }}
+                      </div>
+                      <div class="right-price">
+                        {{ items.price | doubleNum(2) }}
+                      </div>
                     </div>
-                    <div class="right-project">{{items.product_name}}</div>
+                    <div class="right-project">{{ items.product_name }}</div>
                   </div>
                 </div>
               </div>
@@ -194,19 +227,21 @@
     <!-- 备注 -->
     <mine-pupop :show="remarkPupopVisible">
       <div class="block">
-        <div class="delete-pupop"
-             @click="remarkPupopVisible=false">
-          <img src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/slices/delete.png"
-               alt />
+        <div class="delete-pupop" @click="remarkPupopVisible = false">
+          <img
+            src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/slices/delete.png"
+            alt
+          />
         </div>
         <div class="pupop-title">备注</div>
-        <textarea type="text"
-                  class="noticeInput"
-                  placeholder="备注"
-                  v-model="userInfo.remark"></textarea>
+        <textarea
+          type="text"
+          class="noticeInput"
+          placeholder="备注"
+          v-model="userInfo.remark"
+        ></textarea>
         <div class="noticeSubmit">
-          <div class="submit-notice"
-               @click="submitRemark">确定</div>
+          <div class="submit-notice" @click="submitRemark">确定</div>
         </div>
       </div>
     </mine-pupop>
@@ -218,7 +253,7 @@ import api from "../../../server/home";
 import minePupop from "../../../components/minePupop/index.vue";
 
 export default {
-  data () {
+  data() {
     return {
       userInfo: {
         image:
@@ -227,13 +262,12 @@ export default {
         sex: "女",
         age: "23",
         skinType: "中性皮肤",
-        real_name: '',
-        remark: '',
+        real_name: "",
+        remark: "",
       },
       problem: "",
       //面部标签
-      lableList: [
-      ],
+      lableList: [],
       //执行方案
       programmeList: [],
 
@@ -249,34 +283,37 @@ export default {
       programmeIndex: "",
       isPupop: false,
       nameInpVisible: false,
-      remarkPupopVisible: false
+      remarkPupopVisible: false,
     };
   },
   components: { minePupop },
   computed: {
-    gender () {
+    gender() {
       // 性别，1男，2女，0保密
-      return this.userInfo.sex == 1 ?
-        'https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20220610/male.png' :
-        'https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20220610/female.png'
-    }
+      return this.userInfo.sex == 1
+        ? "https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20220610/male.png"
+        : "https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20220610/female.png";
+    },
   },
   watch: {},
 
   methods: {
-    getPadUserInfo () {
-      api.getPadUserInfo({ id: this.id }).then(res => {
+    getPadUserInfo() {
+      api.getPadUserInfo({ id: this.id }).then((res) => {
+        console.log(res);
+        // 将用户手机号中间四位变成****
+        res.data.user.mobile = res.data.user.mobile.substring(0, 3) + "****" + res.data.user.mobile.substring(7);
         this.userInfo = res.data.user;
         // this.userInfo.remarks = res.data.remark;
         this.problem = res.data.skin_name;
-        let _problem = []
-        res.data.face_names.forEach(item => {
-          let info = {}
-          info['text'] = item
-          _problem.push(info)
-          console.log(_problem, '_problem');
-        })
-        this.lableList = _problem
+        let _problem = [];
+        res.data.face_names.forEach((item) => {
+          let info = {};
+          info["text"] = item;
+          _problem.push(info);
+          console.log(_problem, "_problem");
+        });
+        this.lableList = _problem;
         this.randomColor();
         this.order_total = res.data.order_total;
         this.programmeList = res.data.scheme_list;
@@ -284,40 +321,40 @@ export default {
         // this.coupon_list = res.data.order_data.coupon_list;
       });
     },
-    randomColor (type) {
+    randomColor(type) {
       let arr = [
         {
           background: "rgba(244, 247, 255, 1)",
-          border: "rgba(85, 124, 255, 1)"
+          border: "rgba(85, 124, 255, 1)",
         },
         {
           background: "rgba(245, 252, 245, 1)",
-          border: "rgba(66, 211, 81, 1)"
+          border: "rgba(66, 211, 81, 1)",
         },
         {
           background: "rgba(254, 244, 237, 1)",
-          border: "rgba(250, 125, 34, 1)"
+          border: "rgba(250, 125, 34, 1)",
         },
         {
           background: "rgba(249, 245, 255, 1)",
-          border: "rgba(136, 50, 255, 1)"
+          border: "rgba(136, 50, 255, 1)",
         },
         {
           background: "rgba(255, 252, 245, 1)",
-          border: "rgba(204, 116, 42, 1)"
-        }
+          border: "rgba(204, 116, 42, 1)",
+        },
       ];
-      this.lableList.forEach(res => {
+      this.lableList.forEach((res) => {
         let color = Math.floor(Math.random() * arr.length);
         this.$set(res, "bgcolor", arr[color].background);
         this.$set(res, "bdcolor", arr[color].border);
       });
     },
-    weekSelect (index) {
+    weekSelect(index) {
       console.log("xxxx");
       this.selectWeek = index;
     },
-    onOperation (index) {
+    onOperation(index) {
       if (this.programmeList[index].onSelect) {
         this.$set(
           this.programmeList[index],
@@ -328,62 +365,62 @@ export default {
         this.$set(this.programmeList[index], "onSelect", true);
       }
     },
-    toOrder (index) {
-      let activeName = 'first'
+    toOrder(index) {
+      let activeName = "first";
       if (index == 3) {
-        activeName = 'third'
+        activeName = "third";
       } else if (index == 2) {
-        activeName = 'second'
+        activeName = "second";
       }
       this.$router.push({
         path: "/customerMan/projectOrder",
         query: {
           id: this.id,
-          activeName: activeName
-        }
+          activeName: activeName,
+        },
       });
     },
-    toTestRecord () {
+    toTestRecord() {
       this.$router.push({
-        path: '/testSkin/details',
+        path: "/testSkin/details",
         query: {
-          id: this.userInfo.analysis_id
-        }
-      })
+          id: this.userInfo.analysis_id,
+        },
+      });
     },
-    editName () {
-      this.nameInpVisible = true
-      this.$refs.realNameInp.focus()
+    editName() {
+      this.nameInpVisible = true;
+      this.$refs.realNameInp.focus();
     },
-    async updateRealName () {
+    async updateRealName() {
       let resp = await api.updateUserProfile({
         id: this.id,
-        real_name: this.userInfo.real_name
-      })
+        real_name: this.userInfo.real_name,
+      });
       if (resp.code === 200) {
-        this.$message.success('保存成功！')
+        this.$message.success("保存成功！");
       }
-      this.nameInpVisible = false
+      this.nameInpVisible = false;
     },
-    async submitRemark () {
+    async submitRemark() {
       let resp = await api.updateUserProfile({
         id: this.id,
-        remark: this.userInfo.remark
-      })
+        remark: this.userInfo.remark,
+      });
       if (resp.code === 200) {
-        this.$message.success('保存成功！')
+        this.$message.success("保存成功！");
       }
-      this.remarkPupopVisible = false
-    }
+      this.remarkPupopVisible = false;
+    },
   },
 
-  created () {
+  created() {
     let id = this.$route.query.id;
     this.id = id;
     this.getPadUserInfo();
   },
 
-  mounted () { }
+  mounted() {},
 };
 </script>
 

src/pages/customerMan/index.vue

@@ -1,52 +1,51 @@
 <template>
   <div class="mine">
     <div class="condition">
-      <el-input placeholder="请输入内容"
-                class="search"
-                v-model="searchText">
-        <i slot="prefix"
-           class="el-input__icon el-icon-search"></i>
+      <el-input placeholder="请输入内容" class="search" v-model="searchText">
+        <i slot="prefix" class="el-input__icon el-icon-search"></i>
       </el-input>
-      <el-button type="primary"
-                 class="searchButton"
-                 @click="getUserList()">搜索</el-button>
+      <el-button type="primary" class="searchButton" @click="getUserList()"
+        >搜索</el-button
+      >
     </div>
 
     <div class="user-list">
-      <el-table ref="multipleTable"
-                :data="tableData"
-                tooltip-effect="dark"
-                height="500"
-                style="width: 100%;border-radius: 8px;"
-                @row-click="handleSelectionChange">
-        <el-table-column label="头像"
-                         width="120">
+      <el-table
+        ref="multipleTable"
+        :data="tableData"
+        tooltip-effect="dark"
+        height="500"
+        style="width: 100%; border-radius: 8px"
+        @row-click="handleSelectionChange"
+      >
+        <el-table-column label="头像" width="120">
           <template slot-scope="scope">
-            <div class="head-img"><img :src="scope.row.avatar_url"
-                   alt=""></div>
+            <div class="head-img">
+              <img :src="scope.row.avatar_url" alt="" />
+            </div>
           </template>
         </el-table-column>
-        <el-table-column prop="nickname"
-                         label="昵称"
-                         width="120">
+        <el-table-column prop="nickname" label="昵称" width="120">
         </el-table-column>
-        <el-table-column prop="mobile"
-                         label="联系电话"
-                         show-overflow-tooltip>
+        <el-table-column prop="mobile" label="联系电话" show-overflow-tooltip>
         </el-table-column>
-        <el-table-column prop="create_time"
-                         label="注册时间"
-                         show-overflow-tooltip>
+        <el-table-column
+          prop="create_time"
+          label="注册时间"
+          show-overflow-tooltip
+        >
         </el-table-column>
       </el-table>
 
       <div class="pagin">
-        <el-pagination background
-                       layout="prev, pager, next"
-                       @size-change="handleSizeChange"
-                       @current-change="handleCurrentChange"
-                       :current-page.sync="currentPage1"
-                       :total="total">
+        <el-pagination
+          background
+          layout="prev, pager, next"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          :current-page.sync="currentPage1"
+          :total="total"
+        >
         </el-pagination>
       </div>
     </div>
@@ -57,74 +56,73 @@
 import api from "../../server/home";
 export default {
   components: {},
-  data () {
+  data() {
     return {
-      searchText: '',
-      dates: '',
-      coupon: '',
+      searchText: "",
+      dates: "",
+      coupon: "",
       couponList: [
         {
-          value: '选项1',
-          label: '黄金糕'
-        }, {
-          value: '选项2',
-          label: '双皮奶'
-        }
+          value: "选项1",
+          label: "黄金糕",
+        },
+        {
+          value: "选项2",
+          label: "双皮奶",
+        },
       ],
       tableData: [],
       currentPage1: 1,
-      multipleSelection: '',
-      total: 0
-
+      multipleSelection: "",
+      total: 0,
     };
   },
   computed: {},
   watch: {},
 
   methods: {
-
     // 获取订单列表
-    getUserList () {
+    getUserList() {
       let params = {
         page: this.currentPage1,
         limit: this.limit,
         keywords: this.searchText,
       };
-      api.getUserList(params).then(res => {
+      api.getUserList(params).then((res) => {
         if (res.code == 200) {
+          // 将用户手机号中间四位变成****
+          res.data.list.map((item) => {
+            item.mobile =
+              item.mobile.substring(0, 3) + "****" + item.mobile.substring(7);
+          });
           this.tableData = res.data.list;
           this.total = res.data.total;
         }
       });
     },
 
-    handleCurrentChange (e) {
+    handleCurrentChange(e) {
       this.currentPage1 = e;
       this.getUserList();
     },
 
-    handleSizeChange (val) {
-    },
-    handleSelectionChange (row, column, event) {
+    handleSizeChange(val) {},
+    handleSelectionChange(row, column, event) {
       this.$router.push({
-        path: '/customerMan/details',
+        path: "/customerMan/details",
         query: {
-          id: row.id
-        }
+          id: row.id,
+        },
       });
-    }
+    },
   },
 
-  created () {
+  created() {
     this.getUserList();
   },
 
-
-  mounted () {
-
-  },
-}
-
+  mounted() {},
+};
 </script>
 
 <style lang='less' scoped>

src/pages/historicalOrder/index.vue

@@ -1,78 +1,99 @@
 <template>
   <div class="mine">
     <div class="condition">
-      <el-date-picker v-model="dates"
-                      type="daterange"
-                      range-separator="->"
-                      start-placeholder="开始日期"
-                      end-placeholder="结束日期"></el-date-picker>
+      <el-date-picker
+        v-model="dates"
+        type="daterange"
+        range-separator="->"
+        start-placeholder="开始日期"
+        end-placeholder="结束日期"
+      ></el-date-picker>
 
-      <el-input placeholder="请输入项目"
-                class="search"
-                v-model="product">
-        <i slot="prefix"
-           class="el-input__icon el-icon-search"></i>
+      <el-input placeholder="请输入项目" class="search" v-model="product">
+        <i slot="prefix" class="el-input__icon el-icon-search"></i>
       </el-input>
 
-      <el-input placeholder="请输入优惠券"
-                class="search"
-                v-model="coupon">
-        <i slot="prefix"
-           class="el-input__icon el-icon-search"></i>
+      <el-input placeholder="请输入优惠券" class="search" v-model="coupon">
+        <i slot="prefix" class="el-input__icon el-icon-search"></i>
       </el-input>
 
-      <el-input placeholder="请输入内容"
-                class="search"
-                v-model="searchText">
-        <i slot="prefix"
-           class="el-input__icon el-icon-search"></i>
+      <el-input placeholder="请输入内容" class="search" v-model="searchText">
+        <i slot="prefix" class="el-input__icon el-icon-search"></i>
       </el-input>
-      <el-button type="primary"
-                 class="searchButton"
-                 @click="getOrderList()">搜索</el-button>
+      <el-button type="primary" class="searchButton" @click="getOrderList()"
+        >搜索</el-button
+      >
     </div>
 
     <div class="user-list">
-      <el-table ref="multipleTable"
-                :data="tableData"
-                tooltip-effect="dark"
-                height="500"
-                style="width: 100%;border-radius: 8px;"
-                @row-click="handleSelectionChange">
-        <el-table-column label="头像"
-                         width="120">
+      <el-table
+        ref="multipleTable"
+        :data="tableData"
+        tooltip-effect="dark"
+        height="500"
+        style="width: 100%; border-radius: 8px"
+        @row-click="handleSelectionChange"
+      >
+        <el-table-column label="头像" width="120">
           <template slot-scope="scope">
             <div class="head-img">
-              <img :src="scope.row.avatar_url"
-                   alt />
+              <img :src="scope.row.avatar_url" alt />
             </div>
           </template>
         </el-table-column>
-        <el-table-column prop="nickname"
-                         label="昵称"
-                         width="120"></el-table-column>
-        <el-table-column prop="mobile"
-                         label="联系电话"
-                         show-overflow-tooltip></el-table-column>
-        <el-table-column prop="order_time"
-                         label="预约时间"
-                         show-overflow-tooltip></el-table-column>
-        <el-table-column prop="date"
-                         label="状态"
-                         show-overflow-tooltip>
+        <el-table-column
+          prop="nickname"
+          label="昵称"
+          width="120"
+        ></el-table-column>
+        <el-table-column
+          prop="mobile"
+          label="联系电话"
+          show-overflow-tooltip
+        ></el-table-column>
+        <el-table-column
+          prop="order_time"
+          label="预约时间"
+          show-overflow-tooltip
+        ></el-table-column>
+        <el-table-column prop="date" label="状态" show-overflow-tooltip>
           <template slot-scope="scope">
-            <div :style="scope.row.status==0?'color: #FC3019':scope.row.status==5?'color: #A999EA':'color: #61D09D;'">{{ scope.row.status==0?'未支付':scope.row.status==5?'已取消':scope.row.status==1?'待使用':scope.row.status==2?'正在使用':scope.row.status==3?'已结算':'' }}</div>
+            <div
+              :style="
+                scope.row.status == 0
+                  ? 'color: #FC3019'
+                  : scope.row.status == 5
+                  ? 'color: #A999EA'
+                  : 'color: #61D09D;'
+              "
+            >
+              {{
+                scope.row.status == 0
+                  ? "未支付"
+                  : scope.row.status == 5
+                  ? "已取消"
+                  : scope.row.status == 1
+                  ? "待使用"
+                  : scope.row.status == 2
+                  ? "正在使用"
+                  : scope.row.status == 3
+                  ? "已结算"
+                  : ""
+              }}
+            </div>
           </template>
         </el-table-column>
       </el-table>
 
       <div class="pagin">
-        <el-pagination background
-                       layout="prev, pager, next"
-                       @size-change="handleSizeChange"
-                       @current-change="handleCurrentChange"
-                       :current-page.sync="currentPage1"
-                       :total="total"></el-pagination>
+        <el-pagination
+          background
+          layout="prev, pager, next"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          :current-page.sync="currentPage1"
+          :total="total"
+        ></el-pagination>
       </div>
     </div>
   </div>
@@ -83,7 +104,7 @@ import api from "../../server/home";
 
 export default {
   components: {},
-  data () {
+  data() {
     return {
       searchText: "",
       dates: "",
@@ -95,12 +116,12 @@ export default {
       couponList: [
         {
           value: "选项1",
-          label: "黄金糕"
+          label: "黄金糕",
         },
         {
           value: "选项2",
-          label: "双皮奶"
-        }
+          label: "双皮奶",
+        },
       ],
       tableData: [
         {
@@ -109,7 +130,7 @@ export default {
           headImg:
             "https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/unpaid.png",
           phone: "13346783645",
-          status: "已完成"
+          status: "已完成",
         },
         {
           date: "2022.04.25  14:30",
@@ -117,11 +138,11 @@ export default {
           headImg:
             "https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/unpaid.png",
           phone: "13346783645",
-          status: "已完成"
-        }
+          status: "已完成",
+        },
       ],
       currentPage1: 1,
-      multipleSelection: ""
+      multipleSelection: "",
     };
   },
   computed: {},
@@ -129,7 +150,7 @@ export default {
 
   methods: {
     // 获取订单列表
-    getOrderList () {
+    getOrderList() {
       let start_date = "",
         end_date = "";
       if (this.dates && this.dates.length > 0) {
@@ -143,38 +164,42 @@ export default {
         project_name: this.product,
         coupon_name: this.coupon,
         start_date: start_date,
-        end_date: end_date
+        end_date: end_date,
       };
-      api.getOrderList(params).then(res => {
+      api.getOrderList(params).then((res) => {
         if (res.code == 200) {
+          // 将用户手机号中间四位变成****
+          res.data.list.map((item) => {
+            item.mobile =
+              item.mobile.substring(0, 3) + "****" + item.mobile.substring(7);
+          });
           this.tableData = res.data.list;
           this.total = res.data.total;
         }
       });
     },
 
-    handleCurrentChange (e) {
+    handleCurrentChange(e) {
       this.currentPage1 = e;
       this.getOrderList();
     },
 
-    handleSizeChange (val) {
-    },
-    handleSelectionChange (row, column, event) {
+    handleSizeChange(val) {},
+    handleSelectionChange(row, column, event) {
       this.$router.push({
         path: "/historicalOrder/details",
         query: {
-          id: row.id
-        }
+          id: row.id,
+        },
       });
-    }
+    },
   },
 
-  created () {
+  created() {
     this.getOrderList();
   },
 
-  mounted () { }
+  mounted() {},
 };
 </script>
 

src/pages/testSkin/index.vue

@@ -1,22 +1,21 @@
 <template>
   <div class="mine">
     <div class="condition">
-      <el-date-picker v-model="dates"
-                      type="daterange"
-                      range-separator="->"
-                      start-placeholder="开始日期"
-                      end-placeholder="结束日期">
+      <el-date-picker
+        v-model="dates"
+        type="daterange"
+        range-separator="->"
+        start-placeholder="开始日期"
+        end-placeholder="结束日期"
+      >
       </el-date-picker>
 
-      <el-input placeholder="请输入内容"
-                class="search"
-                v-model="searchText">
-        <i slot="prefix"
-           class="el-input__icon el-icon-search"></i>
+      <el-input placeholder="请输入内容" class="search" v-model="searchText">
+        <i slot="prefix" class="el-input__icon el-icon-search"></i>
       </el-input>
-      <el-button type="primary"
-                 class="searchButton"
-                 @click="getSkinList">搜索</el-button>
+      <el-button type="primary" class="searchButton" @click="getSkinList"
+        >搜索</el-button
+      >
     </div>
     <div class="list">
       <div class="tab">
@@ -27,25 +26,32 @@
         <div class="head-status">状态</div>
       </div>
       <div class="content">
-        <div class="tab user-info"
-             v-for="(item,index) in userList"
-             :key="index"
-             @click="onDetails(item.id)">
-          <div class="head-img"><img :src="item.avatar_url"
-                 alt=""></div>
+        <div
+          class="tab user-info"
+          v-for="(item, index) in userList"
+          :key="index"
+          @click="onDetails(item.id)"
+        >
+          <div class="head-img"><img :src="item.avatar_url" alt="" /></div>
           <div class="head-name">{{ item.nickname }}</div>
           <div class="head-phone">{{ item.mobile }}</div>
           <div class="head-ts">{{ item.check_time }}</div>
-          <div class="head-status"
-               :style="item.status==1?'color: #61D09D;':'color: #FC3019;'">{{ item.status==1?'已面诊':'未面诊'}}</div>
+          <div
+            class="head-status"
+            :style="item.status == 1 ? 'color: #61D09D;' : 'color: #FC3019;'"
+          >
+            {{ item.status == 1 ? "已面诊" : "未面诊" }}
+          </div>
         </div>
       </div>
       <div class="pagin">
-        <el-pagination background
-                       layout="prev, pager, next"
-                       @current-change="handleCurrentChange"
-                       :current-page.sync="currentPage1"
-                       :total="total">
+        <el-pagination
+          background
+          layout="prev, pager, next"
+          @current-change="handleCurrentChange"
+          :current-page.sync="currentPage1"
+          :total="total"
+        >
         </el-pagination>
       </div>
     </div>
@@ -53,28 +59,29 @@
 </template>
 
 <script>
-import api from '../../server/home'
+import api from "../../server/home";
 export default {
   components: {},
-  data () {
+  data() {
     return {
       dates: [],
-      searchText: '',
+      searchText: "",
       userList: [],
       currentPage1: 1,
       limit: 10,
       total: 0,
-    }
+    };
   },
   computed: {},
   watch: {},
 
   methods: {
-    getSkinList () {
-      let start_date = '', end_date = ''
+    getSkinList() {
+      let start_date = "",
+        end_date = "";
       if (this.dates && this.dates.length > 0) {
-        start_date = utils.formatTime(this.dates[0], 'yyyy-MM-dd')
-        end_date = utils.formatTime(this.dates[1], 'yyyy-MM-dd')
+        start_date = utils.formatTime(this.dates[0], "yyyy-MM-dd");
+        end_date = utils.formatTime(this.dates[1], "yyyy-MM-dd");
       }
       let params = {
         page: this.currentPage1,
@@ -82,34 +89,39 @@ export default {
         keywords: this.searchText,
         start_date: start_date,
         end_date: end_date,
-      }
-      api.getSkinList(params).then(res => {
+      };
+      api.getSkinList(params).then((res) => {
         if (res.code == 200) {
-          this.userList = res.data.list
-          this.total = res.data.total
+          // 将用户手机号中间四位变成****
+          res.data.list.map((item) => {
+            item.mobile =
+              item.mobile.substring(0, 3) + "****" + item.mobile.substring(7);
+          });
+          this.userList = res.data.list;
+          this.total = res.data.total;
         }
-      })
+      });
     },
-    onDetails (e) {
+    onDetails(e) {
       this.$router.push({
-        path: '/testSkin/details',
+        path: "/testSkin/details",
         query: {
-          id: e
-        }
-      })
+          id: e,
+        },
+      });
+    },
+    handleCurrentChange(e) {
+      this.currentPage1 = e;
+      this.getSkinList();
     },
-    handleCurrentChange (e) {
-      this.currentPage1 = e
-      this.getSkinList()
-    }
   },
 
-  created () {
-    this.getSkinList()
+  created() {
+    this.getSkinList();
   },
 
-  mounted () { }
-}
+  mounted() {},
+};
 </script>
 
 <style lang='less' scoped>

vue.config.js

@@ -21,9 +21,9 @@ module.exports = {
 
   // 它支持webPack-dev-server的所有选项
   devServer: {
-    host: "0.0.0.0",
+    host: "0.0.0.0",//ip本地
     port: 8083, // 端口号
-    https: false, // https:{type:Boolean}
+    https: false, // https:{type:Boolean}配置前缀
     open: false, //配置自动启动浏览器
     proxy: '' // 配置跨域处理
   },