fix: 修复列表显示问题

aa430ea4 · xiejiang · e6d99d88 · aa430ea4 · aa430ea4 · aa430ea4
--- a/src/api/modules/menu/index.ts
+++ b/src/api/modules/menu/index.ts
@@ -25,7 +25,9 @@ const api = {
  postSaveMenu: '/platform/permission/saveMenu', //  保存角色菜单权限
  postSaveDataRange: '/platform/permission/saveDataRange', // 保存数据权限
  getDataRange: '/platform/permission/dataRange', // 查询角色的数据权限
-  postDataRangeClone: '/platform/permission/dataRange/clone' // 应用数据权限至其他菜单
+  postDataRangeClone: '/platform/permission/dataRange/clone', // 应用数据权限至其他菜单
+
+  postSaveUserClient: '/platform/version/saveUserClient' // 保存用户客户端版本
 }

 /**
@@ -213,3 +215,13 @@ export const getDataRange = (params: { roleId: string; menuId: string }) => {
 export const postDataRangeClone = (data: { roleId: string; sourceMenuId: string; targetMenuId: string[] }) => {
  return http.post(api.postDataRangeClone, data)
 }
+
+/**
+ * @description 保存用户客户端版本
+ * @author 汪洋
+ * @docs http://api.seevin.com/project/669/interface/api/33363
+ * @param versionId 客户端版本号
+ */
+export const postSaveUserClient = (data: { versionId: string }) => {
+  return http.post(api.postSaveUserClient, data)
+}
--- a/src/assets/images/update.png
+++ b/src/assets/images/update.png
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -68,6 +68,8 @@ declare module 'vue' {
    TTextarea: typeof import('tdesign-vue-next')['Textarea']
    TTooltip: typeof import('tdesign-vue-next')['Tooltip']
    TTree: typeof import('tdesign-vue-next')['Tree']
+    UpdateDialog: typeof import('./components/UpdateDialog/index.vue')['default']
+    UpdateVersion: typeof import('./components/UpdateVersion/index.vue')['default']
    Upload: typeof import('./components/Upload/index.vue')['default']
    WangEditor: typeof import('./components/WangEditor/index.vue')['default']
  }

--- a/src/components/PageContainer/index.vue
+++ b/src/components/PageContainer/index.vue
@@ -2,7 +2,7 @@
 * @Author: xiejiang
 * @Date: 2024-11-07 11:19:31
 * @LastEditors: xiejiang
- * @LastEditTime: 2024-12-10 11:13:57
+ * @LastEditTime: 2024-12-10 14:16:57
 * @Description: 表格页面容器组件
 -->
 <template>
@@ -47,21 +47,18 @@
          @sort-change="onSortChange"
        >
          <!-- 为每一列创建动态插槽 -->
-          <template #default="{ row }">
-            <template v-for="col in columns" :key="col.colKey">
-              <template v-if="col.colKey != 'operation'">
-                <t-tooltip
-                  :content="row[col.colKey as string]"
-                  placement="top"
-                  theme="light"
-                  overlay-class-name="custom-tooltip"
-                >
-                  <div class="cell-content">{{ row[col.colKey as string] || '-' }}</div>
-                </t-tooltip>
-              </template>
+          <template v-for="col in columns" :key="col.colKey" #[soltName(col)]="{ row }">
+            <template v-if="col.colKey != 'operation'">
+              <t-tooltip
+                :content="row[col.colKey as string]"
+                placement="top"
+                theme="light"
+                overlay-class-name="custom-tooltip"
+              >
+                <div class="cell-content">{{ row[col.colKey as string] || '-' }}</div>
+              </t-tooltip>
            </template>
          </template>
-
          <!-- 保留自定义列插槽 -->
          <template v-for="[name] in Object.entries($slots)" #[name]="scope">
            <slot :name="name" v-bind="scope" />
@@ -73,11 +70,11 @@
 </template>

 <script setup lang="tsx">
