Merge branch 'master' of ssh://101.201.226.163:50022/binbin0314/datang-admin

src/components/Detail/editor.vue

@@ -1,20 +1,12 @@
-<template>
+<template lang="html">
-  <!-- <div id="editorSection"></div> -->
+  <div id="editor" name="productcontent"></div>
-  <div>
-    <editor-bar v-model="detail" :isClear="isClear" @change="change"></editor-bar>
-  </div>
 </template>
 
 <script>
-import Editor from "tui-editor"; /* ES6 */
+  import {BASE_API} from '../../config';
-import "tui-editor/dist/tui-editor.css"; // editor's ui
+  import E from 'wangeditor'
-import "tui-editor/dist/tui-editor-contents.css"; // editor's content
+  export default {
-import "codemirror/lib/codemirror.css"; // codemirror
+    name: 'editoritem',
-import "highlight.js/styles/github.css"; // code block highlight
-import { init } from "echarts/lib/echarts";
-import EditorBar from './editoritem'
-export default {
-  components: { EditorBar },
     props:{
       content:{
         type: String,
@@ -23,53 +15,52 @@ export default {
     },
     data() {
       return {
-      isClear: false,
+        // uploadPath,
-      detail:""
+        editor: null,
       }
     },
     watch: {
       content(val){
         if(val){
-        this.setValue(val)
+          this.editor.txt.html(val)
         }
       }
     },
     mounted() {
-    // this.initialize();
+      this.seteditor()
-    // this.$nextTick(() => {
+      this.editor.txt.html(this.content)
-    //   this.setValue(this.content)
-    // })
-  },
-  beforeDestroy() {
-    this.tuieditor = null;
-    delete this.tuieditor;
     },
     methods: {
-    change(val) {
+      seteditor() {
-      console.log(val)
+        this.editor = new E( document.getElementById('editor') )
+        this.editor.config.height = 800
+        this.editor.config.uploadImgShowBase64 = false // base 64 存储图片
+        this.editor.config.uploadImgServer = `${BASE_API}/file/uploadImg`// 配置服务器端地址
+        this.editor.config.uploadVideoServer = `${BASE_API}/file/uploadAudio`
+        this.editor.config.uploadVideoName = 'file'
+        this.editor.config.uploadFileName = 'file' // 后端接受上传文件的参数名
+        this.editor.config.uploadImgMaxSize = 2 * 1024 * 1024 // 将图片大小限制为 2M
+        this.editor.config.uploadImgMaxLength = 1 // 限制一次最多上传 1 张图片
+        this.editor.config.uploadImgTimeout = 3 * 60 * 1000 // 设置超时时间
 
-    },
+        this.editor.create()
-    initialize() {
-      if (this.$el) {
-        this.tuieditor = new Editor({
-          el: document.querySelector("#editorSection"),
-          initialEditType: "wysiwyg",
-          previewStyle: "vertical",
-          height: "800px",
-        });
-        this.tuieditor.getHtml();
       }
-    },
-
-    getValue() {
-      return this.tuieditor.getHtml()
-    },
-    setValue(val) {
-      this.tuieditor.setHtml(val);
     }
   }
-};
 </script>
 
-<style>
+<style lang="css">
+  .editor {
+    width: 100%;
+    margin: 0 auto;
+    position: relative;
+    z-index: 0;
+  }
+  .toolbar {
+    border: 1px solid #ccc;
+  }
+  .text {
+    border: 1px solid #ccc;
+    min-height: 500px;
+  }
 </style>

src/components/Detail/editoritem.vue

@@ -1,53 +0,0 @@
-<template lang="html">
-  <div id="editor" name="productcontent">
-</div>
-</template>
-
-<script>
-  import {BASE_API} from '../../config';
-  import E from 'wangeditor'
-  export default {
-    name: 'editoritem',
-    data() {
-      return {
-        // uploadPath,
-        editor: null,
-      }
-    },
-    mounted() {
-      this.seteditor()
-      this.editor.txt.html(this.value)
-    },
-    methods: {
-      seteditor() {
-        this.editor = new E( document.getElementById('editor') )
-        this.editor.config.uploadImgShowBase64 = false // base 64 存储图片
-        this.editor.config.uploadImgServer = `${BASE_API}/file/upload`// 配置服务器端地址
-        this.editor.config.uploadImgHeaders = {
-          'Content-Type': 'multipart/form-data'
-         }// 自定义 header
-        this.editor.config.uploadFileName = 'file' // 后端接受上传文件的参数名
-        this.editor.config.uploadImgMaxSize = 2 * 1024 * 1024 // 将图片大小限制为 2M
-        this.editor.config.uploadImgMaxLength = 6 // 限制一次最多上传 3 张图片
-        this.editor.config.uploadImgTimeout = 3 * 60 * 1000 // 设置超时时间
-        this.editor.create()
-      }
-    }
-  }
-</script>
-
-<style lang="css">
-  .editor {
-    width: 100%;
-    margin: 0 auto;
-    position: relative;
-    z-index: 0;
-  }
-  .toolbar {
-    border: 1px solid #ccc;
-  }
-  .text {
-    border: 1px solid #ccc;
-    min-height: 500px;
-  }
-</style>

src/components/News/addOrEdit.vue

@@ -170,7 +170,7 @@
             }
             const code = localStorage.getItem('code')
             this.code = code
-            if(code === '0204' || code === '0210'){
+            if(code === '0204' || code === '0209' || code === '0210'){
                 this.formLabelAlign.showType = 1
             }
             if(code === '0207'){

src/components/News/search.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="flex flex-wrap mb-4">
+  <div class="flex flex-wrap my-4">
     <div class="flex flex-row mr-5 mb-4 align-center">
       标题：
       <el-input

src/router/menus/information.js

@@ -8,7 +8,7 @@ const commodityManagement = {
     children: [
         {
             path: '/information1',
-            // component: () => import('@/views/richText/index'),
+            component: () => import('@/views/richText/index'),
             code: '0601',
             // name: '基本信息',
             meta: {title: '基本信息', noCache: true, affix: false},

src/views/richText/index.vue

@@ -4,7 +4,7 @@
             <el-tab-pane label="详情页管理" name="DETAIL">
                 <detail :showPage="showPage" ref="detail" />
             </el-tab-pane>
-            <el-tab-pane label="轮播图管理" name="IMAGE">
+            <el-tab-pane label="轮播图管理" name="IMAGE" v-if="showBanner">
                 <banner :showPage="showPage" ref="banner" />
             </el-tab-pane>
         </el-tabs>
@@ -24,11 +24,15 @@
         data() {
             return {
                 activeName: 'DETAIL',
-                showPage: ''
+                showPage: '',
+                showBanner: true
             }
         },
         created() {
             this.showPage = localStorage.getItem('code')
+            if(this.showPage.length == 6){
+                this.showBanner = false
+            }
         },
         mounted() {
             this.$nextTick(() => {