From d45d5c9676417aacfffeaa8d5fa989f91496a9b6 Mon Sep 17 00:00:00 2001
From: cwchen <1048842385@qq.com>
Date: Fri, 7 Mar 2025 14:35:29 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=A1=E6=A0=B8=E8=A7=92=E8=89=B2=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../auditRoleManagement/index.vue             |  2 +-
 .../auditRoleManagement/popup/bandUser.vue    | 35 +++++++++++++------
 2 files changed, 25 insertions(+), 12 deletions(-)

diff --git a/src/views/jurisdiction/auditRoleManagement/index.vue b/src/views/jurisdiction/auditRoleManagement/index.vue
index c366434b..bfb1337e 100644
--- a/src/views/jurisdiction/auditRoleManagement/index.vue
+++ b/src/views/jurisdiction/auditRoleManagement/index.vue
@@ -81,7 +81,7 @@ export default {
       tableData: [],
       isflag: false /**用于设置弹窗 */,
       isflag2: false /**用于绑定用户设置弹窗 */,
-      num: 3
+      num: 3,
     };
   },
   components: {
diff --git a/src/views/jurisdiction/auditRoleManagement/popup/bandUser.vue b/src/views/jurisdiction/auditRoleManagement/popup/bandUser.vue
index 9150e0f5..a8eaa221 100644
--- a/src/views/jurisdiction/auditRoleManagement/popup/bandUser.vue
+++ b/src/views/jurisdiction/auditRoleManagement/popup/bandUser.vue
@@ -3,13 +3,15 @@
   <el-dialog class="l-dialog" :class="lDialog" :title="title" :visible.sync="dialogVisible" :showClose="false"
     :closeOnClickModal="false">
     <div>
-      <el-form :model="dataForm" ref="ruleForm" label-width="110px">
+      <el-form :model="dataForm" :rules="rules" ref="ruleForm"  label-width="110px">
         <el-form-item label="角色名称">
           <el-input style="width:100%" v-model="dataForm.roleName" :disabled="true" maxlength="20"></el-input>
         </el-form-item>
-        <el-form-item label="绑定用户">
-          <el-select style="width:100%" v-model="dataForm.userId" multiple filterable default-first-option placeholder="请选择用户">
-            <el-option v-for="item in usersList" :key="item.userId" :label="`${item.roleName} - ${item.userName}`" :value="item.userId">
+        <el-form-item label="绑定用户" prop="userId">
+          <el-select style="width:100%" v-model="dataForm.userId" multiple filterable default-first-option
+            placeholder="请选择用户">
+            <el-option v-for="item in usersList" :key="item.userId" :label="`${item.roleName} - ${item.userName}`"
+              :value="item.userId">
             </el-option>
           </el-select>
         </el-form-item>
@@ -17,7 +19,7 @@
     </div>
     <span slot="footer" class="dialog-footer">
       <el-button class="clear-btn" @click="handleClose" :disabled="disabled">取消</el-button>
-      <el-button type="primary" class="search-btn" :disabled="disabled" @click="submitForm()">确认</el-button>
+      <el-button type="primary" class="search-btn" :disabled="disabled" @click="submitForm('ruleForm')">确认</el-button>
     </span>
   </el-dialog>
 </template>
@@ -38,7 +40,11 @@ export default {
         children: 'children',
         label: 'name'
       },
-      roleTypes: ['WEB角色', 'APP角色'],
+      rules: {
+        userId: [
+          { required: true, message: '至少选择一个用户', trigger: 'change'}
+        ],
+      },
     };
   },
   mounted() {
@@ -61,11 +67,18 @@ export default {
       });
     },
     /**验证 */
-    submitForm() {
-      let data = JSON.parse(JSON.stringify(this.dataForm));
-      data.userId = data.userId.join(',');
-      data.roleId = data.id;
-      this.$emit('submit2', data);
+    submitForm(formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          let data = JSON.parse(JSON.stringify(this.dataForm));
+          data.userId = data.userId.join(',');
+          data.roleId = data.id;
+          this.$emit('submit2', data);
+        } else {
+          console.log('error submit!!');
+          return false;
+        }
+      });
     }
   }
 };