fix[litemall-admin]: 专题内容支持富文本编辑。

litemall-admin/src/views/promotion/topic.vue

@@ -54,6 +54,10 @@
       </el-pagination>
     </div>
 
+    <el-tooltip placement="top" content="返回顶部">
+      <back-to-top :visibilityHeight="100" ></back-to-top>
+    </el-tooltip>
+    
     <!-- 添加或修改对话框 -->
     <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible">
       <el-form :rules="rules" ref="dataForm" :model="dataForm" status-icon label-position="left" label-width="100px" style='width: 400px; margin-left:50px;'>
@@ -63,8 +67,8 @@
         <el-form-item label="专题子标题" prop="subtitle">
           <el-input v-model="dataForm.subtitle"></el-input>
         </el-form-item>
-        <el-form-item label="专题内容" prop="content">
-          <el-input v-model="dataForm.content" type="textarea" :rows="4"></el-input>
+        <el-form-item style="width: 700px;" label="专题内容">
+          <tinymce v-model="dataForm.content"></tinymce>
         </el-form-item>        
         <el-form-item label="商品低价" prop="priceInfo">
           <el-input v-model="dataForm.priceInfo"></el-input>
@@ -103,15 +107,21 @@
     margin-right: 0;
     margin-bottom: 0;
   }
+  .el-dialog {
+    width: 800px;
+  }  
 </style>
 
 <script>
 import { listTopic, createTopic, updateTopic, deleteTopic } from '@/api/topic'
 import { createStorage } from '@/api/storage'
 import waves from '@/directive/waves' // 水波纹指令
+import BackToTop from '@/components/BackToTop'
+import Tinymce from '@/components/Tinymce'
 
 export default {
   name: 'Topic',
+  components: { BackToTop, Tinymce },
   directives: {
     waves
   },
@@ -143,9 +153,9 @@ export default {
         create: '创建'
       },
       rules: {
-        name: [{ required: true, message: '广告标题不能为空', trigger: 'blur' }],
-        content: [{ required: true, message: '广告内容不能为空', trigger: 'blur' }],
-        url: [{ required: true, message: '广告链接不能为空', trigger: 'blur' }]
+        title: [{ required: true, message: '专题标题不能为空', trigger: 'blur' }],
+        subtitle: [{ required: true, message: '专题子标题不能为空', trigger: 'blur' }],
+        content: [{ required: true, message: '专题内容不能为空', trigger: 'blur' }]
       },
       downloadLoading: false
     }