perf: 调整

This commit is contained in:
rd
2025-09-05 17:02:01 +08:00
parent 6b8950ca4d
commit a1823d08a9
7 changed files with 29 additions and 29 deletions

View File

@ -12,7 +12,7 @@ import { useChatStore } from '@/stores/modules/chat';
import { initApp } from '@/utils/user'; import { initApp } from '@/utils/user';
import { useSidebarStore } from '@/stores/modules/side-bar'; import { useSidebarStore } from '@/stores/modules/side-bar';
import zhCN from '@arco-design/web-vue/es/locale/lang/zh-cn'; import zhCN from '@arco-design/web-vue/es/locale/lang/zh-cn'; // 已移除
const userStore = useUserStore(); const userStore = useUserStore();
const route = useRoute(); const route = useRoute();

View File

@ -237,7 +237,7 @@ export default {
{dataSource.value.length > 0 && selectedRows.value.length > 0 && ( {dataSource.value.length > 0 && selectedRows.value.length > 0 && (
<div <div
class={[ class={[
'tip-row flex justify-between px-16px py-10px w-100% mb-16px h-42px', 'tip-row flex justify-between px-16px py-10px w-100% mb-16px h-48px items-center',
selectedRows.value.length > 0 ? ' selected' : '', selectedRows.value.length > 0 ? ' selected' : '',
].join('')} ].join('')}
> >

View File

@ -11,7 +11,7 @@ import NoData from '@/components/no-data/index.vue';
import SvgIcon from '@/components/svg-icon/index.vue'; import SvgIcon from '@/components/svg-icon/index.vue';
import '@/api/index'; import '@/api/index';
import '@arco-design/web-vue/dist/arco.css'; // Arco 默认样式 // import '@arco-design/web-vue/dist/arco.css'; // 已移除 Arco 样式
import './core'; import './core';
import 'normalize.css'; import 'normalize.css';

View File

@ -3,7 +3,8 @@ import {
EnumErrorStatus, EnumErrorStatus,
getStatusInfo, getStatusInfo,
} from '@/views/property-marketing/media-account/components/status-select/status-box'; } from '@/views/property-marketing/media-account/components/status-select/status-box';
import { Dropdown, Doption } from '@arco-design/web-vue'; import { Dropdown, Menu } from 'ant-design-vue';
const { Item: MenuItem } = Menu;
import { Tooltip, Button } from 'ant-design-vue'; import { Tooltip, Button } from 'ant-design-vue';
export default defineComponent({ export default defineComponent({
name: 'FooterBtn', name: 'FooterBtn',
@ -22,23 +23,23 @@ export default defineComponent({
const renderEditDoption = () => { const renderEditDoption = () => {
return ( return (
<Doption class="color-#211F24" onClick={() => emit('openEdit', props.item)}> <MenuItem class="color-#211F24" onClick={() => emit('openEdit', props.item)}>
</Doption> </MenuItem>
); );
}; };
const renderReauthorizeDoption = (text = '重新授权') => { const renderReauthorizeDoption = (text = '重新授权') => {
return ( return (
<Doption class="color-#211F24" onClick={() => emit('handleReauthorize', props.item)}> <MenuItem class="color-#211F24" onClick={() => emit('handleReauthorize', props.item)}>
{text} {text}
</Doption> </MenuItem>
); );
}; };
const renderPauseDoption = () => { const renderPauseDoption = () => {
return ( return (
<Doption class="color-#211F24" onClick={() => emit('handlePause', props.item)}> <MenuItem class="color-#211F24" onClick={() => emit('handlePause', props.item)}>
</Doption> </MenuItem>
); );
}; };
const renderUpdateBtn = () => { const renderUpdateBtn = () => {
@ -50,9 +51,9 @@ export default defineComponent({
}; };
const renderDeleteDoption = () => { const renderDeleteDoption = () => {
return ( return (
<Doption class="color-#F64B31" onClick={() => emit('openDelete', props.item)}> <MenuItem class="color-#F64B31" onClick={() => emit('openDelete', props.item)}>
</Doption> </MenuItem>
); );
}; };
const renderNormal = () => { const renderNormal = () => {
@ -66,13 +67,13 @@ export default defineComponent({
</Button> </Button>
), ),
content: () => ( overlay: () => (
<> <Menu>
{renderEditDoption()} {renderEditDoption()}
{renderReauthorizeDoption()} {renderReauthorizeDoption()}
{renderPauseDoption()} {renderPauseDoption()}
{renderDeleteDoption()} {renderDeleteDoption()}
</> </Menu>
), ),
}} }}
></Dropdown> ></Dropdown>
@ -91,11 +92,11 @@ export default defineComponent({
</Button> </Button>
), ),
content: () => ( overlay: () => (
<> <Menu>
{renderEditDoption()} {renderEditDoption()}
{renderDeleteDoption()} {renderDeleteDoption()}
</> </Menu>
), ),
}} }}
></Dropdown> ></Dropdown>
@ -116,7 +117,7 @@ export default defineComponent({
return renderUpdateBtn(); return renderUpdateBtn();
} else if ([EnumErrorStatus.REQUEST, EnumErrorStatus.FREEZE].includes(error_status)) { } else if ([EnumErrorStatus.REQUEST, EnumErrorStatus.FREEZE].includes(error_status)) {
return ( return (
<Tooltip title={statusInfo.value.disabledBtnTooltip}> <Tooltip title={statusInfo.value?.disabledBtnTooltip}>
<Button type="primary" ghost size="small" disabled> <Button type="primary" ghost size="small" disabled>
</Button> </Button>
@ -140,13 +141,13 @@ export default defineComponent({
</Button> </Button>
), ),
content: () => ( overlay: () => (
<> <Menu>
{renderEditDoption()} {renderEditDoption()}
{isMissing && renderReauthorizeDoption()} {isMissing && renderReauthorizeDoption()}
{renderPauseDoption()} {renderPauseDoption()}
{renderDeleteDoption()} {renderDeleteDoption()}
</> </Menu>
), ),
}} }}
></Dropdown> ></Dropdown>

View File

@ -33,7 +33,7 @@
<div <div
v-if="dataSource.length > 0" v-if="dataSource.length > 0"
class="tip-row flex justify-between px-16px py-10px w-100% my-12px" class="tip-row flex justify-between items-center px-16px py-10px w-100% my-12px h-48px"
:class="selectedItems.length > 0 ? 'selected' : isAbNormalStatus ? 'abnormal' : 'normal'" :class="selectedItems.length > 0 ? 'selected' : isAbNormalStatus ? 'abnormal' : 'normal'"
> >
<div class="flex items-center"> <div class="flex items-center">

View File

@ -21,7 +21,7 @@
<div <div
v-if="dataSource.length > 0" v-if="dataSource.length > 0"
class="tip-row flex justify-between px-16px py-10px w-100% my-12px" class="tip-row flex justify-between px-16px py-10px w-100% my-12px items-center h-48px"
:class="selectedItems.length > 0 ? 'selected' : isAbNormalStatus ? 'abnormal' : 'normal'" :class="selectedItems.length > 0 ? 'selected' : isAbNormalStatus ? 'abnormal' : 'normal'"
> >
<div class="flex items-center"> <div class="flex items-center">

View File

@ -1,13 +1,12 @@
<script lang="jsx"> <script lang="jsx">
import axios from 'axios'; import axios from 'axios';
import { Swiper, SwiperSlide } from 'swiper/vue'; import { Swiper, SwiperSlide } from 'swiper/vue';
import { Button, Form, FormItem, Input, Tabs } from 'ant-design-vue'; import { Button, Form, FormItem, Input, Tabs, message, Image, Upload, Spin } from 'ant-design-vue';
const { TextArea } = Input; const { TextArea } = Input;
const { TabPane } = Tabs; const { TabPane } = Tabs;
import { IconLoading, message } from '@arco-design/web-vue/es/icon'; import { IconLoading } from '@arco-design/web-vue/es/icon'; // 图标保留不更换
import { Image, Upload, Spin } from 'ant-design-vue';
import TextOverTips from '@/components/text-over-tips'; import TextOverTips from '@/components/text-over-tips';
import 'swiper/css'; import 'swiper/css';
@ -426,7 +425,7 @@ export default {
{TAB_LIST.map((item) => ( {TAB_LIST.map((item) => (
<TabPane <TabPane
key={item.value} key={item.value}
tab={( tab={
<div class="flex items-center relative"> <div class="flex items-center relative">
<span>{item.label}</span> <span>{item.label}</span>
{ {
@ -435,7 +434,7 @@ export default {
// ) // )
} }
</div> </div>
)} }
/> />
))} ))}
</Tabs> </Tabs>