From 8c4dc74bdfae38802226d1e2204d534b38eabfc7 Mon Sep 17 00:00:00 2001
From: zxl <763096477@qq.com>
Date: 星期日, 02 三月 2025 23:31:22 +0800
Subject: [PATCH] 工程

---
 src/components/flow/Role/MyRole.vue |   35 +++++++++++++++--------------------
 1 files changed, 15 insertions(+), 20 deletions(-)

diff --git a/src/components/flow/Role/MyRole.vue b/src/components/flow/Role/MyRole.vue
index dfa4e74..2615f81 100644
--- a/src/components/flow/Role/MyRole.vue
+++ b/src/components/flow/Role/MyRole.vue
@@ -1,11 +1,12 @@
 <template>
   <div>
     <el-dialog
-      :title="`閫夋嫨鍊欓�夎鑹瞏"
+      :title="title"
       :visible.sync="show"
       width="65%"
       :destroy-on-close="true"
       :close-on-click-modal="false"
+      :modal-append-to-body="false"
       :modal="false"
       :before-close="close">
       <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch">
@@ -14,6 +15,7 @@
             v-model="queryParams.roleName"
             placeholder="璇疯緭鍏ヨ鑹插悕绉�"
             clearable
+            @clear="handleQuery"
             style="width: 240px"
             @keyup.enter.native="handleQuery"
           />
@@ -24,8 +26,8 @@
         </el-form-item>
       </el-form>
 
-      <el-table ref="dataTable"  v-loading="loading"  :data="roleList" @selection-change="handleMultipleRoleSelect">
-        <el-table-column type="selection" width="50" align="center" />
+      <el-table ref="dataTable" :row-key="getRowKey" v-loading="loading"  :data="roleList" @selection-change="handleMultipleRoleSelect">
+        <el-table-column type="selection" width="50" align="center"  :reserve-selection="true"/>
         <el-table-column label="瑙掕壊缂栧彿" prop="roleId"/>
         <el-table-column label="瑙掕壊鍚嶇О" prop="roleName" :show-overflow-tooltip="true"/>
         <el-table-column label="鏉冮檺瀛楃" prop="roleKey" :show-overflow-tooltip="true"/>
@@ -68,6 +70,11 @@
       required: true,
       default: true
     },
+    title: {
+      type: String,
+      required: false,
+      default: '鍊欓�夎鑹�'
+    },
     // 鍥炴樉鏁版嵁浼犲��
     selectValues: {
       type: Array,
@@ -79,22 +86,12 @@
     return {
       // 閬僵灞�
       loading: true,
-      // 閫変腑鏁扮粍
-      ids: [],
-      // 闈炲崟涓鐢�
-      single: true,
-      // 闈炲涓鐢�
-      multiple: true,
       // 鏄剧ず鎼滅储鏉′欢
       showSearch: true,
       // 鎬绘潯鏁�
       total: 0,
       // 瑙掕壊琛ㄦ牸鏁版嵁
       roleList: [],
-      // 寮瑰嚭灞傛爣棰�
-      title: "",
-      // 鏄惁鏄剧ず寮瑰嚭灞�
-      open: false,
       // 鏌ヨ鍙傛暟
       queryParams: {
         pageNum: 1,
@@ -103,28 +100,26 @@
         roleKey: undefined,
         status: undefined
       },
-      // 琛ㄥ崟鍙傛暟
-      form: {},
-      radioSelected: 0, // 鍗曢�夋浼犲��
       selectRoleList: [] // 鍥炴樉鏁版嵁浼犲��
     };
   },
   watch: {
   },
   mounted() {
-    console.log("鎴戝鍦ㄤ簡")
     this.getList();
   },
   methods: {
     // 淇濆瓨閫変腑鐨勬暟鎹甶d,row-key灏辨槸瑕佹寚瀹氫竴涓猭ey鏍囪瘑杩欎竴琛岀殑鏁版嵁
     getRowKey (row) {
+      console.log(row.roleId)
       return row.roleId
     },
     setChecked(val) {
-      console.log("鎺ユ敹鍒扮殑鏁版嵁", val)
+
       this.selectRoleList = val
+      console.log("鎺ユ敹鍒扮殑鏁版嵁", this.selectRoleList)
       this.$nextTick(() => {
-        val.forEach(check => {
+        this.selectRoleList.forEach(check => {
           this.$refs.dataTable.toggleRowSelection(check, true)
         })
       });
@@ -147,7 +142,7 @@
     },
     // 澶氶�夋閫変腑鏁版嵁
     handleMultipleRoleSelect(rows) {
-      this.selectRoleList = rows
+      this.selectRoleList = [...new Set(rows)]
     },
     /** 鎼滅储鎸夐挳鎿嶄綔 */
     handleQuery() {

--
Gitblit v1.8.0