-import { ref, computed } from 'vue'
+import { PrimaryTableCol, TableProps } from 'tdesign-vue-next'
 import { PageContainerProps, Pagination } from './interface'
 import PageFilters from '../PageFilters/index.vue'
 import { filterItemProp } from '../PageFilters/interface'
-import { PrimaryTableCol, TableProps } from 'tdesign-vue-next'
+import { soltName } from '@/utils'

 defineOptions({ name: 'PageContainer' })


--- a/src/components/UpdateVersion/index.vue
+++ b/src/components/UpdateVersion/index.vue
+<!--
+ * @Author: xiejiang
+ * @Date: 2024-12-10 15:36:04
+ * @LastEditors: xiejiang
+ * @LastEditTime: 2024-12-10 15:46:52
+ * @Description: 更新版本弹窗
+ * Copyright（c）2024 by 好老师教育科技有限公司 All right Reserved.
+-->
+<template>
+  <Dialog
+    :dialog-visible="isShowPuzzleVcode"
+    width="640px"
+    :close-on-overlay-click="false"
+    @close="isShowPuzzleVcode = false"
+  >
+    <template #body>
+      <main class="updata-main">
+        <div class="flex items-center">
+          <span>业务分支：</span>
+          <span>{{ state.platformType == 1 ? '平台端' : '机构端' }}</span>
+        </div>
+        <div>
+          <span>版本号：</span>
+          <span>{{ state.version }}</span>
+        </div>
+        <div>
+          <span>更新说明：</span>
+          <div class="content-div" v-html="state.description"></div>
+        </div>
+        <!-- <t-button type="primary" size="small" class="m-t-32" @click="handleSure" :loading="loading">
+            {{ btmTitle }}
+          </-button> -->
+        <!-- <img :src="bgImage" alt="" /> -->
+      </main>
+    </template>
+  </Dialog>
+</template>
+
+<script setup lang="ts" name="upadta-version">
+import { ResVersion } from '@/api/interface/version/index'
+const isShowPuzzleVcode = ref(false)
+const state = reactive<ResVersion>({})
+</script>
+
+<style lang="less" scoped></style>
--- a/src/stores/interface/index.ts
+++ b/src/stores/interface/index.ts
@@ -8,6 +8,7 @@

 /* GlobalState */
 import { ComputedRef } from 'vue'
+import { ResVersion } from '@/api/interface/version/index'

 export interface GlobalState {
  isCollapse: boolean
@@ -28,6 +29,7 @@ export interface UserInfo {
    loginAddress?: string
    time: string
  }
+  clientLastVersion?: ResVersion
  status: string
  telephone: string
  token: string

--- a/src/styles/common.less
+++ b/src/styles/common.less
@@ -39,6 +39,20 @@
  box-shadow: none !important;
 }

