Merge branch 'local_dev_ft' into 'main'

feat:新增以客户进入

See merge request huang/yun-teng-iot-front!467

@@ -22,45 +22,47 @@
 </script>
 
 <template>
-  <section class="bg-gray-100 p-4 dark:bg-dark-900 w-full h-full">
+  <!-- <section class="bg-gray-100 p-4 dark:bg-dark-900 w-full h-full"> -->
+  <div>
     <BasicTable @register="register">
       <template #function="{ record }">
         <a-tooltip :title="record.function">
-          <a-button type="text" class="ml-2" @click="handeleCopy(record.function)">
+          <a-button type="text" class="" @click="handeleCopy(record.function)">
             <span>{{ record.function.slice(0, 13) }}</span>
           </a-button>
         </a-tooltip>
       </template>
       <template #release="{ record }">
         <a-tooltip :title="record.release">
-          <a-button type="text" class="ml-2" @click="handeleCopy(record.release)">
+          <a-button type="text" class="" @click="handeleCopy(record.release)">
             <span>{{ record.release.slice(0, 30) }}</span>
           </a-button>
         </a-tooltip>
       </template>
       <template #subscribe="{ record }">
         <a-tooltip :title="record.subscribe">
-          <a-button type="text" class="ml-2" @click="handeleCopy(record.subscribe)">
+          <a-button type="text" class="" @click="handeleCopy(record.subscribe)">
             <span>{{ record.subscribe.slice(0, 30) }}</span>
           </a-button>
         </a-tooltip>
       </template>
       <template #platform="{ record }">
         <a-tooltip :title="record.platform">
-          <a-button type="text" class="ml-2" @click="handeleCopy(record.platform)">
+          <a-button type="text" style="margin-left: -10px" @click="handeleCopy(record.platform)">
             <span>{{ record.platform }}</span>
           </a-button>
         </a-tooltip>
       </template>
       <template #device="{ record }">
         <a-tooltip :title="record.device">
-          <a-button type="text" class="ml-2" @click="handeleCopy(record.device)">
+          <a-button type="text" style="margin-left: -10px" @click="handeleCopy(record.device)">
             <span>{{ record.device }}</span>
           </a-button>
         </a-tooltip>
       </template>
     </BasicTable>
-  </section>
+  </div>
+  <!-- </section> -->
 </template>
 <style scoped>
   :deep(.ant-table-body) {

@@ -4,7 +4,7 @@ export const topicTableColumn: BasicColumn[] = [
   {
     title: '设备类型',
     dataIndex: 'deviceType',
-    width: 50,
+    width: 40,
     customRender: ({ text, index }: { text: any; index: number }) => {
       const obj: any = {
         children: text,
@@ -28,31 +28,31 @@ export const topicTableColumn: BasicColumn[] = [
   {
     title: '功能',
     dataIndex: 'function',
-    width: 100,
+    width: 80,
     slots: { customRender: 'function' },
   },
   {
     title: '发布主题',
     dataIndex: 'release',
-    width: 120,
+    width: 80,
     slots: { customRender: 'release' },
   },
   {
     title: '订阅主题',
     dataIndex: 'subscribe',
-    width: 120,
+    width: 80,
     slots: { customRender: 'subscribe' },
   },
   {
     title: '平台',
     dataIndex: 'platform',
-    width: 30,
+    width: 50,
     slots: { customRender: 'platform' },
   },
   {
     title: '设备',
     dataIndex: 'device',
-    width: 30,
+    width: 50,
     slots: { customRender: 'device' },
   },
 ];

@@ -46,6 +46,12 @@
           <TableAction
             :actions="[
               {
+                label: '进入',
+                icon: 'ant-design:login-outlined',
+                tooltip: '以客户用户身份登录',
+                onClick: handleLoginCustomAdmin.bind(null, record),
+              },
+              {
                 label: '用户详情',
                 auth: 'api:yt:user:get',
                 icon: 'clarity:info-standard-line',
@@ -96,6 +102,14 @@
   import { useGo } from '/@/hooks/web/usePage';
   import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
   import { Authority } from '/@/components/Authority';
+  import { getMyInfo, getPermCode, getUserToken } from '/@/api/sys/user';
+  import { useUserStore } from '/@/store/modules/user';
+  import { usePermissionStore } from '/@/store/modules/permission';
+  import { router } from '/@/router';
+  import { RoleEnum } from '/@/enums/roleEnum';
+  import { RouteRecordRaw } from 'vue-router';
+  import { PAGE_NOT_FOUND_ROUTE } from '/@/router/routes/basic';
+  import { PageEnum } from '/@/enums/pageEnum';
 
   export default defineComponent({
     name: 'AccountManagement',
@@ -168,8 +182,32 @@
       function handleView(record: Recordable) {
         go('/system/account_detail/' + record.id);
       }
+      const userStore = useUserStore();
+
+      const permissionStore = usePermissionStore();
+      async function handleLoginCustomAdmin(record: { tbUser: string; id: string }) {
+        try {
+          const { token, refreshToken } = await getUserToken(record.id);
+          userStore.storeToken(token, refreshToken);
+          const userInfo = await getMyInfo();
+          const permissionList = await getPermCode();
+          permissionStore.setPermCodeList(permissionList);
+          userStore.setUserInfo(userInfo);
+          userStore.setRoleList(userInfo.roles as RoleEnum[]);
+          const routes = await permissionStore.buildRoutesAction();
+          routes.forEach((route) => {
+            router.addRoute(route as unknown as RouteRecordRaw);
+          });
+          router.addRoute(PAGE_NOT_FOUND_ROUTE as unknown as RouteRecordRaw);
+          permissionStore.setDynamicAddedRoute(true);
+          go(PageEnum.BASE_HOME);
+        } catch (error) {
+        } finally {
+        }
+      }
 
       return {
+        handleLoginCustomAdmin,
         registerTable,
         registerModal,
         handleCreate,