客户标签

store/src/admin/member/detail.vue

@@ -88,13 +88,12 @@
     <!-- 标签 -->
 
     <div class="module-com remark-wrap">
-      <div class="app-blod"><span>标签</span><i class="iconfont icontianjiakehu" style="float:right;"></i></div>
+      <div class="app-blod"><span>标签</span><i class="iconfont icontianjiakehu" @click="setUserTag" style="float:right;font-size:40rpx;"></i></div>
       <div class="list-wrap">
 
-    <span class="user_tag">常买散花</span>
-    <span class="user_tag">企业客户</span>
-    <span class="user_tag">生日送过</span>
-    
+        <span class="user_tag">常买散花</span>
+        <span class="user_tag">企业客户</span>
+        <span class="user_tag">生日送过</span>
 
       </div>
     </div>
@@ -136,6 +135,39 @@
       </div>
       <!-- <div class="more-text" v-if="!orderMoreStatus" @click="orderMoreFn">更多 ></div> -->
     </div>
+
+    <!-- 客户标签 -->
+    <modal-module
+      :show="userTagModal"
+      @cancel="modalCancel"
+      @click="userTagModalClick"
+      :maskClosable="false"
+      title="客户标签"
+      padding="30rpx 30rpx"
+    >
+      <template v-slot:content>
+        <div class="app-modal-input-wrap">
+
+    <view style="padding:0 8px 10px 8px;">
+
+<span class="user_tag">恋人</span>
+<span class="user_tag">学生</span>
+<span class="user_tag">准婚</span>
+<span class="user_tag">同行</span>
+<span class="user_tag">常买散花</span>
+<span class="user_tag">企业客户</span>
+<span class="user_tag">生日送过</span>
+<span class="user_tag">酒店</span>
+<span class="user_tag">影楼</span>
+<span class="user_tag">开花艺课</span>
+<span class="user_tag">学员</span>
+
+    </view>
+          
+        </div>
+      </template>
+    </modal-module>
+
     <!-- 充值弹窗 -->
     <modal-module
       :show="rechargeModal"
@@ -298,6 +330,7 @@ export default {
       data: {},
       // modal
       rechargeModal: false,
+      userTagModal:false,
       passwordModal: false,
       upgradeModal: false,
       remarkModal: false,
@@ -417,6 +450,10 @@ export default {
         phoneNumber: phone //仅为示例
       });
     },
+    //设置客户标签
+    setUserTag(){
+      this.userTagModal = true;
+    },
     init() {
       this._getUserDet();
       getLevel();
@@ -519,6 +556,13 @@ export default {
         this.promptRemarkModal = true;
       }
     },
+    userTagModalClick(e){
+      if (e.index === 0) {
+        this.modalCancel();
+      } else {
+        this.modalCancel();
+      }
+    },
     remarkModalClick(e) {
       if (e.index === 0) {
         this.modalCancel();
@@ -546,6 +590,7 @@ export default {
     },
     modalCancel() {
       this.rechargeModal = false;
+      this.userTagModal = false;
       this.passwordModal = false;
       this.upgradeModal = false;
       this.remarkModal = false;
@@ -677,11 +722,12 @@ export default {
 }
 .user_tag{
   border:1px solid #CCCCCC;
-  padding:2px 10px 2px 10px;
-  border-radius:22px;
+  font-size:28rpx;
+  padding:4px 10px 4px 10px;
+  border-radius:30px;
   color:#BBBBBB;
   margin-right:10px;
-  margin-bottom:12px;
+  margin-bottom:15px;
   display:inline-block;
 }
 </style>