+.ellipsis {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.inputUserName-del {
+  border-radius: 3px;
+  padding: 3px 4px;
+  margin-left: 8px;
+  color: var(--td-font-gray-3);
+  background: var(--td-gray-color-1);
+}
+
 // 表格
 .t-table {
  thead th {

--- a/src/utils/index.ts
+++ b/src/utils/index.ts
 import { RouteRecordRaw } from 'vue-router'
+import { PrimaryTableCol } from 'tdesign-vue-next'
 import { useAuthStore } from '@/stores/modules/auth'
 import { cloneDeep } from 'lodash-es'

 export const EMPTY = '-' // 空占位符

+// 插槽名
+export const soltName = (col: PrimaryTableCol) => {
+  return col.colKey as string
+}
+
 // 系统权限按钮
 export const buttonPms = (key: string) => {
  const userAuth = useAuthStore()

--- a/src/views/customer/institution/index.vue
+++ b/src/views/customer/institution/index.vue
@@ -2,7 +2,7 @@
 * @Author: xiejiang
 * @Date: 2024-11-28 15:01:02
 * @LastEditors: xiejiang
- * @LastEditTime: 2024-12-09 16:35:49
+ * @LastEditTime: 2024-12-10 15:21:08
 * @Description: 机构管理
 * Copyright（c）2024 by 好老师教育科技有限公司 All right Reserved.
 -->
@@ -15,6 +15,7 @@
      :loading="loading"
      :pagination="pagination"
      @search-change="handleSearch"
+      @clear="handleClear"
      @page-change="handlePage"
    >
      <template #header-left>
@@ -176,7 +177,20 @@ const columns: PrimaryTableCol[] = [
  },
  { title: '机构备注', colKey: 'remark' },
  { title: '添加时间', colKey: 'inputTime' },
-  { title: '添加人', colKey: 'inputUserName' },
+  {
+    title: '添加人',
+    colKey: 'inputUserName',
+    cell: (h, { row }) => {
+      return (
+        <div class='flex items-center justify-between'>
+          <div class={row.inputUserDelFlag ? 'w-[calc(100%-58px)] ellipsis text-[var(--td-font-gray-3)]' : ''}>
+            <span class={row.inputUserDelFlag ? 'text-[var(--td-font-gray-3)]' : ''}>{row.inputUserName || '-'}</span>
+          </div>
+          {row.inputUserDelFlag ? <span class='inputUserName-del'>已删除</span> : ''}
+        </div>
+      )
+    }
+  },
  { title: '操作', colKey: 'operation', fixed: 'right', width: 260 }
 ]


--- a/src/views/sys-config/dictionary/dictionary-subset.vue
+++ b/src/views/sys-config/dictionary/dictionary-subset.vue
@@ -40,11 +40,9 @@
        <template v-for="(_, name) in $slots" #[name]="scope">
          <slot :name="name" v-bind="scope" />
        </template>
-        <template #default="{ row }">
-          <template v-for="col in columns" :key="col.colKey">
-            <template v-if="col.colKey != 'operation'">
-              <div class="cell-content">{{ row[col.colKey as string] || '-' }}</div>
-            </template>
+        <template v-for="col in columns" #[soltName(col)]="{ row }" :key="col.colKey">
+          <template v-if="col.colKey != 'operation'">
+            <div class="cell-content">{{ row[col.colKey as string] || '-' }}</div>
          </template>
        </template>
      </t-table>
@@ -64,6 +62,7 @@ import { MessagePlugin, PrimaryTableCol, PaginationProps } from 'tdesign-vue-nex
 import { ArrowDownIcon, ArrowUpIcon } from 'tdesign-icons-vue-next'
 import { useBasic } from '@/hooks/useBasic'
 import MessageBox from '@/utils/messageBox'
+import { soltName } from '@/utils'
 import { dictionaryAttributeTxt } from '@/utils/status'
 import { ResDictionary } from '@/api/interface/dectionory'
 import {

--- a/src/views/sys-config/dictionary/index.vue
+++ b/src/views/sys-config/dictionary/index.vue
@@ -2,7 +2,7 @@
 * @Author: xiejiang
 * @Date: 2024-11-11 09:38:40
 * @LastEditors: xiejiang
- * @LastEditTime: 2024-12-09 16:36:11
+ * @LastEditTime: 2024-12-10 15:04:00
 * @Description: 系统字典
 * Copyright（c）2024 by 好老师教育科技有限公司 All right Reserved.
 -->
@@ -15,6 +15,7 @@
      :loading="loading"
      :pagination="pagination"
      @search-change="handleSearch"
+      @clear="handleClear"
      @page-change="handlePage"
    >
      <template #header-left>
@@ -37,10 +38,11 @@

      <template #operation="{ row }">
        <operate-btn v-if="row.status != '2'" content="启用" @click="handelStatus(row, 2)"> </operate-btn>
-        <operate-btn v-if="row.isAllowEdit" content="编辑" @click="handelEdit(row)"> </operate-btn>
-        <operate-btn v-if="row.isAllowAddsub" content="管理子集" @click="handelSubset(row)"> </operate-btn>
+        <operate-btn v-if="row.isAllowEdit || row.status == '1'" content="编辑" @click="handelEdit(row)"> </operate-btn>
+        <operate-btn v-if="row.isAllowAddsub || row.status == '1'" content="管理子集" @click="handelSubset(row)">
+        </operate-btn>
        <operate-btn v-if="row.status == '2'" content="停用" @click="handelStatus(row, 1)"> </operate-btn>
-        <operate-btn v-if="row.isAllowDelete" content="删除" @click="handelDel(row)"></operate-btn>
+        <operate-btn v-if="row.isAllowDelete || row.status == '1'" content="删除" @click="handelDel(row)"></operate-btn>
      </template>
    </PageContainer>

@@ -154,8 +156,21 @@ const columns: PrimaryTableCol[] = [
      )
    }
  },
-  { title: '添加人', colKey: 'inputUserName' },
-  { title: '添加 时间', colKey: 'inputTime' },
+  {
+    title: '添加人',
+    colKey: 'inputUserName',
+    cell: (h, { row }) => {
+      return (
+        <div class='flex items-center justify-between'>
+          <div class={row.inputUserDelFlag ? 'w-[calc(100%-58px)] ellipsis text-[var(--td-font-gray-3)]' : ''}>
+            <span class={row.inputUserDelFlag ? 'text-[var(--td-font-gray-3)]' : ''}>{row.inputUserName || '-'}</span>
+          </div>
+          {row.inputUserDelFlag ? <span class='inputUserName-del'>已删除</span> : ''}
+        </div>
+      )
+    }
+  },
+  { title: '添加时间', colKey: 'inputTime' },
  { title: '操作', colKey: 'operation', fixed: 'right', width: 260 }
 ]


--- a/src/views/sys-config/dictionary/page/dictionary-subset-edit.vue
+++ b/src/views/sys-config/dictionary/page/dictionary-subset-edit.vue
@@ -2,7 +2,7 @@
 * @Author: xiejiang
 * @Date: 2024-12-02 18:41:38
 * @LastEditors: xiejiang
- * @LastEditTime: 2024-12-05 17:05:19
+ * @LastEditTime: 2024-12-10 14:44:24
 * @Description: 新增编辑枚举值
 * Copyright（c）2024 by 好老师教育科技有限公司 All right Reserved.
 -->

--- a/src/views/sys-config/menu/index.vue
+++ b/src/views/sys-config/menu/index.vue
@@ -2,7 +2,7 @@
 * @Author: xiejiang
 * @Date: 2024-11-11 09:38:40
 * @LastEditors: xiejiang
- * @LastEditTime: 2024-12-09 16:40:03
+ * @LastEditTime: 2024-12-10 15:19:33
 * @Description: 菜单管理
 * Copyright（c）2024 by 好老师教育科技有限公司 All right Reserved.
 -->
@@ -23,6 +23,7 @@
      :show-tree="true"
      @search-change="handleSearch"
      @page-change="handlePage"
+      @clear="handleClear"
      table-maxheight="550px"
      class="max-h-[calc(100%-50px)]"
    >
@@ -151,7 +152,20 @@ const columns: PrimaryTableCol[] = [
    }
  },
  { title: '创建时间', colKey: 'inputTime' },
