格式化前端代码

web/src/core/element_lazy.js

@@ -8,57 +8,57 @@
 import Vue from 'vue'
 //  按需引入element
 import {
-    Button,
-    Select,
-    Dialog,
-    Form,
-    Input,
-    FormItem,
-    Option,
-    Loading,
-    Message,
-    Container,
-    Card,
-    Dropdown,
-    DropdownMenu,
-    DropdownItem,
-    Row,
-    Col,
-    Menu,
-    Submenu,
-    MenuItem,
-    Aside,
-    Main,
-    Badge,
-    Header,
-    Tabs,
-    Breadcrumb,
-    BreadcrumbItem,
-    Scrollbar,
-    Avatar,
-    TabPane,
-    Divider,
-    Table,
-    TableColumn,
-    Cascader,
-    Checkbox,
-    CheckboxGroup,
-    Pagination,
-    Tag,
-    Drawer,
-    Tree,
-    Popover,
-    Switch,
-    Collapse,
-    CollapseItem,
-    Tooltip,
-    DatePicker,
-    InputNumber,
-    Steps,
-    Upload,
-    Progress,
-    MessageBox,
-    Image
+  Button,
+  Select,
+  Dialog,
+  Form,
+  Input,
+  FormItem,
+  Option,
+  Loading,
+  Message,
+  Container,
+  Card,
+  Dropdown,
+  DropdownMenu,
+  DropdownItem,
+  Row,
+  Col,
+  Menu,
+  Submenu,
+  MenuItem,
+  Aside,
+  Main,
+  Badge,
+  Header,
+  Tabs,
+  Breadcrumb,
+  BreadcrumbItem,
+  Scrollbar,
+  Avatar,
+  TabPane,
+  Divider,
+  Table,
+  TableColumn,
+  Cascader,
+  Checkbox,
+  CheckboxGroup,
+  Pagination,
+  Tag,
+  Drawer,
+  Tree,
+  Popover,
+  Switch,
+  Collapse,
+  CollapseItem,
+  Tooltip,
+  DatePicker,
+  InputNumber,
+  Steps,
+  Upload,
+  Progress,
+  MessageBox,
+  Image
 } from 'element-ui'
 
 Vue.use(Button)
@@ -116,4 +116,4 @@ Vue.prototype.$message = Message
 Vue.prototype.$confirm = MessageBox.confirm
 Dialog.props.closeOnClickModal.default = false
 
-console.warn('[GIN-VUE-ADMIN]--按需加载elementUI成功')
\ No newline at end of file
+console.warn('[GIN-VUE-ADMIN]--按需加载elementUI成功,如出现element-ui组件无法使用问题，请至/src/core/element_lazy 下引入对应组件即可')

web/src/core/gin-vue-admin.js

@@ -3,7 +3,7 @@
 *
 * */
 import Vue from 'vue'
-import './element_lazy'
+import './element_lazy' // 按需加载element
 import uploader from 'vue-simple-uploader'
 import APlayer from '@moefe/vue-aplayer'
 // time line css
@@ -12,8 +12,8 @@ import '../../node_modules/timeline-vuejs/dist/timeline-vuejs.css'
 import Bus from '@/utils/bus'
 Vue.use(Bus)
 Vue.use(APlayer, {
-    defaultCover: 'https://github.com/u3u.png',
-    productionTip: true
+  defaultCover: 'https://github.com/u3u.png',
+  productionTip: true
 })
 Vue.use(uploader)
 

web/src/main.js

 import Vue from 'vue'
 import App from './App.vue'
-// 引入gin-vue-admin前端组件
+// 引入gin-vue-admin前端初始化相关内容
 import './core/gin-vue-admin'
 // 引入封装的router
 import router from '@/router/index'

web/src/view/systemTools/autoCode/component/previewCodeDialg.vue

@@ -6,60 +6,37 @@
       <el-button @click="copy">复制</el-button>
     </div>
     <el-tabs v-model="activeName">
-      <el-tab-pane :label="key" :name="key" v-for="(item, key) in previewCode" :key="key">
-        <div class="tab-info" :id="key"></div>
+      <el-tab-pane v-for="(item, key) in previewCode" :key="key" :label="key" :name="key">
+        <div :id="key" class="tab-info" />
       </el-tab-pane>
     </el-tabs>
   </div>
 </template>
 
 <script>
-import marked from "marked";
-import hljs from "highlight.js";
+import marked from 'marked'
+import hljs from 'highlight.js'
 // import 'highlight.js/styles/atelier-cave-light.css';
-import "highlight.js/styles/atelier-plateau-light.css";
+import 'highlight.js/styles/atelier-plateau-light.css'
 export default {
   props: {
     previewCode: {
       type: Object,
       default() {
-        return {};
-      },
-    },
+        return {}
+      }
+    }
   },
   data() {
     return {
-      activeName: "",
-    };
-  },
-  methods: {
-    selectText() {
-      const element = document.getElementById(this.activeName);
-      if (document.body.createTextRange) {
-        let range = document.body.createTextRange();
-        range.moveToElementText(element);
-        range.select();
-      } else if (window.getSelection) {
-        let selection = window.getSelection();
-        let range = document.createRange();
-        range.selectNodeContents(element);
-        selection.removeAllRanges();
-        selection.addRange(range);
-      } else {
-        alert("none");
-      }
-    },
-    copy() {
-      this.selectText();
-      document.execCommand("copy");
-      this.$message.success("复制成功");
-    },
+      activeName: ''
+    }
   },
   mounted() {
     marked.setOptions({
       renderer: new marked.Renderer(),
-      highlight: function (code) {
-        return hljs.highlightAuto(code).value;
+      highlight: function(code) {
+        return hljs.highlightAuto(code).value
       },
       pedantic: false,
       gfm: true,
@@ -68,16 +45,39 @@ export default {
       sanitize: false,
       smartLists: true,
       smartypants: false,
-      xhtml: false,
-    });
+      xhtml: false
+    })
     for (const key in this.previewCode) {
-      if (this.activeName == "") {
-        this.activeName = key;
+      if (this.activeName === '') {
+        this.activeName = key
       }
-      document.getElementById(key).innerHTML = marked(this.previewCode[key]);
+      document.getElementById(key).innerHTML = marked(this.previewCode[key])
     }
   },
-};
+  methods: {
+    selectText() {
+      const element = document.getElementById(this.activeName)
+      if (document.body.createTextRange) {
+        const range = document.body.createTextRange()
+        range.moveToElementText(element)
+        range.select()
+      } else if (window.getSelection) {
+        const selection = window.getSelection()
+        const range = document.createRange()
+        range.selectNodeContents(element)
+        selection.removeAllRanges()
+        selection.addRange(range)
+      } else {
+        alert('none')
+      }
+    },
+    copy() {
+      this.selectText()
+      document.execCommand('copy')
+      this.$message.success('复制成功')
+    }
+  }
+}
 </script>
 
 <style lang="scss">