bug修改

src/views/dynamic/edit.vue

@@ -23,8 +23,11 @@
         <i v-else class="el-icon-plus avatar-uploader-icon"></i>
       </el-upload>
     </el-form-item>
-    <el-form-item label="链接地址">
+    <!-- <el-form-item label="链接地址">
       <el-input v-model="dynamic.url"></el-input>
+    </el-form-item> -->
+    <el-form-item label="内容">
+      <div id="websiteEditorElem" style="height: 400px"></div>
     </el-form-item>
     <el-form-item>
       <el-button type="primary" @click="onSubmit">保存</el-button>
@@ -36,9 +39,11 @@
 <script>
 import { createNamespacedHelpers } from 'vuex'
 import apis from '../../config/api'
+import E from 'wangeditor'
 
 const { mapState: mapDynamicState, mapActions: mapDynamicActions, mapMutations: mapDynamicMutations } = createNamespacedHelpers('dynamic')
 const { mapState: mapBuildingState, mapActions: mapBuildingActions } = createNamespacedHelpers('building')
+const { mapActions: mapImgActions } = createNamespacedHelpers('img')
 
 export default {
   data () {
@@ -74,6 +79,9 @@ export default {
       'addDynamics',
       'editDynamics'
     ]),
+    ...mapImgActions([
+      'uploadImg'
+    ]),
     beforeImgUpload (file) {
       if (file.type !== 'image/jpeg' && file.type !== 'image/png') {
         this.$message.error('上传图片只能是 JPG 或 PNG 格式!')
@@ -118,12 +126,44 @@ export default {
     }
   },
   mounted () {
+    const _that = this
+    const phoneEditor = new E('#websiteEditorElem')
+    phoneEditor.customConfig.onchange = function (html) {
+      _that.detail = {..._that.detail, url: html}
+    }
+    // phoneEditor.customConfig.uploadImgServer = this.upFileUrl
+    // phoneEditor.customConfig.uploadFileName = 'uploadFiles'
+
+    phoneEditor.customConfig.customUploadImg = function (files, insert) {
+      _that.uploadImg({
+        uploadFiles: files[0]
+      }).then(data => {
+        insert(data[0])
+      })
+    }
+    phoneEditor.customConfig.menus = [
+      'head',  // 标题
+      'bold',  // 粗体
+      'fontSize',  // 字号
+      'fontName',  // 字体
+      'italic',  // 斜体
+      'underline',  // 下划线
+      'strikeThrough',  // 删除线
+      'foreColor',  // 文字颜色
+      'backColor',  // 背景颜色
+      'justify',  // 对齐方式
+      'image',  // 插入图片
+    ]
+    phoneEditor.create()
+    
     this.getBuildings({
       pageNum: 1,
       pageSize: 100,
     }).then(() => {
       if ((this.$route.query.id || '') !== '') {
-        this.getDetail({id: this.$route.query.id})
+        this.getDetail({id: this.$route.query.id}).then((data) => {
+          phoneEditor.txt.html(data.url)
+        })
       }
     })
   }