From fe631515b71782a10a750874f6d4582fe027cd22 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期一, 03 十一月 2025 09:32:49 +0800
Subject: [PATCH] 公司-所有的表格添加斑马纹

---
 src/views/system/user/authRole.vue |   83 ++++++++++++++++++++++-------------------
 1 files changed, 45 insertions(+), 38 deletions(-)

diff --git a/src/views/system/user/authRole.vue b/src/views/system/user/authRole.vue
index 7fcb38d..85a6f1b 100644
--- a/src/views/system/user/authRole.vue
+++ b/src/views/system/user/authRole.vue
@@ -17,13 +17,13 @@
       </el-form>
 
       <h4 class="form-header h4">瑙掕壊淇℃伅</h4>
-      <el-table v-loading="loading" :row-key="getRowKey" @row-click="clickRow" ref="roleRef" @selection-change="handleSelectionChange" :data="roles.slice((pageNum - 1) * pageSize, pageNum * pageSize)">
+      <el-table v-loading="loading" :row-key="getRowKey" @row-click="clickRow" ref="roleRef" @selection-change="handleSelectionChange" :data="roles.slice((pageNum - 1) * pageSize, pageNum * pageSize)" stripe>
          <el-table-column label="搴忓彿" width="55" type="index" align="center">
             <template #default="scope">
                <span>{{ (pageNum - 1) * pageSize + scope.$index + 1 }}</span>
             </template>
          </el-table-column>
-         <el-table-column type="selection" :reserve-selection="true" width="55"></el-table-column>
+         <el-table-column type="selection" :reserve-selection="true" :selectable="checkSelectable" width="55"></el-table-column>
          <el-table-column label="瑙掕壊缂栧彿" align="center" prop="roleId" />
          <el-table-column label="瑙掕壊鍚嶇О" align="center" prop="roleName" />
          <el-table-column label="鏉冮檺瀛楃" align="center" prop="roleKey" />
@@ -46,71 +46,78 @@
 </template>
 
 <script setup name="AuthRole">
-import { getAuthRole, updateAuthRole } from "@/api/system/user";
+import { getAuthRole, updateAuthRole } from "@/api/system/user"
 
-const route = useRoute();
-const { proxy } = getCurrentInstance();
+const route = useRoute()
+const { proxy } = getCurrentInstance()
 
-const loading = ref(true);
-const total = ref(0);
-const pageNum = ref(1);
-const pageSize = ref(10);
-const roleIds = ref([]);
-const roles = ref([]);
+const loading = ref(true)
+const total = ref(0)
+const pageNum = ref(1)
+const pageSize = ref(10)
+const roleIds = ref([])
+const roles = ref([])
 const form = ref({
   nickName: undefined,
   userName: undefined,
   userId: undefined
-});
+})
 
 /** 鍗曞嚮閫変腑琛屾暟鎹� */
 function clickRow(row) {
-  proxy.$refs["roleRef"].toggleRowSelection(row);
-};
+  if (checkSelectable(row)) {
+    proxy.$refs["roleRef"].toggleRowSelection(row)
+  }
+}
 
 /** 澶氶�夋閫変腑鏁版嵁 */
 function handleSelectionChange(selection) {
-  roleIds.value = selection.map(item => item.roleId);
-};
+  roleIds.value = selection.map(item => item.roleId)
+}
 
 /** 淇濆瓨閫変腑鐨勬暟鎹紪鍙� */
 function getRowKey(row) {
-  return row.roleId;
-};
+  return row.roleId
+}
+
+// 妫�鏌ヨ鑹茬姸鎬�
+function checkSelectable(row) {
+  return row.status === "0" ? true : false
+}
 
 /** 鍏抽棴鎸夐挳 */
 function close() {
-  const obj = { path: "/system/user" };
-  proxy.$tab.closeOpenPage(obj);
-};
+  const obj = { path: "/system/user" }
+  proxy.$tab.closeOpenPage(obj)
+}
 
 /** 鎻愪氦鎸夐挳 */
 function submitForm() {
-  const userId = form.value.userId;
-  const rIds = roleIds.value.join(",");
+  const userId = form.value.userId
+  const rIds = roleIds.value.join(",")
   updateAuthRole({ userId: userId, roleIds: rIds }).then(response => {
-    proxy.$modal.msgSuccess("鎺堟潈鎴愬姛");
-    close();
-  });
-};
+    proxy.$modal.msgSuccess("鎺堟潈鎴愬姛")
+    close()
+  })
+}
 
 (() => {
-  const userId = route.params && route.params.userId;
+  const userId = route.params && route.params.userId
   if (userId) {
-    loading.value = true;
+    loading.value = true
     getAuthRole(userId).then(response => {
-      form.value = response.user;
-      roles.value = response.roles;
-      total.value = roles.value.length;
+      form.value = response.user
+      roles.value = response.roles
+      total.value = roles.value.length
       nextTick(() => {
         roles.value.forEach(row => {
           if (row.flag) {
-            proxy.$refs["roleRef"].toggleRowSelection(row);
+            proxy.$refs["roleRef"].toggleRowSelection(row)
           }
-        });
-      });
-      loading.value = false;
-    });
+        })
+      })
+      loading.value = false
+    })
   }
-})();
+})()
 </script>

--
Gitblit v1.9.3