update: 会员详情标签

src/components/axios/url.js

@@ -79,6 +79,7 @@ const urlConfig = {
   switchPos: '/api-member/member-change-wechat-member-pos', // 微信转pos
   getBlockList: '/api-member/enteprise-black-list-page', // 黑名单列表
   addToWhiteList: '/api-member/update-member-white-list', // 加入白名单
+  memberTagGroupDetail: '/api-member/member-tag-group-detail' //会员分组详情
 }
 
 const defaultUrl = Object.assign({}, urlConfig);

src/components/wechatmembers/storedValue.vue

+<template>
+     <div>
+     <v-nav :navpath="navpath"></v-nav>
+     </div>
+</template>
+<script>
+import nav from "../../common/navbar/navbar.vue";
+export default ({
+  components: {
+    "v-nav": nav
+  },
+  data() {
+      return {
+       navpath: [
+        {
+          name: "首页",
+          path: ""
+        },
+        {
+          name: "微信会员",
+          path: "/wechatmembers"
+        },
+        {
+          name: "会员详情",
+          path: "/wechatmemberDetail?memberId=" + this.$route.query.memberId
+        },
+        {
+          name: "储值明细",
+          path: "/storedValue?memberId=" + this.$route.query.memberId
+        }
+      ],
+      }
+  },
+
+})
+</script>
+<style scoped>
+</style>

src/components/wechatmembers/wechatTotalDetail.js

@@ -183,7 +183,11 @@ export default {
       },
       // 这一块的数据真是乱七八糟 都搞不清谁是谁
       // 请以后写好注释 完全不想看
-      systemTags: null,
+      // systemTags: null,
+      memberTagGroupList: [], //分组列表
+      memberGradeGroup: {
+        groupName: ''
+      }, // 分层分组
       tagsList: [],
       fieldList: [],
       remarkList: [],
@@ -259,6 +263,23 @@ export default {
         console.log(err);
       })
     },
