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

feat: 新增svg组件，批量替换

Browse Source
This commit is contained in:
rd
2025-09-25 15:26:42 +08:00
parent 9e5bf07c1f
commit 9894380ba9
122 changed files with 414 additions and 370 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/views/property-marketing/brands/brand-materials/index.vue
View File

@ -15,7 +15,7 @@
<Space size="medium">
<Input v-model:value="query.name" class="w-240px" placeholder="请搜索..." size="medium" allowClear>
<template #prefix>
<icon-search />
<SvgIcon name="xt-search" />
</template>
</Input>
</Space>
@ -23,13 +23,13 @@
<div class="filter-row flex">
<Button type="outline" ghost class="mr-12px" @click="handleSearch">
<template #icon>
<icon-search class="mr-8px" />
<SvgIcon name="xt-search" class="mr-8px" />
</template>
<template #default>搜索</template>
</Button>
<Button @click="handleReset">
<template #icon>
<icon-refresh class="mr-8px" />
<SvgIcon name="xt-refresh" class="mr-8px" />
</template>
<template #default>重置</template>
</Button>
@ -98,7 +98,7 @@
cancelText="取消"
@confirm="deleteBrand(record.id)"
>
<icon-delete></icon-delete>
<SvgIcon name="xt-delete" size="14" class="color-#55585f"/>
</Popconfirm>
<Button type="outline" class="edit-btn" size="small" @click="handleEdit(record.id)">编辑</Button>
</Space>
@ -125,7 +125,6 @@
<script setup>
import { ref, computed, reactive, onMounted } from 'vue';
import { IconDelete } from '@arco-design/web-vue/es/icon';
import { Button, Modal, Space, Form, FormItem, Pagination, Input, Table, message, Popconfirm } from 'ant-design-vue';
const { TextArea } = Input;

6
src/views/property-marketing/intelligent-solution/businessAnalysisReport.vue
View File

@ -11,7 +11,7 @@
<span class="label">服务/产品</span>
<Input v-model:value="query.name" class="w-240px" placeholder="请搜索..." size="middle" allowClear>
<template #prefix>
<icon-search />
<SvgIcon name="xt-search" />
</template>
</Input>
</div>
@ -25,13 +25,13 @@
<div class="filter-row flex">
<Button class="mr-12px outline-btn">
<template #icon>
<icon-search />
<SvgIcon name="xt-search" />
</template>
搜索
</Button>
<Button>
<template #icon>
<icon-refresh />
<SvgIcon name="xt-refresh" />
</template>
重置
</Button>

6
src/views/property-marketing/intelligent-solution/competitiveProductAnalysisReport.vue
View File

@ -12,7 +12,7 @@
<Space>
<Input v-model:value="query.name" class="w-240px" placeholder="请搜索..." allowClear>
<template #prefix>
<icon-search />
<SvgIcon name="xt-search" />
</template>
</Input>
</Space>
@ -27,13 +27,13 @@
<div class="filter-row flex">
<Button type="primary" ghost class="mr-12px">
<template #icon>
<icon-search class="mr-8px" />
<SvgIcon name="xt-search" class="mr-8px" />
</template>
<template #default>搜索</template>
</Button>
<Button>
<template #icon>
<icon-refresh class="mr-8px" />
<SvgIcon name="xt-refresh" class="mr-8px" />
</template>
<template #default>重置</template>
</Button>

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

@ -16,7 +16,7 @@
</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> <SvgIcon name="xt-download" class="mr-8px" /> </template>
<template #default>导出数据</template>
</Button>
<Button type="outline" class="w-110px" size="medium" @click="openCustomColumn">
@ -63,7 +63,7 @@
<img v-if="column.dataIndex === 'ai_evaluate'" width="16" height="16" :src="icon5" class="mr-4px" />
<span class="cts mr-4px">{{ column.title }}</span>
<Tooltip v-if="column.tooltip" :title="column.tooltip" placement="top">
<icon-question-circle class="tooltip-icon color-#737478" size="16" />
<SvgIcon name="xt-question-circle" class="tooltip-icon color-#737478" size="16" />
</Tooltip>
</template>
@ -114,8 +114,8 @@
<template v-else-if="column.isRateField" #customRender="{ record }">
<div class="flex items-center rate-row justify-end" :class="record[column.dataIndex] > 0 ? 'up' : 'down'">
<icon-arrow-up v-if="record[column.dataIndex] > 0" size="16" />
<icon-arrow-down v-else size="16" />
<SvgIcon name="xt-arrow-up" v-if="record[column.dataIndex] > 0" size="16" />
<SvgIcon name="xt-arrow-down" v-else size="16" />
{{ formatTableField(column, record) }}
</div>
</template>

4
src/views/property-marketing/media-account/account-dashboard/components/custom-column-modal/index.vue
View File

@ -54,10 +54,10 @@
:class="isRequiredColumn(item) ? '!display-none' : ''"
>
<div class="flex items-center">
<icon-menu size="16" class="mr-8px" />
<SvgIcon name="xt-menu" size="16" class="mr-8px"/>
<span>{{ getCheckColumnLabel(item) }}</span>
</div>
<icon-close size="16" class="color-#737478 cursor-pointer" @click="removeCheckedField(item)" />
<SvgIcon name="xt-close" size="16" class="color-#737478 cursor-pointer" @click="removeCheckedField(item)" />
</div>
</VueDraggable>
</div>

