|
@@ -4,26 +4,18 @@
|
|
<el-form-item label="文章标题:">
|
|
<el-form-item label="文章标题:">
|
|
<el-input v-model="form.title" placeholder="请输入文章标题" />
|
|
<el-input v-model="form.title" placeholder="请输入文章标题" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- <el-form-item label="分享标题:">
|
|
|
|
- <el-input v-model="form.shareTitle" placeholder="请输入分享标题" />
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label="分享描述:">
|
|
|
|
- <el-input v-model="form.shareDescription" type="textarea" :rows="5" placeholder="请输入分享描述" />
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label="分享图片:">
|
|
|
|
- <Upload listType="picture-card" :url="form.shareIcon" @upload="upload($event, 'shareIcon')" :disabled="disabled" />
|
|
|
|
- </el-form-item>
|
|
|
|
<el-form-item label="模板类型:">
|
|
<el-form-item label="模板类型:">
|
|
<el-select v-model="form.templateType" placeholder="请选择模板类型">
|
|
<el-select v-model="form.templateType" placeholder="请选择模板类型">
|
|
<el-option v-for="item in typeOptions" :key="item.value" :value="item.value" :label="item.label" />
|
|
<el-option v-for="item in typeOptions" :key="item.value" :value="item.value" :label="item.label" />
|
|
</el-select>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="背景图片:">
|
|
<el-form-item label="背景图片:">
|
|
- <Upload listType="picture-card" :url="form.backgroundImage" @upload="upload($event, 'backgroundImage')" :disabled="disabled" />
|
|
|
|
|
|
+ <Upload listType="picture-card" :url="form.backgroundImage" @upload="upload($event, 'backgroundImage')"
|
|
|
|
+ :disabled="disabled" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item v-if="form.templateType == 1" label="音频组件背景:">
|
|
<el-form-item v-if="form.templateType == 1" label="音频组件背景:">
|
|
- <Upload listType="picture-card" :url="form.audioBackgroundImage"
|
|
|
|
- @upload="upload($event, 'audioBackgroundImage')" :disabled="disabled" />
|
|
|
|
|
|
+ <Upload listType="picture-card" :url="form.audioBackgroundImage" @upload="upload($event, 'audioBackgroundImage')"
|
|
|
|
+ :disabled="disabled" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item v-if="form.templateType == 1" label="页面排版:" style="width: 80%">
|
|
<el-form-item v-if="form.templateType == 1" label="页面排版:" style="width: 80%">
|
|
<el-button type="primary" icon="el-icon-plus" size="mini" @click="getAdd">添加</el-button>
|
|
<el-button type="primary" icon="el-icon-plus" size="mini" @click="getAdd">添加</el-button>
|
|
@@ -74,17 +66,18 @@
|
|
<el-input v-model="form.leftButtonText" placeholder="请输入按钮文案" />
|
|
<el-input v-model="form.leftButtonText" placeholder="请输入按钮文案" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="左按钮图片:">
|
|
<el-form-item label="左按钮图片:">
|
|
- <Upload listType="picture-card" :url="form.leftButtonImg" @upload="upload($event, 'leftButtonImg')" :disabled="disabled" />
|
|
|
|
|
|
+ <Upload listType="picture-card" :url="form.leftButtonImg" @upload="upload($event, 'leftButtonImg')"
|
|
|
|
+ :disabled="disabled" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="跳转方式:">
|
|
<el-form-item label="跳转方式:">
|
|
- <el-select v-model="form.leftButtonContentType" placeholder="请选择跳转方式">
|
|
|
|
|
|
+ <el-select v-model="form.leftButtonForwardType" placeholder="请选择跳转方式">
|
|
<el-option v-for="item in changeOptions" :key="item.value" :value="item.value" :label="item.label" />
|
|
<el-option v-for="item in changeOptions" :key="item.value" :value="item.value" :label="item.label" />
|
|
</el-select>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- <el-form-item v-if="form.leftButtonContentType === 1" label="内容添加:">
|
|
|
|
|
|
+ <el-form-item v-if="form.leftButtonForwardType === 1" label="内容添加:">
|
|
<el-input v-model="form.leftButtonContentName" readonly placeholder="请选择内容" />
|
|
<el-input v-model="form.leftButtonContentName" readonly placeholder="请选择内容" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- <el-form-item v-if="form.leftButtonContentType === 0" label="跳转链接:">
|
|
|
|
|
|
+ <el-form-item v-if="form.leftButtonForwardType === 0" label="跳转链接:">
|
|
<el-input v-model="form.leftButtonForwardUrl" placeholder="请输入跳转链接" />
|
|
<el-input v-model="form.leftButtonForwardUrl" placeholder="请输入跳转链接" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
@@ -93,7 +86,8 @@
|
|
<el-input v-model="form.rightButtonText" placeholder="请输入按钮文案" />
|
|
<el-input v-model="form.rightButtonText" placeholder="请输入按钮文案" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="右按钮图片:">
|
|
<el-form-item label="右按钮图片:">
|
|
- <Upload listType="picture-card" :url="form.rightButtonImg" @upload="upload($event, 'rightButtonImg')" :disabled="disabled" />
|
|
|
|
|
|
+ <Upload listType="picture-card" :url="form.rightButtonImg" @upload="upload($event, 'rightButtonImg')"
|
|
|
|
+ :disabled="disabled" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="跳转方式:">
|
|
<el-form-item label="跳转方式:">
|
|
<el-select v-model="form.rightButtonForwardType" placeholder="请选择跳转方式">
|
|
<el-select v-model="form.rightButtonForwardType" placeholder="请选择跳转方式">
|
|
@@ -108,6 +102,16 @@
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
</el-row>
|
|
</el-row>
|
|
|
|
+ <el-form-item label="分享标题:">
|
|
|
|
+ <el-input v-model="form.shareTitle" placeholder="请输入分享标题" />
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label="分享描述:">
|
|
|
|
+ <el-input v-model="form.shareDescription" type="textarea" :rows="5" placeholder="请输入分享描述" />
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label="分享图片:">
|
|
|
|
+ <Upload listType="picture-card" :url="form.shareIcon" @upload="upload($event, 'shareIcon')"
|
|
|
|
+ :disabled="disabled" />
|
|
|
|
+ </el-form-item>
|
|
</el-form>
|
|
</el-form>
|
|
<div style="margin-left: 110px;">
|
|
<div style="margin-left: 110px;">
|
|
<el-button @click="close">取消</el-button>
|
|
<el-button @click="close">取消</el-button>
|
|
@@ -115,7 +119,7 @@
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- 弹出 -->
|
|
<!-- 弹出 -->
|
|
- <el-dialog :visible.sync="dialogVisible" title="选择音频" width="1000px">
|
|
|
|
|
|
+ <el-dialog :visible.sync="dialogVisible" title="选择音频" width="1000px">
|
|
<el-form inline size="mini">
|
|
<el-form inline size="mini">
|
|
<el-form-item label="音频ID:">
|
|
<el-form-item label="音频ID:">
|
|
<el-input v-model="dialogForm.id" placeholder="请输入音频ID" clearable />
|
|
<el-input v-model="dialogForm.id" placeholder="请输入音频ID" clearable />
|
|
@@ -321,7 +325,7 @@ export default {
|
|
},
|
|
},
|
|
|
|
|
|
// 重置
|
|
// 重置
|
|
- getRefresh(){
|
|
|
|
|
|
+ getRefresh() {
|
|
this.dialogForm = {
|
|
this.dialogForm = {
|
|
pageNum: 1,
|
|
pageNum: 1,
|
|
pageSize: 10,
|
|
pageSize: 10,
|
|
@@ -333,11 +337,11 @@ export default {
|
|
// 选择
|
|
// 选择
|
|
getChecked(row) {
|
|
getChecked(row) {
|
|
let e = this.form.contentShareLayoutList[this.index]
|
|
let e = this.form.contentShareLayoutList[this.index]
|
|
- e.contentId = row.audioId
|
|
|
|
- e.contentName = row.audioName
|
|
|
|
- e.contentPic = row.audioPic
|
|
|
|
- e.contentType = row.audioType
|
|
|
|
- e.platformId = row.platformId
|
|
|
|
|
|
+ this.$set(e, 'contentId', row.audioId)
|
|
|
|
+ this.$set(e, 'contentName', row.audioName)
|
|
|
|
+ this.$set(e, 'contentPic', row.audioPic)
|
|
|
|
+ this.$set(e, 'contentType', row.audioType)
|
|
|
|
+ this.$set(e, 'platformId', row.platformId)
|
|
this.$message.success('选择成功!')
|
|
this.$message.success('选择成功!')
|
|
this.dialogVisible = false
|
|
this.dialogVisible = false
|
|
},
|
|
},
|
|
@@ -383,5 +387,4 @@ export default {
|
|
.el-form-item {
|
|
.el-form-item {
|
|
width: 500px;
|
|
width: 500px;
|
|
}
|
|
}
|
|
-}
|
|
|
|
-</style>
|
|
|
|
|
|
+}</style>
|