fix: 修改编辑标签

src/components/app/my-customer/edit-tag-dialog.vue

@@ -4,7 +4,7 @@
  * @Author: 无尘
  * @Date: 2020-09-01 17:16:25
  * @LastEditors: 无尘
- * @LastEditTime: 2020-09-04 10:32:31
+ * @LastEditTime: 2020-09-04 13:58:02
 -->
 
 <!--
@@ -14,7 +14,7 @@
 <template>
   <el-dialog :title="form.tagId ? '编辑标签' : '新建标签'" width="600px" :visible.sync="editVisible" :before-close="handleClose">
     <common-alert-tip :width="'476px'" :tip-content="tipContent"></common-alert-tip>
-    <el-form :model="form" :rules="rules" ref="tagForm" label-width="110px">
+    <el-form class="m-t-20" :model="form" :rules="rules" ref="tagForm" label-width="110px">
       <el-form-item label="标签名称" prop="tagName">
         <limit-input
           :input-width="440"
@@ -43,14 +43,17 @@
           @close="handleDel(index)">
           {{item.tagValue}}
         </el-tag>
-        <div>
+        <div class="m-t-5 input-tag-div">
           <el-input
             class="input-new-tag"
             v-model="inputValue"
             ref="saveTagInput"
             size="small"
+            maxlength="15"
+            placeholder="请输入标签值并回车添加多个"
             @keyup.enter.native="handleInputConfirm">
           </el-input>
+          <span class="input-cell-tip top-40">{{inputValue.length}}/100</span>
         </div>
       </el-form-item>
     </el-form>
@@ -143,7 +146,7 @@ export default {
       if (inputValue) {
         that.form.childList.push(
           {
-            tagValueId: that.form.tagId,
+            tagValueId: '',
             tagValue: inputValue
           }
         );
@@ -229,6 +232,28 @@ export default {
 };
 </script>
 <style lang='less' scoped>
-
-
+  .m-t-5 {
+    margin-top: 5px;
+  }
+  .el-form {
+    .el-select {
+      width: 440px;
+    }
+    .el-input {
+      width: 440px;
+    }
+    .input-tag-div {
+      .input-cell-tip {
+        position: absolute;
+        top: 2px;
+        right: 30px;
+        display: inline-block;
+        line-height: 32px;
+        text-align: right;
+        font-size: 12px;
+        color: #c0c4cc;
+        font-weight: 400;
+      }
+    }
+  }
 </style>

src/components/limit-input.vue

@@ -4,7 +4,7 @@
  * @Author: 无尘
  * @Date: 2018-12-06 13:44:22
  * @LastEditors: 无尘
- * @LastEditTime: 2020-09-03 18:07:27
+ * @LastEditTime: 2020-09-04 11:38:17
  -->
 <!--
   限制输入框组件
@@ -21,7 +21,7 @@
  -->
 <template>
   <div :class="['input-line-cell', limitClass]" :style="{ width: inputWidth + 'px' }">
-    <el-input :style="{ width: inputWidth + 'px' }" v-model="itemValue" :disabled="disflag" :placeholder="holder" @blur="inputBlur()" @keyup.native="value => toInput(value)"> </el-input>
+    <el-input :style="{ width: inputWidth + 'px' }" v-model="itemValue" :disabled="disflag" :placeholder="holder" :maxlength="inputLength" @blur="inputBlur()" @keyup.native="value => toInput(value)"> </el-input>
     <span class="input-cell-tip"><span class="len_span">{{ inputNum }}</span>/{{ limitLength }}</span>
   </div>
 </template>
@@ -72,7 +72,8 @@ export default {
     return {
       inputNum: 0,
       limitLength: 10,
-      itemValue: ''
+      itemValue: '',
+      inputLength: this.getByType == 'normal' ? this.maxLength : 500
     };
   },
 

src/views/apps/customer-app/crowd-scene.vue

@@ -4,7 +4,7 @@
  * @Author: 无尘
  * @Date: 2020-08-27 10:16:37
  * @LastEditors: 无尘
- * @LastEditTime: 2020-09-04 10:49:48
+ * @LastEditTime: 2020-09-04 10:55:04
  -->
 
 <template>
@@ -111,6 +111,7 @@ export default {
     const that = this;
     if (!!that.brandId) {
       that.getGroupList();
+      that.getGroupClassify();
     }
     that.rowDrop('memberCrowdData');
   },