8
src/views/property-marketing/media-account/account-dashboard/components/filter-block/index.vue
View File

@ -10,7 +10,7 @@
<span class="label">账号名称</span>
<Input v-model:value="query.name" placeholder="请搜索..." class="!w-240px" allowClear @change="handleSearch">
<template #prefix>
<icon-search />
<SvgIcon name="xt-search" />
</template>
</Input>
</div>
@ -37,7 +37,7 @@
<div class="filter-row-item flex items-center">
<span class="label">时间筛选</span>
<Select v-model:value="query.type" size="middle" placeholder="全部" class="!w-240px" @change="handleSearch">
<template #suffixIcon> <icon-calendar size="16" /> </template>
<template #suffixIcon> <SvgIcon name="xt-calendar" size="16" /> </template>
<Option :value="7" label="近7天">近7天</Option>
<!-- <Option :value="14" label="近14天">近14天</Option> -->
<Option :value="30" label="近30天">近30天</Option>
@ -46,13 +46,13 @@
<div class="filter-row-item flex items-center">
<Button type="primary" ghost class="w-84px mr-12px" @click="handleSearch">
<template #icon>
<icon-search class="mr-8px" />
<SvgIcon name="xt-search" class="mr-8px" />
</template>
<template #default>搜索</template>
</Button>
<Button class="w-84px" @click="handleReset">
<template #icon>
<icon-refresh class="mr-8px" />
<SvgIcon name="xt-refresh" class="mr-8px" />
</template>
<template #default>重置</template>
</Button>

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

@ -10,7 +10,7 @@
<div class="flex items-center">
<p class="text-18px font-400 lh-26px color-#211F24 mr-4px title">数据总览</p>
<Tooltip title="展示所筛选的账号的信息汇总">
<icon-question-circle size="16" class="color-#737478" />
<SvgIcon name="xt-question-circle" size="16" class="color-#737478" />
</Tooltip>
</div>
</div>

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

@ -48,7 +48,7 @@
<div class="flex items-center mb-4px">
<p class="cts !color-#737478 !mr-4px">{{ field.title }}</p>
<Tooltip v-if="field.tooltip" :title="field.tooltip" position="top">
<icon-question-circle class="tooltip-icon color-#737478" size="16" />
<SvgIcon name="xt-question-circle" class="tooltip-icon color-#737478" size="16" />
</Tooltip>
</div>
<p class="cts">
@ -104,8 +104,8 @@
class="flex items-center"
:class="detailData[field.dataIndex] > 0 ? 'color-#F64B31' : 'color-#25C883'"
>
<icon-arrow-up v-if="detailData[field.dataIndex] > 0" size="16" />
<icon-arrow-down v-else size="16" />
<SvgIcon name="xt-arrow-up" v-if="detailData[field.dataIndex] > 0" size="16" />
<SvgIcon name="xt-arrow-down" v-else size="16" />
{{ `${detailData[field.dataIndex]}%` }}
</div>
</template>
@ -125,7 +125,7 @@
@click="showMore = !showMore"
>
<span class="cts mr-8px !color-#6D4CFE"> {{ showMore ? '收起' : '更多' }} </span>
<icon-down
<SvgIcon name="xt-down"
size="13"
class="!color-#6D4CFE transform transition-transform duration-300 ease-in-out"
:class="showMore ? 'rotate-180' : ''"

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

@ -8,7 +8,7 @@
<div class="flex items-center">
<span class="cts !text-18px !lh-26px mr-4px title">作品列表</span>
<Tooltip title="展示笔记层级的详细数据，如曝光、互动等，是内容精细分析入口。">
<icon-question-circle class="color-#737478" size="14" />
<SvgIcon name="xt-question-circle" class="color-#737478" size="14" />
</Tooltip>
</div>
</div>
@ -17,7 +17,7 @@
<span class="label">作品标题</span>
<Input v-model:value="query.title" class="!w-240px" placeholder="请搜索..." allowClear @change="handleSearch">
<template #prefix>
<icon-search />
<SvgIcon name="xt-search" />
</template>
</Input>
</div>
@ -34,13 +34,13 @@
</div>
<Button type="primary" ghost class="w-84px mr-12px" @click="handleSearch">
<template #icon>
<icon-search class="mr-8px" />
<SvgIcon name="xt-search" class="mr-8px" />
</template>
<template #default>搜索</template>
</Button>
<Button class="w-84px" @click="handleReset">
<template #icon>
<icon-refresh class="mr-8px" />
<SvgIcon name="xt-refresh" class="mr-8px" />
</template>
<template #default>重置</template>
</Button>
@ -68,7 +68,7 @@
<template #title>
<span class="cts mr-4px">{{ column.title }}</span>
<Tooltip v-if="column.tooltip" :title="column.tooltip" placement="top">
<icon-question-circle class="tooltip-icon color-#737478" size="14" />
<SvgIcon name="xt-question-circle" class="tooltip-icon color-#737478" size="14" />
</Tooltip>
</template>
<template #customRender="{ record }">

2
src/views/property-marketing/media-account/account-detail/index.vue
View File

