付费用户管理完成

src/pages/customerMan/details/index.vue

@@ -145,9 +145,9 @@
       <div class="right-top">
         <div class="right-top-data">
           <div class="lable">
-            <div class="lable-title">
+            <div class="lable-title" v-if="userDetail.detection">
               <div>面诊标签</div>
-              <div @click="goTestSkinDetials" v-if='userDetail.detection'>执行方案</div>
+              <div @click="goTestSkinDetials" v-if='userDetail.detection.id'>执行方案</div>
             </div>
             <div class="problem">
               <div class="problem-title">问题标签&nbsp;</div>
@@ -409,7 +409,8 @@ export default {
       this.$router.push({
         path: "/testSkin/details",
         query: {
-          id: this.userDetail.detection.id
+          id: this.userDetail.detection.id,
+          isback:true
         }
       });
     },
@@ -508,6 +509,7 @@ export default {
         query: {
           id: this.id,
           activeName: activeName,
+          isback:true
         },
       });
     },

src/pages/customerMan/index.vue

@@ -32,7 +32,10 @@
         <i @click="openFilterPop" class="el-icon-s-operation"></i>
       </div>
       <!-- 筛选条件弹窗 -->
-      <select-pop :visible.sync='dialogVisible'></select-pop>
+      <select-pop
+        :visible.sync="dialogVisible"
+        @saveSelectList="saveSelectList"
+      ></select-pop>
     </div>
 
     <div class="user-list">
@@ -81,9 +84,9 @@
 
 <script>
 import api from "../../server/home";
