renxiaodong/lingji-work-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

16
src/views/property-marketing/media-account/account-dashboard/components/account-table/index.vue
View File

@ -11,16 +11,17 @@
:indeterminate="indeterminate"
class="!pl-13px"
@change="(e) => handleSelectAll(e.target.checked)"
>全选</Checkbox>
>全选</Checkbox
>
</div>
<div class="flex items-center">
<Button type="outline" class="w-110px mr-12px" size="medium" @click="handleExport">
<template #icon> <icon-download class="mr-8px"/> </template>
<template #icon> <icon-download class="mr-8px" /> </template>
<template #default>导出数据</template>
</Button>
<Button type="outline" class="w-110px" size="medium" @click="openCustomColumn">
<template #icon>
<img :src="icon1" width="14" height="14" class="mr-8px"/>
<img :src="icon1" width="14" height="14" class="mr-8px" />
</template>
<template #default>自定义列</template>
</Button>
@ -66,9 +67,9 @@
<div class="flex items-center">
<img v-if="column.dataIndex === 'ai_evaluate'" width="16" height="16" :src="icon5" class="mr-4px" />
<span class="cts mr-4px">{{ column.title }}</span>
<a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
<Tooltip v-if="column.tooltip" :title="column.tooltip" position="top">
<icon-question-circle class="tooltip-icon color-#737478" size="16" />
</a-tooltip>
</Tooltip>
</div>
</template>
@ -140,7 +141,6 @@
<template v-else #cell="{ record }">
{{ formatTableField(column, record, true) }}
</template>
</a-table-column>
<a-table-column data-index="operation" fixed="right" width="100" title="操作">
<template #cell="{ record }">
@ -161,7 +161,7 @@
<script setup>
import { ref, computed } from 'vue';
import { useRouter } from 'vue-router';
import { Checkbox, Button } from 'ant-design-vue';
import { Checkbox, Button, Tooltip } from 'ant-design-vue';
import { getCustomColumns } from '@/api/all/common';
import StatusBox from '@/views/property-marketing/media-account/components/status-select/status-box.tsx';
@ -209,7 +209,7 @@ const dateType = computed(() => (props.query.type === 7 ? 'week' : 'month'));
const tableColumns = computed(() => {
const _result = [];
const _columns = getDefaultColumns(dateType.value);
console.log({_columns})
console.log({ _columns });
selectedColumns.value.forEach((item) => {
const _column = _columns.find((_item) => _item.prop === item);

11
src/views/property-marketing/media-account/account-dashboard/index.vue
View File

@ -9,9 +9,9 @@
<div class="top flex h-64px py-10px justify-between items-center">
<div class="flex items-center">
<p class="text-18px font-400 lh-26px color-#211F24 mr-4px title">数据总览</p>
<a-tooltip content="展示所筛选的账号的信息汇总">
<Tooltip title="展示所筛选的账号的信息汇总">
<icon-question-circle size="16" class="color-#737478" />
</a-tooltip>
</Tooltip>
</div>
</div>
<div class="overview-row flex">
@ -19,15 +19,15 @@
<div class="flex items-center mb-8px">
<img :src="item.icon" width="20" height="20" class="mr-8px" />
<p class="label color-#211F24">{{ item.label }}</p>
<a-tooltip v-if="item.tooltip" :content="item.tooltip">
<Tooltip v-if="item.tooltip" :title="item.tooltip">
<img :src="icon1" width="14" height="14" class="ml-4px" />
</a-tooltip>
</Tooltip>
</div>
<span class="value color-#211F24 ml-32px">{{ formatNumberShow(overviewData[item.prop]) }}</span>
</div>
</div>
</div>
<div class=" bg-#fff rounded-8px mb-16px">
<div class="bg-#fff rounded-8px mb-16px">
<FilterBlock v-model:query="query" @onSearch="handleSearch" @onReset="handleReset" />
</div>
<div class="table-wrap bg-#fff rounded-8px px-24px py-24px flex flex-col">
@ -60,6 +60,7 @@
import FilterBlock from './components/filter-block';
import AccountTable from './components/account-table';
import { Tooltip } from 'ant-design-vue';
import { getAccountBoardOverview, getAccountBoardList, postAccountBoardExport } from '@/api/all/propertyMarketing';
import { formatNumberShow } from '@/utils/tools';
import { INITIAL_QUERY, CARD_FIELDS } from './constants';

20
src/views/property-marketing/media-account/account-detail/components/account-info/index.vue
View File

@ -3,7 +3,7 @@
* @Date: 2025-06-28 12:58:25
-->
<template>
<div class="account-info-wrap bg-#fff rounded-8px px-24px mb-16px">
<div class="account-info-wrap bg-#fff rounded-8px px-24px mb-16px">
<div class="title-row">
<span class="cts !text-18px !lh-26px title">账号信息</span>
</div>
@ -47,9 +47,9 @@
<template v-else>
<div class="flex items-center mb-4px">
<p class="cts !color-#737478 !mr-4px">{{ field.title }}</p>
<a-tooltip v-if="field.tooltip" :content="field.tooltip" position="top">
<Tooltip v-if="field.tooltip" :title="field.tooltip" position="top">
<icon-question-circle class="tooltip-icon color-#737478" size="16" />
</a-tooltip>
</Tooltip>
</div>
<p class="cts">
<template v-if="field.type === 'status'">
@ -60,10 +60,10 @@
<div v-for="(tag, index) in detailData.tags.slice(0, 2)" :key="index" class="tag-box">
<span class="text">{{ tag.name }}</span>
</div>
<a-tooltip
<Tooltip
v-if="detailData.tags.length > 2"
position="top"
:content="
:title="
detailData.tags
.slice(2)
.map((v) => v.name)
@ -73,7 +73,7 @@
<div class="tag-box">
<span class="text">{{ `+${detailData.tags.length - 2}` }}</span>
</div>
</a-tooltip>
</Tooltip>
</div>
<span class="cts" v-else>-</span>
</template>
@ -88,7 +88,12 @@
}}
</template>
<template v-else-if="field.dataIndex === 'platform'">
<img :src="getMediaAccountPlatformLogo(detailData.platform)" width="16" height="16" class="rounded-4px" />
<img
:src="getMediaAccountPlatformLogo(detailData.platform)"
width="16"
height="16"
class="rounded-4px"
/>
</template>
<template v-else-if="field.dataIndex === 'last_synced_at'">
{{ exactFormatTime(detailData.last_synced_at, 'YYYY-MM-DD HH:mm:ss', 'YYYY-MM-DD HH:mm:ss') }}
@ -132,6 +137,7 @@
<script setup>
import { useRoute } from 'vue-router';
import { Tooltip } from 'ant-design-vue';
import { formatTableField, formatNumberShow, exactFormatTime } from '@/utils/tools';
import { getMediaAccountPlatformLogo } from '@/utils/platform';
import { getAccountInfoFields } from '../../constants';

10
src/views/property-marketing/media-account/account-detail/components/note-table/index.vue
View File

@ -7,9 +7,9 @@
<div class="title-row">
<div class="flex items-center">
<span class="cts !text-18px !lh-26px mr-4px title">笔记详情</span>
<a-tooltip content="展示笔记层级的详细数据，如曝光、互动等，是内容精细分析入口。">
<Tooltip title="展示笔记层级的详细数据，如曝光、互动等，是内容精细分析入口。">
<icon-question-circle size="16" class="color-#737478" />
</a-tooltip>
</Tooltip>
</div>
</div>
<div class="filter-row flex my-16px">
@ -73,9 +73,9 @@
<template #title>
<div class="flex items-center">
<span class="cts mr-4px">{{ column.title }}</span>
<a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
<Tooltip v-if="column.tooltip" :title="column.tooltip" placement="top">
<icon-question-circle class="tooltip-icon color-#737478" size="16" />
</a-tooltip>
</Tooltip>
</div>
</template>
@ -110,7 +110,7 @@
</template>
<script setup>
import { Button, Input } from 'ant-design-vue';
import { Button, Input, Tooltip } from 'ant-design-vue';
import { TABLE_COLUMNS, INITIAL_QUERY, INITIAL_PAGE_INFO } from './constants';
import { useRoute } from 'vue-router';
import { formatTableField, exactFormatTime, formatNumberShow } from '@/utils/tools';

19
src/views/property-marketing/media-account/account-manage/components/account-table/footer-btn.tsx
View File

@ -3,7 +3,8 @@ import {
EnumErrorStatus,
getStatusInfo,
} from '@/views/property-marketing/media-account/components/status-select/status-box';
import { Dropdown, Doption, Button, Tooltip } from '@arco-design/web-vue';
import { Dropdown, Doption } from '@arco-design/web-vue';
import { Tooltip, Button } from 'ant-design-vue';
export default defineComponent({
name: 'FooterBtn',
props: {
@ -42,7 +43,7 @@ export default defineComponent({
};
const renderUpdateBtn = () => {
return (
<Button type="outline" size="mini" onClick={() => emit('syncData', props.item)}>
<Button type="primary" ghost size="small" onClick={() => emit('syncData', props.item)}>
更新数据
</Button>
);
@ -61,7 +62,7 @@ export default defineComponent({
trigger="hover"
v-slots={{
default: () => (
<Button type="outline" class="mr-8px" size="mini">
<Button type="primary" ghost class="mr-8px" size="small">
更多
</Button>
),
@ -86,7 +87,7 @@ export default defineComponent({
trigger="hover"
v-slots={{
default: () => (
<Button type="outline" class="mr-8px" size="mini">
<Button type="primary" ghost class="mr-8px" size="small">
更多
</Button>
),
@ -98,7 +99,7 @@ export default defineComponent({
),
}}
></Dropdown>
<Button type="outline" size="mini" onClick={() => emit('handleReauthorize', props.item)}>
<Button type="primary" ghost size="small" onClick={() => emit('handleReauthorize', props.item)}>
开启同步
</Button>
</>
@ -115,15 +116,15 @@ export default defineComponent({
return renderUpdateBtn();
} else if ([EnumErrorStatus.REQUEST, EnumErrorStatus.FREEZE].includes(error_status)) {
return (
<Tooltip content={statusInfo.value.disabledBtnTooltip}>
<Button type="outline" size="mini" disabled>
<Tooltip title={statusInfo.value.disabledBtnTooltip}>
<Button type="primary" ghost size="small" disabled>
重新授权
</Button>
</Tooltip>
);
} else {
return (
<Button type="outline" size="mini" onClick={() => emit('handleReauthorize', props.item)}>
<Button type="primary" ghost size="small" onClick={() => emit('handleReauthorize', props.item)}>
{isUnauthorized ? '去授权' : '重新授权'}
</Button>
);
@ -135,7 +136,7 @@ export default defineComponent({
trigger="hover"
v-slots={{
default: () => (
<Button type="outline" class="mr-8px" size="mini">
<Button type="primary" ghost class="mr-8px" size="small">
更多
</Button>
),

22
src/views/property-marketing/media-account/account-manage/components/account-table/index.vue
View File

@ -19,9 +19,9 @@
</template>
<Checkbox :checked="isSelected(item)" :value="item.id" @change="toggleSelect(item)"></Checkbox>
<div class="ml-8px flex-1">
<a-tooltip content="点击查看账号详情">
<Tooltip title="点击查看账号详情">
<p class="name cursor-pointer hover:!color-#6d4cfe" @click="goDetail(item)">{{ item.name || '-' }}</p>
</a-tooltip>
</Tooltip>
<div class="field-row">
<span class="label">状态</span>
<StatusBox :item="item" />
@ -50,10 +50,10 @@
<span class="label">所属项目</span>
<span v-if="!item.projects.length" class="cts">-</span>
<div v-else class="flex items-center">
<a-tooltip
<Tooltip
v-if="item.projects.length > 2"
position="bottom"
:content="
placement="bottom"
:title="
item.projects
.slice(2)
.map((v) => v.name)
@ -63,7 +63,7 @@
<div class="tag-box">
<span class="text">{{ `+${item.projects.length - 2}` }}</span>
</div>
</a-tooltip>
</Tooltip>
<div v-for="(project, index) in item.projects.slice(0, 2)" :key="index" class="tag-box">
<span class="text">{{ project.name }}</span>
@ -78,10 +78,10 @@
<span class="label">标签</span>
<span v-if="!item.tags.length" class="cts">-</span>
<div v-else class="flex items-center">
<a-tooltip
<Tooltip
v-if="item.tags.length > 2"
position="bottom"
:content="
placement="bottom"
:title="
item.tags
.slice(2)
.map((v) => v.name)
@ -91,7 +91,7 @@
<div class="tag-box">
<span class="text">{{ `+${item.tags.length - 2}` }}</span>
</div>
</a-tooltip>
</Tooltip>
<div v-for="(tag, index) in item.tags.slice(0, 2)" :key="index" class="tag-box">
<span class="text">{{ tag.name }}</span>
@ -130,7 +130,7 @@
<script setup>
import { defineProps, ref, computed, inject } from 'vue';
import { Checkbox, Button } from 'ant-design-vue';
import { Checkbox, Button, Tooltip } from 'ant-design-vue';
import { useRouter } from 'vue-router';
import { deleteSyncStatus } from '@/api/all/propertyMarketing';
import { exactFormatTime } from '@/utils/tools';

31
src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
View File

@ -5,7 +5,9 @@
<script lang="jsx">
import { ref, computed } from 'vue';
import { Button, Modal, Form, FormItem, RadioGroup, Radio, Input } from 'ant-design-vue';
import { Upload, Switch, Tooltip, Message as AMessage, Textarea } from '@arco-design/web-vue';
const { TextArea } = Input;
import { Upload, Switch, Message as AMessage } from '@arco-design/web-vue';
import { Tooltip } from 'ant-design-vue';
import AuthorizedAccountModal from '../authorized-account-modal';
// import ImportPromptModal from '../import-prompt-modal';
import StatusBox from '@/views/property-marketing/media-account/components/status-select/status-box.tsx';
@ -75,15 +77,14 @@ export default {
mobile: [
{
required: true,
message: '请填写手机号',
trigger: ['blur', 'change'],
},
{
validator: (value, callback) => {
validator: (_rule, value) => {
if (!value) {
return Promise.reject('请填写手机号');
}
if (!/^1[3-9]\d{9}$/.test(value)) {
callback('手机号格式不正确');
return Promise.reject('手机号格式不正确');
} else {
callback();
return Promise.resolve();
}
},
trigger: ['blur', 'change'],
@ -403,11 +404,11 @@ export default {
renderLabel('笔记链接', '平台将从该笔记“之后”的内容开始同步，该笔记及更早的数据均不采集'),
}}
>
<Textarea
v-model={form.value.end_work_link}
<TextArea
v-model:value={form.value.end_work_link}
placeholder="请输入..."
size="large"
auto-size={{ minRows: 3, maxRows: 5 }}
autoSize={{ minRows: 3, maxRows: 5 }}
/>
</FormItem>
<FormItem
@ -419,12 +420,12 @@ export default {
<Switch v-model={isCustomCookie.value} size="large" />
</FormItem>
{isCustomCookie.value && (
<FormItem label="" name="cookie">
<Textarea
v-model={form.value.cookie}
<FormItem label=" " name="cookie">
<TextArea
v-model:value={form.value.cookie}
placeholder="请输入..."
size="large"
auto-size={{ minRows: 5, maxRows: 8 }}
autoSize={{ minRows: 5, maxRows: 8 }}
/>
</FormItem>
)}

6
src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/index.vue
View File

@ -20,9 +20,9 @@
<Radio value="all">
<div class="flex items-center">
<span>统一编辑</span>
<a-tooltip content="原标签将被清除，统一为新标签。">
<Tooltip title="原标签将被清除，统一为新标签。">
<img :src="icon1" alt="icon" class="ml-2px" width="14" height="14" />
</a-tooltip>
</Tooltip>
</div>
</Radio>
<Radio value="each">分别编辑</Radio>
@ -83,7 +83,7 @@
<script setup>
import { ref, reactive } from 'vue';
import { Button, Modal, Form, FormItem, RadioGroup, Radio, Select } from 'ant-design-vue';
import { Button, Modal, Form, FormItem,Tooltip, RadioGroup, Radio, Select } from 'ant-design-vue';
import { fetchAccountTags, batchPutTag } from '@/api/all/propertyMarketing';
import icon1 from '@/assets/img/icon-question.png';

6
src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/index.vue
View File

@ -39,12 +39,12 @@
<div class="h-300px">
<div v-if="showDataSource.length" class="tag-list">
<a-tooltip v-for="tag in showDataSource" :key="tag.id" content="双击修改标签名">
<Tooltip v-for="tag in showDataSource" :key="tag.id" title="双击修改标签名">
<div class="tag-item cursor-pointer" @dblclick="openEdit(tag)">
<span>{{ tag.name }}</span>
<img :src="iconDelete" class="delete-icon" @click="openDelete(tag)" />
</div>
</a-tooltip>
</Tooltip>
</div>
<template v-else>
<NoData>
@ -66,7 +66,7 @@
<script setup>
import { ref } from 'vue';
import { Button, Modal, Input } from 'ant-design-vue';
import { Button, Modal, Input, Tooltip } from 'ant-design-vue';
import { getTagsList } from '@/api/all/propertyMarketing';
import AddTag from './add-tag.vue';
import DeleteTag from './delete-tag.vue';

8
src/views/property-marketing/media-account/components/status-select/status-box.tsx
View File

@ -1,5 +1,5 @@
import { defineComponent, computed } from 'vue';
import { Tooltip } from '@arco-design/web-vue';
import { Tooltip } from 'ant-design-vue';
import iconWarn1 from '@/assets/img/media-account/icon-warn-1.png';
import iconWarn2 from '@/assets/img/media-account/icon-warn-2.png';
@ -111,7 +111,7 @@ export default defineComponent({
const { background, color, label } = statusInfo.value;
if (status === EnumStatus.NORMAL) {
return (
<div class="flex items-center status-box">
<div class="flex items-center status-box w-fit">
{to_be_expire_for_cookie === EnumExpireForCookie.EXPIRE && (
<div class="flex items-center rounded-2px px-8px mr-8px" style={{ background, color }}>
<img src={icon1} width="12" height="12" class="mr-4px" />
@ -129,12 +129,12 @@ export default defineComponent({
}
return (
<div class="flex items-center rounded-2px px-8px status-box" style={{ background, color }}>
<div class="flex items-center rounded-2px px-8px status-box w-fit" style={{ background, color }}>
<span class="text-14px lh-22px font-400 label">{label}</span>
{status === EnumStatus.PAUSE ? (
<img src={iconWarn1} width="12" height="12" class="ml-4px" />
) : (
<Tooltip content={statusInfo.value.tooltip}>
<Tooltip title={statusInfo.value.tooltip}>
<img src={iconWarn2} width="12" height="12" class="ml-4px" />
</Tooltip>
)}

10
src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepFour.vue
View File

@ -73,9 +73,9 @@
<template #title>
<div class="flex items-center">
<span class="cts mr-4px">{{ column.title }}</span>
<a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
<Tooltip v-if="column.tooltip" :title="column.tooltip" placement="top">
<icon-question-circle class="tooltip-icon color-#737478" size="16" />
</a-tooltip>
</Tooltip>
</div>
</template>
@ -99,9 +99,9 @@
<div class="flex-1 overflow-y-auto overflow-x-hidden">
<template v-if="selectedRows?.length">
<div class="tag-item mb-8px" v-for="item in selectedRows" :key="item.id">
<a-tooltip :content="item.name">
<Tooltip :title="item.name">
<p class="name mr-4px">{{ item.name || '-' }}</p>
</a-tooltip>
</Tooltip>
<icon-close size="12" class="color-#3C4043 cursor-pointer flex-shrink-0" @click="onDelete(item)" />
</div>
</template>
@ -113,7 +113,7 @@
<script setup>
import { formatTableField, exactFormatTime } from '@/utils/tools';
import { Button, Input, Select } from 'ant-design-vue';
import { Button, Input, Select, Tooltip } from 'ant-design-vue';
const { Option } = Select;
import { getPlacementAccountOperators, getWorksList } from '@/api/all/propertyMarketing';

10
src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepThree.vue
View File

@ -76,9 +76,9 @@
<template #title>
<div class="flex items-center">
<span class="cts mr-4px">{{ column.title }}</span>
<a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
<Tooltip v-if="column.tooltip" :title="column.tooltip" placement="top">
<icon-question-circle class="tooltip-icon color-#737478" size="16" />
</a-tooltip>
</Tooltip>
</div>
</template>
@ -102,9 +102,9 @@
<div class="flex-1 overflow-y-auto overflow-x-hidden">
<template v-if="selectedRows?.length">
<div class="tag-item mb-8px" v-for="item in selectedRows" :key="item.id">
<a-tooltip :content="item.name">
<Tooltip :title="item.name">
<p class="name mr-4px">{{ item.name || '-' }}</p>
</a-tooltip>
</Tooltip>
<icon-close size="12" class="color-#3C4043 cursor-pointer flex-shrink-0" @click="onDelete(item)" />
</div>
</template>
@ -117,7 +117,7 @@
<script setup>
import { PLATFORM_LIST, getPutAccountPlatformLogo } from '@/utils/platform';
import { formatTableField } from '@/utils/tools';
import { Button, Input, Select } from 'ant-design-vue';
import { Button, Input, Select, Tooltip } from 'ant-design-vue';
const { Option } = Select;
import { getPlacementAccountOperators, getPlacementAccountsList } from '@/api/all/propertyMarketing';

6
src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepTwo.vue
View File

@ -76,9 +76,9 @@
<template #title>
<div class="flex items-center">
<span class="cts mr-4px">{{ column.title }}</span>
<a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
<Tooltip v-if="column.tooltip" :title="column.tooltip" placement="top">
<icon-question-circle class="tooltip-icon color-#737478" size="16" />
</a-tooltip>
</Tooltip>
</div>
</template>
@ -115,7 +115,7 @@
<script setup>
import { MEDIA_ACCOUNT_PLATFORMS, getMediaAccountPlatformLogo } from '@/utils/platform';
import { formatTableField } from '@/utils/tools';
import { Button, Input, Select } from 'ant-design-vue';
import { Button, Input, Select, Tooltip } from 'ant-design-vue';
const { Option } = Select;
import { fetchAccountOperators, getMediaAccountList } from '@/api/all/propertyMarketing';

6
src/views/property-marketing/project-manage/project-list/components/project-table/index.vue
View File

@ -29,9 +29,9 @@
<template #title>
<div class="flex items-center">
<span class="cts mr-4px">{{ column.title }}</span>
<a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
<Tooltip v-if="column.tooltip" :title="column.tooltip" placement="top">
<icon-question-circle class="tooltip-icon color-#737478" size="16" />
</a-tooltip>
</Tooltip>
</div>
</template>
@ -55,7 +55,7 @@
<script setup>
import { ref } from 'vue';
import { Button } from 'ant-design-vue';
import { Button, Tooltip } from 'ant-design-vue';
import { formatTableField, exactFormatTime } from '@/utils/tools';
import { TABLE_COLUMNS } from './constants';

15
src/views/property-marketing/put-account/account-dashboard/index.vue
View File

@ -1,12 +1,12 @@
<template>
<div class="account-dashboard-wrap">
<div class="filter-wrap bg-#fff rounded-8px pb-24px mb-16px">
<a-tabs v-model:activeKey="accountType" @tab-click="handleTabClick">
<a-tab-pane key="1" title="账户"></a-tab-pane>
<a-tab-pane key="2" title="计划"></a-tab-pane>
</a-tabs>
<Tabs v-model:activeKey="accountType" @change="handleTabClick" size="large">
<TabPane key="1" tab="账户"></TabPane>
<TabPane key="2" tab="计划"></TabPane>
</Tabs>
<div class="container px-24px">
<div class="container pt-24px px-24px">
<div class="filter-row flex mb-20px">
<div class="filter-row-item flex items-center" v-if="accountType == 2">
<span class="label">计划名称</span>
@ -67,7 +67,7 @@
<script setup lang="ts">
import EchartsItem from './components/echarts-item/index';
import { PLATFORM_LIST } from '@/utils/platform';
import { Button, Select } from 'ant-design-vue';
import { Button, Select, Tabs } from 'ant-design-vue';
import {
getPlacementAccountsTrend,
getPlacementAccountProjectsTrend,
@ -77,8 +77,9 @@ import CommonSelect from '@/components/common-select';
import AccountSelect from '@/views/components/common/AccountSelect.vue';
import PlanSelect from '@/views/components/common/PlanSelect.vue';
const { TabPane } = Tabs;
const { Option } = Select;
const accountType = ref(1);
const accountType = ref("1");
const onLoading = ref(true);

7
src/views/property-marketing/put-account/account-dashboard/style.scss
View File

@ -19,13 +19,6 @@
border-radius: 8px;
// border: 1px solid #e6e6e8;
:deep(.arco-tabs) {
.arco-tabs-tab {
height: 56px;
padding: 0 8px;
}
}
.top {
.title {
font-family: $font-family-medium;

4
src/views/property-marketing/put-account/account-data/components/board-table/index.vue
View File

@ -68,9 +68,9 @@
<div class="flex items-center">
<img v-if="column.dataIndex === 'ai_evaluate'" width="16" height="16" :src="icon5" class="mr-4px" />
<span class="cts mr-4px">{{ column.title }}</span>
<a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
<Tooltip v-if="column.tooltip" :title="column.tooltip" placement="top">
<icon-question-circle class="tooltip-icon color-#737478" size="16" />
</a-tooltip>
</Tooltip>
</div>
</template>

42
src/views/property-marketing/put-account/account-data/components/filter-block/index.vue
View File

@ -4,9 +4,9 @@
* @Date: 2025-06-25 14:02:40
-->
<template>
<div class="container px-24px">
<div class="filter-row flex mb-20px">
<div class="filter-row-item flex items-center">
<div class="common-filter-wrap">
<div class="filter-row flex">
<div class="filter-row-item">
<span class="label">{{ isAccountTab ? '账户名称' : '计划名称' }}</span>
<Input
v-model:value="query.name"
@ -21,15 +21,15 @@
</template>
</Input>
</div>
<div v-if="!isAccountTab" class="filter-row-item flex items-center">
<div v-if="!isAccountTab" class="filter-row-item">
<span class="label">计划分组</span>
<CommonSelect class="w-200px" v-model="query.group_ids" multiple :options="groups" @change="handleSearch" />
</div>
<div class="filter-row-item flex items-center">
<div class="filter-row-item">
<span class="label">状态</span>
<StatusSelect class="w-180px" v-model="query.status" @change="handleSearch" />
</div>
<div class="filter-row-item flex items-center">
<div class="filter-row-item">
<span class="label">运营人员</span>
<CommonSelect
class="w-160px"
@ -41,7 +41,7 @@
</div>
</div>
<div class="filter-row flex">
<div v-if="!isAccountTab" class="filter-row-item flex items-center">
<div v-if="!isAccountTab" class="filter-row-item">
<span class="label">关联账户</span>
<CommonSelect
class="w-240px"
@ -50,7 +50,7 @@
@change="handleSearch"
/>
</div>
<div class="filter-row-item flex items-center">
<div class="filter-row-item">
<span class="label">时间筛选</span>
<a-range-picker
v-model="query.data_time"
@ -61,18 +61,20 @@
@change="handleSearch"
/>
</div>
<Button type="primary" ghost class="mr-12px" @click="handleSearch">
<template #icon>
<icon-search class="mr-8px" />
</template>
<template #default>搜索</template>
</Button>
<Button @click="handleReset">
<template #icon>
<icon-refresh class="mr-8px" />
</template>
<template #default>重置</template>
</Button>
<div class="filter-row-item">
<Button type="primary" ghost class="mr-12px" @click="handleSearch">
<template #icon>
<icon-search class="mr-8px" />
</template>
<template #default>搜索</template>
</Button>
<Button @click="handleReset">
<template #icon>
<icon-refresh class="mr-8px" />
</template>
<template #default>重置</template>
</Button>
</div>
</div>
</div>
</template>

2
src/views/property-marketing/put-account/account-data/components/group-manage-modal/add-group.vue
View File

@ -11,7 +11,7 @@
centered
@cancel="onClose"
>
<Form ref="formRef" :model="form" :rules="rules" layout="horizontal" auto-label-width>
<Form ref="formRef" :model="form" :rules="rules" layout="horizontal">
<FormItem :label="isEdit ? '分组名称' : '新分组名称'" name="name" required>
<Input v-model:value="form.name" placeholder="请输入…" />
</FormItem>

4
src/views/property-marketing/put-account/account-data/components/plan-table/index.vue
View File

@ -68,9 +68,9 @@
<div class="flex items-center">
<img v-if="column.dataIndex === 'ai_evaluate'" width="16" height="16" :src="icon5" class="mr-4px" />
<span class="cts mr-4px">{{ column.title }}</span>
<a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
<Tooltip v-if="column.tooltip" :title="column.tooltip" placement="top">
<icon-question-circle class="tooltip-icon color-#737478" size="16" />
</a-tooltip>
</Tooltip>
</div>
</template>

31
src/views/property-marketing/put-account/account-data/index.vue
View File

@ -4,19 +4,21 @@
-->
<template>
<div class="account-data-wrap">
<div class="filter-wrap bg-#fff rounded-8px pb-24px mb-16px">
<a-tabs v-model="activeTab" @tab-click="handleTabClick">
<a-tab-pane key="1" title="账户"></a-tab-pane>
<a-tab-pane key="2" title="计划"></a-tab-pane>
<template v-if="!isAccountTab" #extra>
<Button type="primary" ghost class="mr-12px flex items-center" @click="handleOpenGroupModal">
<template #icon>
<img :src="icon2" width="16" height="16" class="mr-8px" />
</template>
<template #default>分组管理</template>
</Button>
</template>
</a-tabs>
<div class="filter-wrap bg-#fff rounded-8px mb-16px">
<Tabs v-model:activeKey="activeTab" @change="handleTabClick" size="large">
<TabPane key="1" tab="账户"></TabPane>
<TabPane key="2" tab="计划">
<template v-if="!isAccountTab" #tab>
计划
<Button type="primary" ghost class="mr-12px flex items-center" @click="handleOpenGroupModal">
<template #icon>
<img :src="icon2" width="16" height="16" class="mr-8px" />
</template>
<template #default>分组管理</template>
</Button>
</template>
</TabPane>
</Tabs>
<FilterBlock
ref="filterBlockRef"
v-model:query="query"
@ -54,7 +56,8 @@
</template>
<script setup>
import { Button } from 'ant-design-vue';
import { Button, Tabs } from 'ant-design-vue';
const { TabPane } = Tabs;
import FilterBlock from './components/filter-block';
import BoardTable from './components/board-table';
import PlanTable from './components/plan-table';

6
src/views/property-marketing/put-account/account-data/style.scss
View File

@ -4,12 +4,6 @@
.filter-wrap {
border-radius: 8px;
// border: 1px solid #e6e6e8;
:deep(.arco-tabs) {
.arco-tabs-tab {
height: 56px;
padding: 0 8px;
}
}
:deep(.arco-btn) {
.arco-btn-icon {
line-height: 14px;

10
src/views/property-marketing/put-account/account-manage/components/account-table/index.vue
View File

@ -45,10 +45,10 @@
<span class="label">所属项目</span>
<span v-if="!item.projects.length" class="cts">-</span>
<div v-else class="flex items-center">
<a-tooltip
<Tooltip
v-if="item.projects.length > 2"
position="bottom"
:content="
placement="bottom"
:title="
item.projects
.slice(2)
.map((v) => v.name)
@ -58,7 +58,7 @@
<div class="tag-box">
<span class="text">{{ `+${item.projects.length - 2}` }}</span>
</div>
</a-tooltip>
</Tooltip>
<div v-for="(project, index) in item.projects.slice(0, 2)" :key="index" class="tag-box">
<span class="text">{{ project.name }}</span>
@ -101,7 +101,7 @@
</template>
<script setup>
import { Checkbox, Button } from 'ant-design-vue';
import { Checkbox, Button, Tooltip } from 'ant-design-vue';
import { defineProps, ref, computed } from 'vue';
import { PLATFORM_LIST } from '@/utils/platform';
import { EnumPutAccountStatus } from '@/views/property-marketing/put-account/components/status-select/constants';

14
src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
View File

@ -19,8 +19,8 @@
:rules="formRules"
layout="horizontal"
labelAlign="right"
:labelCol="{ span: 5 }"
:wrapperCol="{ span: 19 }"
:labelCol="{ span: 6 }"
:wrapperCol="{ span: 18 }"
>
<FormItem v-if="!isEdit" label="上传方式" required>
<RadioGroup v-model:value="uploadType">
@ -87,7 +87,7 @@
<template v-else>
<template v-if="isEdit">
<FormItem label="账户名称" name="name">
<Input v-model:value="form.name" placeholder="请输入..." disabled />
<Input v-model:value="form.name" placeholder="请输入..." disabled size="large" />
</FormItem>
<FormItem label="账户ID" name="account_id">
<Input v-model:value="form.account_id" placeholder="请输入..." size="large" disabled />
@ -131,12 +131,12 @@
<Input v-model:value="form.balance_amount" placeholder="请输入..." size="large" disabled />
</FormItem>
</template>
<FormItem label="同步项目数据" name="is_sync_project">
<FormItem name="is_sync_project">
<template #label>
<span class="label">同步项目数据</span>
<a-tooltip content="同步项目数据后，账户数据将同步到项目中">
<Tooltip title="同步项目数据后，账户数据将同步到项目中">
<icon-question-circle size="14" class="ml-4px color-#737478" />
</a-tooltip>
</Tooltip>
</template>
<a-switch v-model="form.is_sync_project" size="medium" :checked-value="1" :unchecked-value="0" />
</FormItem>
@ -155,7 +155,7 @@
</template>
<script setup>
import { Modal, Form, FormItem, Button, Input, RadioGroup, Radio } from 'ant-design-vue';
import { Modal, Form, FormItem, Button, Input, RadioGroup, Radio, Tooltip } from 'ant-design-vue';
import { ref, defineEmits } from 'vue';
import AuthorizedAccountModal from '../authorized-account-modal';

11
src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
View File

@ -31,7 +31,16 @@
<p class="s2">{{ `数据初始化${isSuccess ? '成功' : '失败'}。` }}</p>
<p v-if="!isSuccess" class="red-text">失败原因：{{ failReason || '-' }}</p>
</template>
<Form v-else ref="formRef" :model="form" :rules="rules" layout="horizontal" auto-label-width>
<Form
v-else
class="w-full"
ref="formRef"
:model="form"
:rules="rules"
layout="horizontal"
:labelCol="{ span: 3 }"
:wrapperCol="{ span: 21 }"
>
<FormItem label="账户" name="account">
<Input v-model:value="form.account" placeholder="请输入..." size="large" />
</FormItem>

7
src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/index.vue
View File

@ -75,9 +75,9 @@
<template #title>
<div class="flex items-center">
<span class="cts mr-4px">{{ column.title }}</span>
<a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
<Tooltip v-if="column.tooltip" :title="column.tooltip" placement="top">
<icon-question-circle class="tooltip-icon color-#737478" size="16" />
</a-tooltip>
</Tooltip>
</div>
</template>
@ -115,7 +115,7 @@
</template>
<script setup>
import { Button, Input } from 'ant-design-vue';
import { Button, Input, Tooltip } from 'ant-design-vue';
import { INITIAL_FORM, INITIAL_PAGE_INFO, TABLE_COLUMNS } from './constants';
import { formatTableField } from '@/utils/tools';
import { postSubAccount, postAddSubAccount } from '@/api/all/propertyMarketing';
@ -210,4 +210,3 @@ defineExpose({ open });
<style lang="scss">
@import './style.scss';
</style>

7
src/views/property-marketing/put-account/account-manage/components/status-box/index.vue
View File

@ -3,16 +3,17 @@
* @Date: 2025-06-25 15:31:15
-->
<template>
<div class="status-box" :class="`status-box-${status}`">
<div class="status-box w-fit" :class="`status-box-${status}`">
<span class="text">{{ statusText }}</span>
<a-tooltip v-if="showTooltip" :content="tooltipText">
<Tooltip v-if="showTooltip" :title="tooltipText">
<img v-if="showIcon" :src="iconSrc" width="12" height="12" class="ml-4px" />
</a-tooltip>
</Tooltip>
</div>
</template>
<script setup>
import { computed } from 'vue';
import { Tooltip } from 'ant-design-vue';
import { STATUS_LIST, EnumPutAccountStatus } from '@/views/property-marketing/put-account/components/status-select/constants';
import iconWarn1 from '@/assets/img/media-account/icon-warn-1.png';

18
src/views/property-marketing/put-account/investment-guidelines/index.vue
View File

@ -2,17 +2,16 @@
<div class="guidelines-data-wrap">
<div class="part-div">
<div>
<a-tabs
<Tabs
v-model:activeKey="tabData"
@tab-click="onSearch"
@change="onSearch"
class="a-tab-class ignore-export"
default-active-key="placement_guide"
defaultActiveKey="placement_guide"
size="large"
>
<a-tab-pane key="placement_guide" title="投放指南"></a-tab-pane>
<a-tab-pane key="guide_history">
<template #title>历史指南列表</template>
</a-tab-pane>
</a-tabs>
<TabPane key="placement_guide" tab="投放指南"></TabPane>
<TabPane key="guide_history" tab="历史指南列表"></TabPane>
</Tabs>
</div>
<!--表单组件搜索-->
<listSearchForm
@ -74,7 +73,8 @@
<script setup lang="ts">
import { reactive, ref } from 'vue';
import { Button } from 'ant-design-vue';
import { Button, Tabs } from 'ant-design-vue';
const { TabPane } = Tabs;
import PlacementGuideList from './components/table-data/placementGuideList.vue';
import listSearchForm from './components/table-data/listSearchForm.vue';
import GuideListHistory from './components/table-data/guideListHistory.vue';