update: 选择成员

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

@@ -22,7 +22,7 @@
         <el-button v-if="!disabled" type="text" class="update-clerk-trigger" @click="showSelectClerk = true">修改成员</el-button>
       </div>
     </template>
-    <select-clerk :visible.sync="showSelectClerk" :multiple="multiple" :max="max" :data="data" @save="onChange"></select-clerk>
+    <select-clerk :visible.sync="showSelectClerk" :is-simple="isSimple" :multiple="multiple" :max="max" :data="data" @save="onChange"></select-clerk>
   </div>
 </template>
 
@@ -33,6 +33,11 @@ export default {
   name: 'Index',
   components: { SelectClerk, SelectedClerkItem },
   props: {
+    // 是否单人活码
+    isSimple: {
+      type: Boolean,
+      default: false
+    },
     // 是否多选
     multiple: {
       type: Boolean,

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

 <template>
-  <el-dialog :visible.sync="show" title="选择成员" width="1030px" @close="onCancel">
+  <el-dialog :visible.sync="show" title="选择成员" width="1030px" append-to-body @close="onCancel">
     <div class="select-clerk" v-loading="loading">
       <!-- 选择导购 -->
       <div class="clerk-list">
@@ -100,10 +100,16 @@ export default {
       type: Array,
       default: () => []
     },
+    // 是否批量选择导购
     multiple: {
       type: Boolean,
       default: false
     },
+    // 是否单人活码
+    isSimple: {
+      type: Boolean,
+      default: false
+    },
     max: {
       type: Number,
       default: 100
@@ -173,10 +179,14 @@ export default {
             el.clerkList = Array.isArray(el.clerkList) ? el.clerkList : [];
             // 设置导购的禁用状态和选中状态
             el.clerkList = el.clerkList.map(item => {
-              item.disabled = this.multiple ? item.hmStatus == 1 || item.hmStatus == 2 : item.hmStatus == 1 || item.hmStatus == 2 || item.hmStatus == 3;
+              item.disabled = this.isSimple ? item.hmStatus == 1 || item.hmStatus == 2 || item.hmStatus == 3 : item.hmStatus == 1 || item.hmStatus == 2;
               item.selected = this.selected.some(clerk => clerk.clerkId == item.clerkId);
               return item;
             });
+            this.selected = this.selected.map(item => {
+              const clerk = el.clerkList.find(cell => cell.clerkId == item.clerkId);
+              return clerk ? clerk : item;
+            });
             // 设置门店禁用状态、选中状态和半选状态
             el.disabled = el.clerkList.length == 0 || el.clerkList.every(el => el.disabled);
             el.selected = el.clerkList.length > 0 && el.clerkList.every(el => !el.disabled && el.selected);

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

@@ -16,7 +16,7 @@
           </el-radio-group>
           <br />
           <p v-if="memberType == 1" class="tips">当前已选择 {{ hmMemberNum }} 个成员 <span>(活码名称默认为使用成员名称)</span></p>
-          <select-clerk style="margin-top: 12px;" v-if="memberType == 2" :multiple="true" :data="data" @change="onChange"></select-clerk>
+          <select-clerk style="margin-top: 12px;" v-if="memberType == 2" :is-simple="true" :multiple="true" :data="data" @change="onChange"></select-clerk>
         </el-form-item>
       </template>
     </setActCode>

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

@@ -18,7 +18,7 @@
         <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>
+          <select-clerk :is-simple="form.hmType == 1" :multiple="multiple" :data="data" @change="onChange" :disabled="clerkDisabled"></select-clerk>
         </el-form-item>
       </template>
     </setActCode>