-  { title: '创建人', colKey: 'inputUserName', width: 104 },
+  {
+    title: '创建人',
+    colKey: 'inputUserName',
+    cell: (h, { row }) => {
+      return (
+        <div class='flex items-center justify-between'>
+          <div class={row.inputUserDelFlag ? 'w-[calc(100%-58px)] ellipsis text-[var(--td-font-gray-3)]' : ''}>
+            <span class={row.inputUserDelFlag ? 'text-[var(--td-font-gray-3)]' : ''}>{row.inputUserName || '-'}</span>
+          </div>
+          {row.inputUserDelFlag ? <span class='inputUserName-del'>已删除</span> : ''}
+        </div>
+      )
+    }
+  },
  { title: '操作', colKey: 'operation', width: 184 }
 ]
 // 标签页

--- a/src/views/sys-config/menu/page/menu-edit.vue
+++ b/src/views/sys-config/menu/page/menu-edit.vue
@@ -2,7 +2,7 @@
 * @Author: xiejiang
 * @Date: 2024-11-11 09:38:40
 * @LastEditors: xiejiang
- * @LastEditTime: 2024-12-10 11:29:57
+ * @LastEditTime: 2024-12-10 11:40:24
 * @Description: 菜单管理-新增编辑菜单
 * Copyright（c）2024 by 好老师教育科技有限公司 All right Reserved.
 -->

