fix:添加短视频脚本营销文案

This commit is contained in:
lz-ui 2025-10-14 16:10:49 +08:00
parent 3dab25b174
commit 0809b505f9
3 changed files with 17 additions and 13 deletions

View File

@ -56,11 +56,11 @@
</el-table-column> </el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template #default="scope"> <template #default="scope">
<span :class="['flex-row cursor-pointer tc-view-time mr-8', scope.row.reportSatus != 1 && 'tc-view-time-disabled']" @click="handleView(scope.row)"> <span :class="['flex-row cursor-pointer tc-view-time mr-8', scope.row.reportSatus != 1 && 'tc-view-time-disabled']" @click="handleView(scope.row, 'video' )">
脚本结果<br/> 脚本结果<br/>
{{ scope.row.reportSatus === 1? timerToStr(scope.row.reportTime, 'HH:mm') : '待' }}更新 {{ scope.row.reportSatus === 1? timerToStr(scope.row.reportTime, 'HH:mm') : '待' }}更新
</span> </span>
<span :class="['flex-row cursor-pointer tc-view-time', scope.row.reportSatus != 1 && 'tc-view-time-disabled']" @click="handleView(scope.row)"> <span :class="['flex-row cursor-pointer tc-view-time', scope.row.reportSatus != 1 && 'tc-view-time-disabled']" @click="handleView(scope.row, 'marker')">
营销文案<br/> 营销文案<br/>
{{ scope.row.reportSatus === 1? timerToStr(scope.row.reportTime, 'HH:mm') : '待' }}更新 {{ scope.row.reportSatus === 1? timerToStr(scope.row.reportTime, 'HH:mm') : '待' }}更新
</span> </span>
@ -124,7 +124,7 @@ function handleJumpLink(row) {
} }
/** 查看详情 */ /** 查看详情 */
function handleView(row) { function handleView(row, type) {
if (row.reportSatus != 1) { if (row.reportSatus != 1) {
return return
} }
@ -132,7 +132,8 @@ function handleView(row) {
router.push({ router.push({
path: '/tc/videoScript/detail', path: '/tc/videoScript/detail',
query: { query: {
id: row.matchId id: row.matchId,
type,
} }
}) })
} }

View File

@ -59,11 +59,11 @@
</el-table-column> </el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template #default="scope"> <template #default="scope">
<span :class="['flex-row cursor-pointer tc-view-time mr-8', scope.row.reportSatus != 1 && 'tc-view-time-disabled']" @click="handleView(scope.row)"> <span :class="['flex-row cursor-pointer tc-view-time mr-8', scope.row.reportSatus != 1 && 'tc-view-time-disabled']" @click="handleView(scope.row, 'video')">
脚本结果<br/> 脚本结果<br/>
{{ scope.row.reportSatus === 1? timerToStr(scope.row.reportTime, 'HH:mm') : '待' }}更新 {{ scope.row.reportSatus === 1? timerToStr(scope.row.reportTime, 'HH:mm') : '待' }}更新
</span> </span>
<span :class="['flex-row cursor-pointer tc-view-time', scope.row.reportSatus != 1 && 'tc-view-time-disabled']" @click="handleView(scope.row)"> <span :class="['flex-row cursor-pointer tc-view-time', scope.row.reportSatus != 1 && 'tc-view-time-disabled']" @click="handleView(scope.row, 'market')">
营销文案<br/> 营销文案<br/>
{{ scope.row.reportSatus === 1? timerToStr(scope.row.reportTime, 'HH:mm') : '待' }}更新 {{ scope.row.reportSatus === 1? timerToStr(scope.row.reportTime, 'HH:mm') : '待' }}更新
</span> </span>
@ -132,7 +132,7 @@ function handleJumpLink(row) {
} }
/** 查看详情 */ /** 查看详情 */
function handleView(row) { function handleView(row, type) {
if (row.reportSatus != 1) { if (row.reportSatus != 1) {
return return
} }
@ -140,7 +140,8 @@ function handleView(row) {
router.push({ router.push({
path: '/tc/videoScript/detail', path: '/tc/videoScript/detail',
query: { query: {
id: row.matchId id: row.matchId,
type
} }
}) })
} }

View File

@ -7,19 +7,19 @@
</el-icon> </el-icon>
{{ data && data.scriptTime }} {{ data && data.scriptTime }}
</div> </div>
<el-row :gutter="20" v-if="!loading && data && data.videoScript" > <el-row :gutter="20" v-if="!loading && data && (type === 'video' ? data.videoScript : data.marketScript)" >
<el-col :xs="24" :sm="24" :md="24" :lg="24"> <el-col :xs="24" :sm="24" :md="24" :lg="24">
<el-card class="update-log"> <el-card class="update-log">
<template v-slot:header> <template v-slot:header>
<div class="clearfix"> <div class="clearfix">
<span>短视频脚本 {{ data && data.matchCode }}</span> <span>{{ type === 'video' ? '短视频脚本' : '营销文案' }} {{ data && data.matchCode }}</span>
</div> </div>
</template> </template>
<div class="body"> <div class="body">
<MdPreview <MdPreview
ref="editorRef" ref="editorRef"
editorId="preview-only" editorId="preview-only"
:modelValue="data.videoScript" :modelValue="type === 'video' ? data.videoScript : data.marketScript"
class="maxkb-md" class="maxkb-md"
/> />
</div> </div>
@ -29,7 +29,7 @@
<lz-page-empty <lz-page-empty
v-else v-else
:type="'4'" :type="'4'"
text1="暂无短视频脚本" :text1="type === 'video' ? '暂无短视频脚本' : '暂无营销文案'"
text2="请稍后再试..." text2="请稍后再试..."
> >
<lz-svg-icon icon-class="empty1" style="font-size: 312px;"/> <lz-svg-icon icon-class="empty1" style="font-size: 312px;"/>
@ -46,6 +46,7 @@ let { proxy } = getCurrentInstance()
const editorRef = ref(null) const editorRef = ref(null)
const id = ref(0) const id = ref(0)
const type = ref('') // video || market
const data = ref({}) const data = ref({})
const loading = ref(false) const loading = ref(false)
@ -59,8 +60,9 @@ function getDetail() {
} }
onMounted(() => { onMounted(() => {
if (route.query.id) { if (route.query.id && route.query.type) {
id.value = route.query.id id.value = route.query.id
type.value = route.query.type
getDetail() getDetail()
} }
}) })