main.js 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
  1. import Vue from "vue";
  2. import Cookies from "js-cookie";
  3. import Element from "element-ui";
  4. import "./assets/styles/element-variables.scss";
  5. import "@/assets/styles/index.scss"; // global css
  6. import "@/assets/styles/ruoyi.scss"; // ruoyi css
  7. import App from "./App";
  8. import store from "./store";
  9. import router from "./router";
  10. import directive from "./directive"; // directive
  11. import plugins from "./plugins"; // plugins
  12. import { download } from "@/utils/request";
  13. // 时间格式化方法挂载
  14. import "@/views/marketing/utils/date";
  15. import "./assets/icons"; // icon
  16. import "./permission"; // permission control
  17. import { getDicts } from "@/api/system/dict/data";
  18. import { getConfigKey } from "@/api/system/config";
  19. import {
  20. parseTime,
  21. resetForm,
  22. addDateRange,
  23. selectDictLabel,
  24. selectDictLabels,
  25. handleTree,
  26. } from "@/utils/ruoyi";
  27. import { initParams, initRules, initDicts, initPage } from "@/utils/init.js";
  28. // 分页组件
  29. import Pagination from "@/components/Pagination";
  30. // 自定义表格工具组件
  31. import RightToolbar from "@/components/RightToolbar";
  32. // 富文本组件
  33. import Editor from "@/components/Editor";
  34. // 文件上传组件
  35. import FileUpload from "@/components/FileUpload";
  36. // 图片上传组件
  37. import ImageUpload from "@/components/ImageUpload";
  38. // 图片预览组件
  39. import ImagePreview from "@/components/ImagePreview";
  40. // 字典标签组件
  41. import DictTag from "@/components/DictTag";
  42. // 头部标签组件
  43. import VueMeta from "vue-meta";
  44. // 字典数据组件
  45. import DictData from "@/components/DictData";
  46. //
  47. import PopoverSelect from "@/components/popover-select";
  48. //
  49. import PopoverTreeSelect from "@/components/popover-tree-select";
  50. //
  51. import ComputedInput from "@/components/computed-input";
  52. // 附件标签组件
  53. import FilePreview from "@/components/file-preview";
  54. //打印
  55. import Print from "vue-print-nb";
  56. // 全局方法挂载
  57. Vue.prototype.getDicts = getDicts;
  58. Vue.prototype.getConfigKey = getConfigKey;
  59. Vue.prototype.parseTime = parseTime;
  60. Vue.prototype.resetForm = resetForm;
  61. Vue.prototype.addDateRange = addDateRange;
  62. Vue.prototype.selectDictLabel = selectDictLabel;
  63. Vue.prototype.selectDictLabels = selectDictLabels;
  64. Vue.prototype.download = download;
  65. Vue.prototype.handleTree = handleTree;
  66. Vue.prototype.$init = {
  67. params: initParams,
  68. dicts: initDicts,
  69. rules: initRules,
  70. page: initPage,
  71. };
  72. // 全局组件挂载
  73. Vue.component("DictTag", DictTag);
  74. Vue.component("Pagination", Pagination);
  75. Vue.component("RightToolbar", RightToolbar);
  76. Vue.component("Editor", Editor);
  77. Vue.component("FileUpload", FileUpload);
  78. Vue.component("ImageUpload", ImageUpload);
  79. Vue.component("ImagePreview", ImagePreview);
  80. Vue.component("DrPopoverSelect", PopoverSelect);
  81. Vue.component("DrPopoverTreeSelect", PopoverTreeSelect);
  82. Vue.component("DrComputedInput", ComputedInput);
  83. Vue.component("DrFilePreview", FilePreview);
  84. Vue.use(directive);
  85. Vue.use(plugins);
  86. Vue.use(VueMeta);
  87. Vue.use(Print); //注册
  88. DictData.install();
  89. /**
  90. * If you don't want to use mock-server
  91. * you want to use MockJs for mock api
  92. * you can execute: mockXHR()
  93. *
  94. * Currently MockJs will be used in the production environment,
  95. * please remove it before going online! ! !
  96. */
  97. Vue.use(Element, {
  98. size: Cookies.get("size") || "medium", // set element-ui default size
  99. });
  100. Vue.config.productionTip = false;
  101. new Vue({
  102. el: "#app",
  103. router,
  104. store,
  105. render: (h) => h(App),
  106. });