update: 新建活码

src/views/salesleads/actCodeManage/components/select-clerk/select-clerk.vue

@@ -365,7 +365,7 @@ export default {
   }
   .clerk-list {
     padding: 10px 16px;
-    width: 700px;
+    width: 694px;
     box-sizing: border-box;
     .hide-empty {
       >>> .el-table__empty-block {

src/views/salesleads/actCodeManage/staffActCode/views/setActCode.vue

 <template>
   <div>
-    <setActCode ref="setActCodePage" @sumbit="onSubmit" :actCodeData="detailCode">
+    <setActCode ref="setActCodePage" @sumbit="onSubmit" :actCodeData="form">
       <template #typeCode>
         <el-form-item label="活码类型" :rules="[{ required: true, message: '请选择活码类型', trigger: 'blur' }]">
           <el-radio-group v-model="form.hmType" @change="changeEvent" :disabled="$route.query.hmId">
@@ -10,12 +10,12 @@
         </el-form-item>
       </template>
       <template #codeName>
-        <el-form-item label="活码名称" :rules="[{ required: true, message: '请输入活码名称', trigger: 'blur' }]">
+        <el-form-item label="活码名称" prop="name" :rules="[{ required: true, message: '请输入活码名称', trigger: 'blur' }]">
           <el-input class="w340" v-model="form.name" placeholder="请输入活码名称，默认使用成员名称" maxlength="20" show-word-limit></el-input>
         </el-form-item>
       </template>
       <template #member>
-        <el-form-item label="关联导购" :rules="[{ required: true, message: '请选择使用成员', trigger: 'blur' }]">
+        <el-form-item label="关联导购" prop="clerkIdList" :rules="[{ required: true, message: '请选择使用成员', trigger: 'blur' }]">
           <p class="tabs" v-if="form.hmType == 1">单人活码仅可选择一名成员</p>
           <p class="tabs" v-if="form.hmType == 2">若选择多名成员，则随机分配企微员工</p>
           <select-clerk :multiple="multiple" :data="data" @change="onChange" :disabled="clerkDisabled"></select-clerk>
@@ -42,7 +42,6 @@ export default {
       multiple: false,
       data: [],
       dataArr: [],
-      detailCode: [],
       clerkDisabled: false
     };
   },
@@ -74,18 +73,19 @@ export default {
       if (this.form.name == '') {
         this.form.name = this.dataArr.toString();
       }
+      this.$nextTick(() => {
+        this.$refs.setActCodePage.getForm().validateField(['name', 'clerkIdList']);
+      });
     },
     async getActCodeInfo() {
       const that = this;
       that.loading = true;
       if (this.$route.query.hmId) {
         await getRequest('/haoban-manage3-web/hm/qrcode/detail', { hmId: this.$route.query.hmId }).then(res => {
-          this.detailCode = res.data.result;
-          this.form.hmType = this.detailCode.hmType;
-          this.form.name = this.detailCode.name;
-          this.form.clerkIdList = this.detailCode.clerkList.map(i => i.clerkId);
+          this.form = res.data.result;
+          this.form.clerkIdList = this.form.clerkList.map(i => i.clerkId);
           this.form.hmUserNum = this.form.clerkIdList.length;
-          this.data = this.detailCode.clerkList;
+          this.data = res.data.result.clerkList;
           if (this.form.hmType == 1) {
             this.clerkDisabled = true;
             this.multiple = false;

src/views/salesleads/components/act-code-set.vue

@@ -6,7 +6,7 @@
         <slot name="typeCode"></slot>
         <slot name="codeName"></slot>
         <el-form-item label="活码分组" prop="hmGroupId" class="code-group">
-          <el-select class="w340" v-model="form.hmGroupId" v-loadmore="onLoadmore" clearable filterable :filter-method="remoteMethod">
+          <el-select class="w340" v-model="form.hmGroupId" v-loadmore="onLoadmore" clearable filterable :filter-method="remoteMethod" @change="$refs.form.validateField('hmGroupId')">
             <el-option v-for="item in groupList" :key="item.groupId" :label="item.groupName" :value="item.groupId"></el-option>
           </el-select>
         </el-form-item>
@@ -94,6 +94,9 @@ export default {
     this.searchGroup();
   },
   methods: {
+    getForm() {
+      return this.$refs.form;
+    },
     handleTagCloseTag() {
       this.form.memberLabelName = '';
       this.form.memberLabelId = '';
@@ -181,13 +184,15 @@ export default {
   },
   watch: {
     actCodeData: {
+      deep: true,
       handler: function(val) {
         if (val) {
-          this.form.hmGroupId = val.hmGroupId;
+          this.form = val;
+          // this.form.hmGroupId = val.hmGroupId;
           this.form.passFlag = val.passFlag == 1 ? true : false;
           this.form.memberLabelId = val.memberLabelId ? val.memberLabelId : '';
           this.form.memberLabelName = val.memberLabelName ? val.memberLabelName : '';
-          this.form.welcomeId = val.welcomeId;
+          // this.form.welcomeId = val.welcomeId;
           if (this.form.welcomeId) {
             this.welcomeType = 1;
           } else {

static/css/public.css

@@ -849,12 +849,12 @@ select:-webkit-autofill {
     position: absolute;
     bottom: -30px;
 }
-.el-form .el-form-item.is-success .el-input__inner,
+/* .el-form .el-form-item.is-success .el-input__inner,
 .el-form .el-form-item.is-success .el-input__inner:focus,
 .el-form .el-form-item.is-success .el-textarea__inner,
 .el-form .el-form-item.is-success .el-textarea__inner:focus {
     border-color: #dcdfe6;
-}
+} */
 
 /* 开卡模板 */
 .template-cell-r .el-input.is-disabled .el-input__inner {