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

feat: space组件处理

Browse Source
This commit is contained in:
rd
2025-09-04 16:50:20 +08:00
parent 15357b6bc8
commit aaa8a320c8
28 changed files with 417 additions and 423 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/views/agent/chat/components/HistoryChat.vue
View File

@ -18,12 +18,8 @@
</div>
</div>
<div class="usage-info">
<a-space>
<span class="count">{{ cozeInfo.views }}</span>
</a-space>
<a-space>
<span class="label"> 次使用 </span>
</a-space>
</div>
</div>
<div class="description-section">

8
src/views/components/dataEngine/hotCloud.vue
View File

@ -1,7 +1,7 @@
<template>
<view>
<topHeader ref="topHeaderRef" @search="search"></topHeader>
<a-space direction="vertical" class="bg-#fff rounded-8px w-100% py-0 px-20px mb-24px">
<div class="bg-#fff rounded-8px w-100% py-0 px-20px mb-24px">
<div class="title-row">
<span class="title mr-4px">行业词云</span>
<Tooltip>
@ -39,16 +39,14 @@
@mouseenter="hoverTag = tag"
@mouseleave="hoverTag = null"
>
<a-space>
<Tooltip :title="`性价比:${Number(tag.rate * 100)}%`" placement="topLeft">
<a-space>{{ tag.term }}</a-space>
<span>{{ tag.term }}</span>
</Tooltip>
</a-space>
</a-tag>
</div>
</template>
</div>
</a-space>
</div>
</view>
</template>

23
src/views/components/dataEngine/hotTranslation.vue
View File

@ -2,7 +2,7 @@
<view>
<topHeader ref="topHeaderRef" @search="search"></topHeader>
<!-- tabel -->
<a-space direction="vertical" class="bg-#fff rounded-8px w-100% py-0 px-20px mb-24px">
<div class="bg-#fff rounded-8px w-100% py-0 px-20px mb-24px">
<div class="title-row">
<span class="title mr-4px">行业热门话题洞察</span>
<Tooltip>
@ -22,24 +22,24 @@
<NoData />
</template>
<template #hotTitle>
<a-space>
<span>热度指数</span>
<div class="flex items-center">
<span class="mr-8px">热度指数</span>
<Tooltip>
<template #title>综合话题出现频次、互动数据（如点赞、收藏、评论）加权计算的热度得分。</template>
<icon-question-circle size="14" class="!color-#737478" />
</Tooltip>
</a-space>
</div>
</template>
<template #sentimentTitle>
<a-space>
<span>情感倾向</span>
<div class="flex items-center">
<span class="mr-8px">情感倾向</span>
<Tooltip>
<template #title
>统计该行业下全部内容的情绪分布，选取占比最高的情绪类型作为该话题的整体情感倾向。</template
>
<icon-question-circle size="14" class="!color-#737478" />
</Tooltip>
</a-space>
</div>
</template>
<template #rank="{ record }">
<img v-if="record.rank == 1" :src="topImages[0]" style="width: 25px; height: 17px" />
@ -74,7 +74,7 @@
<Button type="primary" ghost @click="gotoDetail(record)">详情</Button>
</template>
</a-table>
</a-space>
</div>
<Modal
v-model:open="visible"
unmountOnClose
@ -87,7 +87,7 @@
<span style="text-align: left; width: 100%">行业热门话题洞察</span>
</template>
<div>
<a-space direction="vertical">
<Space direction="vertical">
<div class="mb-4px flex items-center">
<p class="cts !mr-16px flex-shrink-0 w-48px">话题名称</p>
<span class="cts">{{ topicInfo.name }}</span>
@ -134,7 +134,7 @@
</div>
</div>
</div>
</a-space>
</Space>
</div>
<template #footer>
<Button size="large" @click="handleCancel">取消</Button>
@ -146,8 +146,7 @@
<script setup>
import topHeader from './topHeader.vue';
import { Tooltip } from 'ant-design-vue';
import { Modal, Button } from 'ant-design-vue';
import { Modal, Button, Tooltip,Space } from 'ant-design-vue';
import { ref, computed } from 'vue';
import { fetchIndustriesTree, fetchIndustryTopics, fetchIndustryTopicDetail } from '@/api/all/index';
import star1 from '@/assets/img/hottranslation/star-fill1.png';

22
src/views/components/dataEngine/keyBrandMovement.vue
View File

@ -3,7 +3,7 @@
<view>
<topHeader ref="topHeaderRef" @click="search"></topHeader>
<!-- 重点品牌列表 -->
<a-space
<Space
direction="vertical"
class="bg-#fff rounded-8px w-100% py-0 px-20px mb-24px"
>
@ -28,31 +28,31 @@
<NoData />
</template>
<template #hotTitle>
<a-space>
<Space>
<span>热度指数</span>
<Tooltip>
<template #title>综合话题出现频次、互动数据（如点赞、收藏、评论）加权计算的热度得分。</template>
<icon-question-circle size="14" class="!color-#737478" />
</Tooltip>
</a-space>
</Space>
</template>
<template #trendTitle>
<a-space>
<Space>
<span>变化幅度</span>
<Tooltip>
<template #title>仅基于品牌出现频次。</template>
<icon-question-circle size="14" class="!color-#737478" />
</Tooltip>
</a-space>
</Space>
</template>
<template #volume_rateTitle>
<a-space>
<Space>
<span>占总声量比例</span>
<Tooltip>
<template #title>该品牌在当前周期内被提及的内容量，占整个行业内容总量的比例。</template>
<icon-question-circle size="14" class="!color-#737478" />
</Tooltip>
</a-space>
</Space>
</template>
<template #rank="{ record }">
<img v-if="record.rank == 1" :src="topImages[0]" style="width: 25px; height: 17px" />
@ -72,9 +72,9 @@
</template>
<template #volumeRate="{ record }"> <a-statistic :value="record.volume_rate * 100" />% </template>
</a-table>
</a-space>
</Space>
<!-- 舆情 & 敏感动态-->
<a-space
<Space
direction="vertical"
class="bg-#fff rounded-8px w-100% py-0 px-20px mb-24px"
>
@ -93,13 +93,13 @@
<NoData />
</template>
</a-table>
</a-space>
</Space>
</view>
</template>
<script setup>
import topHeader from './topHeader.vue';
import { Tooltip } from 'ant-design-vue';
import { Tooltip, Space } from 'ant-design-vue';
import { fetchFocusBrandsList, fetchEventDynamicsList } from '@/api/all/index';
import { ref, onMounted, computed } from 'vue';
import star1 from '@/assets/img/hottranslation/star-fill1.png';

34
src/views/components/dataEngine/keyWord.vue
View File