@ -5,7 +5,7 @@
<template>
<div class="account-detail-wrap">
<div class="flex items-center mb-16px cursor-pointer" @click="handleBack">
<icon-left size="16" />
<SvgIcon name="xt-left" size="16" />
<span class="cts title ml-8px">账号列表</span>
</div>
<AccountInfo />

2
src/views/property-marketing/media-account/account-manage/components/account-table/card.vue
View File

@ -13,7 +13,7 @@
:wrapperClassName="`card-item ${isSelected(item) ? 'checked' : ''}`"
>
<template #icon>
<icon-sync size="24" />
<SvgIcon name="xt-sync" size="24" />
</template>
<Checkbox
:checked="isSelected(item)"

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

@ -29,7 +29,7 @@
<template #title>
<span class="cts mr-4px">{{ column.title }}</span>
<Tooltip v-if="column.tooltip" :title="column.tooltip" placement="top">
<icon-question-circle class="tooltip-icon color-#737478" size="16" />
<SvgIcon name="xt-question-circle" class="tooltip-icon color-#737478" size="16" />
</Tooltip>
</template>
<template v-if="column.dataIndex === 'name'" #customRender="{ record }">

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

@ -24,6 +24,7 @@ import AuthorizedAccountModal from '../authorized-account-modal';
import StatusBox from '@/views/property-marketing/media-account/components/status-select/status-box.tsx';
import SyncDataModal from '../sync-data-modal';
import CommonSelect from '@/components/common-select';
import SvgIcon from '@/components/svg-icon/index.vue';
// import { downloadByUrl } from '@/utils/tools';
import { showExportNotification } from '@/utils/notification';
@ -265,7 +266,7 @@ export default {
<>
<span class="label">{label}</span>
<Tooltip content={tooltipContent}>
<icon-question-circle size="14" class="ml-4px color-#737478" />
<SvgIcon name="xt-question-circle" size="14" class="ml-4px color-#737478" />
</Tooltip>
</>
);

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

@ -50,7 +50,7 @@
height="24"
class="mb-13px"
/>
<icon-loading v-else size="24" class="color-#6D4CFE mb-13px" />
<Loading3QuartersOutlined spin v-else class="color-#6D4CFE mb-13px text-24px" />
<span
:class="modalState === MODAL_STATE.QR_FAILED ? '!color-#F64B31' : '!color-#6D4CFE'"
class="s2"
@ -66,7 +66,7 @@
<Image v-else :src="qrCodeUrl" :width="160" :height="160" />
<!-- 二维码失效遮罩 -->
<div v-if="modalState === MODAL_STATE.QR_EXPIRED" class="mask cursor-pointer" @click="handleRefreshQrCode">
<icon-refresh size="24" class="mb-13px" />
<SvgIcon name="xt-refresh" size="24" class="mb-13px" />
<p class="s1">二维码失效</p>
<p class="s1">请点击刷新</p>
</div>
@ -77,9 +77,7 @@
</div>
<template #footer>
<Button v-if="modalState === MODAL_STATE.QR_READY" size="large" @click="handleRefreshQrCode">
重新生成
</Button>
<Button v-if="modalState === MODAL_STATE.QR_READY" size="large" @click="handleRefreshQrCode"> 重新生成 </Button>
<Button v-if="[MODAL_STATE.SUCCESS, MODAL_STATE.FAILED].includes(modalState)" size="large" @click="close">
取消
</Button>
@ -95,6 +93,7 @@
<script setup>
import { defineExpose, ref, computed } from 'vue';
import { Button, Modal, message, Image, Progress } from 'ant-design-vue';
import { Loading3QuartersOutlined } from '@ant-design/icons-vue';
import { getAuthorizedImage, getMediaAccountsAuthorizedStatus } from '@/api/all/propertyMarketing';
import SyncDataModal from '../sync-data-modal';

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

@ -10,7 +10,7 @@
<span class="label">账号名称/ID/手机号</span>
<Input v-model:value="query.search" class="w-240px" placeholder="请搜索..." allowClear @change="handleSearch">
<template #prefix>
<icon-search />
<SvgIcon name="xt-search" />
</template>
</Input>
</div>
@ -66,13 +66,13 @@
<div class="filter-row-item">
<Button type="primary" ghost class="w-84px mr-12px" @click="handleSearch">
<template #icon>
<icon-search class="mr-8px" />
<SvgIcon name="xt-search" class="mr-8px" />
</template>
<template #default>搜索</template>
</Button>
<Button class="w-84px" @click="handleReset">
<template #icon>
<icon-refresh class="mr-8px" />
<SvgIcon name="xt-refresh" class="mr-8px" />
</template>
<template #default>重置</template>
</Button>

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

@ -19,14 +19,14 @@
<Space size="medium" class="w-240px">
<Input v-model:value="query.name" placeholder="请搜索..." size="middle" allowClear @change="reload">
<template #prefix>
<icon-search />
<SvgIcon name="xt-search" />
</template>
</Input>
</Space>
</div>
<Button type="primary" size="middle" @click="openAdd"
><template #icon>
<icon-plus size="16" class="mr-8px" />
<SvgIcon name="xt-plus" size="16" class="mr-8px" />
</template>
<template #default>添加新分组</template>
</Button>
@ -72,7 +72,7 @@
<span class="s1 mb-16px">暂无分组</span>
<Button type="primary" class="mb-16px" size="middle" @click="openAdd"
><template #icon>
<icon-plus size="16" class="mr-8px" />
<SvgIcon name="xt-plus" size="16" class="mr-8px" />
</template>
<template #default>去添加</template>
</Button>

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

