接口对接

src/api/user.js

@@ -39,6 +39,16 @@ export const addUser = (data) =>
     url: '/api/admin/user/save',
     data,
   });
+export const toggleUserStatus = (data) =>
+  request({
+    url: '/api/admin/user/enable',
+    data,
+    loading: true,
+  });
+export const getAllMenuResource = () =>
+  request({
+    url: '/api/admin/sys/privilege/list',
+  });
 export const logout = (data) =>
   request({
     url: '/api/logout',

src/hooks/useFetchTable.js

@@ -35,7 +35,6 @@ export default function useFetchTable(apiFn, options = {}, immediately = true) {
       let res = await apiFn(params);
       //下方代码 后续根据实际接口返回字段进行修改
       let list = Array.isArray(res.records) ? res.records : [];
-      let list = Array.isArray(res.records) ? res.records : [];
       tableData.value = list;
       pagination.total = res.total;
       loading.value = false;

src/views/user/auth-manage/role-manage/add-role-dialog.vue

@@ -19,6 +19,7 @@
           expand-all
           :checkable="true"
           @change="onTreeChange"
+          :keys="{ value: 'id', label: 'name' }"
         ></t-tree>
       </t-form-item>
     </t-form>
@@ -33,6 +34,8 @@
 <script setup name="AddRoleDialog">
 import useClearDialog from '@/hooks/useClearDialog';
 import { ref, watch } from 'vue';
+import { getAllMenuResource } from '@/utils/user';
+import { useRequest } from 'vue-request';
 const props = defineProps({
   visible: Boolean,
   curRow: Object,
@@ -51,6 +54,10 @@ const { formData, isEdit } = useClearDialog(
   props,
   getDetail
 );
+
+const { data: treeData } = useRequest(getAllMenuResource, {
+  manual: false,
+});
 const treeData = ref([
   {
     label: '系统资源',

src/views/user/auth-manage/role-manage/index.vue

@@ -23,6 +23,7 @@
           onChange,
           total: pagination.total,
         }"
+        v-loading="tableLoading"
       >
       </t-table>
     </div>
@@ -36,14 +37,13 @@
 <script setup name="User" lang="jsx">
 import { reactive, ref } from 'vue';
 import { useRequest } from 'vue-request';
-import { getTableData } from '@/api/test';
 import useFetchTable from '@/hooks/useFetchTable';
 import AddRoleDialog from './add-role-dialog.vue';
+import { getRoleList } from '@/api/user';
 const showAddRoleDialog = ref(false);
 const curRow = ref(null);
 const columns = [
-  { colKey: 'a', title: '角色名称' },
-
+  { colKey: 'name', title: '角色名称' },
   {
     title: '操作',
     colKey: 'operate',
@@ -84,7 +84,8 @@ const {
   tableData,
   fetchData,
   onChange,
-} = useFetchTable(getTableData);
+  search,
+} = useFetchTable(getRoleList);
 
 const refresh = async () => {};
 </script>

src/views/user/auth-manage/user-manage/index.vue

@@ -42,13 +42,20 @@
 </template>
 
 <script setup name="User" lang="jsx">
-import { reactive, ref } from 'vue';
-import { useRequest } from 'vue-request';
+import { ref } from 'vue';
 import { getUserList } from '@/api/user';
 import useFetchTable from '@/hooks/useFetchTable';
 import AddUserDialog from './add-user-dialog.vue';
+import { toggleUserStatus } from '@/api/user';
+import { MessagePlugin } from 'tdesign-vue-next';
 const showAddUserDialog = ref(false);
 const curRow = ref(null);
+const toggleStatus = (row) => {
+  toggleUserStatus({ id: row.id, enable: !row.enable }).then(() => {
+    MessagePlugin.success('操作成功');
+    search();
+  });
+};
 const columns = [
   { colKey: 'id', title: '用户ID', width: 180 },
   { colKey: 'realName', title: '姓名' },
@@ -80,27 +87,10 @@ const columns = [
             hover="color"
             onClick={(e) => {
               e.stopPropagation();
+              toggleStatus(row);
             }}
           >
-            启用
-          </t-link>
-          <t-link
-            theme="primary"
-            hover="color"
-            onClick={(e) => {
-              e.stopPropagation();
-            }}
-          >
-            禁用
-          </t-link>
-          <t-link
-            theme="primary"
-            hover="color"
-            onClick={(e) => {
-              e.stopPropagation();
-            }}
-          >
-            分配角色
+            {row.enable ? '禁用' : '启用'}
           </t-link>
         </div>
       );
@@ -119,6 +109,7 @@ const {
 
 const addSuccess = () => {
   showAddUserDialog.value = false;
+  MessagePlugin.success('操作成功');
   search();
 };
 </script>

src/views/user/org-struct-manage/struct-manage/index.vue

@@ -92,6 +92,7 @@ const {
 run();
 const addSuccess = () => {
   showAddNodeDialog.value = false;
+  MessagePlugin.success('操作成功');
   run();
 };
 </script>