mes-web/src/main.js

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import iviewArea from 'iview-area'
import Vue from 'vue'
import App from './App'
import router from './router'
import store from './store'
import iView from 'view-design'
import i18n from '@/locale'
import config from '@/config'
import baseMethod from '@/api/base-method'
import importDirective from '@/directive'
import {directive as clickOutside} from 'v-click-outside-x'
import installPlugin from '@/plugin'
import './libs/base/prototype'
import Loading from '_c/loading'
import '@/assets/al-icon/iconfont.css'
import '@/assets/al-icon/iconfont.js'
import 'viewerjs/dist/viewer.css'

import '@/libs/tools/date-tools'
import '@/libs/tools/array-tools'
import '@/libs/tools/string-tools'
import '@/libs/tools/tools'
import '@/libs/tools/user-tools'
import 'xe-utils'
import VXETable from 'vxe-table'
import 'vxe-table/lib/style.css'
import tools from '@/libs/tools/tools'
import './index.less'
import {localRead} from "@/libs/base/util";

console.log('3333', localRead('fontSize'))
let fontSize = localRead('fontSize');
// 根据字体读取不同的字体样式文件
if (fontSize === '14') {
  import  ('./font-less/font-14.less')
} else if(fontSize === '13'){
  import  ('./font-less/font-13.less')
} else {
  import  ('./font-less/font-12.less')
}


// 实际打包时应该不引入mock
/* eslint-disable */
//iview 4.0
import 'view-design/dist/styles/iview.css';


/* 签名 */
import vueEsign from 'vue-esign'

Vue.use(vueEsign)

/* 组织结构图 */
import ZmTreeOrg from 'zm-tree-org'
import 'zm-tree-org/lib/zm-tree-org.css'

Vue.use(ZmTreeOrg)

/* 饿了么 */
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'


Vue.use(ElementUI)

/* 共通方法*/
import libaray from '@/libs/tools/libaray'

Object.defineProperty(Vue.prototype, '$libaray', {value: libaray})

/* 更新列*/
import updateColumns from '@/libs/update-columns/index'

Object.defineProperty(Vue.prototype, '$updateColumns', {value: updateColumns})

/* vxe */
Vue.use(VXETable)
Vue.prototype.$VXETable = VXETable
VXETable.setup({
  // 对组件内置的提示语进行国际化翻译
  i18n: (key, args) => i18n.t(key, args),
  table: {
    //行的唯一键
    rowId: '_X_ID'
  }
})

/* 打印 */
import Print from 'vue-printjs'

Vue.use(Print)


/* 拖动组件 */
import VueDragResize from 'vue-drag-resize'

Vue.component('vue-drag-resize', VueDragResize)

//组织机构图
import DkOrgTree from '_c/base/dk-org-tree'

Vue.component('DkOrgTree', DkOrgTree)
//照片墙
import DkPicWall from '_c/base/dk-pic-wall'

Vue.component('DkPicWall', DkPicWall)
// import ApprovalDetailTable from '_c/business/approval-detail-table'
//
// Vue.component('ApprovalDetailTable', ApprovalDetailTable)
/* 全局引入组件 */
import SearchCond from '_c/business/search-cond'

Vue.component('SearchCond', SearchCond)
import InputPop from '_c/base/input-pop'

Vue.component('InputPop', InputPop)

import InputNumberPop from '_c/base/input-number-pop'

Vue.component('InputNumberPop', InputNumberPop)

import SelectPop from '_c/base/select-pop'

Vue.component('SelectPop', SelectPop)
import SelectInputPop from '_c/base/select-input-pop'

Vue.component('SelectInputPop', SelectInputPop)
import DatePickerPop from '_c/base/dk-date-picker-pop'

Vue.component('DatePickerPop', DatePickerPop)
import {DkForm, DkFormItem} from '_c/base/dk-form'

Vue.component('DkForm', DkForm)
Vue.component('DkFormItem', DkFormItem)
import {BaseIndexButtonGroup, BaseIndexButton} from '_c/base/index-button-group'