--- a/src/views/sys-config/version/index.vue
+++ b/src/views/sys-config/version/index.vue
@@ -2,7 +2,7 @@
 * @Author: xiejiang
 * @Date: 2024-11-11 09:38:40
 * @LastEditors: xiejiang
- * @LastEditTime: 2024-12-09 18:22:42
+ * @LastEditTime: 2024-12-10 15:20:00
 * @Description: 版本管理
 * Copyright（c）2024 by 好老师教育科技有限公司 All right Reserved.
 -->
@@ -107,7 +107,8 @@ const filterConditions = ref<filterItemProp[]>([
    $attrs: {
      'disable-date': (date: string) => {
        return dayjs(date).isBefore(dayjs().format('YYYY-MM')) || dayjs(date).isAfter(dayjs().format('YYYY-MM-DD'))
-      }
+      },
+      mode: 'month'
    }
  },
  {
@@ -145,7 +146,20 @@ const columns: PrimaryTableCol[] = [
  { title: '版本备注', colKey: 'remark' },
  { title: '上线时间', colKey: 'onlineTime' },
  { title: '添加时间', colKey: 'inputTime' },
-  { title: '添加人', colKey: 'inputUserName', width: 104 },
+  {
+    title: '添加人',
+    colKey: 'inputUserName',
+    cell: (h, { row }) => {
+      return (
+        <div class='flex items-center justify-between'>
+          <div class={row.inputUserDelFlag ? 'w-[calc(100%-58px)] ellipsis text-[var(--td-font-gray-3)]' : ''}>
+            <span class={row.inputUserDelFlag ? 'text-[var(--td-font-gray-3)]' : ''}>{row.inputUserName || '-'}</span>
+          </div>
+          {row.inputUserDelFlag ? <span class='inputUserName-del'>已删除</span> : ''}
+        </div>
+      )
+    }
+  },
  { title: '操作', colKey: 'operation', width: 220 }
 ]
 // 标签页

--- a/src/views/sys-config/version/page/version-detail.vue
+++ b/src/views/sys-config/version/page/version-detail.vue
@@ -2,13 +2,13 @@
 * @Author: xiejiang
 * @Date: 2024-12-08 09:25:35
 * @LastEditors: xiejiang
- * @LastEditTime: 2024-12-10 11:22:08
+ * @LastEditTime: 2024-12-10 14:18:35
 * @Description: 
 * Copyright（c）2024 by 好老师教育科技有限公司 All right Reserved.
 -->
 <template>
  <Drawer :drawer-visible="drawerVisible" width="480px" title="版本详情" @close="close" :footer="false">
-    <InfoLable class="mb-[16px]" label="当前终端" :value="props.tabType == 1 ? '平台端' : '机构端'" />
+    <InfoLable class="mb-[16px]" label="当前终端" :value="state.platformType == 1 ? '平台端' : '机构端'" />
    <InfoLable class="mb-[16px]" label="版本号" :value="state.version" />
    <InfoLable class="mb-[16px]" label="更新说明"><div v-html="state.description || '-'"></div> </InfoLable>
    <InfoLable class="mb-[16px]" label="版本备注" :value="state.remark || '-'" />
@@ -20,11 +20,9 @@
      <template v-for="(_, name) in $slots" #[name]="scope">
        <slot :name="name" v-bind="scope" />
      </template>
-      <template #default="{ row }">
-        <template v-for="col in columns" :key="col.colKey">
-          <template v-if="col.colKey != 'operation'">
-            <div class="cell-content">{{ row[col.colKey as string] || '-' }}</div>
-          </template>
+      <template v-for="col in columns" #[soltName(col)]="{ row }" :key="col.colKey">
+        <template v-if="col.colKey != 'operation'">
+          <div class="cell-content">{{ row[col.colKey as string] || '-' }}</div>
        </template>
      </template>
    </t-table>
@@ -34,11 +32,9 @@
 <script setup lang="tsx" name="version-detail">
 import { PrimaryTableCol } from 'tdesign-vue-next'
 import { statusVersionTxt } from '@/utils/status'
+import { soltName } from '@/utils'
 import { getVersionDetail } from '@/api/modules/version/index'
 import { ResVersion } from '@/api/interface/version'
-const props = defineProps<{
-  tabType: number
-}>()

 const drawerVisible = ref(false)


--- a/src/views/sys-permissions/role/detail.vue
+++ b/src/views/sys-permissions/role/detail.vue
@@ -2,7 +2,7 @@
 * @Author: xiejiang
 * @Date: 2024-12-01 10:37:37
 * @LastEditors: xiejiang
- * @LastEditTime: 2024-12-08 15:11:47
+ * @LastEditTime: 2024-12-10 14:23:34
 * @Description: 
 * Copyright（c）2024 by 好老师教育科技有限公司 All right Reserved.
 -->
@@ -30,18 +30,18 @@
        :data="tableData"
        :columns="columns"
        :loading="loading"
+        @page-change="onLogsPageChange"
        :pagination="pagination.total > 10 ? pagination : undefined"
      >
-        <!-- 保留自定义列插槽 -->
-        <template v-for="(_, name) in $slots" #[name]="scope">
-          <slot :name="name" v-bind="scope" />
-        </template>
-        <template #default="{ row }">
-          <template v-for="col in columns" :key="col.colKey">
-            <template v-if="col.colKey != 'operation'">
-              <div class="cell-content">{{ row[col.colKey as string] || '-' }}</div>
-            </template>
-          </template>
+        <template v-for="col in columns" #[soltName(col)]="{ row }" :key="col.colKey">
+          <t-tooltip
+            :content="row[col.colKey as string]"
+            placement="top"
+            theme="light"
+            overlay-class-name="custom-tooltip"
+          >
+            <div class="cell-content ellipsis">{{ row[col.colKey as string] || '-' }}</div>
+          </t-tooltip>
        </template>
      </t-table>
    </main>
@@ -50,13 +50,15 @@

 <script setup lang="ts" name="role-detail">
 import { useRoute } from 'vue-router'
-import { PrimaryTableCol } from 'tdesign-vue-next'
+import { PrimaryTableCol, PaginationProps } from 'tdesign-vue-next'
 import { useBasic } from '@/hooks/useBasic'
 import { ResRoleList } from '@/api/interface/user-roles/index'
 import { getRoleDetail } from '@/api/modules/user-roles/index'
 import { statusTxt } from '@/utils/status'
+import { soltName } from '@/utils'

 const route = useRoute()
+const { setBreadcrumb } = useBasic()

 const state = ref<ResRoleList>()

@@ -67,11 +69,15 @@ const getData = () => {
  }).then(res => {
    state.value = res.data
    tableData.value = res.data?.roleUsers?.list || []
-    pagination.value.total = res?.recordsFiltered as number
+    pagination.value.total = res.data?.roleUsers?.total as number
  })
 }

