补 main.js

src/main.js

@@ -4,46 +4,48 @@ import Storage from 'vue-ls'
 import router from './router'
 import store from './store/'
 
-import { VueAxios } from "@/utils/request"
-import { getAction,postFormAction ,postAction} from "@/api/manage"
+import { VueAxios } from '@/utils/request'
+import { getAction, postFormAction, postAction } from '@/api/manage'
 
 import Antd from 'ant-design-vue'
 import Viser from 'viser-vue'
 import 'k-form-design/lib/k-form-design.css'
-import 'ant-design-vue/dist/antd.less';  // or 'ant-design-vue/dist/antd.less'
+import 'ant-design-vue/dist/antd.less' // or 'ant-design-vue/dist/antd.less'
 
 import '@/permission' // permission control
 import '@/utils/filter' // base filter
 import Print from 'vue-print-nb-jeecg'
-/*import '@babel/polyfill'*/
+/* import '@babel/polyfill' */
 import VueApexCharts from 'vue-apexcharts'
 
 import preview from 'vue-photo-preview'
 import 'vue-photo-preview/dist/skin.css'
 
-require('@jeecg/antd-online-214')
-require('@jeecg/antd-online-214/dist/OnlineForm.css')
-
 import {
-  ACCESS_TOKEN,
-  DEFAULT_COLOR,
-  DEFAULT_THEME,
-  DEFAULT_LAYOUT_MODE,
-  DEFAULT_COLOR_WEAK,
-  SIDEBAR_TYPE,
-  DEFAULT_FIXED_HEADER,
-  DEFAULT_FIXED_HEADER_HIDDEN,
-  DEFAULT_FIXED_SIDEMENU,
-  DEFAULT_CONTENT_WIDTH_TYPE,
-  DEFAULT_MULTI_PAGE
-} from "@/store/mutation-types"
+    ACCESS_TOKEN,
+    DEFAULT_COLOR,
+    DEFAULT_THEME,
+    DEFAULT_LAYOUT_MODE,
+    DEFAULT_COLOR_WEAK,
+    SIDEBAR_TYPE,
+    DEFAULT_FIXED_HEADER,
+    DEFAULT_FIXED_HEADER_HIDDEN,
+    DEFAULT_FIXED_SIDEMENU,
+    DEFAULT_CONTENT_WIDTH_TYPE,
+    DEFAULT_MULTI_PAGE
+} from '@/store/mutation-types'
 import config from '@/defaultSettings'
 
 import JDictSelectTag from './components/dict/index.js'
 import hasPermission from '@/utils/hasPermission'
-import vueBus from '@/utils/vueBus';
+import vueBus from '@/utils/vueBus'
 import JeecgComponents from '@/components/jeecg/index'
 import KFormDesign from 'k-form-design'
+// 将自动注册所有组件为全局组件
+import dataV from '@jiaminghi/data-view'
+
+require('@jeecg/antd-online-214')
+require('@jeecg/antd-online-214/dist/OnlineForm.css')
 
 Vue.use(KFormDesign)
 Vue.config.productionTip = false
@@ -57,28 +59,29 @@ Vue.use(Print)
 Vue.use(VueApexCharts)
 Vue.component('apexchart', VueApexCharts)
 Vue.use(preview)
-Vue.use(vueBus);
-Vue.use(JeecgComponents);
+Vue.use(vueBus)
+Vue.use(JeecgComponents)
 // 挂载全局使用的方法
-Vue.prototype.doMian = "/jeecg-boot/";
-Vue.prototype.postFormAction = postFormAction;
-Vue.prototype.postDataAction = postAction;
-Vue.prototype.getAction = getAction;
+Vue.prototype.doMian = '/jeecg-boot/'
+Vue.prototype.postFormAction = postFormAction
+Vue.prototype.postDataAction = postAction
+Vue.prototype.getAction = getAction
+Vue.use(dataV)
 new Vue({
-  router,
-  store,
-  mounted () {
-    store.commit('SET_SIDEBAR_TYPE', Vue.ls.get(SIDEBAR_TYPE, true))
-    store.commit('TOGGLE_THEME', Vue.ls.get(DEFAULT_THEME, config.navTheme))
-    store.commit('TOGGLE_LAYOUT_MODE', Vue.ls.get(DEFAULT_LAYOUT_MODE, config.layout))
-    store.commit('TOGGLE_FIXED_HEADER', Vue.ls.get(DEFAULT_FIXED_HEADER, config.fixedHeader))
-    store.commit('TOGGLE_FIXED_SIDERBAR', Vue.ls.get(DEFAULT_FIXED_SIDEMENU, config.fixSiderbar))
-    store.commit('TOGGLE_CONTENT_WIDTH', Vue.ls.get(DEFAULT_CONTENT_WIDTH_TYPE, config.contentWidth))
-    store.commit('TOGGLE_FIXED_HEADER_HIDDEN', Vue.ls.get(DEFAULT_FIXED_HEADER_HIDDEN, config.autoHideHeader))
-    store.commit('TOGGLE_WEAK', Vue.ls.get(DEFAULT_COLOR_WEAK, config.colorWeak))
-    store.commit('TOGGLE_COLOR', Vue.ls.get(DEFAULT_COLOR, config.primaryColor))
-    store.commit('SET_TOKEN', Vue.ls.get(ACCESS_TOKEN))
-    store.commit('SET_MULTI_PAGE',Vue.ls.get(DEFAULT_MULTI_PAGE,config.multipage))
-  },
-  render: h => h(App)
+    router,
+    store,
+    mounted () {
+        store.commit('SET_SIDEBAR_TYPE', Vue.ls.get(SIDEBAR_TYPE, true))
+        store.commit('TOGGLE_THEME', Vue.ls.get(DEFAULT_THEME, config.navTheme))
+        store.commit('TOGGLE_LAYOUT_MODE', Vue.ls.get(DEFAULT_LAYOUT_MODE, config.layout))
+        store.commit('TOGGLE_FIXED_HEADER', Vue.ls.get(DEFAULT_FIXED_HEADER, config.fixedHeader))
+        store.commit('TOGGLE_FIXED_SIDERBAR', Vue.ls.get(DEFAULT_FIXED_SIDEMENU, config.fixSiderbar))
+        store.commit('TOGGLE_CONTENT_WIDTH', Vue.ls.get(DEFAULT_CONTENT_WIDTH_TYPE, config.contentWidth))
+        store.commit('TOGGLE_FIXED_HEADER_HIDDEN', Vue.ls.get(DEFAULT_FIXED_HEADER_HIDDEN, config.autoHideHeader))
+        store.commit('TOGGLE_WEAK', Vue.ls.get(DEFAULT_COLOR_WEAK, config.colorWeak))
+        store.commit('TOGGLE_COLOR', Vue.ls.get(DEFAULT_COLOR, config.primaryColor))
+        store.commit('SET_TOKEN', Vue.ls.get(ACCESS_TOKEN))
+        store.commit('SET_MULTI_PAGE', Vue.ls.get(DEFAULT_MULTI_PAGE, config.multipage))
+    },
+    render: h => h(App)
 }).$mount('#app')