Vue.component('BaseIndexButtonGroup', BaseIndexButtonGroup)
Vue.component('BaseIndexButton', BaseIndexButton)
import DkTabs from '_c/base/dk-tabs'

Vue.component('DkTabs', DkTabs)
import DkRadio from '_c/base/dk-radio'

Vue.component('DkRadio', DkRadio)
import DkRow from '_c/base/dk-row'
Vue.component('DkRow', DkRow)

import DkCol from '_c/base/dk-col'
Vue.component('DkCol', DkCol)

import DkSplit from '_c/base/dk-split'
Vue.component('DkSplit', DkSplit)

import DkCollapse from '_c/base/dk-collapse'

Vue.component('DkCollapse', DkCollapse)
import DkPanel from '_c/base/dk-collapse/dk-panel'

Vue.component('DkPanel', DkPanel)
import DkButton from '_c/base/dk-button'

Vue.component('DkButton', DkButton)
import DkSaveButton from '_c/base/dk-save-button'

Vue.component('DkSaveButton', DkSaveButton)
import DkModal from '_c/base/dk-modal'

Vue.component('DkModal', DkModal)

import {DkTableColumn, DkTable} from '_c/base/dk-table'

Vue.component('DkTableColumn', DkTableColumn)
Vue.component('DkTable', DkTable)

import DkTree from '_c/base/dk-tree'

Vue.component('DkTree', DkTree)
import TableSelect from '_c/business/table-select'

Vue.component('TableSelect', TableSelect)

import PrependTransparent from '_c/base/prepend-transparent'

Vue.component('PrependTransparent', PrependTransparent)

import EditTable from '_c/base/edit-table'

Vue.component('EditTable', EditTable)

import EditTreeTable from '_c/base/edit-tree-table'

Vue.component('EditTreeTable', EditTreeTable)

import RegionsChoose from '_c/base/regions-choose'

Vue.component('RegionsChoose', RegionsChoose)

import SelectMagnifier from '_c/business/select-magnifier'

Vue.component('SelectMagnifier', SelectMagnifier)
import ModalReceipt from '_c/business/modal-receipt'

Vue.component('ModalReceipt', ModalReceipt)


import CustomReport from '_c/base/custom-report'

Vue.component('CustomReport', CustomReport)

import DkList from '_c/base/dk-list'

Vue.component('DkList', DkList)

import MultiSelect from '_c/business/multi-select'

Vue.component('MultiSelect', MultiSelect)


/* vant 221229 新增 */
import VantActionSheet from 'vant/es/action-sheet/index';

Vue.component('van-action-sheet', VantActionSheet)
import VantArea from 'vant/es/area/index';

Vue.component('van-area', VantArea)
import VantBadge from 'vant/es/badge/index';

Vue.component('van-badge', VantBadge)
import VantButton from 'vant/es/button/index';

Vue.component('van-button', VantButton)
import VantCalendar from 'vant/es/calendar/index';

Vue.component('van-calendar', VantCalendar)
import VantCard from 'vant/es/card/index';

Vue.component('van-card', VantCard)
import VantCascader from 'vant/es/cascader/index';

Vue.component('van-cascader', VantCascader)
import VantCell from 'vant/es/cell/index';

Vue.component('van-cell', VantCell)
import VantCellGroup from 'vant/es/cell-group/index';

Vue.component('van-cell-group', VantCellGroup)
import VantCheckbox from 'vant/es/checkbox/index';

Vue.component('van-checkbox', VantCheckbox)
import VantCheckboxGroup from 'vant/es/checkbox-group/index';

Vue.component('van-checkbox-group', VantCheckboxGroup)
import VantCircle from 'vant/es/circle/index';

Vue.component('van-circle', VantCircle)
import VantCol from 'vant/es/col/index';

Vue.component('van-col', VantCol)
import VantCollapse from 'vant/es/collapse/index';

