1
This commit is contained in:
van
@@ -27,3 +27,12 @@ export function generateComplete(data) {
|
||||
})
|
||||
}
|
||||
|
||||
// 闲鱼文案(手动)：根据标题+可选型号生成代下单、教你下单文案
|
||||
export function generateXianyuWenan(data) {
|
||||
return request({
|
||||
url: '/jarvis/social-media/xianyu-wenan/generate',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
217
src/views/system/social-media/xianyu-wenan.vue
Normal file
217
src/views/system/social-media/xianyu-wenan.vue
Normal file
@@ -0,0 +1,217 @@
|
||||
<template>
|
||||
<div class="xianyu-wenan-container">
|
||||
<el-card class="box-card">
|
||||
<div slot="header" class="clearfix">
|
||||
<span class="card-title">
|
||||
<i class="el-icon-edit-outline"></i>
|
||||
闲鱼文案(手动)
|
||||
</span>
|
||||
<el-button
|
||||
style="float: right; padding: 3px 0"
|
||||
type="text"
|
||||
@click="showHelp = !showHelp">
|
||||
{{ showHelp ? '隐藏帮助' : '显示帮助' }}
|
||||
</el-button>
|
||||
</div>
|
||||
|
||||
<el-collapse-transition>
|
||||
<div v-show="showHelp" class="help-section">
|
||||
<el-alert
|
||||
title="使用说明"
|
||||
type="info"
|
||||
:closable="false"
|
||||
show-icon>
|
||||
<div slot="default">
|
||||
<p><strong>功能说明：</strong></p>
|
||||
<ul>
|
||||
<li>不依赖 JD 接口，手动输入标题即可生成闲鱼文案，用于接口限流时的应急</li>
|
||||
<li>一键生成「代下单」和「教你下单」两种文案</li>
|
||||
<li>标题和型号会自动清洗敏感词（以旧、政府、换新等）</li>
|
||||
<li>支持可选备注（型号），会拼在标题后参与生成</li>
|
||||
</ul>
|
||||
</div>
|
||||
</el-alert>
|
||||
</div>
|
||||
</el-collapse-transition>
|
||||
|
||||
<div class="input-section">
|
||||
<el-form :model="form" label-width="100px" class="main-form">
|
||||
<el-form-item label="商品标题" required>
|
||||
<el-input
|
||||
v-model="form.title"
|
||||
type="textarea"
|
||||
:rows="2"
|
||||
placeholder="请输入商品标题（必填）"
|
||||
clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="型号/备注">
|
||||
<el-input
|
||||
v-model="form.remark"
|
||||
placeholder="选填，如型号、规格等，会拼在标题后"
|
||||
clearable />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button
|
||||
type="primary"
|
||||
:loading="generating"
|
||||
@click="handleGenerate">
|
||||
生成闲鱼文案
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
|
||||
<div v-if="result.daixiadan || result.jiaonixiadan" class="result-section">
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-card shadow="hover" class="result-card">
|
||||
<div slot="header" class="clearfix">
|
||||
<span>代下单（一键代下）</span>
|
||||
<el-button
|
||||
type="text"
|
||||
style="float: right; padding: 0"
|
||||
@click="copyResult('daixiadan')">
|
||||
<i class="el-icon-document-copy"></i> 复制
|
||||
</el-button>
|
||||
</div>
|
||||
<div class="result-content">{{ result.daixiadan }}</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-card shadow="hover" class="result-card">
|
||||
<div slot="header" class="clearfix">
|
||||
<span>教你下单</span>
|
||||
<el-button
|
||||
type="text"
|
||||
style="float: right; padding: 0"
|
||||
@click="copyResult('jiaonixiadan')">
|
||||
<i class="el-icon-document-copy"></i> 复制
|
||||
</el-button>
|
||||
</div>
|
||||
<div class="result-content">{{ result.jiaonixiadan }}</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { generateXianyuWenan } from '@/api/jarvis/socialMedia'
|
||||
|
||||
export default {
|
||||
name: 'XianyuWenan',
|
||||
data() {
|
||||
return {
|
||||
showHelp: false,
|
||||
form: {
|
||||
title: '',
|
||||
remark: ''
|
||||
},
|
||||
result: {
|
||||
daixiadan: '',
|
||||
jiaonixiadan: ''
|
||||
},
|
||||
generating: false
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
async handleGenerate() {
|
||||
const title = (this.form.title || '').trim()
|
||||
if (!title) {
|
||||
this.$message.warning('请输入商品标题')
|
||||
return
|
||||
}
|
||||
this.generating = true
|
||||
try {
|
||||
const res = await generateXianyuWenan({
|
||||
title: title,
|
||||
remark: (this.form.remark || '').trim() || undefined
|
||||
})
|
||||
if (res.code === 200 && res.data) {
|
||||
const data = res.data
|
||||
if (data.success) {
|
||||
this.result.daixiadan = data.daixiadan || ''
|
||||
this.result.jiaonixiadan = data.jiaonixiadan || ''
|
||||
this.$message.success('生成成功')
|
||||
} else {
|
||||
this.$message.error(data.error || '生成失败')
|
||||
}
|
||||
} else {
|
||||
this.$message.error(res.msg || '生成失败')
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('生成失败', error)
|
||||
this.$message.error('生成失败：' + (error.message || '未知错误'))
|
||||
} finally {
|
||||
this.generating = false
|
||||
}
|
||||
},
|
||||
copyResult(type) {
|
||||
const text = this.result[type]
|
||||
if (!text) {
|
||||
this.$message.warning('暂无内容可复制')
|
||||
return
|
||||
}
|
||||
if (navigator.clipboard && navigator.clipboard.writeText) {
|
||||
navigator.clipboard.writeText(text).then(() => {
|
||||
this.$message.success('已复制到剪贴板')
|
||||
}).catch(() => {
|
||||
this.fallbackCopy(text)
|
||||
})
|
||||
} else {
|
||||
this.fallbackCopy(text)
|
||||
}
|
||||
},
|
||||
fallbackCopy(text) {
|
||||
const ta = document.createElement('textarea')
|
||||
ta.value = text
|
||||
ta.style.position = 'fixed'
|
||||
ta.style.left = '-9999px'
|
||||
document.body.appendChild(ta)
|
||||
ta.select()
|
||||
try {
|
||||
document.execCommand('copy')
|
||||
this.$message.success('已复制到剪贴板')
|
||||
} catch (e) {
|
||||
this.$message.error('复制失败，请手动选择复制')
|
||||
}
|
||||
document.body.removeChild(ta)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.xianyu-wenan-container {
|
||||
padding: 10px;
|
||||
}
|
||||
.box-card {
|
||||
max-width: 1200px;
|
||||
}
|
||||
.card-title {
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
}
|
||||
.help-section {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.input-section {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.result-section {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.result-card {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.result-content {
|
||||
white-space: pre-wrap;
|
||||
word-break: break-all;
|
||||
font-size: 13px;
|
||||
line-height: 1.6;
|
||||
max-height: 400px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user