-const { setBreadcrumb } = useBasic()
+const onLogsPageChange = (val: PaginationProps) => {
+  pagination.value.page = val.current as number
+  pagination.value.limit = val.pageSize as number
+  getData()
+}

 const loading = ref(false)

@@ -91,9 +97,9 @@ const columns: PrimaryTableCol[] = [
  },
  { title: '用户姓名', colKey: 'userName' },
  { title: '手机号码', colKey: 'mobile' },
-  { title: '最近登录时间', colKey: 'role' },
-  { title: '最近登录IP', colKey: 'role' },
-  { title: '最近登录设备类型', colKey: 'role' }
+  { title: '最近登录时间', colKey: 'time' },
+  { title: '最近登录IP', colKey: 'loginIp' },
+  { title: '最近登录设备类型', colKey: 'device' }
 ]

 onMounted(() => {

--- a/src/views/sys-permissions/role/index.vue
+++ b/src/views/sys-permissions/role/index.vue
@@ -2,7 +2,7 @@
 * @Author: xiejiang
 * @Date: 2024-11-28 15:01:02
 * @LastEditors: xiejiang
- * @LastEditTime: 2024-12-09 16:33:42
+ * @LastEditTime: 2024-12-10 15:20:22
 * @Description: 角色管理
 * Copyright（c）2024 by 好老师教育科技有限公司 All right Reserved.
 -->
@@ -15,6 +15,7 @@
      :loading="loading"
      :pagination="pagination"
      @search-change="handleSearch"
+      @clear="handleClear"
      @page-change="handlePage"
    >
      <template #header-left>
@@ -125,7 +126,20 @@ const columns: PrimaryTableCol[] = [
    }
  },
  { title: '添加时间', colKey: 'inputTime' },
-  { title: '添加人', colKey: 'inputUserName' },
+  {
+    title: '添加人',
+    colKey: 'inputUserName',
+    cell: (h, { row }) => {
+      return (
+        <div class='flex items-center justify-between'>
+          <div class={row.inputUserDelFlag ? 'w-[calc(100%-58px)] ellipsis text-[var(--td-font-gray-3)]' : ''}>
+            <span class={row.inputUserDelFlag ? 'text-[var(--td-font-gray-3)]' : ''}>{row.inputUserName || '-'}</span>
+          </div>
+          {row.inputUserDelFlag ? <span class='inputUserName-del'>已删除</span> : ''}
+        </div>
+      )
+    }
+  },
  { title: '操作', colKey: 'operation', fixed: 'right', width: 260 }
 ]


