feat: 删除无用组件,组件库替换

This commit is contained in:
rd
2025-09-04 16:10:44 +08:00
parent 23d614a07f
commit 15357b6bc8
71 changed files with 509 additions and 762 deletions

View File

@ -17,23 +17,23 @@
<template #content>
<div>
<a-doption>
<a-space class="flex justify-between w-100%" @click="setServerMenu">
<div class="h-full flex justify-between items-center w-100%" @click="setServerMenu">
<div class="flex items-center">
<img :src="icon1" class="w-16px h-16px mr-8px" />
<span>管理中心</span>
</div>
<icon-right size="12" />
</a-space>
</div>
</a-doption>
<a-dsubmenu value="option-1" position="lt" trigger="hover" class="enterprises-dsubmenu">
<a-doption class="enterprises-doption">
<a-space class="flex justify-between w-100%">
<div class="flex justify-between w-100% h-full items-center">
<div class="flex items-center">
<img :src="icon3" class="w-16px h-16px mr-8px" />
<span>切换企业账号</span>
</div>
<icon-right size="12" />
</a-space>
</div>
</a-doption>
<template #content>
<a-doption
@ -53,13 +53,13 @@
</template>
</a-dsubmenu>
<a-doption>
<a-space class="flex justify-between w-100%" @click="clickExit">
<div class="flex justify-between w-100% h-full items-center" @click="clickExit">
<div class="flex items-center">
<img :src="icon2" class="w-16px h-16px mr-8px" />
<span>退出登录</span>
</div>
<icon-right size="12" />
</a-space>
</div>
</a-doption>
</div>
</template>

View File

@ -1,7 +1,7 @@
<script lang="jsx">
import { ref, computed } from 'vue';
import { Button, Checkbox, Input } from 'ant-design-vue';
import { Table, TableColumn, Pagination, Tooltip, Notification } from '@arco-design/web-vue';
import { Button, Checkbox, Input, Tooltip } from 'ant-design-vue';
import { Table, TableColumn, Pagination, Notification } from '@arco-design/web-vue';
import { IconSearch, IconClose, IconQuestionCircle } from '@arco-design/web-vue/es/icon';
import NoData from '@/components/no-data';
@ -305,7 +305,7 @@ export default {
<div class="flex items-center">
<span class="cts mr-4px">{column.title}</span>
{column.tooltip && (
<Tooltip content={column.tooltip} position="top">
<Tooltip title={column.tooltip} placement="top">
<IconQuestionCircle class="tooltip-icon color-#737478" size={16} />
</Tooltip>
)}

View File

@ -1,7 +1,7 @@
<script lang="jsx">
import { ref, computed } from 'vue';
import { Button } from 'ant-design-vue';
import { Table, TableColumn, Pagination, Tooltip, Notification } from '@arco-design/web-vue';
import { Button, Tooltip } from 'ant-design-vue';
import { Table, TableColumn, Pagination, Notification } from '@arco-design/web-vue';
import { IconSearch, IconClose, IconQuestionCircle } from '@arco-design/web-vue/es/icon';
import NoData from '@/components/no-data';
import { getTask } from '@/api/all/common';
@ -152,7 +152,7 @@ export default {
<div class="flex items-center">
<span class="cts mr-4px">{column.title}</span>
{column.tooltip && (
<Tooltip content={column.tooltip} position="top">
<Tooltip title={column.tooltip} placement="top">
<IconQuestionCircle class="tooltip-icon color-#737478" size={16} />
</Tooltip>
)}

View File

@ -9,10 +9,10 @@
@cancel="onClose"
centered
>
<a-tabs :active-key="activeTab" @tab-click="handleTabClick">
<a-tab-pane key="0" title="导入"> </a-tab-pane>
<a-tab-pane key="1" title="导出"> </a-tab-pane>
</a-tabs>
<Tabs :activeKey="activeTab" @change="handleTabClick">
<TabPane key="0" tab="导入"> </TabPane>
<TabPane key="1" tab="导出"> </TabPane>
</Tabs>
<div class="content">
<component :is="activeTab === '0' ? ImportTask : ExportTask" ref="componentRef" />
</div>
@ -20,7 +20,8 @@
</template>
<script setup>
import { Checkbox, Modal, Button } from 'ant-design-vue';
import { Checkbox, Modal, Button, Tabs } from 'ant-design-vue';
const { TabPane } = Tabs;
import { Notification } from '@arco-design/web-vue';
import ExportTask from './components/export-task';