Vue.component('van-collapse', VantCollapse)
import VantCollapseItem from 'vant/es/collapse-item/index';

Vue.component('van-collapse-item', VantCollapseItem)
import VantContactCard from 'vant/es/contact-card/index';

Vue.component('van-contact-card', VantContactCard)
import VantContactEdit from 'vant/es/contact-edit/index';

Vue.component('van-contact-edit', VantContactEdit)
import VantContactList from 'vant/es/contact-list/index';

Vue.component('van-contact-list', VantContactList)
import VantCountDown from 'vant/es/count-down/index';

Vue.component('van-count-down', VantCountDown)
import VantCoupon from 'vant/es/coupon/index';

Vue.component('van-coupon', VantCoupon)
import VantCouponCell from 'vant/es/coupon-cell/index';

Vue.component('van-coupon-cell', VantCouponCell)
import VantCouponList from 'vant/es/coupon-list/index';

Vue.component('van-coupon-list', VantCouponList)
import VantDatetimePicker from 'vant/es/datetime-picker/index';

Vue.component('van-datetime-picker', VantDatetimePicker)
import VantDialog from 'vant/es/dialog/index';

Vue.component('van-dialog', VantDialog)
import VantDivider from 'vant/es/divider/index';

Vue.component('van-divider', VantDivider)
import VantDropdownItem from 'vant/es/dropdown-item/index';

Vue.component('van-dropdown-item', VantDropdownItem)
import VantDropdownMenu from 'vant/es/dropdown-menu/index';

Vue.component('van-dropdown-menu', VantDropdownMenu)
import VantEmpty from 'vant/es/empty/index';

Vue.component('van-empty', VantEmpty)
import VantField from 'vant/es/field/index';

Vue.component('van-field', VantField)
import VantForm from 'vant/es/form/index';

Vue.component('van-form', VantForm)
import VantGoodsAction from 'vant/es/goods-action/index';

Vue.component('van-goods-action', VantGoodsAction)
import VantGoodsActionButton from 'vant/es/goods-action-button/index';

Vue.component('van-goods-action-button', VantGoodsActionButton)
import VantGoodsActionIcon from 'vant/es/goods-action-icon/index';

Vue.component('van-goods-action-icon', VantGoodsActionIcon)
import VantGrid from 'vant/es/grid/index';

Vue.component('van-grid', VantGrid)
import VantGridItem from 'vant/es/grid-item/index';

Vue.component('van-grid-item', VantGridItem)
import VantIcon from 'vant/es/icon/index';

Vue.component('van-icon', VantIcon)
import VantImage from 'vant/es/image/index';

Vue.component('van-image', VantImage)
import VantImagePreview from 'vant/es/image-preview/index';

Vue.component('van-image-preview', VantImagePreview)
import VantIndexAnchor from 'vant/es/index-anchor/index';

Vue.component('van-index-anchor', VantIndexAnchor)
import VantIndexBar from 'vant/es/index-bar/index';

Vue.component('van-index-bar', VantIndexBar)
import VantInfo from 'vant/es/info/index';

Vue.component('van-info', VantInfo)
import VantLazyload from 'vant/es/lazyload/index';

Vue.component('van-lazyload', VantLazyload)
import VantList from 'vant/es/list/index';

Vue.component('van-list', VantList)
import VantLoading from 'vant/es/loading/index';

Vue.component('van-loading', VantLoading)
import VantLocale from 'vant/es/locale/index';

Vue.component('van-locale', VantLocale)
import VantNavBar from 'vant/es/nav-bar/index';

Vue.component('van-nav-bar', VantNavBar)
import VantNoticeBar from 'vant/es/notice-bar/index';

Vue.component('van-notice-bar', VantNoticeBar)
import VantNotify from 'vant/es/notify/index';

Vue.component('van-notify', VantNotify)
import VantNumberKeyboard from 'vant/es/number-keyboard/index';