@ -64,7 +64,7 @@
height="24"
class="mb-13px"
/>
<icon-loading v-else size="24" class="color-#6D4CFE mb-13px" />
<Loading3QuartersOutlined spin v-else size="24" class="color-#6D4CFE mb-13px text-24px" />
<span
:class="modalState === MODAL_STATE.QR_FAILED ? '!color-#F64B31' : '!color-#6D4CFE'"
class="s2"
@ -82,7 +82,7 @@
<!-- 二维码失效遮罩 -->
<div v-if="modalState === MODAL_STATE.QR_EXPIRED" class="mask cursor-pointer" @click="handleRefreshQrCode">
<icon-refresh size="24" class="mb-13px" />
<SvgIcon name="xt-refresh" size="24" class="mb-13px" />
<p class="s1">二维码失效</p>
<p class="s1">请点击刷新</p>
</div>
@ -113,6 +113,7 @@
<script setup>
import { defineExpose, ref, computed } from 'vue';
import { Button, Modal, message, Image, Progress } from 'ant-design-vue';
import { Loading3QuartersOutlined } from '@ant-design/icons-vue';
import { getMediaAccountsAuthorizedStatus, getAuthorizedImage } from '@/api/all/propertyMarketing';
import SyncDataModal from '../sync-data-modal';

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

@ -25,13 +25,13 @@
@change="handleSearch"
>
<template #prefix>
<icon-search />
<SvgIcon name="xt-search" />
</template>
</Input>
</div>
<Button type="primary" @click="openAdd">
<template #icon>
<icon-plus size="16" class="mr-8px" />
<SvgIcon name="xt-plus" size="16" class="mr-8px" />
</template>
<template #default>添加新标签</template>
</Button>
@ -51,7 +51,7 @@
<span class="s1 mb-16px">暂无标签</span>
<Button type="primary" class="mb-16px" @click="openAdd">
<template #icon>
<icon-plus size="16" class="mr-8px" />
<SvgIcon name="xt-plus" size="16" class="mr-8px" />
</template>
<template #default>去添加</template>
</Button>

2
src/views/property-marketing/media-account/account-manage/index.vue
View File

@ -22,7 +22,7 @@
</Button>
<Button type="primary" class="w-112px" size="middle" @click="handleOpenAccountModal">
<template #icon>
<icon-plus size="16" class="mr-8px" />
<SvgIcon name="xt-plus" size="16" class="mr-8px" />
</template>
<template #default>添加账号</template>
</Button>

10
src/views/property-marketing/media-account/node-detail/index.vue
View File

@ -1,7 +1,7 @@
<template>
<div class="note-detail-wrap h-full flex flex-col">
<div class="flex items-center mb-16px cursor-pointer" @click="handleBack">
<icon-left size="16" />
<SvgIcon name="xt-left" size="16" />
<span class="cts ml-8px bold">账号详情</span>
</div>
@ -11,7 +11,7 @@
<div class="flex items-center">
<span class="cts !text-18px !lh-26px mr-4px bold">作品详情</span>
<Tooltip title="展示作品的标题、图文、视频等详细内容">
<icon-question-circle class="color-#737478" size="14" />
<SvgIcon name="xt-question-circle" class="color-#737478" size="14" />
</Tooltip>
</div>
</div>
@ -42,7 +42,7 @@
<div class="flex items-center">
<span class="cts !text-18px !lh-26px mr-4px bold">评论列表</span>
<Tooltip title="展示用户对作品的评论">
<icon-question-circle class="color-#737478" size="14" />
<SvgIcon name="xt-question-circle" class="color-#737478" size="14" />
</Tooltip>
</div>
</div>
@ -76,7 +76,7 @@
<div class="flex items-center">
<span class="cts !text-18px !lh-26px mr-4px bold">作品数据</span>
<Tooltip title="展示作品的曝光量、点赞量等数据指标">
<icon-question-circle class="color-#737478" size="14" />
<SvgIcon name="xt-question-circle" class="color-#737478" size="14" />
</Tooltip>
</div>
</div>
@ -85,7 +85,7 @@
<div class="flex items-center mb-4px">
<span class="cts !color-#737478 mr-4px">{{ item.label }}</span>
<Tooltip :title="item.tooltip">
<icon-question-circle class="color-#737478" size="16" />
<SvgIcon name="xt-question-circle" class="color-#737478" size="16" />
</Tooltip>
</div>
<span class="cts num">{{ formatNumberShow(dataSource[item.prop]) }}</span>

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

@ -11,7 +11,7 @@
@change="handleSearch"
>
<template #prefix>
<icon-search />
<SvgIcon name="xt-search" />
</template>
</Input>
<Input
@ -23,7 +23,7 @@
@change="handleSearch"
>
<template #prefix>
<icon-search />
<SvgIcon name="xt-search" />
</template>
</Input>
@ -69,7 +69,7 @@
<template #title>
<span class="cts mr-4px">{{ column.title }}</span>
<Tooltip v-if="column.tooltip" :title="column.tooltip" placement="top">
<icon-question-circle class="tooltip-icon color-#737478" size="16" />
<SvgIcon name="xt-question-circle" class="tooltip-icon color-#737478" size="16" />
</Tooltip>
</template>
@ -98,7 +98,7 @@
<Tooltip :title="item.title">
<p class="name mr-4px">{{ item.title || '-' }}</p>
</Tooltip>
<icon-close size="12" class="color-#3C4043 cursor-pointer flex-shrink-0" @click="onDelete(item)" />
<SvgIcon name="xt-close" size="12" class="color-#3C4043 cursor-pointer flex-shrink-0" @click="onDelete(item)" />
</div>
</template>
<NoData v-else text="暂无账户" />

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

