perf: 调整
This commit is contained in:
@ -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();
|
||||||
|
|||||||
@ -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('')}
|
||||||
>
|
>
|
||||||
|
|||||||
@ -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';
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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">
|
||||||
|
|||||||
@ -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">
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user