@ -3,7 +3,7 @@
<view>
<topHeader ref="topHeaderRef" @search="search"></topHeader>
<!-- 关键词热度榜 -->
<a-space
<Space
direction="vertical"
class="bg-#fff rounded-8px w-100% py-0 px-20px mb-20px"
>
@ -27,22 +27,22 @@
<NoData />
</template>
<template #heatLevel>
<a-space>
<Space>
<span>热度指数</span>
<Tooltip>
<template #title>综合话题出现频次、互动数据（如点赞、收藏、评论）加权计算的热度得分。</template>
<icon-question-circle size="14" class="!color-#737478" />
</Tooltip>
</a-space>
</Space>
</template>
<template #trendTitle>
<a-space>
<Space>
<span>变化幅度</span>
<Tooltip>
<template #title>仅基于关键词出现频次。</template>
<icon-question-circle size="14" class="!color-#737478" />
</Tooltip>
</a-space>
</Space>
</template>
<template #rank="{ record }">
@ -70,9 +70,9 @@
</div>
</template>
</a-table>
</a-space>
</Space>
<!-- 行业情绪 -->
<a-space
<Space
direction="vertical"
class="bg-#fff rounded-8px w-100% py-0 px-20px mb-24px"
>
@ -124,9 +124,9 @@
</template>
</a-table>
</div>
</a-space>
</Space>
<!-- 新兴关键词 -->
<a-space
<Space
direction="vertical"
class="bg-#fff rounded-8px w-100% py-0 px-20px"
>
@ -182,22 +182,22 @@
</template>
<template #hotTitle>
<a-space>
<Space>
<span>当前热度指数</span>
<Tooltip>
<template #title>综合关键词出现频次、互动表现（如点赞、收藏、评论）加权计算的热度得分。</template>
<icon-question-circle size="16" class="!color-#737478" />
</Tooltip>
</a-space>
</Space>
</template>
<template #trendTitle>
<a-space>
<Space>
<span>变化幅度</span>
<Tooltip>
<template #title>仅基于关键词出现频次。</template>
<icon-question-circle size="16" class="!color-#737478" />
</Tooltip>
</a-space>
</Space>
</template>
<template #tred="{ record }">
<div class="flex items-center" :class="record.trend > 0 ? 'color-#F64B31' : 'color-#25C883'">
@ -210,7 +210,7 @@
<Button type="primary" ghost @click="gotoDetail(record)">详情</Button>
</template>
</a-table>
</a-space>
</Space>
<!-- modal -->
<Modal
v-model:open="visible"
@ -225,7 +225,7 @@
<span style="text-align: left; width: 100%">新兴关键词</span>
</template>
<div>
<a-space direction="vertical">
<Space direction="vertical">
<div class="mb-12px flex items-center">
<p class="cts !mr-16px flex-shrink-0 w-83px">话题名称</p>
<span class="cts">{{ topicInfo.name }}</span>
@ -258,7 +258,7 @@
</div>
</div>
</div>
</a-space>
</Space>
</div>
<template #footer>
<Button size="large" @click="handleCancel">取消</Button>
@ -270,7 +270,7 @@
<script setup>
import topHeader from './topHeader.vue';
import { Checkbox, Modal, Button, Tooltip } from 'ant-design-vue';
import { Checkbox, Modal, Button, Tooltip, Space } from 'ant-design-vue';
import {
fetchKeywordTrendsList,
fetchIndustryEmotions,

24
src/views/components/dataEngine/topHeader.vue
View File

@ -1,12 +1,12 @@
<template>
<view>
<!-- 头部 -->
<a-space
<Space
direction="vertical"
class="bg-#fff rounded-8px mb-20px"
style="background-color: #fff; width: 100%; padding: 24px; color: #737478; font-size: 14px"
>
<a-space align="start" style="width: 100%; align-items: flex-start" class="mb-12px">
<Space align="start" style="width: 100%; align-items: flex-start" class="mb-12px">
<span style="flex-shrink: 0; line-height: 28px" class="mr-32px">行业大类</span>
<div style="display: flex; flex-wrap: wrap; gap: 16px; width: 100%; align-items: flex-start">
<a-tag
@ -25,9 +25,9 @@
>{{ item.name }}</a-tag
>
</div>
</a-space>
</Space>
<!-- 二级类目 -->
<a-space align="start" style="width: 100%; align-items: flex-start" class="mb-12px">
<Space align="start" style="width: 100%; align-items: flex-start" class="mb-12px">
<span style="flex-shrink: 0; line-height: 28px" class="mr-32px">二级类目</span>
<div style="display: flex; flex-wrap: wrap; gap: 16px; width: 100%; align-items: flex-start">
<a-tag
@ -46,9 +46,9 @@
>{{ item.name }}</a-tag
>
</div>
</a-space>
<!-- </a-space> -->
<a-space align="start" style="width: 100%; align-items: flex-start" class="mb-12px">
</Space>
<!-- </Space> -->
<Space align="start" style="width: 100%; align-items: flex-start" class="mb-12px">
<span style="flex-shrink: 0; line-height: 28px" class="mr-32px">时间筛选</span>
<div style="display: flex; flex-wrap: wrap; gap: 16px; width: 100%; align-items: flex-start">
<a-tag
@ -67,9 +67,9 @@
>{{ item.label }}
</a-tag>
</div>
</a-space>
</Space>
<!-- 搜索区域 -->
<a-space style="margin-left: 'auto'">
<Space style="margin-left: 'auto'">
<Button type="primary" @click="handleSearch">
<template #icon>
<icon-search class="mr-8px"/>
@ -83,15 +83,15 @@
</template>
<template #default>重置</template>
</Button>
</a-space>
</a-space>
</Space>
</Space>
</view>
</template>
<script setup lang="ts">
import { ref, computed } from 'vue';
import { fetchIndustriesTree } from '@/api/all/index';
import { Button } from 'ant-design-vue';
import { Button, Space } from 'ant-design-vue';
const emit = defineEmits<(e: 'search') => void>();
// 行业大类
const industriesTree = ref([]);

10
src/views/components/dataEngine/userPainPoints.vue
View File

@ -3,7 +3,7 @@
<topHeader ref="topHeaderRef" @search="search"></topHeader>
<!-- 用户痛点观察 -->
<a-space
<Space
direction="vertical"
style="background-color: #fff; width: 100%; padding: 0 20px"
class="bg-#fff rounded-8px mb-24px"
@ -55,7 +55,7 @@
<Button type="primary" ghost @click="gotoDetail(record)">详情</Button>
</template>
</a-table>
</a-space>
</Space>
<Modal
v-model:open="visible"
@ -70,7 +70,7 @@
<span style="text-align: left; width: 100%">用户痛点观察</span>
</template>
<div>
<a-space direction="vertical" style="font-size: 12px">
<Space direction="vertical" style="font-size: 12px">
<div class="mb-12px flex items-center">
<p class="cts !mr-16px flex-shrink-0 w-60px">痛点</p>
<span class="cts">{{ topicInfo.name }}</span>
@ -108,7 +108,7 @@
</div>
</div>
</div>
</a-space>
</Space>
</div>
<template #footer>
<Button size="large" @click="handleCancel">取消</Button>
@ -120,7 +120,7 @@
<script setup>
import topHeader from './topHeader.vue';
import { Modal, Button, Tooltip } from 'ant-design-vue';
import { Modal, Button, Tooltip, Space } from 'ant-design-vue';
import { fetchUserPainPointsDetail, fetchUserPainPointsList } from '@/api/all/index';
import { ref, onMounted, computed } from 'vue';
import top1 from '@/assets/img/captcha/top1.svg';

38
src/views/components/dataEngine/userPersona.vue
View File

@ -11,33 +11,33 @@
<icon-question-circle size="16" class="!color-#737478" />
</Tooltip>
</div>
<a-space v-if="genderData.length > 0">
<Space v-if="genderData.length > 0">
<div id="container" class="w-300px h-300px"></div>
<a-space direction="vertical" style="font-size: 14px">
<a-space>
<Space direction="vertical" style="font-size: 14px">
<Space>
<span style="width: 8px; height: 8px; background-color: #f64b31; border-radius: 50%"></span>
<span>女性</span>
<span>{{ (girlData.rate * 100).toFixed(2) }}%</span>
<span>TGI</span>
<span>{{ girlData.tgi }}</span>
</a-space>
<a-space>
</Space>
<Space>
<span style="width: 8px; height: 8px; background-color: #2a59f3; border-radius: 50%"></span>
<span>男性</span>
<span>{{ (boyData.rate * 100).toFixed(2) }}%</span>
<span>TGI</span>
<span>{{ boyData.tgi }}</span>
</a-space>
</a-space>
</a-space>
</Space>
</Space>
</Space>
<div v-else>
<NoData class="w-100% h-100%" />
</div>
</div>
<!-- 2. 年龄分布 -->
<div class="bg-#fff rounded-8px w-100% py-0 px-20px flex-1 flex flex-col">
<a-space style="display: flex; justify-content: space-between; width: 100%; font-size: 12px">
<Space style="display: flex; justify-content: space-between; width: 100%; font-size: 12px">
<div class="title-row">
<span class="title mr-4px">年龄分布</span>
<Tooltip>
@ -45,13 +45,13 @@
<icon-question-circle size="16" class="!color-#737478" />
</Tooltip>
</div>
<a-space v-if="ageValueData.length > 0" align="center">
<Space v-if="ageValueData.length > 0" align="center">
<span style="width: 16px; height: 8px; background-color: #6d4cfe; border-radius: 2px"></span>
<span style="color: #6d4cfe">占比</span>
<span style="width: 16px; height: 8px; background-color: #f64b31; border-radius: 2px"></span>
<span style="color: #f64b31">TGI比</span>
</a-space>
</a-space>
</Space>
</Space>
<div v-if="ageValueData.length === 0" class="w-100% flex-1">
<NoData />
</div>
@ -67,11 +67,11 @@
</Tooltip>
</div>
<div class="flex">
<a-space direction="vertical">
<Space direction="vertical">
<div id="chinaMap" style="height: 416px; width: 640px"></div>
<a-space direction="vertical" style="font-size: 14px">
<Space direction="vertical" style="font-size: 14px">
<span class="cts">搜索指数</span>
<a-space>
<Space>
<span class="cts">高</span>
<span
v-for="item in 5"
@ -86,9 +86,9 @@
}"
></span>
<span class="cts">低</span>
</a-space>
</a-space>
</a-space>
</Space>
</Space>
</Space>
<div class="flex flex-col h-486px">
<Tabs defaultActiveKey="1" class="h-100%" @change="tabChange" size="large">
<TabPane key="1" tab="省份">
@ -138,7 +138,7 @@ import * as echarts from 'echarts';
import chinaJson from '@/assets/maps/china.json';
echarts.registerMap('china', chinaJson);
import { Tabs, Tooltip } from 'ant-design-vue';
import { Tabs, Tooltip, Space } from 'ant-design-vue';
const { TabPane } = Tabs;
const scope = ref(1); // 地域范围，1-省，2-市