Vue.component('van-number-keyboard', VantNumberKeyboard)
import VantOverlay from 'vant/es/overlay/index';

Vue.component('van-overlay', VantOverlay)
import VantPagination from 'vant/es/pagination/index';

Vue.component('van-pagination', VantPagination)
import VantPanel from 'vant/es/panel/index';

Vue.component('van-panel', VantPanel)
import VantPasswordInput from 'vant/es/password-input/index';

Vue.component('van-password-input', VantPasswordInput)
import VantPicker from 'vant/es/picker/index';

Vue.component('van-picker', VantPicker)
import VantPopover from 'vant/es/popover/index';

Vue.component('van-popover', VantPopover)
import VantPopup from 'vant/es/popup/index';

Vue.component('van-popup', VantPopup)
import VantProgress from 'vant/es/progress/index';

Vue.component('van-progress', VantProgress)
import VantPullRefresh from 'vant/es/pull-refresh/index';

Vue.component('van-pull-refresh', VantPullRefresh)
import VantRadio from 'vant/es/radio/index';

Vue.component('van-radio', VantRadio)
import VantRadioGroup from 'vant/es/radio-group/index';

Vue.component('van-radio-group', VantRadioGroup)
import VantRate from 'vant/es/rate/index';

Vue.component('van-rate', VantRate)
import VantRow from 'vant/es/row/index';

Vue.component('van-row', VantRow)
import VantSearch from 'vant/es/search/index';

Vue.component('van-search', VantSearch)
import VantShareSheet from 'vant/es/share-sheet/index';

Vue.component('van-share-sheet', VantShareSheet)
import VantSidebar from 'vant/es/sidebar/index';

Vue.component('van-sidebar', VantSidebar)
import VantSidebarItem from 'vant/es/sidebar-item/index';

Vue.component('van-sidebar-item', VantSidebarItem)
import VantSkeleton from 'vant/es/skeleton/index';

Vue.component('van-skeleton', VantSkeleton)
import VantSku from 'vant/es/sku/index';

Vue.component('van-sku', VantSku)
import VantSlider from 'vant/es/slider/index';

Vue.component('van-slider', VantSlider)
import VantStep from 'vant/es/step/index';

Vue.component('van-step', VantStep)
import VantStepper from 'vant/es/stepper/index';

Vue.component('van-stepper', VantStepper)
import VantSteps from 'vant/es/steps/index';

Vue.component('van-steps', VantSteps)
import VantSticky from 'vant/es/sticky/index';

Vue.component('van-sticky', VantSticky)
import VantSubmitBar from 'vant/es/submit-bar/index';

Vue.component('van-submit-bar', VantSubmitBar)
import VantSwipe from 'vant/es/swipe/index';

Vue.component('van-swipe', VantSwipe)
import VantSwipeCell from 'vant/es/swipe-cell/index';

Vue.component('van-swipe-cell', VantSwipeCell)
import VantSwipeItem from 'vant/es/swipe-item/index';

Vue.component('van-swipe-item', VantSwipeItem)
import VantSwitch from 'vant/es/switch/index';

Vue.component('van-switch', VantSwitch)
import VantSwitchCell from 'vant/es/switch-cell/index';

Vue.component('van-switch-cell', VantSwitchCell)
import VantTab from 'vant/es/tab/index';

Vue.component('van-tab', VantTab)
import VantTabbar from 'vant/es/tabbar/index';

Vue.component('van-tabbar', VantTabbar)
import VantTabbarItem from 'vant/es/tabbar-item/index';

Vue.component('van-tabbar-item', VantTabbarItem)
import VantTabs from 'vant/es/tabs/index';

Vue.component('van-tabs', VantTabs)
import VantTag from 'vant/es/tag/index';

Vue.component('van-tag', VantTag)
import VantToast from 'vant/es/toast/index';

Vue.component('van-toast', VantToast)
import VantTreeSelect from 'vant/es/tree-select/index';

Vue.component('van-tree-select', VantTreeSelect)
import VantUploader from 'vant/es/uploader/index';

