sprint

package.json

@@ -56,6 +56,7 @@
     "vue-count-to": "1.0.13",
     "vue-cropper": "0.5.5",
     "vue-meta": "2.4.0",
+    "vue-quill-editor": "^3.0.6",
     "vue-router": "3.4.9",
     "vuedraggable": "2.24.3",
     "vuex": "3.6.0"

src/components/ue.vue

@@ -0,0 +1,40 @@
+<template>
+    <div>
+      <script id="editor" type="text/plain"></script>
+    </div>
+  </template>
+  <script>
+    export default {
+      name: 'UE',
+      data() {
+        return {
+          editor: null
+        }
+      },
+      props: {
+        defaultMsg: {
+          type: String
+        },
+        config: {
+          type: Object
+        }
+      },
+      mounted() {
+        const _this = this;
+        this.editor = UE.getEditor('editor', this.config); // 初始化UE
+        this.editor.addListener("ready", function () {
+          _this.editor.setContent(_this.defaultMsg) // 确保UE加载完成后，放入内容。
+        });
+      },
+      methods: {
+        getUEContent() { // 获取内容方法
+          return this.editor.getContent()
+        }
+      },
+      destroyed() {
+        this.editor.destroy()
+      }
+    }
+  
+  </script>
+  

src/router/index.js

@@ -117,7 +117,7 @@ export const constantRoutes = [
         path: '/createseries',
         component: () => import('@/views/collection/createseries/index'),
         name: 'createseries',
-        meta: { title: '创建藏品', icon: 'createseries' }
+        meta: { title: '创建套系', icon: 'createseries' }
       },
     ]
   },
@@ -162,18 +162,17 @@ export const constantRoutes = [
     meta: { title: '公告管理', icon: 'announcement' },
     children: [
       {
-        path: '/announcementList',
-        component: () => import('@/views/announcement/announcementList/index'),
+        path: 'announcementAdd',
+        component: () => import('@/views/announcement/add/index'),
+        name: 'announcementAdd',
+        meta: { title: '创建公告', icon: 'user' }
+      }, {
+        path: 'announcementList',
+        component: () => import('@/views/announcement/list/index'),
         name: 'announcementList',
-        meta: { title: '公告列表', icon: 'announcement' }
-      },
-      {
-        path: '/announcementCreate',
-        component: () => import('@/views/announcement/announcementCreate/index'),
-        name: 'announcementCreate',
-        meta: { title: '创建公告', icon: 'createseries' }
-      },
-    ]
+        meta: { title: '公告列表', icon: 'user' }
+      }
+    ],
   },
   //消息管理
   {

src/views/announce/add/index.vue → src/views/announcement/add/index.vue

@@ -17,9 +17,10 @@
           </el-form-item>
         </el-col>
       </el-form-item>
-      <el-form-item label="公告内容" prop="desc">
-        <el-input type="textarea" v-model="ruleForm.desc"></el-input>
-      </el-form-item>
+      <el-card style="height: 610px;">
+        <quill-editor v-model="content" ref="myQuillEditor" style="height: 500px;" :options="editorOption">
+        </quill-editor>
+      </el-card>
       <el-form-item>
         <el-button type="primary" @click="submitForm('ruleForm')">立即创建</el-button>
         <el-button @click="resetForm('ruleForm')">重置</el-button>
@@ -28,9 +29,24 @@
   </div>
 </template>
 <script>
+import {
+  quillEditor
+} from 'vue-quill-editor'
+import 'quill/dist/quill.core.css'
+import 'quill/dist/quill.snow.css'
+import 'quill/dist/quill.bubble.css'
+
 export default {
+  name: 'FuncFormsEdit',
+  components: {
+    quillEditor
+  },
   data() {
     return {
+      //富文本
+      content: null,
+      editorOption: {},
+
       ruleForm: {
         name: '',
         date1: '',
@@ -71,4 +87,4 @@ export default {
     }
   }
 }
-</script>
+</script>

src/views/collection/createseries/index.vue

@@ -1,3 +1,5 @@
 <template>
-    <router-view />
+    <div>
+        创建套系
+    </div>
 </template>

src/views/collection/serieslist/index.vue

@@ -1 +1,5 @@
-<template><router-view /></template>
+<template>
+    <div>
+        套系列表
+    </div>
+</template>

src/views/message/messageCreate/index.vue

@@ -0,0 +1,5 @@
+<template>
+    <div>
+        创建消息
+    </div>
+</template>

src/views/message/messageList/index.vue

@@ -0,0 +1,5 @@
+<template>
+    <div>
+        消息列表
+    </div>
+</template>

src/views/order/index.vue

@@ -1,3 +1,3 @@
 <template>
-    <div>订单管理</div>
+    <div>订单列表</div>
 </template>