config right

dist/static/css/chunk-560dffcc.a3d0de86.css

@@ -0,0 +1 @@
+[data-v-119b37ab] .scoped-tree{height:300px;overflow-y:auto}[data-v-119b37ab] .scoped-tree .el-tree{background:#f7f7f7}

dist/static/css/chunk-0dbc8ac6.a5a7f98f.css → dist/static/css/chunk-6c36ef46.91cba178.css

@@ -1 +1 @@
-@supports(-webkit-mask:none) and (not (cater-color:#fff)){.login-container .el-input input{color:#fff}}.login-container .el-input{display:inline-block;height:47px;width:85%}.login-container .el-input input{background:transparent;border:0;-webkit-appearance:none;border-radius:0;padding:12px 5px 12px 15px;color:#fff;height:47px;caret-color:#fff}.login-container .el-input input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #283443 inset!important;box-shadow:inset 0 0 0 1000px #283443!important;-webkit-text-fill-color:#fff!important}.login-container .el-form-item{border:1px solid hsla(0,0%,100%,.1);background:rgba(0,0,0,.1);border-radius:5px;color:#454545}.login-container[data-v-9f10fb1c]{min-height:100%;width:100%;background-color:#2d3a4b;overflow:hidden}.login-container .login-form[data-v-9f10fb1c]{position:relative;width:520px;max-width:100%;padding:160px 35px 0;margin:0 auto;overflow:hidden}.login-container .tips[data-v-9f10fb1c]{font-size:14px;color:#fff;margin-bottom:10px}.login-container .tips span[data-v-9f10fb1c]:first-of-type{margin-right:16px}.login-container .svg-container[data-v-9f10fb1c]{padding:6px 5px 6px 15px;color:#889aa4;vertical-align:middle;width:30px;display:inline-block}.login-container .title-container[data-v-9f10fb1c]{position:relative}.login-container .title-container .title[data-v-9f10fb1c]{font-size:26px;color:#eee;margin:0 auto 40px auto;text-align:center;font-weight:700}.login-container .show-pwd[data-v-9f10fb1c]{position:absolute;right:10px;top:7px;font-size:16px;color:#889aa4;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
+@supports(-webkit-mask:none) and (not (cater-color:#fff)){.login-container .el-input input{color:#fff}}.login-container .el-input{display:inline-block;height:47px;width:85%}.login-container .el-input input{background:transparent;border:0;-webkit-appearance:none;border-radius:0;padding:12px 5px 12px 15px;color:#fff;height:47px;caret-color:#fff}.login-container .el-input input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #283443 inset!important;box-shadow:inset 0 0 0 1000px #283443!important;-webkit-text-fill-color:#fff!important}.login-container .el-form-item{border:1px solid hsla(0,0%,100%,.1);background:rgba(0,0,0,.1);border-radius:5px;color:#454545}.login-container[data-v-eea6f982]{min-height:100%;width:100%;background-color:#2d3a4b;overflow:hidden}.login-container .login-form[data-v-eea6f982]{position:relative;width:520px;max-width:100%;padding:160px 35px 0;margin:0 auto;overflow:hidden}.login-container .tips[data-v-eea6f982]{font-size:14px;color:#fff;margin-bottom:10px}.login-container .tips span[data-v-eea6f982]:first-of-type{margin-right:16px}.login-container .svg-container[data-v-eea6f982]{padding:6px 5px 6px 15px;color:#889aa4;vertical-align:middle;width:30px;display:inline-block}.login-container .title-container[data-v-eea6f982]{position:relative}.login-container .title-container .title[data-v-eea6f982]{font-size:26px;color:#eee;margin:0 auto 40px auto;text-align:center;font-weight:700}.login-container .show-pwd[data-v-eea6f982]{position:absolute;right:10px;top:7px;font-size:16px;color:#889aa4;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

dist/static/js/chunk-238c903c.64b8b995.js

@@ -1 +0,0 @@
-(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-238c903c"],{"26fc":function(t,s,e){t.exports=e.p+"static/img/404_cloud.0f4bc32b.png"},"8cdb":function(t,s,e){"use strict";e.r(s);var a=function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("div",{staticClass:"wscn-http404-container"},[e("div",{staticClass:"wscn-http404"},[t._m(0),e("div",{staticClass:"bullshit"},[e("div",{staticClass:"bullshit__oops"},[t._v("OOPS!")]),t._m(1),e("div",{staticClass:"bullshit__headline"},[t._v(t._s(t.message))]),e("div",{staticClass:"bullshit__info"},[t._v("Please check that the URL you entered is correct, or click the button below to return to the homepage.")]),e("a",{staticClass:"bullshit__return-home",attrs:{href:""}},[t._v("Back to home")])])])])},c=[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",{staticClass:"pic-404"},[a("img",{staticClass:"pic-404__parent",attrs:{src:e("a36b"),alt:"404"}}),a("img",{staticClass:"pic-404__child left",attrs:{src:e("26fc"),alt:"404"}}),a("img",{staticClass:"pic-404__child mid",attrs:{src:e("26fc"),alt:"404"}}),a("img",{staticClass:"pic-404__child right",attrs:{src:e("26fc"),alt:"404"}})])},function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("div",{staticClass:"bullshit__info"},[t._v("All rights reserved "),e("a",{staticStyle:{color:"#20a0ff"},attrs:{href:"https://wallstreetcn.com",target:"_blank"}},[t._v("wallstreetcn")])])}],i={name:"Page404",computed:{message:function(){return"The webmaster said that you can not enter this page..."}}},l=i,n=(e("97ef"),e("2877")),r=Object(n["a"])(l,a,c,!1,null,"c095f994",null);s["default"]=r.exports},"97ef":function(t,s,e){"use strict";e("ed94")},a36b:function(t,s,e){t.exports=e.p+"static/img/404.a57b6f31.png"},ed94:function(t,s,e){}}]);

