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-08-04 14:45:53 +08:00
parent 29f4f22432
commit eb76d00a8e
8 changed files with 124 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/views/creative-generation-workshop/manuscript/check/components/filter-block/index.vue → src/views/creative-generation-workshop/manuscript/check-list/components/filter-block/index.vue
View File

@ -40,7 +40,7 @@
</a-input>
</a-space>
</div>
<div class="filter-row-item">
<div class="filter-row-item" v-if="query.audit_status === AuditStatus.Pending">
<span class="label">上传时间</span>
<a-range-picker
v-model="created_at"
@ -51,29 +51,28 @@
@change="(value) => onDateChange(value, 'created_at')"
/>
</div>
<div class="filter-row-item">
<span class="label">审核平台</span>
<a-select v-model="query.audit_platform" size="medium" placeholder="全部" allow-clear @change="handleSearch">
<a-option
v-for="(item, index) in MEDIA_ACCOUNT_PLATFORMS"
:key="index"
:value="item.value"
:label="item.label"
>{{ item.label }}</a-option
>
</a-select>
</div>
<div class="filter-row-item">
<span class="label">审核时间</span>
<a-range-picker
v-model="audit_started_at"
size="medium"
allow-clear
format="YYYY-MM-DD"
class="w-280px"
@change="(value) => onDateChange(value, 'audit_started_at')"
/>
</div>
<template v-if="[AuditStatus.Auditing, AuditStatus.Passed].includes(query.audit_status)">
<div class="filter-row-item">
<span class="label">审核平台</span>
<a-select v-model="query.audit_platform" size="medium" placeholder="全部" allow-clear @change="handleSearch">
<a-option v-for="(item, index) in PLATFORMS" :key="index" :value="item.value" :label="item.label">{{
item.label
}}</a-option>
</a-select>
</div>
<div class="filter-row-item">
<span class="label">审核时间</span>
<a-range-picker
v-model="audit_started_at"
size="medium"
allow-clear
format="YYYY-MM-DD"
class="w-280px"
@change="(value) => onDateChange(value, 'audit_started_at')"
/>
</div>
</template>
<div class="filter-row-item">
<a-button type="outline" class="mr-12px" size="medium" @click="handleSearch">
<template #icon>
@ -94,7 +93,7 @@
<script setup>
import { defineEmits, defineProps } from 'vue';
import { MEDIA_ACCOUNT_PLATFORMS } from '@/utils/platform';
import { PLATFORMS, AuditStatus } from '@/views/creative-generation-workshop/manuscript/check-list/constants';
const props = defineProps({
query: {

0
src/views/creative-generation-workshop/manuscript/check/components/manuscript-check-table/delete-manuscript-modal.vue → src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/delete-manuscript-modal.vue
View File

45
src/views/creative-generation-workshop/manuscript/check/components/manuscript-check-table/index.vue → src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/index.vue
View File

@ -38,6 +38,19 @@
<template v-if="column.dataIndex === 'create_at'" #cell="{ record }">
{{ exactFormatTime(record.create_at) }}
</template>
<template v-else-if="column.dataIndex === 'customer_opinion'" #cell="{ record }">
<p
class="h-28px px-8px flex items-center rounded-2px w-fit"
:style="{ background: getCustomerOpinionInfo(record.customer_opinion)?.bg }"
>
<span class="cts" :class="getCustomerOpinionInfo(record.customer_opinion)?.color">{{
getCustomerOpinionInfo(record.customer_opinion)?.label
}}</span>
</p>
</template>
<template v-else-if="column.dataIndex === 'platform'" #cell="{ record }">
<img width="24" height="24" :src="PLATFORMS.find((item) => item.value === record.platform)?.icon" />
</template>
<template v-else-if="column.dataIndex === 'title'" #cell="{ record }">
<TextOverTips :context="record.title" :line="3" class="title" @click="onDetail(record)" />
</template>
@ -57,7 +70,12 @@
<template v-else-if="['uploader', 'last_modifier'].includes(column.dataIndex)" #cell="{ record }">
{{ record[column.dataIndex].name || record[column.dataIndex].mobile }}
</template>
<template v-else-if="['updated_at', 'last_modified_at'].includes(column.dataIndex)" #cell="{ record }">
<template
#cell="{ record }"
v-else-if="
['updated_at', 'last_modified_at', 'audit_started_at', 'audit_passed_at'].includes(column.dataIndex)
"
>
{{ exactFormatTime(record[column.dataIndex]) }}
</template>
<template v-else-if="column.dataIndex === 'cover'" #cell="{ record }">
@ -70,7 +88,14 @@
<template v-else-if="column.dataIndex === 'operation'" #cell="{ record }">
<div class="flex items-center">
<img class="mr-8px cursor-pointer" :src="icon1" width="14" height="14" @click="onDelete(record)" />
<a-button type="outline" size="mini" @click="onCheck(record)">审核</a-button>
<a-button
type="outline"
size="mini"
@click="onShare(record)"
v-if="audit_status === AuditStatus.Passed"
>分享</a-button
>
<a-button type="outline" size="mini" @click="onCheck(record)" v-else>审核</a-button>
</div>
</template>
<template v-else #cell="{ record }">
@ -85,7 +110,11 @@
import { ref } from 'vue';
import { formatTableField, exactFormatTime } from '@/utils/tools';
import { EnumManuscriptType } from '@/views/creative-generation-workshop/manuscript/list/constants';
import { AuditStatus } from '@/views/creative-generation-workshop/manuscript/check/constants';
import {
AuditStatus,
CUSTOMER_OPINION,
PLATFORMS,
} from '@/views/creative-generation-workshop/manuscript/check-list/constants';
import TextOverTips from '@/components/text-over-tips';
@ -106,6 +135,9 @@ const props = defineProps({
type: Array,
default: () => [],
},
audit_status: {
type: String,
}
});
const tableRef = ref(null);
@ -116,13 +148,18 @@ const handleSorterChange = (column, order) => {
const onDelete = (item) => {
emits('delete', item);
};
const onShare = (item) => {
console.log('onShare', item);
};
const onCheck = (item) => {
router.push(`/manuscript/detail/${item.id}`);
};
const onDetail = (item) => {
router.push(`/manuscript/detail/${item.id}`);
};
const getCustomerOpinionInfo = (value = 1) => {
return CUSTOMER_OPINION.find((item) => item.value === value);
};
</script>
<style scoped lang="scss">

0
src/views/creative-generation-workshop/manuscript/check/components/manuscript-check-table/style.scss → src/views/creative-generation-workshop/manuscript/check-list/components/manuscript-check-table/style.scss
View File

55
src/views/creative-generation-workshop/manuscript/check/constants.ts → src/views/creative-generation-workshop/manuscript/check-list/constants.ts
View File

@ -47,14 +47,14 @@ export const TABLE_COLUMNS1 = [
},
},
{
title: '最后修改人员',
title: '修改人员',
dataIndex: 'last_modifier',
width: 180,
},
{
title: '操作',
dataIndex: 'operation',
width: 180,
width: 120,
fixed: 'right',
},
];
@ -80,7 +80,7 @@ export const TABLE_COLUMNS2 = [
},
{
title: '客户意见',
dataIndex: 'opinion',
dataIndex: 'customer_opinion',
width: 220,
},
{
@ -88,11 +88,11 @@ export const TABLE_COLUMNS2 = [
dataIndex: 'platform',
width: 120,
},
{
title: '合规程度',
dataIndex: 'platform',
width: 120,
},
// {
// title: '合规程度',
// dataIndex: 'platform',
// width: 120,
// },
{
title: '稿件类型',
dataIndex: 'type',
@ -100,7 +100,7 @@ export const TABLE_COLUMNS2 = [
},
{
title: '审核时间',
dataIndex: 'last_modified_at',
dataIndex: 'audit_started_at',
width: 180,
sortable: {
sortDirections: ['ascend', 'descend'],
@ -122,7 +122,7 @@ export const TABLE_COLUMNS2 = [
{
title: '操作',
dataIndex: 'operation',
width: 180,
width: 120,
fixed: 'right',
},
];
@ -163,7 +163,7 @@ export const TABLE_COLUMNS3 = [
},
{
title: '通过时间',
dataIndex: 'last_modified_at',
dataIndex: 'audit_passed_at',
width: 180,
sortable: {
sortDirections: ['ascend', 'descend'],
@ -185,7 +185,7 @@ export const TABLE_COLUMNS3 = [
{
title: '操作',
dataIndex: 'operation',
width: 180,
width: 120,
fixed: 'right',
},
];
@ -222,3 +222,34 @@ export const INITIAL_QUERY = {
sort_column: undefined,
sort_order: undefined,
};
import icon1 from '@/assets/img/media-account/icon-dy.png';
import icon2 from '@/assets/img/media-account/icon-xhs.png';
export const PLATFORMS = [
{
label: '抖音',
value: 2,
icon: icon1,
},
{
label: '小红书',
value: 1,
icon: icon2,
},
];
export const CUSTOMER_OPINION = [
{
label: '待确认',
value: 0,
bg: '#F2F3F5',
color: 'color-#3C4043'
},
{
label: '已确认',
value: 1,
bg: '#F0EDFF',
color: '!color-#6D4CFE'
},
];

17
src/views/creative-generation-workshop/manuscript/check/index.vue → src/views/creative-generation-workshop/manuscript/check-list/index.vue
View File

@ -7,7 +7,12 @@
<a-button type="outline" size="medium" @click="handleOpenAddProjectModal">分享内容稿件</a-button>
</template>
</a-tabs>
<FilterBlock v-model:query="query" :audit_status="query.audit_status" @search="handleSearch" @reset="handleReset" />
<FilterBlock
v-model:query="query"
:audit_status="query.audit_status"
@search="handleSearch"
@reset="handleReset"
/>
</div>
<div
class="table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px flex-1 flex flex-col"
@ -15,6 +20,7 @@
<ManuscriptCheckTable
:tableColumns="tableColumns"
:dataSource="dataSource"
:audit_status="query.audit_status"
@sorterChange="handleSorterChange"
@delete="handleDelete"
@edit="handleEdit"
@ -47,7 +53,13 @@ import DeleteManuscriptModal from './components/manuscript-check-table/delete-ma
import { getWorkAuditsPage } from '@/api/all/generationWorkshop.ts';
import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
import { getProjects } from '@/api/all/propertyMarketing';
import { INITIAL_QUERY, AUDIT_STATUS_LIST, TABLE_COLUMNS1, TABLE_COLUMNS2, TABLE_COLUMNS3 } from '@/views/creative-generation-workshop/manuscript/check/constants';
import {
INITIAL_QUERY,
AUDIT_STATUS_LIST,
TABLE_COLUMNS1,
TABLE_COLUMNS2,
TABLE_COLUMNS3,
} from '@/views/creative-generation-workshop/manuscript/check-list/constants';
const {
dataSource,
@ -102,6 +114,7 @@ const handleSorterChange = (column, order) => {
};
const handleTabClick = (key) => {
query.value = cloneDeep(INITIAL_QUERY);
dataSource.value = [];
selectedRowKeys.value = [];
selectedRows.value = [];

0
src/views/creative-generation-workshop/manuscript/check/style.scss → src/views/creative-generation-workshop/manuscript/check-list/style.scss
View File