+    getMemberTagGroupDetail() {
+      doFetch(url.memberTagGroupDetail, {
+        memberId: this.memberId
+      }).then(res=>{
+        if (res.data.errorCode === 0) {
+          res.data.result.memberGradeGroup?this.memberGradeGroup = res.data.result.memberGradeGroup:'';
+          this.memberTagGroupList = res.data.result.memberTagGroupList;
+        } else {
+          checkFalse(res.data.message);
+          return false;
+        }
+        // this.memberTagGroupList = this.memberTagGroupList.splice(0);
+        // console.log(this.memberTagGroupList);
+      }).catch(err => {
+          checkStatus(err);
+        });
+    },
     // 修改协管门店
     handleUpdateSubStore() {
       if (!this.updateSubStores.storeIds.length > 0) {
@@ -919,6 +940,7 @@ export default {
       this.getAddressPage();
       this.getExtendInfo();
       this.getBaseDetail();
+      this.getMemberTagGroupDetail();
       this.getLogPage();
       this.getEnterpriseInfo();
     }

src/components/wechatmembers/wechatTotalDetail.vue

@@ -262,17 +262,19 @@
               <div class="tag-container">
                 <div class="system-title">
                   <div class="line"></div>
-                  <h3>系统标签</h3>
+                 <div style="text-align: center">
+                  <h3>会员分组</h3>
+                  <p style="font-size: 12px;color: dimgray;">（每日更新一次）</p>
+                  </div>
                   <div class="line"></div>
                 </div>
                 <div class="tag-list-content">
                   <div class="member-tag-list">
-                    <span class="member-tag-item" v-for="(item, index) in systemTags" :key="index">{{ item.tagsName }}</span>
+                    <span class="member-tag-title">金字塔分层: </span> <span  class="member-tag-item">{{ memberGradeGroup.groupName}}</span>
                   </div>
-                  <!-- 标签为空-->
-                  <div class="tag-null" v-show="!systemTags">
-                    <i class="el-icon-tickets"></i>
-                    <p>暂无系统标签</p>
+                  <div class="member-tag-list">
+                   <span class="member-tag-title">会员分组: </span> 
+                   <span class="member-tag-item" v-for="(item, index) in memberTagGroupList" :key="index">{{ item.groupName }}</span>
                   </div>
                 </div>
               </div>
@@ -885,7 +887,9 @@ export default { ...wechatTotalDetail }
     text-align center
     display flex
     flex-wrap wrap
-    justify-content center
+  .member-tag-title
+    display: flex
+    align-items: center
   .member-tag-item
     padding 10px 20px
     background-color $tagcolor

src/components/wechatmembers/wechatmemberDetail.js

@@ -183,7 +183,11 @@ export default {
       },
       // 这一块的数据真是乱七八糟 都搞不清谁是谁
       // 请以后写好注释 完全不想看
-      systemTags: null,
+      // systemTags: null,
+      memberTagGroupList: [], //分组列表
+      memberGradeGroup: {
+        groupName: ''
+      }, // 分层分组
       tagsList: [],
       fieldList: [],
       remarkList: [],
@@ -782,7 +786,7 @@ export default {
           if (res.data.errorCode === 0) {
             const data = res.data.result;
 
-            this.systemTags = res.data.result.systemTags || [];
+            // this.systemTags = res.data.result.systemTags || [];
             this.tagsList = res.data.result.tagsList || [];
 
             // 导购备注信息
@@ -821,6 +825,23 @@ export default {
           checkStatus(err);
         });
     },
+    getMemberTagGroupDetail() {
+      doFetch(url.memberTagGroupDetail, {
+        memberId: this.memberId
+      }).then(res=>{
+        if (res.data.errorCode === 0) {
+          res.data.result.memberGradeGroup?this.memberGradeGroup = res.data.result.memberGradeGroup:'';
+          this.memberTagGroupList = res.data.result.memberTagGroupList;
+        } else {
+          checkFalse(res.data.message);
+          return false;
+        }
+        // this.memberTagGroupList = this.memberTagGroupList.splice(0);
+        // console.log(this.memberTagGroupList);
+      }).catch(err => {
+          checkStatus(err);
+        });
+    },
     getBaseDetail() {
       doFetch(url.baseDetail, {
         memberId: this.memberId,
@@ -917,6 +938,7 @@ export default {
       this.getAddressPage();
       this.getExtendInfo();
       this.getBaseDetail();
+      this.getMemberTagGroupDetail();
       this.getLogPage();
       this.getEnterpriseInfo();
     }

src/components/wechatmembers/wechatmemberDetail.vue

@@ -26,7 +26,7 @@
             <p class="color555">{{ memberInfo.accumulatPoints | fomatNumber }}</p>
           </div>
           <div class="wechat-baseitem">
-            <p class="font14">储值</p>
+            <p class="font14" @click="linkRoute('/storedValue')">储值</p>
             <p class="color555">{{ memberInfo.storedValue | fomatNumber }}</p>
           </div>
           <div class="wechat-baseitem pointer" @click="cardDetail(memberInfo.memberId)">
@@ -263,18 +263,25 @@
               <div class="tag-container">
                 <div class="system-title">
                   <div class="line"></div>
-                  <h3>系统标签</h3>
+                  <div style="text-align: center">
+                  <h3>会员分组</h3>
+                  <p style="font-size: 12px;color: dimgray;">（每日更新一次）</p>
+                  </div>
                   <div class="line"></div>
                 </div>
                 <div class="tag-list-content">
                   <div class="member-tag-list">
-                    <span class="member-tag-item" v-for="(item, index) in systemTags" :key="index">{{ item.tagsName }}</span>
+                    <span class="member-tag-title">金字塔分层: </span> <span  class="member-tag-item">{{ memberGradeGroup.groupName}}</span>
+                  </div>
+                  <div class="member-tag-list">
+                   <span class="member-tag-title">会员分组: </span> 
+                   <span class="member-tag-item" v-for="(item, index) in memberTagGroupList" :key="index">{{ item.groupName }}</span>
                   </div>
                   <!-- 标签为空-->
-                  <div class="tag-null" v-show="!systemTags">
+                  <!-- <div class="tag-null" v-show="!systemTags">
                     <i class="el-icon-tickets"></i>
                     <p>暂无系统标签</p>
-                  </div>
+                  </div> -->
                 </div>
               </div>
               <!--导购手工标签-->
@@ -886,7 +893,9 @@ export default { ...wechatmemberDetail }
     text-align center
     display flex
     flex-wrap wrap
-    justify-content center
+  .member-tag-title
+    display: flex
+    align-items: center
   .member-tag-item
     padding 10px 20px
     background-color $tagcolor

src/router/index.js

@@ -215,6 +215,13 @@ export const constantRouterMap = [
         }
       },
       {
+        path: "/storedValue",
+        component: _import("wechatmembers", "storedValue"),
+        meta: {
+          title: "微信会员-储值明细"
+        }
+      },
+      {
         path: "/modifyintegral",
         component: _import("wechatmembers", "modifyintegral"),
         meta: {