Vue.component('van-uploader', VantUploader)

import {Dialog} from 'vant';

Vue.prototype.$appDialog = Dialog
import {Toast} from 'vant';

Vue.prototype.$appToast = Toast

import 'vant/lib/index.css';

//221229 手机端app 自定义组件的封装
import DkAppButton from '@/components-app/base/dk-app-button'

Vue.component('DkAppButton', DkAppButton)
import DkAppCell from "@/components-app/base/dk-app-cell";

Vue.component("DkAppCell", DkAppCell)
import DkAppDivider from "@/components-app/base/dk-app-divider";

Vue.component("DkAppDivider", DkAppDivider)
import DkAppEmpty from "@/components-app/base/dk-app-empty";

Vue.component("DkAppEmpty", DkAppEmpty)
import DkAppField from "@/components-app/base/dk-app-field";

Vue.component("DkAppField", DkAppField)
import DkAppNumberKeyboard from "@/components-app/base/dk-app-number-keyboard";

Vue.component("DkAppNumberKeyboard", DkAppNumberKeyboard)
import DkAppPasswordInput from "@/components-app/base/dk-app-password-input";

Vue.component("DkAppPasswordInput", DkAppPasswordInput)
import DkAppForm from "@/components-app/base/dk-app-form";

Vue.component("DkAppForm", DkAppForm)
import DkAppSearch from "@/components-app/base/dk-app-search";

Vue.component("DkAppSearch", DkAppSearch)
import DkAppLoading from "@/components-app/base/dk-app-loading";

Vue.component("DkAppLoading", DkAppLoading)
import DkAppSidePullMenu from "@/components-app/base/dk-app-side-pull-menu";

Vue.component("DkAppSidePullMenu", DkAppSidePullMenu)
import DkAppToggle from "@/components-app/base/dk-app-toggle";

Vue.component("DkAppToggle", DkAppToggle)
import DkAppDropdownSwitch from "@/components-app/base/dk-app-dropdown-switch";

Vue.component("DkAppDropdownSwitch", DkAppDropdownSwitch)
// 多选和单选
import DkAppMutiDropdown from "@/components-app/business/dk-app-muti-dropdown";

Vue.component("DkAppMutiDropdown", DkAppMutiDropdown)
import DkAppSingleDropdown from "@/components-app/business/dk-app-single-dropdown/dk-app-single-dropdown";

Vue.component("DkAppSingleDropdown", DkAppSingleDropdown)
import DkAppList from "@/components-app/base/dk-app-list";

Vue.component("DkAppList", DkAppList)
import DkAppCustomTabs from "@/components-app/base/dk-app-custom-tabs/dk-app-custom-tabs";

Vue.component("DkAppCustomTabs", DkAppCustomTabs)
import DkAppNavBar from "@/components-app/base/dk-app-nav-bar";

Vue.component("DkAppNavBar", DkAppNavBar)

import DkAppTable from "@/components-app/base/dk-app-table";
Vue.component("DkAppTable", DkAppTable)

import DkAppPopup from "@/components-app/base/dk-app-popup";
Vue.component("DkAppPopup", DkAppPopup)

import Message from '_c/base/dk-message'

Vue.prototype.$IBMessage = Message.install

import Position from '_c/base/dk-position'

Vue.prototype.$Position = Position.install

import Function from '_c/base/dk-function'

Vue.prototype.$Function = Function.install

import ModalBatchEdit from '_c/business/modal_batch_edit'

Vue.prototype.$BatchEdit = ModalBatchEdit.install

import ModalTableFilter from '_c/business/modal_table_filter'

Vue.prototype.$TableFilter = ModalTableFilter.install

//点击复制
import VueClipboard from 'vue-clipboard2'

Vue.use(VueClipboard)

/* 腾讯地图跨域 */
import {VueJsonp} from 'vue-jsonp'

Vue.use(VueJsonp)