dist/static/js/chunk-2d0ccfc9.6dc97524.js

@@ -0,0 +1 @@
+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2d0ccfc9"],{"4fef":function(t,a,e){"use strict";e.r(a);var i=e("ade3"),r=e("5530");e("1276"),e("ac1f"),e("a9e3");a["default"]={data:function(){return{listLoading:!1,tableData:[],currentPage:1,pageSize:10,totalRecords:1,listConfig:{},operations:[]}},created:function(){var t=this;this.$nextTick((function(){t.noCreated||t.fetchData()}))},methods:{searchHandle:function(t){this.currentPage=1,this.searchForm=t,this.fetchData()},sizeChange:function(t){this.pageSize=t,this.currentPage=1,this.fetchData()},pageHandle:function(t){this.currentPage=t,this.fetchData()},sortChange:function(t){this.currentPage=1;var a=Object(r["a"])({},this.searchForm);"ascending"===t.order?a.sort=JSON.stringify(Object(i["a"])({},t.prop,"asc")):a.sort=JSON.stringify(Object(i["a"])({},t.prop,"desc")),this.fetchData(a)},fetchData:function(t){var a=this;if(this.apiStr){var e={page:this.currentPage,page_size:this.pageSize};t?e=Object(r["a"])(Object(r["a"])({},e),t):this.searchForm&&(e=Object(r["a"])(Object(r["a"])({},e),this.searchForm)),this.getDataBefore&&this.getDataBefore(e),this.listLoading=!0;var i=this.apiStr.split(".");this.$api[i[0]][i[1]](e).then((function(t){return 1===a.currentPage&&(a.pageSize=t.page_size||1),a.totalRecords=t.total?Number(t.total):0,a.tableData=t.list||[],a.listLoading=!1,a.getMoreData&&a.getMoreData(t,e),t})).catch((function(t){a.listLoading=!1}))}}}}}}]);

dist/static/js/chunk-f0aa10e6.9e524746.js

