调整员工设置注册会员、允许注册会员开关回显的问题

src/views/company/companyUser/index.vue

@@ -547,29 +547,34 @@
     </el-dialog>
 
     <!-- 设置单独注册会员弹窗 -->
+    <!-- 设置单独注册会员 -->
     <el-dialog title="设置单独注册会员" :visible.sync="registerOpen" width="400px" append-to-body>
-      <el-form ref="registerForm" :model="registerForm" label-width="180px">
-        <el-form-item label="是否需要开启单独注册">
-          <el-switch v-model="registerForm.status" active-value="true" inactive-value="false"></el-switch>
+      <el-form ref="registerForm" :model="registerForm" label-width="160px">
+        <el-form-item label="是否开启单独注册">
+          <el-switch v-model="registerForm.status" :active-value="true" :inactive-value="false"></el-switch>
         </el-form-item>
       </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitRegisterForm">确 定</el-button>
-        <el-button @click="registerOpen = false">取 消</el-button>
-      </div>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitRegisterForm">确 定</el-button>
+          <el-button @click="registerOpen = false">取 消</el-button>
+        </div>
+      </template>
     </el-dialog>
 
-    <!-- 是否允许所有方式注册会员弹窗 -->
+    <!-- 允许注册会员 -->
     <el-dialog title="允许注册会员" :visible.sync="allowedAllRegisterOpen" width="400px" append-to-body>
-      <el-form ref="registerForm" :model="allowedAllRegisterForm" label-width="180px">
+      <el-form ref="allowedAllRegisterForm" :model="allowedAllRegisterForm" label-width="160px">
         <el-form-item label="是否允许注册会员">
-          <el-switch v-model="allowedAllRegisterForm.status" active-value="true" inactive-value="false"></el-switch>
+          <el-switch v-model="allowedAllRegisterForm.status" :active-value="true" :inactive-value="false"></el-switch>
         </el-form-item>
       </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitAllowedAllRegisterForm">确 定</el-button>
-        <el-button @click="allowedAllRegisterOpen = false">取 消</el-button>
-      </div>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitAllowedAllRegisterForm">确 定</el-button>
+          <el-button @click="allowedAllRegisterOpen = false">取 消</el-button>
+        </div>
+      </template>
     </el-dialog>
 
     <el-dialog :title="bindCompanyUrl.title" v-if="bindCompanyUrl.open"  :visible.sync="bindCompanyUrl.open" width="450px"  append-to-body>
@@ -671,6 +676,12 @@ export default {
       },
       // 选中数组
       ids: [],
+
+      //允许注册会员
+      isAllowedAllRegister: [],
+
+      //是否单独注册
+      isNeedRegisterMember: [],
       synform:{corpId:null},
       synOpen:false,
       synNameform:{corpId:null},
@@ -765,7 +776,7 @@ export default {
       qwStatusOptions:[],
       registerOpen: false,
       registerForm: {
-        status: false
+        status: false,
       },
       // 表单校验
       rules: {
@@ -1117,6 +1128,8 @@ export default {
     // 多选框选中数据
     handleSelectionChange(selection) {
       this.ids = selection.map((item) => item.userId);
+      this.isNeedRegisterMember = selection.map((item) => item.isNeedRegisterMember);
+      this.isAllowedAllRegister = selection.map((item) => item.isAllowedAllRegister);
       this.single = selection.length != 1;
       this.multiple = !selection.length;
     },
@@ -1407,7 +1420,12 @@ export default {
     /** 设置单独注册会员按钮操作 */
     handleSetRegister() {
       this.registerOpen = true;
-      this.registerForm.status = false;
+
+      if (this.isNeedRegisterMember && this.isNeedRegisterMember.some(item => item === 0)) {
+        this.registerForm.status = false;
+      } else {
+        this.registerForm.status = true;
+      }
     },
     /** 提交设置单独注册会员 */
     submitRegisterForm() {
@@ -1423,6 +1441,11 @@ export default {
     /** 开关是否允许所有方式注册会员 */
     handleAllowedAllRegister() {
       this.allowedAllRegisterOpen = true;
+      if (this.isAllowedAllRegister && this.isAllowedAllRegister.some(item => item === 0)) {
+        this.allowedAllRegisterForm.status = false;
+      } else {
+        this.allowedAllRegisterForm.status = true;
+      }
       // this.allowedAllRegisterForm.status = true;
     },
     // 提交