Vue.prototype.$jsonp = VueJsonp

/* Tour */
import VueTour from 'vue-tour'

require('vue-tour/dist/vue-tour.css')
Vue.use(VueTour)

import Prepend from '_c/sub/prepend'

Vue.component('Prepend', Prepend)


// import echarts from 'echarts';
// Echarts 5.x 不再支持上面的引入方式
import * as echarts from 'echarts'

Vue.prototype.$echarts = echarts

// Vue.use(iviewArea);


// quill富文本
import VueQuillEditor from 'vue-quill-editor'
// 引入相关css
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'

Vue.use(VueQuillEditor)

Vue.use(iView)

Vue.use(iviewArea);
// Vue.component(Tree.name, Tree);
Vue.component(Loading.name, Loading);
/**
 * @description 注册admin内置插件
 */
installPlugin(Vue)
/**
 * @description 生产环境关掉提示
 */
Vue.config.productionTip = false
/**
 * @description 全局注册应用配置
 */

// Vue.prototype.$appfunc = appfunc;

/**
 * @desc   : 读取所有的服务实体
 * @author : 周兴
 * @date   : 2022/12/13 15:27
 */
const services = require.context("@/api/pages", true, /\.js$/);
let commonRoute = null;
let serviceKeys = services.keys();
// 获取common
for (let i = 0; i < serviceKeys.length; i++) {
  if (serviceKeys[i] === './common/common.js') {
    commonRoute = services(serviceKeys[i]).routeUrl;
    break;
  }
}

let res_services = {};
let routeUrl = {search: {key: 'search'}}
serviceKeys.forEach((item) => {
  let comp = services(item);
  // 路由地址
  if (comp.routeUrl && Object.keys(comp.routeUrl).length !== 0) {
    // 如果存在就加进去
    if (!item.includes('common.js')) {
      let key = Object.keys(comp.routeUrl)[0];
      tools.objectMergeByMainJs(comp.routeUrl[key], commonRoute)
      // Object.assign(comp.routeUrl[key], commonRoute)
    }
  } else {
    // 没有那么按照列名进行
    let itemName = item;
    if (itemName) {
      itemName = itemName.substring(itemName.lastIndexOf('/') + 1).replace('.js', '');
      // 中划线转驼峰
      itemName = itemName.getCamelCase();
      let route = {}
      route[itemName] = commonRoute;
      if (comp.routeUrl) {
        tools.objectMergeByMainJs(comp.routeUrl, route)
        // Object.assign(comp.routeUrl, route)
      } else {
        Object.assign(comp, {routeUrl: route})
      }
    }
  }
  if (!item.includes('common.js')) {
    Object.assign(routeUrl, comp.routeUrl);
  }
  if (comp.default) {
    let item = comp.default
    let keys = Object.keys(item)
    if (keys && keys.length > 0) {
      for (let i = 0; i < keys.length; i++) {
        let values = item[keys[i]];
        // 给每个value增加基本方法
        Object.assign(values, baseMethod);
      }
    }
    Object.assign(res_services, item);
  }
});
console.log('33334', routeUrl)
Vue.prototype.$service = res_services;
Object.assign(config, {routeUrl: routeUrl})
Vue.prototype.$config = config
/**
 * 注册指令
 */
importDirective(Vue)
Vue.directive('clickOutside', clickOutside)

/* eslint-disable no-new */
window.vm = new Vue({
  el: '#app',
  router,
  i18n,
  store,
  render: h => h(App)
})


//[iview]Table中点击图片预览放大
import Viewer from 'v-viewer'

Vue.use(Viewer);
Viewer.setDefaults({
  Options: {
    "inline": true,
    "button": true,
    "navbar": true,
    "title": true,
    "toolbar": true,
    "tooltip": true,
    "movable": true,
    "zoomable": true,
    "rotatable": true,
    "scalable": true,
    "transition": true,
    "fullscreen": true,
    "keyboard": true,
    "url": "data-source"
  }
});