@@ -0,0 +1 @@
+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-f0aa10e6"],{"14e9c":function(t,s,c){},"26fc":function(t,s,c){t.exports=c.p+"static/img/404_cloud.0f4bc32b.png"},"2bc5":function(t,s,c){"use strict";c("14e9c")},"8cdb":function(t,s,c){"use strict";c.r(s);var i=function(){var t=this,s=t.$createElement,c=t._self._c||s;return c("div",{staticClass:"wscn-http404-container"},[c("div",{staticClass:"wscn-http404"},[t._m(0),c("div",{staticClass:"bullshit"},[c("div",{staticClass:"bullshit__oops"},[t._v("哎呀!")]),c("div",{staticClass:"bullshit__headline"},[t._v(t._s(t.message))]),c("div",{staticClass:"bullshit__info"},[t._v("请检查您输入的网址是否正确，或单击下面的按钮返回首页。")]),c("a",{staticClass:"bullshit__return-home",attrs:{href:"/"}},[t._v("返回首页")])])])])},a=[function(){var t=this,s=t.$createElement,i=t._self._c||s;return i("div",{staticClass:"pic-404"},[i("img",{staticClass:"pic-404__parent",attrs:{src:c("a36b"),alt:"404"}}),i("img",{staticClass:"pic-404__child left",attrs:{src:c("26fc"),alt:"404"}}),i("img",{staticClass:"pic-404__child mid",attrs:{src:c("26fc"),alt:"404"}}),i("img",{staticClass:"pic-404__child right",attrs:{src:c("26fc"),alt:"404"}})])}],l={name:"Page404",computed:{message:function(){return"老板说你不能进入这个页面。。。"}}},e=l,n=(c("2bc5"),c("2877")),r=Object(n["a"])(e,i,a,!1,null,"bf558d2a",null);s["default"]=r.exports},a36b:function(t,s,c){t.exports=c.p+"static/img/404.a57b6f31.png"}}]);

src/layout/components/Navbar.vue

