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/role/selectUser.vue | 80 +++++++++++++++++++++-------------------
1 files changed, 42 insertions(+), 38 deletions(-)
diff --git a/src/views/system/role/selectUser.vue b/src/views/system/role/selectUser.vue
index 1671ac9..193c9a5 100644
--- a/src/views/system/role/selectUser.vue
+++ b/src/views/system/role/selectUser.vue
@@ -7,7 +7,7 @@
v-model="queryParams.userName"
placeholder="璇疯緭鍏ョ敤鎴峰悕绉�"
clearable
- size="small"
+ style="width: 180px"
@keyup.enter="handleQuery"
/>
</el-form-item>
@@ -16,17 +16,17 @@
v-model="queryParams.phonenumber"
placeholder="璇疯緭鍏ユ墜鏈哄彿鐮�"
clearable
- size="small"
+ style="width: 180px"
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item>
- <el-button type="primary" icon="Search" size="mini" @click="handleQuery">鎼滅储</el-button>
- <el-button icon="Refresh" size="mini" @click="resetQuery">閲嶇疆</el-button>
+ <el-button type="primary" icon="Search" @click="handleQuery">鎼滅储</el-button>
+ <el-button icon="Refresh" @click="resetQuery">閲嶇疆</el-button>
</el-form-item>
</el-form>
<el-row>
- <el-table @row-click="clickRow" ref="refTable" :data="userList" @selection-change="handleSelectionChange" height="260px">
+ <el-table @row-click="clickRow" ref="refTable" :data="userList" @selection-change="handleSelectionChange" height="260px" stripe>
<el-table-column type="selection" width="55"></el-table-column>
<el-table-column label="鐢ㄦ埛鍚嶇О" prop="userName" :show-overflow-tooltip="true" />
<el-table-column label="鐢ㄦ埛鏄电О" prop="nickName" :show-overflow-tooltip="true" />
@@ -61,21 +61,21 @@
</template>
<script setup name="SelectUser">
-import { authUserSelectAll, unallocatedUserList } from "@/api/system/role";
+import { authUserSelectAll, unallocatedUserList } from "@/api/system/role"
const props = defineProps({
roleId: {
type: [Number, String]
}
-});
+})
-const { proxy } = getCurrentInstance();
-const { sys_normal_disable } = proxy.useDict("sys_normal_disable");
+const { proxy } = getCurrentInstance()
+const { sys_normal_disable } = proxy.useDict("sys_normal_disable")
-const userList = ref([]);
-const visible = ref(false);
-const total = ref(0);
-const userIds = ref([]);
+const userList = ref([])
+const visible = ref(false)
+const total = ref(0)
+const userIds = ref([])
const queryParams = reactive({
pageNum: 1,
@@ -83,58 +83,62 @@
roleId: undefined,
userName: undefined,
phonenumber: undefined
-});
+})
// 鏄剧ず寮规
function show() {
- queryParams.roleId = props.roleId;
- getList();
- visible.value = true;
+ queryParams.roleId = props.roleId
+ getList()
+ visible.value = true
}
+
/**閫夋嫨琛� */
function clickRow(row) {
- proxy.$refs["refTable"].toggleRowSelection(row);
+ proxy.$refs["refTable"].toggleRowSelection(row)
}
+
// 澶氶�夋閫変腑鏁版嵁
function handleSelectionChange(selection) {
- userIds.value = selection.map(item => item.userId);
+ userIds.value = selection.map(item => item.userId)
}
+
// 鏌ヨ琛ㄦ暟鎹�
function getList() {
unallocatedUserList(queryParams).then(res => {
- userList.value = res.rows;
- total.value = res.total;
- });
+ userList.value = res.rows
+ total.value = res.total
+ })
}
+
/** 鎼滅储鎸夐挳鎿嶄綔 */
function handleQuery() {
- queryParams.pageNum = 1;
- getList();
+ queryParams.pageNum = 1
+ getList()
}
+
/** 閲嶇疆鎸夐挳鎿嶄綔 */
function resetQuery() {
- proxy.resetForm("queryRef");
- handleQuery();
+ proxy.resetForm("queryRef")
+ handleQuery()
}
-const emit = defineEmits(["ok"]);
+
+const emit = defineEmits(["ok"])
/** 閫夋嫨鎺堟潈鐢ㄦ埛鎿嶄綔 */
function handleSelectUser() {
- const roleId = queryParams.roleId;
- const uIds = userIds.value.join(",");
+ const roleId = queryParams.roleId
+ const uIds = userIds.value.join(",")
if (uIds == "") {
- proxy.$modal.msgError("璇烽�夋嫨瑕佸垎閰嶇殑鐢ㄦ埛");
- return;
+ proxy.$modal.msgError("璇烽�夋嫨瑕佸垎閰嶇殑鐢ㄦ埛")
+ return
}
authUserSelectAll({ roleId: roleId, userIds: uIds }).then(res => {
- proxy.$modal.msgSuccess(res.msg);
- if (res.code === 200) {
- visible.value = false;
- emit("ok");
- }
- });
+ proxy.$modal.msgSuccess(res.msg)
+ visible.value = false
+ emit("ok")
+ })
}
defineExpose({
show,
-});
+})
</script>
--
Gitblit v1.9.3