--- a/src/views/sys-permissions/user/detail.vue
+++ b/src/views/sys-permissions/user/detail.vue
@@ -29,16 +29,14 @@
        max-height="400px"
        :pagination="pagination.total > 10 ? pagination : undefined"
      >
-        <template #default="{ row }">
-          <template v-for="col in columns" :key="col.colKey">
-            <template v-if="col.colKey == 'dataPermission'">
-              <div class="cell-content">{{ dataPermissions(row) || '-' }}</div>
-            </template>
-            <template v-else-if="col.colKey == 'functionPermission'">
-              <div class="cell-content">{{ functionPermission(row) || '-' }}</div>
-            </template>
-            <template v-else> {{ row[col.colKey as string] || '-' }} </template>
+        <template v-for="col in columns" #[soltName(col)]="{ row }" :key="col.colKey">
+          <template v-if="col.colKey == 'dataPermission'">
+            <div class="cell-content">{{ dataPermissions(row) || '-' }}</div>
          </template>
+          <template v-else-if="col.colKey == 'functionPermission'">
+            <div class="cell-content">{{ functionPermission(row) || '-' }}</div>
+          </template>
+          <template v-else> {{ row[col.colKey as string] || '-' }} </template>
        </template>
      </t-table>

@@ -62,6 +60,7 @@ import { useRoute } from 'vue-router'
 import { PrimaryTableCol, PaginationProps, TableProps } from 'tdesign-vue-next'
 import { useBasic } from '@/hooks/useBasic'
 import { statusTxt } from '@/utils/status'
+import { soltName } from '@/utils'
 import { getUserDetail, getLogs } from '@/api/modules/user-roles/index'
 import { ResUserList, ResLog } from '@/api/interface/user-roles/index'