@ -11,7 +11,7 @@
@change="handleSearch"
>
<template #prefix>
<icon-search />
<SvgIcon name="xt-search" />
</template>
</Input>
<Select
@ -69,7 +69,7 @@
<template #title>
<span class="cts mr-4px">{{ column.title }}</span>
<Tooltip v-if="column.tooltip" :title="column.tooltip" placement="top">
<icon-question-circle class="tooltip-icon color-#737478" size="16" />
<SvgIcon name="xt-question-circle" class="tooltip-icon color-#737478" size="16" />
</Tooltip>
</template>
@ -98,7 +98,7 @@
<Tooltip :title="item.name">
<p class="name mr-4px">{{ item.name || '-' }}</p>
</Tooltip>
<icon-close size="12" class="color-#3C4043 cursor-pointer flex-shrink-0" @click="onDelete(item)" />
<SvgIcon name="xt-close" size="12" class="color-#3C4043 cursor-pointer flex-shrink-0" @click="onDelete(item)" />
</div>
</template>
<NoData v-else text="暂无账户" />

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

@ -11,7 +11,7 @@
@change="handleSearch"
>
<template #prefix>
<icon-search />
<SvgIcon name="xt-search" />
</template>
</Input>
<Select
@ -72,7 +72,7 @@
<template #title>
<span class="cts mr-4px">{{ column.title }}</span>
<Tooltip v-if="column.tooltip" :title="column.tooltip" placement="top">
<icon-question-circle class="tooltip-icon color-#737478" size="16" />
<SvgIcon name="xt-question-circle" class="tooltip-icon color-#737478" size="16" />
</Tooltip>
</template>
<template #customRender="{ record }">
@ -98,7 +98,7 @@
<div class="flex flex-wrap" v-if="selectedRows?.length">
<div class="tag-item mr-8px mb-8px" v-for="item in selectedRows" :key="item.id">
<span class="name mr-4px">{{ item.name || '-' }}</span>
<icon-close size="12" class="color-#3C4043 cursor-pointer" @click="onDelete(item)" />
<SvgIcon name="xt-close" size="12" class="color-#3C4043 cursor-pointer" @click="onDelete(item)" />
</div>
</div>
<NoData v-else text="暂无账号" />

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

@ -18,7 +18,7 @@
@change="handleSearch"
>
<template #prefix>
<icon-search />
<SvgIcon name="xt-search" />
</template>
</Input>
</Space>
@ -26,13 +26,13 @@
<div class="filter-row-item flex items-center">
<Button type="primary" ghost class="mr-12px" @click="handleSearch">
<template #icon>
<icon-search class="mr-8px"/>
<SvgIcon name="xt-search" class="mr-8px"/>
</template>
<template #default>搜索</template>
</Button>
<Button @click="handleReset">
<template #icon>
<icon-refresh class="mr-8px"/>
<SvgIcon name="xt-refresh" class="mr-8px"/>
</template>
<template #default>重置</template>
</Button>

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

@ -28,7 +28,7 @@
<div class="flex items-center">
<span class="cts mr-4px">{{ column.title }}</span>
<Tooltip v-if="column.tooltip" :title="column.tooltip" placement="top">
<icon-question-circle class="tooltip-icon color-#737478" size="16" />
<SvgIcon name="xt-question-circle" class="tooltip-icon color-#737478" size="16" />
</Tooltip>
</div>
</template>

2
src/views/property-marketing/project-manage/project-list/index.vue
View File

@ -6,7 +6,7 @@
<div class="flex items-center">
<Button type="primary" class="w-112px search-btn" size="medium" @click="handleOpenAddProjectModal">
<template #icon>
<icon-plus size="16" />
<SvgIcon name="xt-plus" size="16" />
</template>
<template #default>添加项目</template>
</Button>

2
src/views/property-marketing/put-account/account-dashboard/components/echarts-item/index.vue
View File

@ -3,7 +3,7 @@
<template #title>
<span class="a-card-title">{{ title.name }}</span>
<Tooltip position="tl" :title="title.popover">
<icon-question-circle />
<SvgIcon name="xt-question-circle" />
</Tooltip>
</template>

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

@ -37,13 +37,13 @@
</div>
<Button type="primary" ghost class="mr-12px" @click="handleSearch">
<template #icon>
<icon-search class="mr-8px" />
<SvgIcon name="xt-search" class="mr-8px" />
</template>
<template #default>搜索</template>
</Button>
<Button @click="handleReset">
<template #icon>
<icon-refresh class="mr-8px" />
<SvgIcon name="xt-refresh" class="mr-8px" />
</template>
<template #default>重置</template>
</Button>

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

