style(web): 统一后台图标与全局视觉

src/components/Table/src/Table.vue

@@ -20,8 +20,9 @@ import { CSSProperties } from 'vue'
 import { getSlot } from '@/utils/tsxHelper'
 import TableActions from './components/TableActions.vue'
 import { createVideoViewer } from '@/components/VideoPlayer'
-import { Icon } from '@/components/Icon'
+import { AppIcon } from '@/components/AppIcon'
 import { BaseButton } from '@/components/Button'
+import { AppIcons } from '@/constants/icons'
 
 export default defineComponent({
   name: 'Table',
@@ -408,7 +409,7 @@ export default defineComponent({
           ) : videoPreview.includes(field) ? (
             <BaseButton
               type="primary"
-              icon={<Icon icon="ep:video-play" />}
+              icon={<AppIcon icon={AppIcons.videoPlay} />}
               onClick={() => {
                 createVideoViewer({
                   url

src/components/Table/src/components/ColumnSetting.vue

@@ -13,6 +13,7 @@ import { TableColumn } from '../types'
 import { PropType, ref, watch, unref } from 'vue'
 import { cloneDeep } from 'lodash-es'
 import { DEFAULT_FILTER_COLUMN } from '@/constants'
+import { AppIcons } from '@/constants/icons'
 import { VueDraggable } from 'vue-draggable-plus'
 
 const modelValue = defineModel<boolean>()
@@ -141,17 +142,19 @@ watch(
               <div class="flex items-center">
                 <ElRadioGroup size="small" v-model="item.fixed">
                   <ElRadioButton label="left">
-                    <Icon icon="ep:arrow-left" />
+                    <AppIcon :icon="AppIcons.chevronLeft" />
                   </ElRadioButton>
                   <ElRadioButton :label="undefined">
-                    <Icon icon="ep:close" />
+                    <AppIcon :icon="AppIcons.close" />
                   </ElRadioButton>
                   <ElRadioButton label="right">
-                    <Icon icon="ep:arrow-right" />
+                    <AppIcon :icon="AppIcons.chevronRight" />
                   </ElRadioButton>
                 </ElRadioGroup>
 
-                <div class="ml-12px cursor-move handle"><Icon icon="ep:rank" /></div>
+                <div class="ml-12px cursor-move handle">
+                  <AppIcon :icon="AppIcons.drag" />
+                </div>
               </div>
             </div>
           </ElCheckboxGroup>

src/components/Table/src/components/TableActions.vue

@@ -3,11 +3,12 @@
 <script lang="tsx">
 import { defineComponent, unref, computed, PropType, ref } from 'vue'
 import { ElDropdown, ElDropdownMenu, ElDropdownItem, ComponentSize } from 'element-plus'
-import { Icon } from '@/components/Icon'
+import { AppIcon } from '@/components/AppIcon'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useAppStore } from '@/store/modules/app'
 import { TableColumn } from '../types'
 import ColumnSetting from './ColumnSetting.vue'
+import { AppIcons } from '@/constants/icons'
 
 export default defineComponent({
   name: 'TableActions',
@@ -47,8 +48,8 @@ export default defineComponent({
       <>
         <div class="text-right h-28px flex items-center justify-end">
           <div title="刷新" class="w-30px h-20px flex items-center justify-end" onClick={refresh}>
-            <Icon
-              icon="ant-design:sync-outlined"
+            <AppIcon
+              icon={AppIcons.refresh}
               class="cursor-pointer"
               hover-color="var(--el-color-primary)"
             />
@@ -59,8 +60,8 @@ export default defineComponent({
               default: () => {
                 return (
                   <div title="尺寸" class="w-30px h-20px flex items-center justify-end">
-                    <Icon
-                      icon="ant-design:column-height-outlined"
+                    <AppIcon
+                      icon={AppIcons.viewColumn}
                       class="cursor-pointer"
                       hover-color="var(--el-color-primary)"
                     />
@@ -92,8 +93,8 @@ export default defineComponent({
             class="w-30px h-20px flex items-center justify-end"
             onClick={showColumnSetting}
           >
-            <Icon
-              icon="ant-design:setting-outlined"
+            <AppIcon
+              icon={AppIcons.settings}
               class="cursor-pointer"
               hover-color="var(--el-color-primary)"
             />