@@ -56,7 +56,11 @@ export default {
   methods: {
     cashUpdate () {
       this.$store.dispatch('user/getDict').then(() => {
-        this.$router.go(0)
+        this.$store.dispatch('user/getMenu').then(() => {
+          window.setTimeout(() => {
+            this.$router.go(0)
+          }, 100)
+        })
       })
     },
     toggleSideBar() {

src/layout/components/Sidebar/index.vue

@@ -32,6 +32,8 @@ export default {
       'sidebar'
     ]),
     curRoute () {
+      // const curMenu = this.$store.getters.menuData
+      // console.log(curMenu)
       return constantRoutes
     },
     activeMenu() {

src/permission.js

@@ -61,6 +61,7 @@ router.beforeEach(async(to, from, next) => {
       // in the free login whitelist, go directly
       next()
     } else {
+      console.log(to)
       // other pages that do not have permission to access are redirected to the login page.
       next(`/login?redirect=${to.path}`)
       NProgress.done()

src/router/index.js

@@ -1,7 +1,7 @@
 import Vue from 'vue'
 import Router from 'vue-router'
 // import menuNoShowData from './menu.js'
-
+import { getStorageMenu } from '@/utils/auth'
 Vue.use(Router)
 
 /* Layout */
@@ -232,6 +232,56 @@ if (fpUser.username === 'admin') {
     ]
   })
 }
+
+function formateMenu (arr) {
+  let cArr = []
+  arr.forEach(item => {
+    if (item.perm_type === '1' || item.perm_type === '2') {
+      let cObj = {
+        path: item.path,
+        name: item.path,
+        component: resolve => require([`@/views${item.path}`], resolve),
+        meta: { title: item.name, affix: true },
+      }
+      if (item.menu_hidden === '2') cObj.hidden = true
+      if (item.children && item.children.length > 0) {
+        cObj.children = formateMenu(item.children)
+      } else {
+        delete cObj.children
+      }
+      cArr.push(cObj)
+    }
+  })
+  return cArr
+}
+
+let asyncRoutes = []
+const getMenu = () => {
+  const menuDataArr = getStorageMenu()
+  menuDataArr.forEach(item => {
+    let cObj = {
+      path: item.path,
+      component: Layout,
+      meta: { title: item.name, icon: 'dashboard' },
+    }
+    if (item.children && item.children.length > 0) {
+      cObj.children = formateMenu(item.children)
+    } else {
+      cObj.path = `/${item.path.split('/')[1]}`
+      cObj.children = [
+        {
+          path: item.path,
+          name: item.path,
+          component: resolve => require([`@/views${item.path}`], resolve),
+          meta: { title: item.name, affix: true },
+        }
+      ]
+      cObj.redirect = cObj.children[0].path
+    }
+    asyncRoutes.push(cObj)
+  })
+}
+getMenu()
 export const constantRoutes = [
   {
     path: '/login',
@@ -254,37 +304,8 @@ export const constantRoutes = [
       meta: { title: '首页', icon: 'dashboard' }
     }]
   },
-  ...moreRoutes
-]
-
-
-/**
- * asyncRoutes
- * the routes that need to be dynamically loaded based on user roles
- */
-export const asyncRoutes = [
-  // {
-  //   path: '/example',
-  //   component: Layout,
-  //   redirect: '/example/table',
-  //   name: 'Example',
-  //   meta: { title: '测试', icon: 'dashboard' },
-  //   children: [
-  //     {
-  //       path: 'table',
-  //       name: 'Table',
-  //       component: () => import('@/views/table/index'),
-  //       meta: { title: 'Table' }
-  //     },
-  //     {
-  //       path: 'tree',
-  //       name: 'Tree',
-  //       component: () => import('@/views/tree/index'),
-  //       meta: { title: 'Tree' }
-  //     }
-  //   ]
-  // },
-  // 404 page must be placed at the end !!!
+  // ...moreRoutes,
+  ...asyncRoutes,
   { path: '*', redirect: '/404', hidden: true }
 ]
 
@@ -294,7 +315,6 @@ const createRouter = () => new Router({
   routes: constantRoutes
 })
 const router = createRouter()
-
 // Detail see: https://github.com/vuejs/vue-router/issues/1234#issuecomment-357941465
 export function resetRouter() {
   const newRouter = createRouter()

src/store/getters.js

@@ -6,5 +6,6 @@ const getters = {
   token: state => state.user.token,
   sysDomain: state => state.user.sysDomain,
   sysUser: state => state.user.sysUser,
+  menuData: state => state.user.menuData,
 }
 export default getters

src/store/modules/user.js

@@ -1,5 +1,14 @@
 import Vue from 'vue'
-import { getToken, setToken, getStorageDict, setStorageDict, getStorageUser, setStorageUser } from '@/utils/auth'
+import { 
+  getToken,
+  setToken,
+  getStorageDict,
+  setStorageDict,
+  getStorageUser,
+  setStorageUser,
+  getStorageMenu,
+  setStorageMenu,
+} from '@/utils/auth'
 
 const getDefaultState = () => {
   return {
@@ -7,6 +16,7 @@ const getDefaultState = () => {
     sysDomain: getStorageUser().domain,
     sysUser: getStorageUser(),
     dictData: getStorageDict(),
+    menuData: getStorageMenu(),
   }
 }
 
@@ -27,6 +37,9 @@ const mutations = {
   },
   DICT_DATA: (state, data) => {
     state.dictData = data
+  },
+  MENU_DATA: (state, menuData) => {
+    state.menuData = menuData
   }
 }
 
@@ -56,22 +69,8 @@ const actions = {
   getMenu({ commit }) {
     return new Promise((resolve, reject) => {
       Vue.$api.base.admmenulist().then(res => {
-        console.log(res)
-        // const cObj = res || {}
-        // let newDict = {}
-        // for (let k in cObj) {
-        //   const cArr = cObj[k].map(item => {
-        //     return {
-        //       ...item,
-        //       key: item.dict_label,
-        //       val: item.dict_value
-        //     }
-        //   })
-        //   newDict[k] = cArr
-        // }
-        // setStorageDict(newDict)
-        // Vue.$dictData = Vue.prototype.$dictData = newDict
-        // commit('DICT_DATA', newDict)
+        setStorageMenu(res)
+        commit('MENU_DATA', res)
         resolve()
       }).catch(error => {
         reject(error)

src/utils/auth.js

@@ -17,9 +17,17 @@ export function setStorageDict(data) {
   return window.sessionStorage.setItem('fp_dictData', JSON.stringify(data))
 }
 
-export function getStorageUser(data) {
+export function getStorageUser() {
   return window.sessionStorage.getItem('fp_user') ? JSON.parse(window.sessionStorage.getItem('fp_user')) : {}
 }
 export function setStorageUser(data) {
   return window.sessionStorage.setItem('fp_user', JSON.stringify(data))
 }
+
+
+export function getStorageMenu() {
+  return window.sessionStorage.getItem('fp_menu') ? JSON.parse(window.sessionStorage.getItem('fp_menu')) : []
+}
+export function setStorageMenu(data) {
+  return window.sessionStorage.setItem('fp_menu', JSON.stringify(data))
+}

src/views/404.vue

@@ -8,13 +8,10 @@
         <img class="pic-404__child right" src="@/assets/404_images/404_cloud.png" alt="404">
       </div>
       <div class="bullshit">
-        <div class="bullshit__oops">OOPS!</div>
-        <div class="bullshit__info">All rights reserved
-          <a style="color:#20a0ff" href="https://wallstreetcn.com" target="_blank">wallstreetcn</a>
-        </div>
+        <div class="bullshit__oops">哎呀!</div>
         <div class="bullshit__headline">{{ message }}</div>
-        <div class="bullshit__info">Please check that the URL you entered is correct, or click the button below to return to the homepage.</div>
-        <a href="" class="bullshit__return-home">Back to home</a>
+        <div class="bullshit__info">请检查您输入的网址是否正确，或单击下面的按钮返回首页。</div>
+        <a href="/" class="bullshit__return-home">返回首页</a>
       </div>
     </div>
   </div>
@@ -26,7 +23,7 @@ export default {
   name: 'Page404',
   computed: {
     message() {
-      return 'The webmaster said that you can not enter this page...'
+      return '老板说你不能进入这个页面。。。'
     }
   }
 }

src/views/base/components/popup/MenuEdit.vue

@@ -49,6 +49,7 @@ export default {
             parentName: this.curObj.name,
             perm_status: '1', 
             perm_type: '2',
+            menu_hidden: '1',
             parentIdArr: this.curObj.ids
           }
         }

src/views/base/components/popup/RoleEdit.vue

@@ -11,10 +11,10 @@
   center>
   <base-form style="width:400px" :data="formData" ref="ruleForm" :isInline="false" labelWidth="80px">
     <div slot="otherItem" class="scoped-tree">
+      <!-- check-strictly -->
       <el-tree
         :data="curData"
         show-checkbox
-        check-strictly
         node-key="id"
         :default-expanded-keys="checkedIds"
         :default-checked-keys="checkedIds"
@@ -84,7 +84,7 @@ export default {
               params.id = this.curObj.id
               str = 'admrolesedit'
             }
-            const resIds = this.$refs.menuTree.getCheckedNodes(false, true).map(item=> {
+            const resIds = this.$refs.menuTree.getCheckedNodes(false, false).map(item=> {
               return item.id
             })
             params.node = resIds.join(',')

src/views/base/menu.vue

@@ -5,10 +5,9 @@
     <el-tree
       :data="curData"
       node-key="id"
-      default-expand-all
       :expand-on-click-node="false">
       <span class="custom-tree-node" slot-scope="{ node, data }">
-        <span>{{ node.data.name }} --  {{pTypeObj[node.data.perm_type]}} ----{{node.data.path}} ----{{node.data.sort}}</span>
+        <span>{{ node.data.name }} --  {{pTypeObj[node.data.perm_type]}} ----{{node.data.path}} ---- --  {{mhObj[node.data.menu_hidden]}}/{{psObj[node.data.perm_status]}} ----{{node.data.sort}}</span>
         <span>
           <el-button
             type="text"
@@ -59,6 +58,8 @@ export default {
   created () {},
   data () {
     const pTypeObj = arrToObj(this.$dictData.perm_type)
+    const mhObj = arrToObj(this.$dictData.show_hidden)
+    const psObj = arrToObj(this.$dictData.perm_status)
     return {
       defaultProps: {
         children: 'children',
@@ -68,7 +69,9 @@ export default {
       isPopupShow: false,
       curObj: {},
       curType: '',
-      pTypeObj
+      pTypeObj,
+      mhObj,
+      psObj,
     }
   },
   mounted () {

src/views/login/index.vue

@@ -110,12 +110,16 @@ export default {
         if (valid) {
           this.loading = true
           this.$store.dispatch('user/login', this.loginForm).then(() => {
-            this.$router.push({ path: this.redirect || '/' })
-            if (this.redirect && this.redirect !== '/dashboard') {
-              window.setTimeout(() => {
-                this.$router.go(0)
-              }, 100)
-            }
+            this.$router.push({ path: '/'})
+            window.setTimeout(() => {
+              this.$router.go(0)
+            }, 100)
+            // this.$router.push({ path: this.redirect || '/' })
+            // if (this.redirect && this.redirect !== '/dashboard') {
+            //   window.setTimeout(() => {
+            //     this.$router.go(0)
+            //   }, 100)
+            // }
             this.loading = false
           }).catch(() => {
             this.loading = false

src/views/mixins/exportExcel.js

@@ -37,18 +37,18 @@ export default {
         this.exportExcelMore(filterVal, tHeader)
         loading.close()
       } else {
-        import('@/vendor/Export2Excel').then(excel => {
-          const data = this.formatJson(filterVal, tableData)
-          const filename = `${this.$route.meta.title}${this.getTime()}`
-          excel.export_json_to_excel({
-            header: tHeader,
-            data,
-            filename,
-            autoWidth: true,
-            bookType: 'xlsx'
-          })
-          loading.close()
-        })
+        // import('@/vendor/Export2Excel').then(excel => {
+        //   const data = this.formatJson(filterVal, tableData)
+        //   const filename = `${this.$route.meta.title}${this.getTime()}`
+        //   excel.export_json_to_excel({
+        //     header: tHeader,
+        //     data,
+        //     filename,
+        //     autoWidth: true,
+        //     bookType: 'xlsx'
+        //   })
+        //   loading.close()
+        // })
       }
     },
     formatJson(filterVal, jsonData) {

src/views/mixins/quillEditorMixin.js

@@ -1,115 +1,115 @@
-import 'quill/dist/quill.core.css'
-import 'quill/dist/quill.snow.css'
-import 'quill/dist/quill.bubble.css'
-import { quillEditor } from 'vue-quill-editor'
-export default {
-  data() {
-    let requireUrl = process.env.VUE_APP_BASE_API
-    /*富文本编辑图片上传配置*/
-    const uploadConfig = {
-      action:  `${requireUrl}/fileupload/uploadfile`,
-      methods: 'post',
-      name: 'file', 
-      // action:  '',  // 必填参数 图片上传地址
-      // methods: 'POST',  // 必填参数 图片上传方式
-      // token: '',  // 可选参数 如果需要token验证，假设你的token有存放在sessionStorage
-      // name: 'img',  // 必填参数 文件的参数名
-      // size: 500,  // 可选参数   图片大小，单位为Kb, 1M = 1024Kb
-      // accept: 'image/png, image/gif, image/jpeg, image/bmp, image/x-icon'  // 可选 可上传的图片格式
-    }
-    // toolbar工具栏的工具选项（默认展示全部）
-    const toolOptions = [
-      ['bold', 'italic', 'underline', 'strike'],
-      ['blockquote', 'code-block'],
-      // [{ 'header': 1 }, { 'header': 2 }],
-      // [{ 'list': 'ordered' }, { 'list': 'bullet' }],
-      // [{ 'script': 'sub' }, { 'script': 'super' }],
-      // [{ 'indent': '-1' }, { 'indent': '+1' }],
-      // [{ 'direction': 'rtl' }],
-      [{ 'size': ['small', false, 'large', 'huge'] }],
-      [{ 'header': [1, 2, 3, 4, 5, 6, false] }],
-      [{ 'color': [] }, { 'background': [] }],
-      // [{ 'font': [] }],
-      [{ 'align': [] }],
-      ['clean'],
-      ['link', 'image', 'video']
-    ]
-    const handlers = {
-      image: function image() {
-        var self = this
-        var fileInput = this.container.querySelector('input.ql-image[type=file]')
-        if (fileInput === null) {
-          fileInput = document.createElement('input')
-          fileInput.setAttribute('type', 'file')
-          // 设置图片参数名
-          if (uploadConfig.name) {
-            fileInput.setAttribute('name', uploadConfig.name)
-          }
-          // 可设置上传图片的格式
-          fileInput.setAttribute('accept', uploadConfig.accept)
-          fileInput.classList.add('ql-image')
-          // 监听选择文件
-          fileInput.addEventListener('change', function () {
-            // 创建formData
-            var formData = new FormData()
-            formData.append(uploadConfig.name, fileInput.files[0])
-            formData.append('object','product')
-            // 如果需要token且存在token
-            if (uploadConfig.token) {
-                formData.append('token', uploadConfig.token)
-            }
-            // 图片上传
-            var xhr = new XMLHttpRequest()
-            xhr.open(uploadConfig.methods, uploadConfig.action, true)
-            // 上传数据成功，会触发
-            xhr.onload = function (e) {
-              if (xhr.status === 200) {
-                var res = JSON.parse(xhr.responseText)
-                console.log(res)
-                let length = self.quill.getSelection(true).index
-                //这里很重要，你图片上传成功后，img的src需要在这里添加，res.path就是你服务器返回的图片链接。            
-                self.quill.insertEmbed(length, 'image', res.data)
-                self.quill.setSelection(length + 1)
-              }
-              fileInput.value = ''
-            }
-            // 开始上传数据
-            xhr.upload.onloadstart = function (e) {
-                fileInput.value = ''
-            }
-            // 当发生网络异常的时候会触发，如果上传数据的过程还未结束
-            xhr.upload.onerror = function (e) {
-            }
-            // 上传数据完成（成功或者失败）时会触发
-            xhr.upload.onloadend = function (e) {
-                // console.log('上传结束')
-            }
-            xhr.send(formData)
-          })
-          this.container.appendChild(fileInput)
-        }
-        fileInput.click()
-      }
-    }
-    return {
-      editorOption: {
-        theme: 'snow',
-        boundary: document.body, 
-        modules: {
-          toolbar: {
-            container: toolOptions,
-            handlers
-          }
-        },
-        placeholder: '请输入',
-        readOnly: false
-      },
-    }
-  },
-  components: {
-    quillEditor
-  },
-  created () {},
-  computed: {},
-  methods: {}
-}
+// import 'quill/dist/quill.core.css'
+// import 'quill/dist/quill.snow.css'
+// import 'quill/dist/quill.bubble.css'
+// import { quillEditor } from 'vue-quill-editor'
+// export default {
+//   data() {
+//     let requireUrl = process.env.VUE_APP_BASE_API
+//     /*富文本编辑图片上传配置*/
+//     const uploadConfig = {
+//       action:  `${requireUrl}/fileupload/uploadfile`,
+//       methods: 'post',
+//       name: 'file', 
+//       // action:  '',  // 必填参数 图片上传地址
+//       // methods: 'POST',  // 必填参数 图片上传方式
+//       // token: '',  // 可选参数 如果需要token验证，假设你的token有存放在sessionStorage
+//       // name: 'img',  // 必填参数 文件的参数名
+//       // size: 500,  // 可选参数   图片大小，单位为Kb, 1M = 1024Kb
+//       // accept: 'image/png, image/gif, image/jpeg, image/bmp, image/x-icon'  // 可选 可上传的图片格式
+//     }
+//     // toolbar工具栏的工具选项（默认展示全部）
+//     const toolOptions = [
+//       ['bold', 'italic', 'underline', 'strike'],
+//       ['blockquote', 'code-block'],
+//       // [{ 'header': 1 }, { 'header': 2 }],
+//       // [{ 'list': 'ordered' }, { 'list': 'bullet' }],
+//       // [{ 'script': 'sub' }, { 'script': 'super' }],
+//       // [{ 'indent': '-1' }, { 'indent': '+1' }],
+//       // [{ 'direction': 'rtl' }],
+//       [{ 'size': ['small', false, 'large', 'huge'] }],
+//       [{ 'header': [1, 2, 3, 4, 5, 6, false] }],
+//       [{ 'color': [] }, { 'background': [] }],
+//       // [{ 'font': [] }],
+//       [{ 'align': [] }],
+//       ['clean'],
+//       ['link', 'image', 'video']
+//     ]
+//     const handlers = {
+//       image: function image() {
+//         var self = this
+//         var fileInput = this.container.querySelector('input.ql-image[type=file]')
+//         if (fileInput === null) {
+//           fileInput = document.createElement('input')
+//           fileInput.setAttribute('type', 'file')
+//           // 设置图片参数名
+//           if (uploadConfig.name) {
+//             fileInput.setAttribute('name', uploadConfig.name)
+//           }
+//           // 可设置上传图片的格式
+//           fileInput.setAttribute('accept', uploadConfig.accept)
+//           fileInput.classList.add('ql-image')
+//           // 监听选择文件
+//           fileInput.addEventListener('change', function () {
+//             // 创建formData
+//             var formData = new FormData()
+//             formData.append(uploadConfig.name, fileInput.files[0])
+//             formData.append('object','product')
+//             // 如果需要token且存在token
+//             if (uploadConfig.token) {
+//                 formData.append('token', uploadConfig.token)
+//             }
+//             // 图片上传
+//             var xhr = new XMLHttpRequest()
+//             xhr.open(uploadConfig.methods, uploadConfig.action, true)
+//             // 上传数据成功，会触发
+//             xhr.onload = function (e) {
+//               if (xhr.status === 200) {
+//                 var res = JSON.parse(xhr.responseText)
+//                 console.log(res)
+//                 let length = self.quill.getSelection(true).index
+//                 //这里很重要，你图片上传成功后，img的src需要在这里添加，res.path就是你服务器返回的图片链接。            
+//                 self.quill.insertEmbed(length, 'image', res.data)
+//                 self.quill.setSelection(length + 1)
+//               }
+//               fileInput.value = ''
+//             }
+//             // 开始上传数据
+//             xhr.upload.onloadstart = function (e) {
+//                 fileInput.value = ''
+//             }
+//             // 当发生网络异常的时候会触发，如果上传数据的过程还未结束
+//             xhr.upload.onerror = function (e) {
+//             }
+//             // 上传数据完成（成功或者失败）时会触发
+//             xhr.upload.onloadend = function (e) {
+//                 // console.log('上传结束')
+//             }
+//             xhr.send(formData)
+//           })
+//           this.container.appendChild(fileInput)
+//         }
+//         fileInput.click()
+//       }
+//     }
+//     return {
+//       editorOption: {
+//         theme: 'snow',
+//         boundary: document.body, 
+//         modules: {
+//           toolbar: {
+//             container: toolOptions,
+//             handlers
+//           }
+//         },
+//         placeholder: '请输入',
+//         readOnly: false
+//       },
+//     }
+//   },
+//   components: {
+//     quillEditor
+//   },
+//   created () {},
+//   computed: {},
+//   methods: {}
+// }