提交 a551642d authored 作者: 王鹏飞's avatar 王鹏飞

chore: 商品-> 直播主题

上级 285b3d47
...@@ -23,7 +23,58 @@ const form = reactive({ ...@@ -23,7 +23,58 @@ const form = reactive({
selling_point: '', selling_point: '',
marketing_campaign: '', marketing_campaign: '',
duration: liveTalkDuration[0]?.value || '10', duration: liveTalkDuration[0]?.value || '10',
content: '', content: ` <p>
<span
style="
padding: 0 5px;
display: inline-block;
background-color: rgba(25, 102, 255, 0.08);
color: rgb(25, 102, 255);
"
>1.开场欢迎:</span>
</p>
<p>
"大家好,欢迎来到我的直播间!我是[你的名字],今天我们将一起分享/探讨/体验[直播主题]。如果你喜欢我们今天的内容,别忘了点赞和关注哦!"
</p>
<p>
<span
style="
padding: 0 5px;
display: inline-block;
background-color: rgba(25, 102, 255, 0.08);
color: rgb(25, 102, 255);
"
>2.互动提问:</span>
</p>
<p>
"我看到评论区有很多小伙伴在问我关于[话题]的问题,我现在就来一一为大家解答。如果你也有问题,可以在评论区留言,我会尽快回复大家!"
</p>
<p>
<span
style="
padding: 0 5px;
display: inline-block;
background-color: rgba(25, 102, 255, 0.08);
color: rgb(25, 102, 255);
"
>3.产品介绍:</span>
</p>
<p>
"接下来我要给大家介绍的这款产品,它的特点是[特点],使用起来非常[方便/舒适/有效]。我自己也是它的忠实粉丝,今天就来给大家详细展示一下它的使用方法和效果。"
</p>
<p>
<span
style="
padding: 0 5px;
display: inline-block;
background-color: rgba(25, 102, 255, 0.08);
color: rgb(25, 102, 255);
"
>4.引导互动:</span>
</p>
<p>
"我知道大家都很聪明,那么我来出一个小问题考考大家,第一个答对的小伙伴将获得我们的小礼物一份,准备好了吗?问题是……"
</p>`,
}) })
watchEffect(() => { watchEffect(() => {
if (props.data) Object.assign(form, props.data) if (props.data) Object.assign(form, props.data)
...@@ -31,7 +82,7 @@ watchEffect(() => { ...@@ -31,7 +82,7 @@ watchEffect(() => {
const rules = ref({ const rules = ref({
name: [{ required: true, message: '请输入' }], name: [{ required: true, message: '请输入' }],
product_id: [{ required: true, message: '请选择' }], live_commodity_id: [{ required: true, message: '请选择' }],
selling_point: [{ required: true, message: '请输入' }], selling_point: [{ required: true, message: '请输入' }],
marketing_campaign: [{ required: true, message: '请输入' }], marketing_campaign: [{ required: true, message: '请输入' }],
duration: [{ required: true, message: '请选择' }], duration: [{ required: true, message: '请选择' }],
...@@ -155,10 +206,10 @@ function handleAIGenerate(index) { ...@@ -155,10 +206,10 @@ function handleAIGenerate(index) {
<el-form-item label="直播话术名称" prop="name"> <el-form-item label="直播话术名称" prop="name">
<el-input v-model="form.name" placeholder="请输入" /> <el-input v-model="form.name" placeholder="请输入" />
</el-form-item> </el-form-item>
<el-form-item label="选择商品" prop="live_commodity_id"> <el-form-item label="直播主题" prop="live_commodity_id">
<LiveProductSelect v-model="form.live_commodity_id"></LiveProductSelect> <LiveProductSelect v-model="form.live_commodity_id"></LiveProductSelect>
</el-form-item> </el-form-item>
<el-form-item label="商品卖点" prop="selling_point"> <el-form-item label="直播主题卖点" prop="selling_point">
<div class="form-tips"> <div class="form-tips">
<el-button <el-button
type="primary" type="primary"
......
...@@ -25,15 +25,15 @@ const listOptions = computed(() => { ...@@ -25,15 +25,15 @@ const listOptions = computed(() => {
}, },
}, },
filters: [ filters: [
{ label: '商品品类', prop: 'live_commodity_type_id', slots: 'filter-category' }, { label: '直播主题品类', prop: 'live_commodity_type_id', slots: 'filter-category' },
{ label: '商品名称', prop: 'live_commodity_title', type: 'input' }, { label: '直播主题名称', prop: 'live_commodity_title', type: 'input' },
{ label: '话术名称', prop: 'name', type: 'input' }, { label: '话术名称', prop: 'name', type: 'input' },
], ],
columns: [ columns: [
{ label: '序号', type: 'index', width: 60 }, { label: '序号', type: 'index', width: 60 },
{ label: '直播话术名称', prop: 'name' }, { label: '直播话术名称', prop: 'name' },
{ label: '商品标题', prop: 'title' }, { label: '直播主题标题', prop: 'title' },
{ label: '所属商品品类', prop: 'live_commodity_type_full_name' }, { label: '所属直播主题品类', prop: 'live_commodity_type_full_name' },
{ label: '更新时间', prop: 'updated_time' }, { label: '更新时间', prop: 'updated_time' },
{ label: '操作', slots: 'table-x', width: 200 }, { label: '操作', slots: 'table-x', width: 200 },
], ],
......
...@@ -66,7 +66,7 @@ async function handleUpdate() { ...@@ -66,7 +66,7 @@ async function handleUpdate() {
<el-row justify="center"> <el-row justify="center">
<el-col :sm="24" :md="16"> <el-col :sm="24" :md="16">
<el-form ref="formRef" :model="form" :rules="rules" label-position="top"> <el-form ref="formRef" :model="form" :rules="rules" label-position="top">
<el-form-item label="选择商品" prop="live_commodity_id"> <el-form-item label="选择直播主题" prop="live_commodity_id">
<LiveProductSelect v-model="form.live_commodity_id"></LiveProductSelect> <LiveProductSelect v-model="form.live_commodity_id"></LiveProductSelect>
</el-form-item> </el-form-item>
<el-form-item label="选择直播话术" prop="live_speech_id"> <el-form-item label="选择直播话术" prop="live_speech_id">
......
...@@ -109,7 +109,7 @@ const productUrl = computed(() => { ...@@ -109,7 +109,7 @@ const productUrl = computed(() => {
<img src="/live/game.png" style="height: 36px; margin: 8px 15px" /> <img src="/live/game.png" style="height: 36px; margin: 8px 15px" />
</div> </div>
</div> </div>
<div class="bottom"> <div class="bottom" v-if="false">
<div class="item"> <div class="item">
<div class="topBar"> <div class="topBar">
<div class="talk"> <div class="talk">
......
...@@ -118,7 +118,7 @@ onMounted(() => { ...@@ -118,7 +118,7 @@ onMounted(() => {
<h3 class="live-time">{{ formattedTime }}</h3> <h3 class="live-time">{{ formattedTime }}</h3>
</div> </div>
<div class="live-col-box"> <div class="live-col-box">
<h2 class="h2-title">商品卖点</h2> <h2 class="h2-title">主题卖点</h2>
<ul class="live-tag live-tag__hot"> <ul class="live-tag live-tag__hot">
<li v-for="item in hotList" :key="item">{{ item }}</li> <li v-for="item in hotList" :key="item">{{ item }}</li>
</ul> </ul>
......
...@@ -31,15 +31,15 @@ const listOptions = computed(() => { ...@@ -31,15 +31,15 @@ const listOptions = computed(() => {
}, },
}, },
filters: [ filters: [
{ label: '商品品类', prop: 'live_commodity_type_id', slots: 'filter-category' }, { label: '直播主题品类', prop: 'live_commodity_type_id', slots: 'filter-category' },
{ label: '商品标题', prop: 'live_commodity_title', type: 'input' }, { label: '直播主题标题', prop: 'live_commodity_title', type: 'input' },
], ],
columns: [ columns: [
{ label: '序号', type: 'index', width: 60 }, { label: '序号', type: 'index', width: 60 },
{ label: '直播ID', prop: 'id' }, { label: '直播ID', prop: 'id' },
{ label: '商品标题', prop: 'live_commodity_title' }, { label: '直播主题标题', prop: 'live_commodity_title' },
{ label: '直播话术', prop: 'live_commodity_speeches_name' }, { label: '直播话术', prop: 'live_commodity_speeches_name' },
{ label: '所属商品品类', prop: 'live_commodity_type_full_name' }, { label: '所属直播主题品类', prop: 'live_commodity_type_full_name' },
{ {
label: '上传方式', label: '上传方式',
prop: 'upload_way', prop: 'upload_way',
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论