-import selectPop from './selectPop/index.vue'
+import selectPop from "./selectPop/index.vue";
 export default {
-  components: {selectPop},
+  components: { selectPop },
   data() {
     return {
       searchText: "",
@@ -105,31 +108,69 @@ export default {
       total: 0,
       face: false, //未面诊用户开关
       silence: false, //沉默用户开关
-      dialogVisible:false // 控制筛选弹框
+      dialogVisible: false, // 控制筛选弹框
     };
   },
   computed: {},
   watch: {},
 
   methods: {
+    // 筛选其他条件
+    saveSelectList(
+      customerKey,
+      couponKey,
+      cardKey,
+      latelyKey,
+      superpositionNum,
+      StoredPrice,
+      transitionNum
+    ) {
+      this.getUserList(
+        customerKey,
+        couponKey,
+        cardKey,
+        latelyKey,
+        superpositionNum,
+        StoredPrice,
+        transitionNum
+      );
+    },
     // 筛选沉默用户
-    showSilence(e){
-      console.log(e);
+    showSilence(e) {
+      this.getUserList();
     },
     // 筛选未面诊用户
-    showFace(e){
-      console.log(e);
+    showFace(e) {
+      this.getUserList();
     },
     // 打开筛选条件弹框
     openFilterPop() {
       this.dialogVisible = true;
     },
     // 获取订单列表
-    getUserList() {
+    getUserList(
+      customerKey,
+      couponKey,
+      cardKey,
+      latelyKey,
+      superpositionNum,
+      StoredPrice,
+      transitionNum
+    ) {
+      console.log(customerKey);
       let params = {
         page: this.currentPage1,
         limit: this.limit,
         keywords: this.searchText,
+        silence_user: this.silence ? 1 : 0, //沉默付费用户1是显示 0是不显示
+        face_user: this.face ? 1 : 0, //显示未面诊付费用户 1是显示 0是不显示
+        tag:customerKey,
+        coupon_days:couponKey,
+        card_days:cardKey,
+        buying_time:latelyKey,
+        project_add:superpositionNum,
+        balance_money:StoredPrice,
+        change_add:transitionNum
       };
       api.getUserList(params).then((res) => {
         if (res.code == 200) {

src/pages/customerMan/myOrder/index.vue

@@ -302,13 +302,13 @@ type: "全额券" -->
                   </div>
                 </template>
               </el-table-column>
-              <el-table-column prop="status" label="状态" show-overflow-tooltip>
+              <!-- <el-table-column prop="status" label="状态" show-overflow-tooltip>
                 <template slot-scope="scope">
                   <div>{{ scope.row.msg }}</div>
                 </template>
-              </el-table-column>
+              </el-table-column> -->
               <!--  余额类型(记录类型，1充值，2充值赠送，3订单退款，5提现驳回，-1消费，-2提现冻结，10客服添加，-10客服扣除) -->
-              <!-- <el-table-column prop="status" label="类型" show-overflow-tooltip>
+              <el-table-column prop="status" label="类型" show-overflow-tooltip>
                 <template slot-scope="scope">
                   <div>
                     {{
@@ -332,7 +332,7 @@ type: "全额券" -->
                     }}
                   </div>
                 </template>
-              </el-table-column> -->
+              </el-table-column>
             </el-table>
             <div class="pagin">
               <el-pagination

src/pages/customerMan/selectPop/index.vue

@@ -92,14 +92,14 @@
               size="mini"
             ></el-input-number>
           </div>
-          <div class="consumePrice">
+          <!-- <div class="consumePrice">
             <div class="consumePrice-title">总消费金额</div>
             <div class="consumePrice-content">
               <el-input v-model="minConsumePrice"></el-input>
               <div>-</div>
               <el-input v-model="maxConsumePrice"></el-input>
             </div>
-          </div>
+          </div> -->
           <div class="StoredPrice">
             <div class="StoredPrice-title">总储值金额</div>
             <div class="StoredPrice-content">
@@ -141,16 +141,19 @@ export default {
       couponSource: {
         name: "优惠券快过期付费用户",
         title: ["3天", "5天", "7天", "15天"],
+        day: ["3", "5", "7", "15"],
       },
 
       cardSource: {
         name: "次卡快过期付费用户",
         title: ["3天", "5天", "7天", "15天", "30天"],
+        day: ["3", "5", "7", "15", "30"],
       },
 
       latelySource: {
         name: "距离最近消费时间",
         title: ["3天", "5天", "7天", "15天", "15天以上"],
+        day: ["3", "5", "7", "15", "16"],
       },
       customerSelect: [], //客户来源下标
       couponSelect: 99, //优惠券快过期付费用户下标
@@ -163,11 +166,9 @@ export default {
       minStoredPricePrice: 0, //储值最小金额
       maxStoredPricePrice: "", //储值最大金额
       customerKey: [], //选择客户来源列表
-      conditionList: {
-        couponKey: "",
-        cardKey: "",
-        latelyKey: "",
-      },
+      couponKey: "", //优惠券快过期天数
+      cardKey: "", //此卡过期天数
+      latelyKey: "", //距离最近消费时间天数
     };
   },
   methods: {
@@ -178,12 +179,20 @@ export default {
     },
     // 保存筛选条件
     save() {
-      let selectList = [];
-      selectList.push(this.conditionList.couponKey);
-      selectList.push(this.conditionList.cardKey);
-      selectList.push(this.conditionList.latelyKey);
-      console.log(selectList);
+      let StoredPrice = [];
+      StoredPrice.push(this.minStoredPricePrice);
+      StoredPrice.push(this.maxStoredPricePrice);
       this.$emit("update:visible", false);
+      this.$emit(
+        "saveSelectList",
+        this.customerKey.length == 0 ? 0 : this.customerKey,
+        this.couponKey.length == 0 ? 0 : this.couponKey,
+        this.cardKey.length == 0 ? 0 : this.cardKey,
+        this.latelyKey.length == 0 ? 0 : this.latelyKey,
+        this.superpositionNum,
+        this.maxStoredPricePrice.length == 0 ? 0 : StoredPrice.toString(),
+        this.transitionNum
+      );
     },
     // 关闭弹窗
     closeFilterPop() {
@@ -197,22 +206,23 @@ export default {
         return;
       }
       this.customerSelect.push(index);
-      this.customerKey.push(item)
+      // 0 无1线下进店 2种子用户 3美团/大众 4抖音 5达人探店 6霸王餐 7老带新/转介绍,多个使用数组
+      this.customerKey.push(index + 1);
     },
     // 选择优惠券快过期付费用户
     couponFilter(item, index) {
       this.couponSelect = index;
-      this.$set(this.conditionList, "couponKey", item);
+      this.couponKey = this.couponSource.day[index];
     },
     // 选择此卡快过期下标
     cardFilter(item, index) {
       this.cardSelect = index;
-      this.$set(this.conditionList, "cardKey", item);
+      this.cardKey = this.cardSource.day[index];
     },
     // 选择距离最近消费时间
     latelyFilter(item, index) {
       this.latelySelect = index;
-      this.$set(this.conditionList, "latelyKey", item);
+      this.latelyKey = this.latelySource.day[index];
     },
   },
   watch: {