10
src/views/components/login/index.vue
View File

@ -9,7 +9,7 @@
<img src="@/assets/img/Frame.svg" class="w-480 h-480 mr-40" alt="" />
</div>
<div class="flex items-center w-400 h-100%">
<a-space
<Space
direction="vertical"
size="large"
align="center"
@ -62,14 +62,14 @@
</Button>
</FormItem>
</Form>
<a-space class="text-12px color-#737478 justify-start items-center">
<Space class="text-12px color-#737478 justify-start items-center">
<Checkbox v-model:checked="hasCheck" class="!text-12px mr-8px"></Checkbox>
<span class="text-12px color-#737478">{{ isLogin ? '登录' : '注册' }}即代表同意</span>
<a-link href="link" class="form-link color-#211F24" target="_blank">用户协议</a-link>
<span class="text-12px color-#737478">和</span>
<a-link href="link" class="form-link color-#211f24" target="_blank">隐私政策</a-link>
</a-space>
</a-space>
</Space>
</Space>
</div>
</section>
@ -125,7 +125,7 @@
</template>
<script setup lang="ts">
import { Checkbox, Modal, Button, Form, FormItem, Input } from 'ant-design-vue';
import { Checkbox, Modal, Button, Form, FormItem, Input, Space } from 'ant-design-vue';
import PuzzleVerification from './components/PuzzleVerification.vue';
import { fetchLoginCaptCha, fetchAuthorizationsCaptcha, fetchProfileInfo } from '@/api/all/login';
import { joinEnterpriseByInviteCode } from '@/api/all';

10
src/views/material-center/components/finished-products/manuscript/check-list/components/filter-block/index.vue
View File

@ -8,7 +8,7 @@
<div class="filter-row">
<div class="filter-row-item">
<span class="label">内容稿件标题</span>
<a-space size="medium">
<Space size="medium">
<Input
v-model:value="query.title"
class="!w-240px"
@ -21,11 +21,11 @@
<icon-search />
</template>
</Input>
</a-space>
</Space>
</div>
<div class="filter-row-item">
<span class="label">序号</span>
<a-space size="medium">
<Space size="medium">
<Input
v-model:value="query.uid"
class="!w-160px"
@ -38,7 +38,7 @@
<icon-search />
</template>
</Input>
</a-space>
</Space>
</div>
<div class="filter-row-item" v-if="query.audit_status === AuditStatus.Pending">
<span class="label">上传时间</span>
@ -99,7 +99,7 @@
</template>
<script setup>
import { Button, Input, Select } from 'ant-design-vue';
import { Button, Input, Select, Space } from 'ant-design-vue';
const { Option } = Select;
import { defineEmits, defineProps } from 'vue';
import { PLATFORMS } from '@/views/material-center/components/finished-products/manuscript/check-list/constants';

100
src/views/material-center/components/finished-products/manuscript/check-list/components/manuscript-check-table/index.vue
View File

