From 06d52deb60040d968c3f69d625f9cd52ecbdac4c Mon Sep 17 00:00:00 2001 From: RuoYi <yzz_ivy@163.com> Date: 星期二, 22 四月 2025 11:48:56 +0800 Subject: [PATCH] 优化代码 --- src/views/system/user/authRole.vue | 21 ++++++++++++++++----- 1 files changed, 16 insertions(+), 5 deletions(-) diff --git a/src/views/system/user/authRole.vue b/src/views/system/user/authRole.vue index c3609cf..121b96a 100644 --- a/src/views/system/user/authRole.vue +++ b/src/views/system/user/authRole.vue @@ -18,12 +18,12 @@ <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-column label="搴忓彿" type="index" align="center"> + <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" /> @@ -37,10 +37,10 @@ <pagination v-show="total > 0" :total="total" v-model:page="pageNum" v-model:limit="pageSize" /> <el-form label-width="100px"> - <el-form-item style="text-align: center;margin-left:-120px;margin-top:30px;"> + <div style="text-align: center;margin-left:-120px;margin-top:30px;"> <el-button type="primary" @click="submitForm()">鎻愪氦</el-button> <el-button @click="close()">杩斿洖</el-button> - </el-form-item> + </div> </el-form> </div> </template> @@ -65,21 +65,32 @@ /** 鍗曞嚮閫変腑琛屾暟鎹� */ 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); }; + /** 淇濆瓨閫変腑鐨勬暟鎹紪鍙� */ function getRowKey(row) { return row.roleId; }; + +// 妫�鏌ヨ鑹茬姸鎬� +function checkSelectable(row) { + return row.status === "0" ? true : false; +}; + /** 鍏抽棴鎸夐挳 */ function close() { const obj = { path: "/system/user" }; proxy.$tab.closeOpenPage(obj); }; + /** 鎻愪氦鎸夐挳 */ function submitForm() { const userId = form.value.userId; -- Gitblit v1.9.3