From c13c622eac5551c6f099f148feb5256711ca34de Mon Sep 17 00:00:00 2001
From: 疯狂的狮子Li <15040126243@163.com>
Date: 星期二, 11 七月 2023 21:03:01 +0800
Subject: [PATCH] !25 部分优化以及新增功能 Merge pull request !25 from ahaos/tspr

---
 src/views/system/role/authUser.vue |   80 ++++++++++++++++++----------------------
 1 files changed, 36 insertions(+), 44 deletions(-)

diff --git a/src/views/system/role/authUser.vue b/src/views/system/role/authUser.vue
index ae4f73f..7ad8a5a 100644
--- a/src/views/system/role/authUser.vue
+++ b/src/views/system/role/authUser.vue
@@ -58,13 +58,7 @@
         </el-table-column>
       </el-table>
 
-      <pagination
-        v-show="total > 0"
-        :total="total"
-        v-model:page="queryParams.pageNum"
-        v-model:limit="queryParams.pageSize"
-        @pagination="getList"
-      />
+      <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
       <select-user ref="selectRef" :roleId="queryParams.roleId" @ok="handleQuery" />
     </el-card>
   </div>
@@ -73,10 +67,8 @@
 <script setup name="AuthUser" lang="ts">
 import { allocatedUserList, authUserCancel, authUserCancelAll } from "@/api/system/role";
 import { UserQuery } from "@/api/system/user/types";
-import { ComponentInternalInstance } from "vue";
 import { UserVO } from "@/api/system/user/types";
 import SelectUser from "./selectUser.vue";
-// import { ElForm, ElSelect} from 'element-plus';
 
 
 const route = useRoute();
@@ -90,68 +82,68 @@
 const total = ref(0);
 const userIds = ref<Array<string | number>>([]);
 
-const queryFormRef = ref(ElForm);
-const selectRef = ref(SelectUser);
+const queryFormRef = ref<ElFormInstance>();
+const selectRef = ref<InstanceType<typeof SelectUser>>();
 
 const queryParams = reactive<UserQuery>({
-    pageNum: 1,
-    pageSize: 10,
-    roleId: route.params.roleId as string,
-    userName: undefined,
-    phonenumber: undefined,
+  pageNum: 1,
+  pageSize: 10,
+  roleId: route.params.roleId as string,
+  userName: undefined,
+  phonenumber: undefined,
 });
 
 /** 鏌ヨ鎺堟潈鐢ㄦ埛鍒楄〃 */
 const getList = async () => {
-    loading.value = true;
-    const res = await allocatedUserList(queryParams);
-    userList.value = res.rows;
-    total.value = res.total;
-    loading.value = false;
+  loading.value = true;
+  const res = await allocatedUserList(queryParams);
+  userList.value = res.rows;
+  total.value = res.total;
+  loading.value = false;
 }
 // 杩斿洖鎸夐挳
 const handleClose = () => {
-    const obj = { path: "/system/role" };
-    proxy?.$tab.closeOpenPage(obj);
+  const obj = { path: "/system/role" };
+  proxy?.$tab.closeOpenPage(obj);
 }
 /** 鎼滅储鎸夐挳鎿嶄綔 */
-const handleQuery=() => {
-    queryParams.pageNum = 1;
-    getList();
+const handleQuery = () => {
+  queryParams.pageNum = 1;
+  getList();
 }
 /** 閲嶇疆鎸夐挳鎿嶄綔 */
-const resetQuery=() =>{
-    queryFormRef.value.resetFields();
-    handleQuery();
+const resetQuery = () => {
+  queryFormRef.value?.resetFields();
+  handleQuery();
 }
 // 澶氶�夋閫変腑鏁版嵁
-const handleSelectionChange = (selection: UserVO[]) =>{
-    userIds.value = selection.map(item => item.userId);
-    multiple.value = !selection.length;
+const handleSelectionChange = (selection: UserVO[]) => {
+  userIds.value = selection.map(item => item.userId);
+  multiple.value = !selection.length;
 }
 /** 鎵撳紑鎺堟潈鐢ㄦ埛琛ㄥ脊绐� */
 const openSelectUser = () => {
-    selectRef.value.show();
+  selectRef.value?.show();
 }
 /** 鍙栨秷鎺堟潈鎸夐挳鎿嶄綔 */
 const cancelAuthUser = async (row: UserVO) => {
-    await proxy?.$modal.confirm('纭瑕佸彇娑堣鐢ㄦ埛"' + row.userName + '"瑙掕壊鍚楋紵');
-    await authUserCancel({ userId: row.userId, roleId: queryParams.roleId });
-    getList();
-    proxy?.$modal.msgSuccess("鍙栨秷鎺堟潈鎴愬姛");
+  await proxy?.$modal.confirm('纭瑕佸彇娑堣鐢ㄦ埛"' + row.userName + '"瑙掕壊鍚楋紵');
+  await authUserCancel({ userId: row.userId, roleId: queryParams.roleId });
+  await getList();
+  proxy?.$modal.msgSuccess("鍙栨秷鎺堟潈鎴愬姛");
 }
 /** 鎵归噺鍙栨秷鎺堟潈鎸夐挳鎿嶄綔 */
 const cancelAuthUserAll = async () => {
-    const roleId = queryParams.roleId;
-    const uIds = userIds.value.join(",");
-    await proxy?.$modal.confirm("鏄惁鍙栨秷閫変腑鐢ㄦ埛鎺堟潈鏁版嵁椤�?");
-    await authUserCancelAll({ roleId: roleId, userIds: uIds });
-    getList();
-    proxy?.$modal.msgSuccess("鍙栨秷鎺堟潈鎴愬姛");
+  const roleId = queryParams.roleId;
+  const uIds = userIds.value.join(",");
+  await proxy?.$modal.confirm("鏄惁鍙栨秷閫変腑鐢ㄦ埛鎺堟潈鏁版嵁椤�?");
+  await authUserCancelAll({ roleId: roleId, userIds: uIds });
+  await getList();
+  proxy?.$modal.msgSuccess("鍙栨秷鎺堟潈鎴愬姛");
 }
 
 onMounted(() => {
-    getList();
+  getList();
 });
 </script>
 

--
Gitblit v1.9.3