文章管理

src/views/content/article/detail.vue

@@ -4,26 +4,18 @@
       <el-form-item label="文章标题：">
         <el-input v-model="form.title" placeholder="请输入文章标题" />
       </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-select v-model="form.templateType" placeholder="请选择模板类型">
           <el-option v-for="item in typeOptions" :key="item.value" :value="item.value" :label="item.label" />
         </el-select>
       </el-form-item>
       <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 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 v-if="form.templateType == 1" label="页面排版：" style="width: 80%">
         <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-form-item>
           <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 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-select>
           </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-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-form-item>
         </el-col>
@@ -93,7 +86,8 @@
             <el-input v-model="form.rightButtonText" placeholder="请输入按钮文案" />
           </el-form-item>
           <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 label="跳转方式：">
             <el-select v-model="form.rightButtonForwardType" placeholder="请选择跳转方式">
@@ -108,6 +102,16 @@
           </el-form-item>
         </el-col>
       </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>
     <div style="margin-left: 110px;">
       <el-button @click="close">取消</el-button>
@@ -115,7 +119,7 @@
     </div>
 
     <!-- 弹出 -->
-    <el-dialog :visible.sync="dialogVisible" title="选择音频"  width="1000px">
+    <el-dialog :visible.sync="dialogVisible" title="选择音频" width="1000px">
       <el-form inline size="mini">
         <el-form-item label="音频ID：">
           <el-input v-model="dialogForm.id" placeholder="请输入音频ID" clearable />
@@ -321,7 +325,7 @@ export default {
     },
 
     // 重置
-    getRefresh(){
+    getRefresh() {
       this.dialogForm = {
         pageNum: 1,
         pageSize: 10,
@@ -333,11 +337,11 @@ export default {
     // 选择
     getChecked(row) {
       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.dialogVisible = false
     },
@@ -383,5 +387,4 @@ export default {
   .el-form-item {
     width: 500px;
   }
-}
-</style>
+}</style>