@ -17,7 +17,7 @@
<div class="flex items-center">
<Button type="primary" ghost class="mr-12px" size="medium" @click="handleExport">
<template #icon> <icon-download class="mr-8px" /> </template>
<template #icon> <SvgIcon name="xt-download" class="mr-8px" /> </template>
<template #default>导出数据</template>
</Button>
<Button type="primary" ghost size="medium" @click="openCustomColumn">
@ -66,7 +66,7 @@
<img v-if="column.dataIndex === 'ai_evaluate'" width="16" height="16" :src="icon5" class="mr-4px" />
<span class="cts mr-4px">{{ column.title }}</span>
<Tooltip v-if="column.tooltip" :title="column.tooltip" placement="top">
<icon-question-circle class="tooltip-icon color-#737478" size="16" />
<SvgIcon name="xt-question-circle" class="tooltip-icon color-#737478" size="16" />
</Tooltip>
</template>
@ -105,8 +105,8 @@
<template v-else-if="column.isRateField" #customRender="{ record }">
<div class="flex items-center rate-row justify-end" :class="record[column.dataIndex] > 0 ? 'up' : 'down'">
<icon-arrow-up v-if="record[column.dataIndex] > 0" size="16" />
<icon-arrow-down v-else size="16" />
<SvgIcon name="xt-arrow-up" v-if="record[column.dataIndex] > 0" size="16" />
<SvgIcon name="xt-arrow-down" v-else size="16" />
{{ formatTableField(column, record) }}
</div>
</template>

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

@ -63,13 +63,13 @@
<div class="filter-row-item">
<Button type="primary" ghost class="mr-12px" @click="handleSearch">
<template #icon>
<icon-search class="mr-8px" />
<SvgIcon name="xt-search" class="mr-8px" />
</template>
<template #default>搜索</template>
</Button>
<Button @click="handleReset">
<template #icon>
<icon-refresh class="mr-8px" />
<SvgIcon name="xt-refresh" class="mr-8px" />
</template>
<template #default>重置</template>
</Button>

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

@ -19,14 +19,14 @@
<Space size="medium" class="w-240px">
<Input v-model:value="query.name" placeholder="请搜索..." size="middle" allowClear @change="handleSearch">
<template #prefix>
<icon-search />
<SvgIcon name="xt-search" />
</template>
</Input>
</Space>
</div>
<Button type="primary" size="medium" @click="openAdd"
><template #icon>
<icon-plus size="16" class="mr-8px" />
<SvgIcon name="xt-plus" size="16" class="mr-8px" />
</template>
<template #default>添加新分组</template>
</Button>
@ -68,7 +68,7 @@
<span class="s1 mb-16px">暂无分组</span>
<Button type="primary" class="mb-16px" size="medium" @click="openAdd"
><template #icon>
<icon-plus size="16" class="mr-8px" />
<SvgIcon name="xt-plus" size="16" class="mr-8px" />
</template>
<template #default>去添加</template>
</Button>

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

@ -17,7 +17,7 @@
<div class="flex items-center">
<Button type="primary" ghost class="mr-12px" @click="handleExport">
<template #icon> <icon-download class="mr-8px" /> </template>
<template #icon> <SvgIcon name="xt-download" class="mr-8px" /> </template>
<template #default>导出数据</template>
</Button>
<Button type="primary" ghost @click="openCustomColumn">
@ -61,7 +61,7 @@
<img v-if="column.dataIndex === 'ai_evaluate'" width="16" height="16" :src="icon5" class="mr-4px" />
<span class="cts mr-4px">{{ column.title }}</span>
<Tooltip v-if="column.tooltip" :title="column.tooltip" placement="top">
<icon-question-circle class="tooltip-icon color-#737478" size="16" />
<SvgIcon name="xt-question-circle" class="tooltip-icon color-#737478" size="16" />
</Tooltip>
</template>
<template #customRender="{ record }">
@ -101,8 +101,8 @@
</template>
<template v-else-if="column.isRateField">
<div class="flex items-center rate-row justify-end" :class="record[column.dataIndex] > 0 ? 'up' : 'down'">
<icon-arrow-up v-if="record[column.dataIndex] > 0" size="16" />
<icon-arrow-down v-else size="16" />
<SvgIcon name="xt-arrow-up" v-if="record[column.dataIndex] > 0" size="16" />
<SvgIcon name="xt-arrow-down" v-else size="16" />
{{ formatTableField(column, record) }}
</div>
</template>

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

@ -43,7 +43,7 @@
:showUploadList="false"
>
<div class="upload-box">
<icon-plus size="14" class="mb-16px" />
<SvgIcon name="xt-plus" size="14" class="mb-16px" />
<span class="text mb-4px">点击或拖拽文件到此处上传</span>
<span class="tip">支持 xls, xlsx格式</span>
</div>
@ -58,7 +58,7 @@
}"
>
<div class="flex items-center">
<icon-file size="16" class="flex-shrink-0" />
<SvgIcon name="xt-file" size="16" class="flex-shrink-0" />
<span class="name ml-8px">{{ fileName }}</span>
</div>
<span
@ -132,7 +132,7 @@
<template #label>
<span class="label">同步项目数据</span>
<Tooltip title="同步项目数据后，账户数据将同步到项目中">
<icon-question-circle size="14" class="ml-4px color-#737478" />
<SvgIcon name="xt-question-circle" size="14" class="ml-4px color-#737478" />
</Tooltip>
</template>
<Switch v-model:checked="form.is_sync_project" size="middle" :checkedValue="1" :unCheckedValue="0" />

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