@@ -135,8 +134,7 @@ const dataPermissions = (row: ResUserList) => {
  const rolePermissions = row.rolePermissions || []
  const txt =
    areaPermissions.map((val: { name: string }) => val.name).join(',') +
-    '-' +
-    rolePermissions.map((val: { name: string }) => val.name).join(',')
+    (rolePermissions.length ? '-' + rolePermissions.map((val: { name: string }) => val.name).join(',') : '')

  return txt
 }

--- a/src/views/sys-permissions/user/index.vue
+++ b/src/views/sys-permissions/user/index.vue
@@ -2,7 +2,7 @@
 * @Author: xiejiang
 * @Date: 2024-11-28 15:01:02
 * @LastEditors: xiejiang
- * @LastEditTime: 2024-12-09 17:26:42
+ * @LastEditTime: 2024-12-10 15:25:28
 * @Description: 用户管理
 * Copyright（c）2024 by 好老师教育科技有限公司 All right Reserved.
 -->
@@ -15,6 +15,7 @@
      :loading="loading"
      :pagination="pagination"
      @search-change="handleSearch"
+      @clear="handleClear"
      @page-change="handlePage"
    >
      <template #header-left>
@@ -122,9 +123,14 @@ const columns: PrimaryTableCol[] = [
    cell: (h, { row }) => {
      const roles = row.roles || []
      return (
-        <p class='ellipsis w-full'>
-          <span>{roles.map((e: { name: string }) => e.name).join(';') || '-'}</span>
-        </p>
+        <t-tooltip
+          content={roles.map((e: { name: string }) => e.name).join(';') || '-'}
+          placement='top'
+          theme='light'
+          overlay-class-name='custom-tooltip'
+        >
+          <p class='ellipsis'>{roles.map((e: { name: string }) => e.name).join(';') || '-'}</p>
+        </t-tooltip>
      )
    }
  },
@@ -141,7 +147,20 @@ const columns: PrimaryTableCol[] = [
    }
  },
  { title: '添加时间', colKey: 'inputTime' },
-  { title: '添加人', colKey: 'inputUserName' },
+  {
+    title: '添加人',
+    colKey: 'inputUserName',
+    cell: (h, { row }) => {
+      return (
+        <div class='flex items-center justify-between'>
+          <div class={row.inputUserDelFlag ? 'w-[calc(100%-58px)] ellipsis text-[var(--td-font-gray-3)]' : ''}>
+            <span class={row.inputUserDelFlag ? 'text-[var(--td-font-gray-3)]' : ''}>{row.inputUserName || '-'}</span>
+          </div>
+          {row.inputUserDelFlag ? <span class='inputUserName-del'>已删除</span> : ''}
+        </div>
+      )
+    }
+  },
  { title: '操作', colKey: 'operation', fixed: 'right', width: 220 }
 ]


--- a/src/views/sys-permissions/user/page/user-edit.vue
+++ b/src/views/sys-permissions/user/page/user-edit.vue
@@ -57,14 +57,6 @@ const formData = reactive<ReqUser>({
 })

 const validateTelePhone: CustomValidator = async val => {
-  if (!val) {
-    return {
-      result: false,
-      message: '请填写用户手机号码！',
-      type: 'error'
-    }
-  }
-
  if (!isPhoneNumber(val)) {
    return {
      result: false,
@@ -72,18 +64,6 @@ const validateTelePhone: CustomValidator = async val => {
      type: 'error'
    }
  } else {
-    await new Promise(resolve => {
-      const timer = setTimeout(() => {
-        resolve(val)
-        clearTimeout(timer)
-        return {
-          result: false,
-          message: '该手机号码已被使用！',
-          type: 'error'
-        }
-      })
-    })
-
    return {
      result: true,
      message: '',
@@ -101,6 +81,7 @@ const rules: FormProps['rules'] = {
    }
  ],
  mobile: [
+    { required: true, message: '请填写用户手机号码！', type: 'error' },
    {
      validator: validateTelePhone
    }