格式化前端代码

web/src/core/element_lazy.js

@@ -116,4 +116,4 @@ Vue.prototype.$message = Message
 Vue.prototype.$confirm = MessageBox.confirm
 Dialog.props.closeOnClickModal.default = false
 
-console.warn('[GIN-VUE-ADMIN]--按需加载elementUI成功')
+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

web/src/main.js

@@ -1,6 +1,6 @@
 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");
+      activeName: ''
     }
   },
-    copy() {
-      this.selectText();
-      document.execCommand("copy");
-      this.$message.success("复制成功");
-    },
-  },
   mounted() {
     marked.setOptions({
       renderer: new marked.Renderer(),
       highlight: function(code) {
-        return hljs.highlightAuto(code).value;
+        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">