@ -17,7 +17,7 @@
@change="handleSearch"
>
<template #prefix>
<icon-search />
<SvgIcon name="xt-search" />
</template>
</Input>
</div>
@ -59,13 +59,13 @@
<div class="filter-row-item">
<Button type="primary" ghost class="mr-12px" size="medium" @click="handleSearch">
<template #icon>
<icon-search class="mr-8px" />
<SvgIcon name="xt-search" class="mr-8px" />
</template>
<template #default>搜索</template>
</Button>
<Button size="medium" @click="handleReset">
<template #icon>
<icon-refresh class="mr-8px" />
<SvgIcon name="xt-refresh" class="mr-8px" />
</template>
<template #default>重置</template>
</Button>

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

@ -21,7 +21,7 @@
@change="reload"
>
<template #prefix>
<icon-search />
<SvgIcon name="xt-search" />
</template>
</Input>
</div>
@ -36,7 +36,7 @@
@change="reload"
>
<template #prefix>
<icon-search />
<SvgIcon name="xt-search" />
</template>
</Input>
</div>
@ -72,7 +72,7 @@
<template #title>
<span class="cts mr-4px">{{ column.title }}</span>
<Tooltip v-if="column.tooltip" :title="column.tooltip" placement="top">
<icon-question-circle class="tooltip-icon color-#737478" size="16" />
<SvgIcon name="xt-question-circle" class="tooltip-icon color-#737478" size="16" />
</Tooltip>
</template>

2
src/views/property-marketing/put-account/account-manage/index.vue
View File

@ -10,7 +10,7 @@
<div class="flex items-center">
<Button type="primary" class="w-112px" @click="handleOpenAccountModal">
<template #icon>
<icon-plus size="16" />
<SvgIcon name="xt-plus" size="16" />
</template>
<template #default>添加账户</template>
</Button>

7
src/views/property-marketing/put-account/investment-guidelines/components/action-guide-distribution/index.vue
View File