@ -1,34 +1,29 @@
<template>
<a-table
<Table
ref="tableRef"
:data="dataSource"
row-key="id"
column-resizable
:dataSource="dataSource"
rowKey="id"
:pagination="false"
:scroll="{ x: '100%' }"
class="flex-1 manuscript-table w-100%"
bordered
:row-selection="rowSelection"
:selected-row-keys="selectedRowKeys"
@sorter-change="handleSorterChange"
@select="(selectedKeys, rowKeyValue, record) => emits('select', selectedKeys, rowKeyValue, record)"
@select-all="(check) => emits('selectAll', check)"
:rowSelection="rowSelection"
:showSorterTooltip="false"
@change="handleTableChange"
>
<template #empty>
<template #emptyText>
<NoData text="暂无稿件" />
</template>
<template #columns>
<a-table-column
<Column
v-for="column in tableColumns"
:key="column.dataIndex"
:data-index="column.dataIndex"
:dataIndex="column.dataIndex"
:fixed="column.fixed"
:width="column.width"
:min-width="column.minWidth"
:sortable="column.sortable"
:minWidth="column.minWidth"
:sorter="column.sortable"
:align="column.align"
ellipsis
tooltip
:ellipsis="true"
>
<template #title>
<div class="flex items-center">
@ -39,7 +34,7 @@
</div>
</template>
<template v-if="column.dataIndex === 'customer_opinion'" #cell="{ record }">
<template v-if="column.dataIndex === 'customer_opinion'" #customRender="{ record }">
<p
class="h-28px px-8px flex items-center rounded-2px w-fit"
:style="{ background: getCustomerOpinionInfo(record.customer_opinion)?.bg }"
@ -49,7 +44,7 @@
}}</span>
</p>
</template>
<template v-else-if="column.dataIndex === 'platform'" #cell="{ record }">
<template v-else-if="column.dataIndex === 'platform'" #customRender="{ record }">
<template v-if="!PLATFORMS.find((item) => item.value === record.platform)"> - </template>
<img
v-else
@ -59,56 +54,44 @@
:src="PLATFORMS.find((item) => item.value === record.platform)?.icon"
/>
</template>
<template v-else-if="column.dataIndex === 'compliance_level'" #cell="{ record }">
<template v-else-if="column.dataIndex === 'compliance_level'" #customRender="{ record }">
<span class="cts num !color-#6D4CFE">{{
record.ai_review?.compliance_level ? `${record.ai_review?.compliance_level}%` : '-'
}}</span>
</template>
<template v-else-if="column.dataIndex === 'title'" #cell="{ record }">
<template v-else-if="column.dataIndex === 'title'" #customRender="{ record }">
<TextOverTips :context="record.title" :line="3" class="title" @click="onDetail(record)" />
</template>
<template v-else-if="column.dataIndex === 'type'" #cell="{ record }">
<template v-else-if="column.dataIndex === 'type'" #customRender="{ record }">
<div class="flex items-center">
<img
:src="record.type === EnumManuscriptType.Image ? icon2 : icon3"
width="16"
height="16"
class="mr-4px"
/>
<img :src="record.type === EnumManuscriptType.Image ? icon2 : icon3" width="16" height="16" class="mr-4px" />
<span class="cts" :class="record.type === EnumManuscriptType.Image ? '!color-#25C883' : '!color-#6D4CFE'">{{
record.type === EnumManuscriptType.Image ? '图文' : '视频'
}}</span>
</div>
</template>
<template v-else-if="['uploader', 'last_modifier'].includes(column.dataIndex)" #cell="{ record }">
<template v-else-if="['uploader', 'last_modifier'].includes(column.dataIndex)" #customRender="{ record }">
{{ record[column.dataIndex].name || record[column.dataIndex].mobile }}
</template>
<template
#cell="{ record }"
v-else-if="
['created_at', 'last_modified_at', 'audit_started_at', 'audit_passed_at'].includes(column.dataIndex)
"
#customRender="{ record }"
v-else-if="['created_at', 'last_modified_at', 'audit_started_at', 'audit_passed_at'].includes(column.dataIndex)"
>
<span class="cts num">{{ exactFormatTime(record[column.dataIndex]) }}</span>
</template>
<template v-else-if="column.dataIndex === 'cover'" #cell="{ record }">
<template v-else-if="column.dataIndex === 'cover'" #customRender="{ record }">
<HoverImagePreview :src="record.cover">
<a-image :width="64" :height="64" :src="record.cover" class="!rounded-6px" fit="cover">
<Image :width="64" :height="64" :src="record.cover" class="!rounded-6px" :preview="false">
<template #error>
<img :src="icon4" class="w-full h-full" />
</template>
</a-image>
</Image>
</HoverImagePreview>
</template>
<template v-else-if="column.dataIndex === 'operation'" #cell="{ record }">
<template v-else-if="column.dataIndex === 'operation'" #customRender="{ record }">
<div class="flex items-center">
<img class="mr-8px cursor-pointer" :src="icon1" width="14" height="14" @click="onDelete(record)" />
<Button
type="primary"
ghost
size="small"
@click="onShare(record)"
v-if="audit_status === AuditStatus.Passed"
<Button type="primary" ghost size="small" @click="onShare(record)" v-if="audit_status === AuditStatus.Passed"
>分享</Button
>
<Button
@ -122,19 +105,19 @@
<Button type="primary" ghost size="small" @click="onScan(record)" v-else>查看</Button>
</div>
</template>
<template v-else #cell="{ record }">
<template v-else #customRender="{ record }">
{{ formatTableField(column, record, true) }}
</template>
</a-table-column>
</template>
</a-table>
</Column>
</Table>
<ShareModal ref="shareModalRef" />
</template>
<script setup>
import { ref } from 'vue';
import { Button, Tooltip } from 'ant-design-vue';
import { Button, Tooltip, Table, Image } from 'ant-design-vue';
const { Column } = Table;
import { formatTableField, exactFormatTime } from '@/utils/tools';
import { EnumManuscriptType } from '@/views/material-center/components/finished-products/manuscript/list/constants';
import { patchWorkAuditsAudit } from '@/api/all/generationWorkshop';
@ -183,8 +166,25 @@ const props = defineProps({
const tableRef = ref(null);
const shareModalRef = ref(null);
const handleSorterChange = (column, order) => {
emits('sorterChange', column, order === 'ascend' ? 'asc' : 'desc');
const handleTableChange = (pagination, filters, sorter) => {
if (sorter && sorter.field) {
emits('sorterChange', sorter.field, sorter.order === 'ascend' ? 'asc' : 'desc');
}
};
const rowSelection = {
selectedRowKeys: computed(() => props.selectedRowKeys),
onSelect: (record, selected, selectedRows, nativeEvent) => {
emits(
'select',
selectedRows.map((row) => row.id),
record.id,
record,
);
},
onSelectAll: (selected, selectedRows, changeRows) => {
emits('selectAll', selected);
},
};
const onDelete = (item) => {
emits('delete', item);

74
src/views/material-center/components/finished-products/manuscript/list/components/manuscript-table/index.vue
View File

@ -1,30 +1,28 @@
<template>
<a-table
<Table
ref="tableRef"
:data="dataSource"
row-key="id"
column-resizable
:dataSource="dataSource"
rowKey="id"
:pagination="false"
:scroll="{ x: '100%' }"
class="manuscript-table w-100% flex-1"
bordered
@sorter-change="handleSorterChange"
:showSorterTooltip="false"
@change="handleTableChange"
>
<template #empty>
<template #emptyText>
<NoData text="暂无稿件" />
</template>
<template #columns>
<a-table-column
<Column
v-for="column in TABLE_COLUMNS"
:key="column.dataIndex"
:data-index="column.dataIndex"
:dataIndex="column.dataIndex"
:fixed="column.fixed"
:width="column.width"
:min-width="column.minWidth"
:sortable="column.sortable"
:minWidth="column.minWidth"
:sorter="column.sortable"
:align="column.align"
ellipsis
tooltip
:ellipsis="true"
>
<template #title>
<div class="flex items-center">
@ -35,10 +33,10 @@
</div>
</template>
<template v-if="column.dataIndex === 'create_at'" #cell="{ record }">
<template v-if="column.dataIndex === 'create_at'" #customRender="{ record }">
{{ exactFormatTime(record.create_at) }}
</template>
<template v-else-if="column.dataIndex === 'customer_opinion'" #cell="{ record }">
<template v-else-if="column.dataIndex === 'customer_opinion'" #customRender="{ record }">
<p
class="h-28px px-8px flex items-center rounded-2px w-fit"
:style="{ background: getCustomerOpinionInfo(record.customer_opinion)?.bg }"
@ -48,10 +46,10 @@
}}</span>
</p>
</template>
<template v-else-if="column.dataIndex === 'title'" #cell="{ record }">
<template v-else-if="column.dataIndex === 'title'" #customRender="{ record }">
<TextOverTips :context="record.title" :line="3" class="title" @click="onDetail(record)" />
</template>
<template v-else-if="column.dataIndex === 'audit_status'" #cell="{ record }">
<template v-else-if="column.dataIndex === 'audit_status'" #customRender="{ record }">
<div
class="flex items-center w-fit h-28px px-8px rounded-2px"
:style="{ backgroundColor: getStatusInfo(record.audit_status).backgroundColor }"
@ -61,55 +59,53 @@
}}</span>
</div>
</template>
<template v-else-if="column.dataIndex === 'type'" #cell="{ record }">
<template v-else-if="column.dataIndex === 'type'" #customRender="{ record }">
<div class="flex items-center">
<img
:src="record.type === EnumManuscriptType.Image ? icon2 : icon3"
width="16"
height="16"
class="mr-4px"
/>
<img :src="record.type === EnumManuscriptType.Image ? icon2 : icon3" width="16" height="16" class="mr-4px" />
<span class="cts" :class="record.type === EnumManuscriptType.Image ? '!color-#25C883' : '!color-#6D4CFE'">{{
record.type === EnumManuscriptType.Image ? '图文' : '视频'
}}</span>
</div>
</template>
<template v-else-if="['uploader', 'last_modifier'].includes(column.dataIndex)" #cell="{ record }">
<template v-else-if="['uploader', 'last_modifier'].includes(column.dataIndex)" #customRender="{ record }">
{{ record[column.dataIndex].name || record[column.dataIndex].mobile }}
</template>
<template v-else-if="['created_at', 'last_modified_at'].includes(column.dataIndex)" #cell="{ record }">
<template v-else-if="['created_at', 'last_modified_at'].includes(column.dataIndex)" #customRender="{ record }">
{{ exactFormatTime(record[column.dataIndex]) }}
</template>
<template v-else-if="column.dataIndex === 'cover'" #cell="{ record }">
<template v-else-if="column.dataIndex === 'cover'" #customRender="{ record }">
<HoverImagePreview :src="record.cover">
<a-image :width="64" :height="64" :src="record.cover" class="!rounded-6px" fit="cover">
<Image :width="64" :height="64" :src="record.cover" class="!rounded-6px" :preview="false">
<template #error>
<img :src="icon4" class="w-full h-full" />
</template>
</a-image>
</Image>
</HoverImagePreview>
</template>
<template v-else-if="column.dataIndex === 'operation'" #cell="{ record }">
<template v-else-if="column.dataIndex === 'operation'" #customRender="{ record }">
<div class="flex items-center">
<img class="mr-8px cursor-pointer" :src="icon1" width="14" height="14" @click="onDelete(record)" />
<Button type="primary" ghost size="small" class="mr-8px" @click="onEdit(record)">编辑</Button>
<Button type="primary" ghost size="small" @click="onDetail(record)">详情</Button>
</div>
</template>
<template v-else #cell="{ record }">
<template v-else #customRender="{ record }">
{{ formatTableField(column, record, true) }}
</template>
</a-table-column>
</template>
</a-table>
</Column>
</Table>
</template>
<script setup>
import { ref } from 'vue';
import { Button, Tooltip } from 'ant-design-vue';
import { Button, Tooltip, Table, Image } from 'ant-design-vue';
const { Column } = Table;
import { formatTableField, exactFormatTime } from '@/utils/tools';
import { TABLE_COLUMNS } from './constants';
import { CHECK_STATUS, EnumManuscriptType } from '@/views/material-center/components/finished-products/manuscript/list/constants';
import {
CHECK_STATUS,
EnumManuscriptType,
} from '@/views/material-center/components/finished-products/manuscript/list/constants';
import { CUSTOMER_OPINION } from '@/views/material-center/components/finished-products/manuscript/check-list/constants';
import TextOverTips from '@/components/text-over-tips';
@ -132,8 +128,10 @@ const props = defineProps({
const tableRef = ref(null);
const handleSorterChange = (column, order) => {
emits('sorterChange', column, order === 'ascend' ? 'asc' : 'desc');
const handleTableChange = (pagination, filters, sorter) => {
if (sorter && sorter.field) {
emits('sorterChange', sorter.field, sorter.order === 'ascend' ? 'asc' : 'desc');
}
};
const onDelete = (item) => {
emits('delete', item);

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

@ -12,13 +12,13 @@
<div class="filter-row flex mb-20px">
<div class="filter-row-item flex items-center">
<span class="label">品牌名称</span>
<a-space size="medium">
<Space size="medium">
<Input v-model:value="query.name" class="w-240px" placeholder="请搜索..." size="medium" allowClear>
<template #prefix>
<icon-search />
</template>
</Input>
</a-space>
</Space>
</div>
<div class="filter-row flex">
<Button type="outline" ghost class="mr-12px" @click="handleSearch">
@ -86,8 +86,8 @@
<a-table-column title="Slogan" data-index="slogan" />
<a-table-column width="150" min-widht="150" title="操作" data-index="optional">
<template #cell="{ record }">
<a-space size="medium">
<a-space>
<Space size="medium">
<Space>
<a-popconfirm
content="确定删除吗?"
type="warning"
@ -97,11 +97,11 @@
>
<icon-delete></icon-delete>
</a-popconfirm>
</a-space>
<a-space>
</Space>
<Space>
<Button type="outline" class="edit-btn" size="small" @click="handleEdit(record.id)">编辑</Button>
</a-space>
</a-space>
</Space>
</Space>
</template>
</a-table-column>
</template>
@ -128,7 +128,7 @@
import { ref, computed, reactive, onMounted } from 'vue';
import { Message } from '@arco-design/web-vue';
import { IconDelete } from '@arco-design/web-vue/es/icon';
import { Button, Modal, Form, FormItem, Input } from 'ant-design-vue';
import { Button, Modal, Space, Form, FormItem, Input } from 'ant-design-vue';
const { TextArea } = Input;
import {

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

@ -17,9 +17,9 @@
</div>
<div class="filter-row-item flex items-center">
<span class="label">时间筛选</span>
<a-space class="w-240px">
<Space class="w-240px">
<a-range-picker size="medium" allow-clear format="YYYY-MM-DD HH:mm" class="w-100%" />
</a-space>
</Space>
</div>
<div class="filter-row flex">
@ -62,7 +62,7 @@
<script setup lang="ts">
import { reactive, ref } from 'vue';
import { Button, Input } from 'ant-design-vue';
import { Button, Input, Space } from 'ant-design-vue';
const pageInfo = reactive({
page: 1,

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

@ -9,19 +9,19 @@
<div class="filter-row flex mb-20px">
<div class="filter-row-item flex items-center">
<span class="label">服务/产品</span>
<a-space size="medium">
<Space size="medium">
<Input v-model:value="query.name" class="w-240px" placeholder="请搜索..." size="medium" allowClear>
<template #prefix>
<icon-search />
</template>
</Input>
</a-space>
</Space>
</div>
<div class="filter-row-item flex items-center">
<span class="label">时间筛选</span>
<a-space class="w-240px">
<Space class="w-240px">
<a-range-picker size="medium" allow-clear format="YYYY-MM-DD HH:mm" class="w-100%" />
</a-space>
</Space>
</div>
<div class="filter-row flex">
@ -63,7 +63,7 @@
</template>
<script setup lang="ts">
import { Button, Input } from 'ant-design-vue';
import { Button, Input, Space } from 'ant-design-vue';
import { reactive, ref } from 'vue';
const pageInfo = reactive({

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

@ -16,13 +16,13 @@
<div class="flex items-center justify-between mb-16px">
<div class="filter-row-item flex items-center">
<span class="s1 !color-#211F24 mr-12px">分组名称</span>
<a-space size="medium" class="w-240px">
<Space size="medium" class="w-240px">
<Input v-model:value="query.name" placeholder="请搜索..." size="middle" allowClear @change="reload">
<template #prefix>
<icon-search />
</template>
</Input>
</a-space>
</Space>
</div>
<Button type="primary" size="middle" @click="openAdd"
><template #icon>
@ -82,7 +82,7 @@
<script setup>
import { ref, reactive, onMounted } from 'vue';
import { Button, Modal, Input } from 'ant-design-vue';
import { Button, Modal, Input, Space } from 'ant-design-vue';
import { getAccountGroup } from '@/api/all/propertyMarketing';
import { exactFormatTime } from '@/utils/tools';

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

@ -69,11 +69,11 @@
<img :src="icon6" width="16" height="16" class="cursor-pointer" @click="handleCloseTip" />
</template>
<div v-else>
<a-space v-if="isAbNormalStatus" class="flex items-center">
<Space v-if="isAbNormalStatus" class="flex items-center">
<Button type="primary" danger size="small" @click="handleOpenAbnormalAccount">
<template #default>查看异常账号</template>
</Button>
</a-space>
</Space>
</div>
</div>
<div class="card-wrap">
@ -120,7 +120,7 @@
<script setup>
import { ref, provide } from 'vue';
import { Notification } from '@arco-design/web-vue';
import { Checkbox, Button } from 'ant-design-vue';
import { Checkbox, Button, Space } from 'ant-design-vue';
import FilterBlock from './components/filter-block';
import AccountTable from './components/account-table';

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

@ -8,7 +8,7 @@
<div class="filter-row flex">
<div class="filter-row-item flex items-center">
<span class="label">项目名称</span>
<a-space size="medium">
<Space size="medium">
<Input
v-model:value="query.name"
class="w-240px"
@ -21,7 +21,7 @@
<icon-search />
</template>
</Input>
</a-space>
</Space>
</div>
<div class="filter-row-item flex items-center">
<Button type="primary" ghost class="mr-12px" @click="handleSearch">
@ -43,7 +43,7 @@
<script setup>
import { defineEmits, defineProps } from 'vue';
import { Button, Input } from 'ant-design-vue';
import { Button, Input, Space } from 'ant-design-vue';
const props = defineProps({
query: {

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

@ -16,13 +16,13 @@
<div class="flex items-center justify-between mb-16px">
<div class="filter-row-item flex items-center">
<span class="s1 !color-#211F24 mr-12px">分组名称</span>
<a-space size="medium" class="w-240px">
<Space size="medium" class="w-240px">
<Input v-model:value="query.name" placeholder="请搜索..." size="middle" allowClear @change="handleSearch">
<template #prefix>
<icon-search />
</template>
</Input>
</a-space>
</Space>
</div>
<Button type="primary" size="medium" @click="openAdd"
><template #icon>
@ -81,7 +81,7 @@
<script setup>
import { ref, reactive, onMounted } from 'vue';
import { Button, Modal, Input } from 'ant-design-vue';
import { Button, Modal, Input, Space } from 'ant-design-vue';
import { getPlacementAccountProjectGroups } from '@/api/all/propertyMarketing';
import { exactFormatTime } from '@/utils/tools';

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

@ -52,11 +52,11 @@
<img :src="icon6" width="16" height="16" class="cursor-pointer" @click="handleCloseTip" />
</template>
<div v-else>
<a-space v-if="isAbNormalStatus" class="flex items-center">
<Space v-if="isAbNormalStatus" class="flex items-center">
<Button type="primary" danger size="small" @click="handleOpenAbnormalAccount">
<template #default>查看异常账号</template>
</Button>
</a-space>
</Space>
</div>
</div>
<div class="card-wrap">
@ -93,7 +93,7 @@
<script setup>
import { ref } from 'vue';
import { Checkbox, Button } from 'ant-design-vue';
import { Checkbox, Button, Space } from 'ant-design-vue';
import FilterBlock from './components/filter-block';
import AccountTable from './components/account-table';

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

@ -10,7 +10,7 @@
</template>
</a-popover>
</div>
<a-space>
<Space>
<span class="player-title">表现分析</span>
<a-popover position="tl">
<icon-question-circle />
@ -18,35 +18,35 @@
<p>表现分析。</p>
</template>
</a-popover>
</a-space>
</Space>
<div style="margin-right: 24px">
<a-row :gutter="24">
<a-col :span="12">
<div class="overall-strategy">
<span class="placement-optimization-title">人群分析</span>
<a-space direction="vertical">
<a-space
<Space direction="vertical">
<Space
v-if="getSubmoduleContent(MODEL_PERFORMANCE_ANALYSIS, '人群分析').length > 0"
v-for="(item, index) in getSubmoduleContent(MODEL_PERFORMANCE_ANALYSIS, '人群分析')"
:key="index"
>
<span><img :src="getStarIcon(index)" style="width: 25px; height: 17px" />{{ item }}</span>
</a-space>
</a-space>
</Space>
</Space>
</div>
</a-col>
<a-col :span="12">
<div class="overall-strategy">
<span class="placement-optimization-title">投放素材</span>
<a-space direction="vertical">
<a-space
<Space direction="vertical">
<Space
v-if="getSubmoduleContent(MODEL_PERFORMANCE_ANALYSIS, '投放素材').length > 0"
v-for="(item, index) in getSubmoduleContent(MODEL_PERFORMANCE_ANALYSIS, '投放素材')"
:key="index"
>
<span><img :src="getStarIcon(index)" style="width: 25px; height: 17px" />{{ item }}</span>
</a-space>
</a-space>
</Space>
</Space>
</div>
</a-col>
</a-row>
@ -54,35 +54,35 @@
<a-col :span="12">
<div class="overall-strategy">
<span class="placement-optimization-title">投放时段</span>
<a-space direction="vertical">
<a-space
<Space direction="vertical">
<Space
v-if="getSubmoduleContent(MODEL_PERFORMANCE_ANALYSIS, '投放时段').length > 0"
v-for="(item, index) in getSubmoduleContent(MODEL_PERFORMANCE_ANALYSIS, '投放时段')"
:key="index"
>
<span><img :src="getStarIcon(index)" style="width: 25px; height: 17px" />{{ item }}</span>
</a-space>
</a-space>
</Space>
</Space>
</div>
</a-col>
<a-col :span="12">
<div class="overall-strategy">
<span class="placement-optimization-title">平台表现</span>
<a-space direction="vertical">
<a-space
<Space direction="vertical">
<Space
v-if="getSubmoduleContent(MODEL_PERFORMANCE_ANALYSIS, '平台表现').length > 0"
v-for="(item, index) in getSubmoduleContent(MODEL_PERFORMANCE_ANALYSIS, '平台表现')"
:key="index"
>
<span><img :src="getStarIcon(index)" style="width: 25px; height: 17px" />{{ item }}</span>
</a-space>
</a-space>
</Space>
</Space>
</div>
</a-col>
</a-row>
</div>
<a-space>
<Space>
<span class="player-title">新投放建议生成</span>
<a-popover position="tl">
<icon-question-circle />
@ -90,20 +90,20 @@
<p style="margin: 0">新投放建议生成。</p>
</template>
</a-popover>
</a-space>
</Space>
<a-row class="grid-demo" :gutter="24">
<a-col :span="24">
<div class="overall-strategy">
<span class="placement-optimization-title">人群建议</span>
<a-space direction="vertical">
<a-space
<Space direction="vertical">
<Space
v-if="getSubmoduleContent(MODEL_PLACEMENT_SUGGESTION, '人群建议').length > 0"
v-for="(item, index) in getSubmoduleContent(MODEL_PLACEMENT_SUGGESTION, '人群建议')"
:key="index"
>
<span><img :src="getStarIcon(index)" style="width: 25px; height: 17px" />{{ item }}</span>
</a-space>
</a-space>
</Space>
</Space>
</div>
</a-col>
</a-row>
@ -111,15 +111,15 @@
<a-col :span="24">
<div class="overall-strategy">
<span class="placement-optimization-title">素材建议</span>
<a-space direction="vertical">
<a-space
<Space direction="vertical">
<Space
v-if="getSubmoduleContent(MODEL_PLACEMENT_SUGGESTION, '素材建议').length > 0"
v-for="(item, index) in getSubmoduleContent(MODEL_PLACEMENT_SUGGESTION, '素材建议')"
:key="index"
>
<span><img :src="getStarIcon(index)" style="width: 25px; height: 17px" />{{ item }}</span>
</a-space>
</a-space>
</Space>
</Space>
</div>
</a-col>
</a-row>
@ -128,15 +128,15 @@
<a-col :span="24">
<div class="overall-strategy">
<span class="placement-optimization-title">投放策略建议</span>
<a-space direction="vertical">
<a-space
<Space direction="vertical">
<Space
v-if="getSubmoduleContent(MODEL_PLACEMENT_SUGGESTION, '投放策略建议').length > 0"
v-for="(item, index) in getSubmoduleContent(MODEL_PLACEMENT_SUGGESTION, '投放策略建议')"
:key="index"
>
<span><img :src="getStarIcon(index)" style="width: 25px; height: 17px" />{{ item }}</span>
</a-space>
</a-space>
</Space>
</Space>
</div>
</a-col>
</a-row>
@ -145,6 +145,7 @@
</template>
<script setup lang="ts">
import { Space } from "ant-design-vue"
import { IconQuestionCircle } from '@arco-design/web-vue/es/icon';
const props = defineProps({

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

@ -16,11 +16,11 @@
<NoData v-if="isEmptyData" style="height: 100px" text="暂无数据" />
<div v-else class="month-data-div">
<div style="align-self: stretch">
<a-space direction="vertical">
<Space direction="vertical">
<span v-for="(line, index) in formattedText" :key="index" :class="getCss(line.highlight)">
{{ line.text }}
</span>
</a-space>
</Space>
</div>
</div>
</div>
@ -30,6 +30,7 @@
import { IconQuestionCircle } from '@arco-design/web-vue/es/icon';
import { defineProps } from 'vue';
import { Message } from '@arco-design/web-vue';
import { Space } from "ant-design-vue"
const props = defineProps({
overview: {

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

@ -8,8 +8,8 @@
</span>
</template>
<template #operation="{ record }">
<a-space size="medium">
<a-space>
<Space size="medium">
<Space>
<a-popconfirm
content="确定删除吗?"
type="warning"
@ -19,18 +19,18 @@
>
<icon-delete></icon-delete>
</a-popconfirm>
</a-space>
<a-space>
</Space>
<Space>
<Button type="primary" ghost @click="downLoad(record.file_url)" class="operation-btn">下载</Button>
<Button type="primary" ghost @click="goDetail(record.id)" class="operation-btn">详情</Button>
</a-space>
</a-space>
</Space>
</Space>
</template>
</a-table>
</view>
</template>
<script setup lang="ts">
import { Button } from 'ant-design-vue';
import { Button, Space } from 'ant-design-vue';
import { IconDelete } from '@arco-design/web-vue/es/icon';
import { PLATFORM_LIST } from '@/utils/platform';
import { Message } from '@arco-design/web-vue';

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

@ -8,7 +8,7 @@
@sorter-change="handleSorterChange"
>
<template #total_use_amount_label>
<a-space>
<Space>
<span>本周总消耗</span>
<a-popover position="tl">
<icon-question-circle />
@ -16,10 +16,10 @@
<p>当前周内所有投流账户的累计广告花费，反映整体投放规模。</p>
</template>
</a-popover>
</a-space>
</Space>
</template>
<template #pre_total_use_amount_chain_title>
<a-space>
<Space>
<span>本周总消耗环比</span>
<a-popover position="tl">
<icon-question-circle />
@ -27,10 +27,10 @@
<p>本周消耗金额与上周对比的变化百分比，用于衡量预算投放趋势。</p>
</template>
</a-popover>
</a-space>
</Space>
</template>
<template #roi>
<a-space>
<Space>
<span>ROI</span>
<a-popover position="tl">
<icon-question-circle />
@ -38,10 +38,10 @@
<p>投资回报率（ROI）= 收益 ÷ 投入成本，反映整体投流账户的收益效率。</p>
</template>
</a-popover>
</a-space>
</Space>
</template>
<template #ctr>
<a-space>
<Space>
<span>CTR</span>
<a-popover position="tl">
<icon-question-circle />
@ -49,7 +49,7 @@
<p>点击率（CTR）= 点击量 ÷ 展示量，是衡量广告素材吸引力的关键指标。</p>
</template>
</a-popover>
</a-space>
</Space>
</template>
<template #platform="{ record }">
@ -59,7 +59,7 @@
</div>
</template>
<template #total_use_amount="{ record }">
<a-space>￥{{ record.total_use_amount }}</a-space>
<Space>￥{{ record.total_use_amount }}</Space>
</template>
<template #total_use_amoun2="{ record }">
@ -92,6 +92,7 @@
</view>
</template>
<script setup lang="ts">
import { Space } from "ant-design-vue"
import { PLATFORM_LIST } from '@/utils/platform';
const props = defineProps({

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

@ -9,28 +9,28 @@
<a-row class="grid-demo" :gutter="24">
<a-col :span="12">
<div class="">
<a-space direction="vertical">
<Space direction="vertical">
<span class="span-title">账户</span>
<span class="span-content">{{ detailData?.account }}</span>
</a-space>
</Space>
</div>
</a-col>
<a-col :span="12">
<div class="">
<a-space direction="vertical">
<Space direction="vertical">
<span class="span-title">计划</span>
<span class="span-content">{{detailData.plan}}</span>
</a-space>
</Space>
</div>
</a-col>
</a-row>
<a-row class="grid-demo" :gutter="24" style="margin-top: 30px">
<a-col :span="12">
<div class="">
<a-space direction="vertical">
<Space direction="vertical">
<span class="span-title">平台</span>
<a-space>
<Space>
<span
class="mr-8px"
v-if="detailData.platform.length > 0"
@ -39,17 +39,17 @@
<img :src="PLATFORM_LIST?.[item]?.icon" width="15" height="15" />
<span class="label ml-5px">{{ PLATFORM_LIST?.[item]?.label }}</span>
</span>
</a-space>
</a-space>
</Space>
</Space>
</div>
</a-col>
<a-col :span="12">
<div class="">
<a-space direction="vertical">
<Space direction="vertical">
<span class="span-title">生成时间</span>
<span class="span-content">{{ detailData.created_at }}</span>
</a-space>
</Space>
</div>
</a-col>
</a-row>
@ -60,21 +60,21 @@
<!-- 投放建议-->
<PlacementSuggestions :optimization="aiResult.optimization"></PlacementSuggestions>
<div class="ignore-export">
<a-space class="down-btn">
<Space class="down-btn">
<Button type="primary" ghost :loading="exportLoading" @click="downPage">
<template #icon>
<icon-download class="mr-8px"/>
</template>
<template #default>下载</template>
</Button>
</a-space>
</Space>
</div>
</div>
</template>
<script setup lang="ts">
import { reactive, ref } from 'vue';
import { Button } from 'ant-design-vue';
import { Button, Space } from 'ant-design-vue';
import MonthData from './components/month-data/index.vue';
import PlacementSuggestions from './components/placement-suggestions/index.vue';
import { PLATFORM_LIST } from '@/utils/platform';

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

@ -53,7 +53,7 @@
></PlacementSuggestions>
<div v-if="tabData == 'placement_guide'" class="ignore-export">
<a-space class="down-btn">
<Space class="down-btn">
<Button type="primary" ghost :loading="exportLoading" @click="downPage">
<template #icon>
<icon-download class="mr-8px"/>
@ -66,14 +66,14 @@
</template>
<template #default>保存</template>
</Button>
</a-space>
</Space>
</div>
</div>
</template>
<script setup lang="ts">
import { reactive, ref } from 'vue';
import { Button, Tabs } from 'ant-design-vue';
import { Button, Tabs, Space } from 'ant-design-vue';
const { TabPane } = Tabs;
import PlacementGuideList from './components/table-data/placementGuideList.vue';
import listSearchForm from './components/table-data/listSearchForm.vue';

10
src/views/writer-material-center/components/finished-products/manuscript/check-list/components/filter-block/index.vue
View File

@ -8,7 +8,7 @@
<div class="filter-row">
<div class="filter-row-item">
<span class="label">内容稿件标题</span>
<a-space size="medium">
<Space size="medium">
<Input
v-model:value="query.title"
class="!w-240px"
@ -21,11 +21,11 @@
<icon-search />
</template>
</Input>
</a-space>
</Space>
</div>
<div class="filter-row-item">
<span class="label">序号</span>
<a-space size="medium">
<Space size="medium">
<Input
v-model:value="query.uid"
class="!w-160px"
@ -38,7 +38,7 @@
<icon-search />
</template>
</Input>
</a-space>
</Space>
</div>
<div class="filter-row-item" v-if="query.audit_status === AuditStatus.Pending">
<span class="label">上传时间</span>
@ -100,7 +100,7 @@
<script setup>
import { defineEmits, defineProps } from 'vue';
import { Button, Input, Select } from 'ant-design-vue';
import { Button, Input, Select, Space } from 'ant-design-vue';
const { Option } = Select;
import { PLATFORMS } from '@/views/writer-material-center/components/finished-products/manuscript/check-list/constants';
import { AuditStatus } from '@/views/writer-material-center/components/finished-products/constants';

6
src/views/writer-material-center/components/finished-products/manuscript/list/components/filter-block/index.vue
View File

@ -28,7 +28,7 @@
</div> -->
<div class="filter-row-item">
<span class="label">序号</span>
<a-space size="medium">
<Space size="medium">
<Input
v-model:value="query.uid"
class="!w-160px"
@ -41,7 +41,7 @@
<icon-search />
</template>
</Input>
</a-space>
</Space>
</div>
<div class="filter-row-item">
<span class="label">审核状态</span>
@ -85,7 +85,7 @@
<script setup>
import { defineEmits, defineProps } from 'vue';
import { Button, Input } from 'ant-design-vue';
import { Button, Input, Space } from 'ant-design-vue';
import { CHECK_STATUS } from '@/views/writer-material-center/components/finished-products/manuscript/list/constants';
import CommonSelect from '@/components/common-select';
// import { getProjectList } from '@/api/all/propertyMarketing';