@ -4,13 +4,13 @@
<div class="part-div-header">
<span class="part-div-header-title">投放行动指南</span>
<Tooltip position="tl" title="投放建议优化。">
<icon-question-circle />
<SvgIcon name="xt-question-circle" size="16" class="color-#737478"/>
</Tooltip>
</div>
<Space>
<span class="player-title">表现分析</span>
<Tooltip position="tl" title="表现分析。">
<icon-question-circle />
<SvgIcon name="xt-question-circle" size="16" class="color-#737478"/>
</Tooltip>
</Space>
<div style="margin-right: 24px">
@ -79,7 +79,7 @@
<Space>
<span class="player-title">新投放建议生成</span>
<Tooltip position="tl" title="新投放建议生成。">
<icon-question-circle />
<SvgIcon name="xt-question-circle" size="16" class="color-#737478"/>
</Tooltip>
</Space>
<Row class="grid-demo" :gutter="24">
@ -137,7 +137,6 @@
<script setup lang="ts">
import { Space, Tooltip, Row, Col } from "ant-design-vue"
import { IconQuestionCircle } from '@arco-design/web-vue/es/icon';
const props = defineProps({
action_guide: {

5
src/views/property-marketing/put-account/investment-guidelines/components/month-data/index.vue
View File

@ -3,10 +3,10 @@
<div class="part-div-header">
<span class="part-div-header-title">总体摘要</span>
<Tooltip position="tl" title="于筛选出来的投流账户/计划的情况生成的总体描述。">
<icon-question-circle />
<SvgIcon name="xt-question-circle" size="16" class="color-#737478"/>
</Tooltip>
<span @click="copyData" class="copybtn">
<icon-copy :style="{ fontSize: '14px' }" />
<SvgIcon name="xt-copy" :style="{ fontSize: '14px' }" />
复制
</span>
</div>
@ -24,7 +24,6 @@
</template>
<script setup lang="ts">
import { IconQuestionCircle } from '@arco-design/web-vue/es/icon';
import { defineProps } from 'vue';
import { Space, message, Tooltip } from "ant-design-vue"

12
src/views/property-marketing/put-account/investment-guidelines/components/placement-suggestions/index.vue
View File

@ -3,7 +3,7 @@
<div class="part-div-header">
<span class="part-div-header-title">投放建议优化</span>
<Tooltip position="tl" title="基于筛选出来的投流账户/计划的情况生成的优化建议。">
<icon-question-circle />
<SvgIcon name="xt-question-circle" />
</Tooltip>
</div>
<NoData v-if="isEmptyData" style="height: 100px" text="暂无数据" />
@ -15,7 +15,7 @@
<span class="placement-optimization-title"
>总体策略
<Tooltip position="tl" title="优化建议的整体调整概述。">
<icon-question-circle />
<SvgIcon name="xt-question-circle" />
</Tooltip>
</span>
<span class="placement-optimization-str">{{ props.optimization?.[0]?.['content'] }}</span>
@ -28,7 +28,7 @@
<span class="placement-optimization-title"
>预算分配
<Tooltip position="tl" title="优化建议在预算分配部分的详细描述。">
<icon-question-circle />
<SvgIcon name="xt-question-circle" />
</Tooltip>
</span>
<span class="placement-optimization-str">{{ props.optimization?.[1]?.['content'] }}</span>
@ -39,7 +39,7 @@
<span class="placement-optimization-title"
>时段优化
<Tooltip position="tl" title="优化建议在时段优化部分的详细描述。">
<icon-question-circle />
<SvgIcon name="xt-question-circle" />
</Tooltip>
</span>
<span class="placement-optimization-str">{{ props.optimization?.[2]?.['content'] }}</span>
@ -52,7 +52,7 @@
<span class="placement-optimization-title"
>人群包优化
<Tooltip position="tl" title="优化建议在人群包优化部分的详细描述。">
<icon-question-circle />
<SvgIcon name="xt-question-circle" />
</Tooltip>
</span>
<span class="placement-optimization-str">{{ props?.optimization?.[3]?.['content'] }}</span>
@ -63,7 +63,7 @@
<span class="placement-optimization-title"
>素材优化
<Tooltip position="tl" title="优化建议在素材优化部分的详细描述。">
<icon-question-circle />
<SvgIcon name="xt-question-circle" />
</Tooltip>
</span>
<span class="placement-optimization-str">{{ props?.optimization?.[4]?.['content'] }}</span>

3
src/views/property-marketing/put-account/investment-guidelines/components/table-data/guideListHistory.vue
View File

@ -48,7 +48,7 @@
cancelText="取消"
@confirm="deleteData(record.id)"
>
<icon-delete></icon-delete>
<SvgIcon name="xt-delete" size="14" class="color-#55585f"/>
</Popconfirm>
</Space>
<Space>
@ -63,7 +63,6 @@
</template>
<script setup lang="ts">
import { Button, Space, Table, message, Popconfirm } from 'ant-design-vue';
import { IconDelete } from '@arco-design/web-vue/es/icon';
import { PLATFORM_LIST } from '@/utils/platform';

4
src/views/property-marketing/put-account/investment-guidelines/components/table-data/listSearchForm.vue
View File

@ -31,13 +31,13 @@
<div class="filter-row-item flex items-center">
<Button type="primary" ghost class="mr-12px" :disabled="disabled" @click="handleSearch">
<template #icon>
<icon-search class="mr-8px" />
<SvgIcon name="xt-search" class="mr-8px" />
</template>
<template #default>搜索</template>
</Button>
<Button @click="handleReset">
<template #icon>
<icon-refresh class="mr-8px" />
<SvgIcon name="xt-refresh" class="mr-8px" />
</template>
<template #default>重置</template>
</Button>

12
src/views/property-marketing/put-account/investment-guidelines/components/table-data/placementGuideList.vue
View File

@ -47,7 +47,7 @@
<Space>
<span>本周总消耗</span>
<Tooltip position="tl" title="当前周内所有投流账户的累计广告花费，反映整体投放规模。">
<icon-question-circle />
<SvgIcon name="xt-question-circle" />
</Tooltip>
</Space>
</template>
@ -66,7 +66,7 @@
<Space>
<span>本周总消耗环比</span>
<Tooltip position="tl" title="本周消耗金额与上周对比的变化百分比，用于衡量预算投放趋势。">
<icon-question-circle />
<SvgIcon name="xt-question-circle" />
</Tooltip>
</Space>
</template>
@ -80,8 +80,8 @@
}"
>
<template #prefix>
<icon-arrow-rise v-if="record.pre_total_use_amount_chain > 0" />
<icon-arrow-down v-else />
<SvgIcon name="xt-arrow-up" v-if="record.pre_total_use_amount_chain > 0" />
<SvgIcon name="xt-arrow-down" v-else />
</template>
<template #suffix>%</template>
</Statistic>
@ -98,7 +98,7 @@
<Space>
<span>ROI</span>
<Tooltip position="tl" title="投资回报率（ROI）= 收益 ÷ 投入成本，反映整体投流账户的收益效率。">
<icon-question-circle />
<SvgIcon name="xt-question-circle" />
</Tooltip>
</Space>
</template>
@ -114,7 +114,7 @@
<Space>
<span>CTR</span>
<Tooltip position="tl" title="点击率（CTR）= 点击量 ÷ 展示量，是衡量广告素材吸引力的关键指标。">
<icon-question-circle />
<SvgIcon name="xt-question-circle" />
</Tooltip>
</Space>
</template>

2
src/views/property-marketing/put-account/investment-guidelines/detail.vue
View File

@ -63,7 +63,7 @@
<Space class="down-btn">
<Button type="primary" ghost :loading="exportLoading" @click="downPage">
<template #icon>
<icon-download class="mr-8px"/>
<SvgIcon name="xt-download" class="mr-8px"/>
</template>
<template #default>下载</template>
</Button>

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

@ -55,13 +55,13 @@
<Space class="down-btn">
<Button type="primary" ghost :loading="exportLoading" @click="downPage">
<template #icon>
<icon-download class="mr-8px"/>
<SvgIcon name="xt-download" class="mr-8px"/>
</template>
<template #default>下载</template>
</Button>
<Button type="primary" @click="handleSave">
<template #icon>
<icon-drive-file class="mr-8px"/>
<SvgIcon name="xt-file" class="mr-8px"/>
</template>
<template #default>保存</template>
</Button>