prettier代码格式重新配置

prettier.config.js

@@ -10,6 +10,7 @@ module.exports = {
   bracketSpacing: true,
   jsxBracketSameLine: false,
   arrowParens: "always",
-  vueIndentScriptAndStyle: false,
+  htmlWhitespaceSensitivity: "ignore",
+  vueIndentScriptAndStyle: true,
   endOfLine: "lf",
 };

src/App.vue

@@ -5,8 +5,8 @@
 </template>
 
 <script>
-export default {
+  export default {
     name: "App",
     mounted() {},
-};
+  };
 </script>

src/components/JsonEditor/index.vue

@@ -7,17 +7,17 @@
 </template>
 
 <script>
-import CodeMirror from "codemirror";
-import "codemirror/addon/lint/lint.css";
-import "codemirror/lib/codemirror.css";
-import "codemirror/theme/rubyblue.css";
-import "codemirror/mode/javascript/javascript";
-import "codemirror/addon/lint/lint";
-import "codemirror/addon/lint/json-lint";
+  import CodeMirror from "codemirror";
+  import "codemirror/addon/lint/lint.css";
+  import "codemirror/lib/codemirror.css";
+  import "codemirror/theme/rubyblue.css";
+  import "codemirror/mode/javascript/javascript";
+  import "codemirror/addon/lint/lint";
+  import "codemirror/addon/lint/json-lint";
 
-require("script-loader!jsonlint");
+  require("script-loader!jsonlint");
 
-export default {
+  export default {
     name: "JsonEditor",
     props: {
       value: {
@@ -75,37 +75,37 @@ export default {
         return false;
       },
     },
-};
+  };
 </script>
 
 <style scoped>
-.json-editor {
+  .json-editor {
     position: relative;
     height: 100%;
-}
+  }
 
-.json-editor >>> .CodeMirror {
+  .json-editor >>> .CodeMirror {
     height: auto;
     min-height: calc(100vh - 220px);
-}
+  }
 
-.json-editor >>> .CodeMirror-scroll {
+  .json-editor >>> .CodeMirror-scroll {
     min-height: calc(100vh - 220px);
-}
+  }
 
-.json-editor >>> .cm-s-rubyblue span.cm-string {
+  .json-editor >>> .cm-s-rubyblue span.cm-string {
     color: #f08047;
-}
+  }
 
-.json-editor >>> .cm-s-rubyblue .CodeMirror-gutters {
+  .json-editor >>> .cm-s-rubyblue .CodeMirror-gutters {
     padding-right: 10px;
 
     /* background: transparent; */
     border-right: 1px solid #fff;
-}
+  }
 
-.json-editor >>> .cm-s-rubyblue.CodeMirror {
+  .json-editor >>> .cm-s-rubyblue.CodeMirror {
     /* background: #08233e; */
     color: white;
-}
+  }
 </style>

src/components/SelectTree/index.vue

@@ -31,7 +31,7 @@
 </template>
 
 <script>
-export default {
+  export default {
     name: "SelectTreeTemplate",
     props: {
       /* 树形结构数据 */
@@ -157,42 +157,42 @@ export default {
         this.selectKey = keyArr;
       },
     },
-};
+  };
 </script>
 
 <style lang="scss" scoped>
-.el-scrollbar .el-scrollbar__view .el-select-dropdown__item {
+  .el-scrollbar .el-scrollbar__view .el-select-dropdown__item {
     height: auto;
     max-height: 274px;
     padding: 0;
     overflow-y: auto;
-}
+  }
 
-.el-select-dropdown__item.selected {
+  .el-select-dropdown__item.selected {
     font-weight: normal;
-}
+  }
 
-ul li > .el-tree .el-tree-node__content {
+  ul li > .el-tree .el-tree-node__content {
     height: auto;
     padding: 0 20px;
-}
+  }
 
-.el-tree-node__label {
+  .el-tree-node__label {
     font-weight: normal;
-}
+  }
 
-.el-tree > .is-current .el-tree-node__label {
+  .el-tree > .is-current .el-tree-node__label {
     font-weight: 700;
     color: #409eff;
-}
+  }
 
-.el-tree > .is-current .el-tree-node__children .el-tree-node__label {
+  .el-tree > .is-current .el-tree-node__children .el-tree-node__label {
     font-weight: normal;
     color: #606266;
-}
+  }
 </style>
 <style lang="scss">
-/* .vab-tree-select{
+  /* .vab-tree-select{
       .el-tag__close.el-icon-close{
         width:0;
         overflow:hidden;

src/components/VabCharge/index.vue

@@ -23,7 +23,7 @@
 </template>
 
 <script>
-export default {
+  export default {
     name: "VabCharge",
     props: {
       styleObj: {
@@ -53,11 +53,11 @@ export default {
     created() {},
     mounted() {},
     methods: {},
-};
+  };
 </script>
 
 <style lang="scss" scoped>
-.content {
+  .content {
     position: relative;
     display: flex;
     align-items: center; /* 垂直居中 */
@@ -187,5 +187,5 @@ export default {
         filter: contrast(15) hue-rotate(360deg);
       }
     }
-}
+  }
 </style>

src/components/VabImage/index.vue

@@ -17,7 +17,7 @@
 </template>
 
 <script>
-export default {
+  export default {
     name: "VabImage",
     components: {},
     props: {
@@ -47,11 +47,11 @@ export default {
         this.$emit("clickSmall");
       },
     },
-};
+  };
 </script>
 
 <style lang="scss" scoped>
-.vab-image {
+  .vab-image {
     &__outter {
       position: relative;
       width: 100%;
@@ -88,5 +88,5 @@ export default {
         border-radius: $base-border-radius;
       }
     }
-}
+  }
 </style>

src/components/VabProfile/index.vue

@@ -25,7 +25,7 @@
 </template>
 
 <script>
-export default {
+  export default {
     name: "VabProfile",
     props: {
       styleObj: {
@@ -59,11 +59,11 @@ export default {
     created() {},
     mounted() {},
     methods: {},
-};
+  };
 </script>
 
 <style lang="scss" scoped>
-.card {
+  .card {
     --card-bg-color: hsl(240, 31%, 25%);
     --card-bg-color-transparent: hsla(240, 31%, 25%, 0.7);
 
@@ -230,9 +230,9 @@ export default {
         }
       }
     }
-}
+  }
 
-@keyframes bump-in {
+  @keyframes bump-in {
     50% {
       transform: scale(1.05);
     }
@@ -241,9 +241,9 @@ export default {
       opacity: 1;
       transform: scale(1);
     }
-}
+  }
 
-@keyframes slide-in-horizontal {
+  @keyframes slide-in-horizontal {
     50% {
       transform: translateX(0);
     }
@@ -251,9 +251,9 @@ export default {
     to {
       transform: translateX(100%);
     }
-}
+  }
 
-@keyframes slide-in-horizontal-reverse {
+  @keyframes slide-in-horizontal-reverse {
     50% {
       transform: translateX(0);
     }
@@ -261,9 +261,9 @@ export default {
     to {
       transform: translateX(-100%);
     }
-}
+  }
 
-@keyframes slide-in-vertical {
+  @keyframes slide-in-vertical {
     50% {
       transform: translateY(0);
     }
@@ -271,9 +271,9 @@ export default {
     to {
       transform: translateY(-100%);
     }
-}
+  }
 
-@keyframes slide-in-vertical-reverse {
+  @keyframes slide-in-vertical-reverse {
     50% {
       transform: translateY(0);
     }
@@ -281,9 +281,9 @@ export default {
     to {
       transform: translateY(100%);
     }
-}
+  }
 
-@keyframes slide-in-out {
+  @keyframes slide-in-out {
     50% {
       transform: scaleX(1);
       transform-origin: left;
@@ -297,17 +297,17 @@ export default {
       transform: scaleX(0);
       transform-origin: right;
     }
-}
+  }
 
-@keyframes fill-text-white {
+  @keyframes fill-text-white {
     to {
       color: white;
     }
-}
+  }
 
-@keyframes scale-in {
+  @keyframes scale-in {
     to {
       transform: scale(1);
     }
-}
+  }
 </style>

src/components/VabQrCode/index.vue

@@ -5,10 +5,10 @@
 </template>
 
 <script>
-import VueQArt from "vue-qart";
-import qrImg from "@/assets/qr_logo/lqr_logo.png";
+  import VueQArt from "vue-qart";
+  import qrImg from "@/assets/qr_logo/lqr_logo.png";
 
-export default {
+  export default {
     name: "VabQrCode",
     components: {
       VueQArt,
@@ -40,5 +40,5 @@ export default {
     created() {},
     mounted() {},
     methods: {},
-};
+  };
 </script>

src/components/VabSnow/index.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script>
-export default {
+  export default {
     name: "VabSnow",
     props: {
       styleObj: {
@@ -21,27 +21,27 @@ export default {
     created() {},
     mounted() {},
     methods: {},
-};
+  };
 </script>
 
 <style lang="scss" scoped>
-.content {
+  .content {
     position: relative;
     width: 100%;
     height: 100%;
     overflow: hidden;
     background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
     filter: drop-shadow(0 0 10px white);
-}
+  }
 
-@function random_range($min, $max) {
+  @function random_range($min, $max) {
     $rand: random();
     $random_range: $min + floor($rand * (($max - $min) + 1));
 
     @return $random_range;
-}
+  }
 
-.snow {
+  .snow {
     $total: 200;
 
     position: absolute;
@@ -69,7 +69,8 @@ export default {
 
       @keyframes fall-#{$i} {
         #{percentage($random-yoyo-time)} {
-        transform: translate($random-x-end, $random-yoyo-y) scale($random-scale);
+          transform: translate($random-x-end, $random-yoyo-y)
+            scale($random-scale);
         }
 
         to {
@@ -77,5 +78,5 @@ export default {
         }
       }
     }
-}
+  }
 </style>

src/components/VabSticky/index.vue

@@ -16,7 +16,7 @@
 </template>
 
 <script>
-export default {
+  export default {
     name: "VabSticky",
     props: {
       stickyTop: {
@@ -91,5 +91,5 @@ export default {
         }
       },
     },
-};
+  };
 </script>

src/components/VabUpload/index.vue

@@ -11,8 +11,7 @@
         :closable="false"
         :title="`支持jpg、jpeg、png格式，单次可最多选择${limit}张图片，每张不可大于${size}M，如果大于${size}M会自动为您过滤`"
         type="info"
-      >
-      </el-alert>
+      ></el-alert>
       <br />
       <el-upload
         ref="upload"
@@ -68,16 +67,17 @@
         type="success"
         :loading="loading"
         @click="submitUpload"
-        >开始上传
+      >
+        开始上传
       </el-button>
     </div>
   </el-dialog>
 </template>
 
 <script>
-import { tokenName } from "@/config/settings";
+  import { tokenName } from "@/config/settings";
 
-export default {
+  export default {
     name: "VabUpload",
     props: {
       url: {
@@ -228,11 +228,11 @@ export default {
         this.dialogFormVisible = false;
       },
     },
-};
+  };
 </script>
 
 <style lang="scss" scoped>
-.upload {
+  .upload {
     height: 600px;
 
     .upload-content {
@@ -263,5 +263,5 @@ export default {
         }
       }
     }
-}
+  }
 </style>

src/layouts/components/Ad/index.vue

@@ -9,15 +9,15 @@
       indicator-position="none"
     >
       <el-carousel-item v-for="(item, index) in adList" :key="index">
-        <el-tag type="warning"> Ad</el-tag>
-        <a target="_blank" :href="item.url"> {{ item.title }}</a>
+        <el-tag type="warning">Ad</el-tag>
+        <a target="_blank" :href="item.url">{{ item.title }}</a>
       </el-carousel-item>
     </el-carousel>
   </div>
 </template>
 <script>
-import { getList } from "@/api/ad";
-export default {
+  import { getList } from "@/api/ad";
+  export default {
     data() {
       return {
         nodeEnv: process.env.NODE_ENV,
@@ -33,10 +33,10 @@ export default {
         this.adList = data;
       },
     },
-};
+  };
 </script>
 <style lang="scss" scoped>
-.vab-ad {
+  .vab-ad {
     height: 30px;
     padding-right: $base-padding;
     padding-left: $base-padding;
@@ -48,5 +48,5 @@ export default {
     a {
       color: #999;
     }
-}
+  }
 </style>

src/layouts/index.vue

@@ -52,10 +52,10 @@
 </template>
 
 <script>
-import { Ad, AppMain, NavBar, SideBar, TagsBar, TopBar } from "./components";
-import { mapActions, mapGetters } from "vuex";
-import { tokenName } from "@/config/settings";
-export default {
+  import { Ad, AppMain, NavBar, SideBar, TagsBar, TopBar } from "./components";
+  import { mapActions, mapGetters } from "vuex";
+  import { tokenName } from "@/config/settings";
+  export default {
     name: "Layout",
     components: {
       Ad,
@@ -116,7 +116,8 @@ export default {
           "storage",
           (e) => {
             if (e.key === tokenName || e.key === null) window.location.reload();
-          if (e.key === tokenName && e.value === null) window.location.reload();
+            if (e.key === tokenName && e.value === null)
+              window.location.reload();
           },
           false
         );
@@ -146,11 +147,11 @@ export default {
         }
       },
     },
-};
+  };
 </script>
 
 <style lang="scss" scoped>
-@mixin fix-header {
+  @mixin fix-header {
     position: fixed;
     top: 0;
     right: 0;
@@ -158,9 +159,9 @@ export default {
     z-index: $base-z-index - 2;
     width: 100%;
     overflow: hidden;
-}
+  }
 
-.vue-admin-beautiful-wrapper {
+  .vue-admin-beautiful-wrapper {
     position: relative;
     width: 100%;
     height: 100%;
@@ -308,5 +309,5 @@ export default {
     }
 
     /* 手机端结束 */
-}
+  }
 </style>

src/utils/request.js

@@ -36,7 +36,7 @@ service.interceptors.request.use(
     }
     if (process.env.NODE_ENV !== "preview") {
       if (contentType === "application/x-www-form-urlencoded;charset=UTF-8") {
-        if (config.data && !config.data.param) {
+        if (config.data) {
           config.data = qs.stringify(config.data);
         }
       }

src/views/401.vue

@@ -43,7 +43,7 @@
 </template>
 
 <script>
-export default {
+  export default {
     name: "Page401",
     data() {
       return {
@@ -76,11 +76,11 @@ export default {
         }, 1000);
       },
     },
-};
+  };
 </script>
 
 <style lang="scss" scoped>
-.error-container {
+  .error-container {
     position: absolute;
     top: 40%;
     left: 50%;
@@ -292,5 +292,5 @@ export default {
         }
       }
     }
-}
+  }
 </style>

src/views/404.vue

@@ -43,7 +43,7 @@
 </template>
 
 <script>
-export default {
+  export default {
     name: "Page404",
     data() {
       return {
@@ -76,11 +76,11 @@ export default {
         }, 1000);
       },
     },
-};
+  };
 </script>
 
 <style lang="scss" scoped>
-.error-container {
+  .error-container {
     position: absolute;
     top: 40%;
     left: 50%;
@@ -292,5 +292,5 @@ export default {
         }
       }
     }
-}
+  }
 </style>

src/views/index/index.vue

@@ -44,8 +44,8 @@
             :options="fwl"
           />
           <div class="bottom">
-            <span
-              >日均访问量:
+            <span>
+              日均访问量:
 
               <vab-count
                 :start-val="config1.startVal"
@@ -71,8 +71,8 @@
             :options="sqs"
           />
           <div class="bottom">
-            <span
-              >总授权数:
+            <span>
+              总授权数:
               <vab-count
                 :start-val="config2.startVal"
                 :end-val="config2.endVal"
@@ -81,7 +81,8 @@
                 :prefix="config2.prefix"
                 :suffix="config2.suffix"
                 :decimals="config2.decimals"
-            /></span>
+              />
+            </span>
           </div>
         </el-card>
       </el-col>
@@ -98,8 +99,9 @@
             @click="handleClick"
           />
           <div class="bottom">
-            <span
-              >词云数量:<vab-count
+            <span>
+              词云数量:
+              <vab-count
                 :start-val="config3.startVal"
                 :end-val="config3.endVal"
                 :duration="config3.duration"
@@ -107,7 +109,8 @@
                 :prefix="config3.prefix"
                 :suffix="config3.suffix"
                 :decimals="config3.decimals"
-            /></span>
+              />
+            </span>
           </div>
         </el-card>
       </el-col>
@@ -273,12 +276,10 @@
               :title="item.title"
               :type="item.type"
               :closable="item.closable"
-            >
-            </el-alert>
+            ></el-alert>
             <br />
           </div>
-          <el-alert :closable="false" :title="userAgent" type="info">
-          </el-alert>
+          <el-alert :closable="false" :title="userAgent" type="info"></el-alert>
           <br />
         </el-card>
         <el-card shadow="never">
@@ -296,12 +297,12 @@
 </template>
 
 <script>
-import VabChart from "@/plugins/echarts";
-import { dependencies, devDependencies } from "../../../package.json";
-import { getList } from "@/api/changeLog";
-import { getNoticeList } from "@/api/notice";
-import { getRepos, getStargazers } from "@/api/github";
-export default {
+  import VabChart from "@/plugins/echarts";
+  import { dependencies, devDependencies } from "../../../package.json";
+  import { getList } from "@/api/changeLog";
+  import { getNoticeList } from "@/api/notice";
+  import { getRepos, getStargazers } from "@/api/github";
+  export default {
     name: "Index",
     components: {
       VabChart,
@@ -750,10 +751,10 @@ export default {
       }); */
       },
     },
-};
+  };
 </script>
 <style lang="scss" scoped>
-.index-container {
+  .index-container {
     padding: 0 !important;
     margin: 0 !important;
     background: #f5f7f8 !important;
@@ -844,5 +845,5 @@ export default {
         margin: 5px 10px 5px 0;
       }
     }
-}
+  }
 </style>

src/views/login/index.vue

@@ -6,8 +6,7 @@
       type="success"
       :closable="false"
       style="position: fixed;"
-    >
-    </el-alert>
+    ></el-alert>
     <el-row>
       <el-col :xs="24" :sm="24" :md="12" :lg="16" :xl="16">
         <div style="color: transparent;">占位符</div>
@@ -65,7 +64,8 @@
             class="login-btn"
             type="primary"
             @click="handleLogin"
-            >登录
+          >
+            登录
           </el-button>
           <router-link to="/register">
             <div style="margin-top: 20px;">注册</div>
@@ -77,9 +77,9 @@
 </template>
 
 <script>
-import { isPassword } from "@/utils/validate";
+  import { isPassword } from "@/utils/validate";
 
-export default {
+  export default {
     name: "Login",
     directives: {
       focus: {
@@ -176,11 +176,11 @@ export default {
         }, 30000);
       },
     },
-};
+  };
 </script>
 
 <style lang="scss" scoped>
-.login-container {
+  .login-container {
     height: 100vh;
     background: url("~@/assets/login_images/background.jpg") center center fixed
       no-repeat;
@@ -318,5 +318,5 @@ export default {
         }
       }
     }
-}
+  }
 </style>

src/views/mall/goodsDetail/index.vue

@@ -3,12 +3,12 @@
 </template>
 
 <script>
-export default {
+  export default {
     name: "GoodsDetail",
     data() {
       return {};
     },
     created() {},
     methods: {},
-};
+  };
 </script>

src/views/mall/goodsList/index.vue

@@ -17,7 +17,8 @@
               type="primary"
               native-type="submit"
               @click="handleQuery"
-              >查询
+            >
+              查询
             </el-button>
           </el-form-item>
         </el-form>
@@ -64,9 +65,9 @@
 </template>
 
 <script>
-import { getList } from "@/api/goodsList";
+  import { getList } from "@/api/goodsList";
 
-export default {
+  export default {
     name: "Goods",
     components: {},
     data() {
@@ -106,10 +107,10 @@ export default {
         this.total = totalCount;
       },
     },
-};
+  };
 </script>
 <style lang="scss" scoped>
-.goods-list-container {
+  .goods-list-container {
     .goods-list-card-body {
       position: relative;
       text-align: center;
@@ -158,5 +159,5 @@ export default {
         }
       }
     }
-}
+  }
 </style>

src/views/mall/pay/components/Step1.vue

@@ -25,7 +25,7 @@
   </div>
 </template>
 <script>
-export default {
+  export default {
     data() {
       return {
         form: {
@@ -61,12 +61,12 @@ export default {
         });
       },
     },
-};
+  };
 </script>
 <style lang="scss" scoped>
-.pay-button-group {
+  .pay-button-group {
     display: block;
     margin: 20px auto;
     text-align: center;
-}
+  }
 </style>

src/views/mall/pay/components/Step2.vue

@@ -25,15 +25,15 @@
       </el-form-item>
     </el-form>
     <div class="pay-button-group">
-      <el-button type="primary" :loading="loading" @click="handleSubmit"
-        >提交</el-button
-      >
+      <el-button type="primary" :loading="loading" @click="handleSubmit">
+        提交
+      </el-button>
       <el-button @click="handlePrev">上一步</el-button>
     </div>
   </div>
 </template>
 <script>
-export default {
+  export default {
     props: {
       infoData: {
         type: Object,
@@ -73,12 +73,12 @@ export default {
         this.$emit("change-step", 1);
       },
     },
-};
+  };
 </script>
 <style lang="scss" scoped>
-.pay-button-group {
+  .pay-button-group {
     display: block;
     margin: 20px auto;
     text-align: center;
-}
+  }
 </style>

src/views/mall/pay/components/Step3.vue

@@ -32,7 +32,7 @@
   </div>
 </template>
 <script>
-export default {
+  export default {
     props: {
       infoData: {
         type: Object,
@@ -72,10 +72,10 @@ export default {
         this.$emit("change-step", 1);
       },
     },
-};
+  };
 </script>
 <style lang="scss" scoped>
-.pay-top-content {
+  .pay-top-content {
     text-align: center;
 
     .pay-success {
@@ -84,18 +84,18 @@ export default {
       font-size: 40px;
       color: $base-color-green;
     }
-}
+  }
 
-.pay-bottom {
+  .pay-bottom {
     padding: 20px;
     margin-top: 20px;
     background: #f5f7f8;
     border: 1px dashed $base-color-gray;
-}
+  }
 
-.pay-button-group {
+  .pay-button-group {
     display: block;
     margin: 20px auto;
     text-align: center;
-}
+  }
 </style>

src/views/mall/pay/index.vue

@@ -30,10 +30,10 @@
 </template>
 
 <script>
-import Step1 from "./components/Step1";
-import Step2 from "./components/Step2";
-import Step3 from "./components/Step3";
-export default {
+  import Step1 from "./components/Step1";
+  import Step2 from "./components/Step2";
+  import Step3 from "./components/Step3";
+  export default {
     name: "Pay",
     components: { Step1, Step2, Step3 },
     data() {
@@ -48,13 +48,13 @@ export default {
         if (form) this.form = Object.assign(this.form, form);
       },
     },
-};
+  };
 </script>
 <style lang="scss" scoped>
-.pay-container {
+  .pay-container {
     .steps {
       justify-content: center;
       margin-bottom: 20px;
     }
-}
+  }
 </style>

src/views/personalCenter/index.vue

@@ -10,7 +10,7 @@
 </template>
 
 <script>
-export default {
+  export default {
     name: "PersonalCenter",
     data() {
       return {
@@ -19,5 +19,5 @@ export default {
     },
     created() {},
     methods: {},
-};
+  };
 </script>

src/views/personnelManagement/menuManagement/components/MenuManagementEdit.vue

@@ -17,16 +17,16 @@
       </el-form-item>
     </el-form>
     <div slot="footer" class="dialog-footer">
-      <el-button @click="close">取 消 </el-button>
+      <el-button @click="close">取 消</el-button>
       <el-button type="primary" @click="save">确 定</el-button>
     </div>
   </el-dialog>
 </template>
 
 <script>
-import { doEdit } from "@/api/menuManagement";
+  import { doEdit } from "@/api/menuManagement";
 
-export default {
+  export default {
     name: "MenuManagementEdit",
     data() {
       return {
@@ -67,5 +67,5 @@ export default {
         });
       },
     },
-};
+  };
 </script>

src/views/personnelManagement/menuManagement/index.vue

@@ -11,8 +11,8 @@
           node-key="id"
           :default-expanded-keys="['root']"
           @node-click="handleNodeClick"
-        ></el-tree
-      ></el-col>
+        ></el-tree>
+      </el-col>
       <el-col :xs="24" :sm="24" :md="16" :lg="20" :xl="20">
         <vab-query-form>
           <vab-query-form-top-panel :span="12">
@@ -107,11 +107,11 @@
             width="200"
           >
             <template v-slot="scope">
-              <el-button type="text" @click="handleEdit(scope.row)"
-                >编辑
+              <el-button type="text" @click="handleEdit(scope.row)">
+                编辑
               </el-button>
-              <el-button type="text" @click="handleDelete(scope.row)"
-                >删除
+              <el-button type="text" @click="handleDelete(scope.row)">
+                删除
               </el-button>
             </template>
           </el-table-column>
@@ -124,11 +124,11 @@
 </template>
 
 <script>
-import { getRouterList as getList } from "@/api/router";
-import { getTree, doDelete } from "@/api/menuManagement";
-import Edit from "./components/MenuManagementEdit";
+  import { getRouterList as getList } from "@/api/router";
+  import { getTree, doDelete } from "@/api/menuManagement";
+  import Edit from "./components/MenuManagementEdit";
 
-export default {
+  export default {
     name: "MenuManagement",
     components: { Edit },
     data() {
@@ -178,5 +178,5 @@ export default {
         this.fetchData();
       },
     },
-};
+  };
 </script>

src/views/personnelManagement/roleManagement/components/RoleManagementEdit.vue

@@ -18,9 +18,9 @@
 </template>
 
 <script>
-import { doEdit } from "@/api/roleManagement";
+  import { doEdit } from "@/api/roleManagement";
 
-export default {
+  export default {
     name: "RoleManagementEdit",
     data() {
       return {
@@ -65,5 +65,5 @@ export default {
         });
       },
     },
-};
+  };
 </script>

src/views/personnelManagement/roleManagement/index.vue

@@ -5,11 +5,11 @@
     </el-divider>
     <vab-query-form>
       <vab-query-form-left-panel :span="12">
-        <el-button icon="el-icon-plus" type="primary" @click="handleEdit"
-          >添加</el-button
-        >
-        <el-button icon="el-icon-delete" type="danger" @click="handleDelete"
-          >批量删除
+        <el-button icon="el-icon-plus" type="primary" @click="handleEdit">
+          添加
+        </el-button>
+        <el-button icon="el-icon-delete" type="danger" @click="handleDelete">
+          批量删除
         </el-button>
       </vab-query-form-left-panel>
       <vab-query-form-right-panel :span="12">
@@ -22,8 +22,8 @@
             />
           </el-form-item>
           <el-form-item>
-            <el-button icon="el-icon-search" type="primary" @click="queryData"
-              >查询
+            <el-button icon="el-icon-search" type="primary" @click="queryData">
+              查询
             </el-button>
           </el-form-item>
         </el-form>
@@ -41,8 +41,8 @@
         show-overflow-tooltip
         prop="id"
         label="id"
-      ></el-table-column
-      ><el-table-column
+      ></el-table-column>
+      <el-table-column
         show-overflow-tooltip
         prop="permission"
         label="权限码"
@@ -54,11 +54,9 @@
         width="200"
       >
         <template v-slot="scope">
-          <el-button type="text" @click="handleEdit(scope.row)"
-            >编辑
-          </el-button>
-          <el-button type="text" @click="handleDelete(scope.row)"
-            >删除
+          <el-button type="text" @click="handleEdit(scope.row)">编辑</el-button>
+          <el-button type="text" @click="handleDelete(scope.row)">
+            删除
           </el-button>
         </template>
       </el-table-column>
@@ -71,17 +69,16 @@
       :total="total"
       @size-change="handleSizeChange"
       @current-change="handleCurrentChange"
-    >
-    </el-pagination>
+    ></el-pagination>
     <edit ref="edit" @fetchData="fetchData"></edit>
   </div>
 </template>
 
 <script>
-import { getList, doDelete } from "@/api/roleManagement";
-import Edit from "./components/RoleManagementEdit";
+  import { getList, doDelete } from "@/api/roleManagement";
+  import Edit from "./components/RoleManagementEdit";
 
-export default {
+  export default {
     name: "RoleManagement",
     components: { Edit },
     data() {
@@ -156,5 +153,5 @@ export default {
         }, 300);
       },
     },
-};
+  };
 </script>

src/views/personnelManagement/userManagement/components/UserManagementEdit.vue

@@ -34,9 +34,9 @@
 </template>
 
 <script>
-import { doEdit } from "@/api/userManagement";
+  import { doEdit } from "@/api/userManagement";
 
-export default {
+  export default {
     name: "UserManagementEdit",
     data() {
       return {
@@ -50,7 +50,9 @@ export default {
           username: [
             { required: true, trigger: "blur", message: "请输入用户名" },
           ],
-        password: [{ required: true, trigger: "blur", message: "请输入密码" }],
+          password: [
+            { required: true, trigger: "blur", message: "请输入密码" },
+          ],
           email: [{ required: true, trigger: "blur", message: "请输入邮箱" }],
           permissions: [
             { required: true, trigger: "blur", message: "请选择权限" },
@@ -89,5 +91,5 @@ export default {
         });
       },
     },
-};
+  };
 </script>

src/views/personnelManagement/userManagement/index.vue

@@ -2,11 +2,11 @@
   <div class="userManagement-container">
     <vab-query-form>
       <vab-query-form-left-panel :span="12">
-        <el-button icon="el-icon-plus" type="primary" @click="handleEdit"
-          >添加</el-button
-        >
-        <el-button icon="el-icon-delete" type="danger" @click="handleDelete"
-          >批量删除
+        <el-button icon="el-icon-plus" type="primary" @click="handleEdit">
+          添加
+        </el-button>
+        <el-button icon="el-icon-delete" type="danger" @click="handleDelete">
+          批量删除
         </el-button>
       </vab-query-form-left-panel>
       <vab-query-form-right-panel :span="12">
@@ -19,8 +19,8 @@
             />
           </el-form-item>
           <el-form-item>
-            <el-button icon="el-icon-search" type="primary" @click="queryData"
-              >查询
+            <el-button icon="el-icon-search" type="primary" @click="queryData">
+              查询
             </el-button>
           </el-form-item>
         </el-form>
@@ -52,9 +52,9 @@
 
       <el-table-column show-overflow-tooltip label="权限">
         <template v-slot="{ row }">
-          <el-tag v-for="(item, index) in row.permissions" :key="index">{{
-            item
-          }}</el-tag>
+          <el-tag v-for="(item, index) in row.permissions" :key="index">
+            {{ item }}
+          </el-tag>
         </template>
       </el-table-column>
 
@@ -70,11 +70,9 @@
         width="200"
       >
         <template v-slot="scope">
-          <el-button type="text" @click="handleEdit(scope.row)"
-            >编辑
-          </el-button>
-          <el-button type="text" @click="handleDelete(scope.row)"
-            >删除
+          <el-button type="text" @click="handleEdit(scope.row)">编辑</el-button>
+          <el-button type="text" @click="handleDelete(scope.row)">
+            删除
           </el-button>
         </template>
       </el-table-column>
@@ -87,17 +85,16 @@
       :total="total"
       @size-change="handleSizeChange"
       @current-change="handleCurrentChange"
-    >
-    </el-pagination>
+    ></el-pagination>
     <edit ref="edit" @fetchData="fetchData"></edit>
   </div>
 </template>
 
 <script>
-import { getList, doDelete } from "@/api/userManagement";
-import Edit from "./components/UserManagementEdit";
+  import { getList, doDelete } from "@/api/userManagement";
+  import Edit from "./components/UserManagementEdit";
 
-export default {
+  export default {
     name: "UserManagement",
     components: { Edit },
     data() {
@@ -172,5 +169,5 @@ export default {
         }, 300);
       },
     },
-};
+  };
 </script>

src/views/register/index.vue

@@ -6,8 +6,7 @@
       type="success"
       :closable="false"
       style="position: fixed;"
-    >
-    </el-alert>
+    ></el-alert>
     <el-row>
       <el-col :xs="24" :sm="24" :md="12" :lg="16" :xl="16">
         <div style="color: transparent;">占位符</div>
@@ -49,11 +48,12 @@
               v-model.trim="form.phoneCode"
               type="text"
               placeholder="手机验证码"
-              ><vab-icon
+            >
+              <vab-icon
                 slot="prefix"
                 :icon="['fas', 'envelope-open']"
-              ></vab-icon
-            ></el-input>
+              ></vab-icon>
+            </el-input>
             <el-button
               type="primary"
               class="show-pwd phone-code"
@@ -69,15 +69,17 @@
               type="password"
               placeholder="设置密码"
               autocomplete="new-password"
-              ><vab-icon slot="prefix" :icon="['fas', 'unlock']"></vab-icon
-            ></el-input>
+            >
+              <vab-icon slot="prefix" :icon="['fas', 'unlock']"></vab-icon>
+            </el-input>
           </el-form-item>
           <el-form-item>
             <el-button
               class="register-btn"
               type="primary"
               @click.native.prevent="handleReister"
-              >注册
+            >
+              注册
             </el-button>
             <router-link to="/login">
               <div style="margin-top: 20px;">登录</div>
@@ -89,9 +91,9 @@
   </div>
 </template>
 <script>
-import { isPassword, isPhone } from "@/utils/validate";
-import { register } from "@/api/user";
-export default {
+  import { isPassword, isPhone } from "@/utils/validate";
+  import { register } from "@/api/user";
+  export default {
     username: "Register",
     directives: {
       focus: {
@@ -189,10 +191,10 @@ export default {
         });
       },
     },
-};
+  };
 </script>
 <style lang="scss" scoped>
-.register-container {
+  .register-container {
     height: 100vh;
     background: url("~@/assets/login_images/background.jpg") center center fixed
       no-repeat;
@@ -364,5 +366,5 @@ export default {
         }
       }
     }
-}
+  }
 </style>

src/views/test/index.vue

@@ -4,7 +4,7 @@
   </div>
 </template>
 <script>
-export default {
+  export default {
     name: "Test",
     data() {
       return { show: true };
@@ -12,5 +12,5 @@ export default {
     created() {},
     mounted() {},
     methods: {},
-};
+  };
 </script>

src/views/vab/backToTop/index.vue

@@ -8,15 +8,15 @@
 </template>
 
 <script>
-export default {
+  export default {
     name: "BackToTop",
     data() {
       return {};
     },
-};
+  };
 </script>
 <style lang="scss" scoped>
-.placeholder-container div {
+  .placeholder-container div {
     margin: 10px;
-}
+  }
 </style>

src/views/vab/betterScroll/index.vue

@@ -14,8 +14,8 @@
         <el-button @click="handleScrollTo(300)">滚动到300像素位置</el-button>
         <el-button @click="handleScrollBy(100)">向下滚动100像素</el-button>
         <el-button @click="handleScrollBy(-50)">向上滚动50像素</el-button>
-        <el-button @click="handleScrollToElement(15)">滚动到第15个 </el-button>
-        <el-button @click="handleScrollToElement(25)">滚动到第25个 </el-button>
+        <el-button @click="handleScrollToElement(15)">滚动到第15个</el-button>
+        <el-button @click="handleScrollToElement(25)">滚动到第25个</el-button>
       </el-col>
       <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
         <div ref="wrapper" class="right-content">
@@ -29,9 +29,9 @@
 </template>
 
 <script>
-import BScroll from "better-scroll";
+  import BScroll from "better-scroll";
 
-export default {
+  export default {
     name: "BetterScroll",
     data() {
       return {
@@ -70,14 +70,14 @@ export default {
         }
       },
     },
-};
+  };
 </script>
 <style lang="scss" scoped>
-.better-scroll-container {
+  .better-scroll-container {
     .right-content {
       height: 500px;
       margin-top: 40px;
       overflow: hidden;
     }
-}
+  }
 </style>

src/views/vab/card/index.vue

@@ -39,10 +39,10 @@
 </template>
 
 <script>
-import { getList } from "@/api/table";
-import VabImage from "@/components/VabImage";
+  import { getList } from "@/api/table";
+  import VabImage from "@/components/VabImage";
 
-export default {
+  export default {
     name: "Card",
     components: {
       VabImage,
@@ -95,5 +95,5 @@ export default {
         }, 300);
       },
     },
-};
+  };
 </script>

src/views/vab/codeGenerator/components/TableEditor.vue

@@ -8,12 +8,12 @@
 </template>
 
 <script>
-import JsonEditor from "@/components/JsonEditor/index";
+  import JsonEditor from "@/components/JsonEditor/index";
 
-const jsonData =
+  const jsonData =
     '{"code": 200, "msg": "操作成功", "pageNo": 1, "pageSize": 10, "totalPages": 4, "totalCount": 238, "data": [{"id": "", "title": "", "status": "", "author": "", "datetime": "", "pageViews": "", "img": "", "switch": ""}]}';
 
-export default {
+  export default {
     components: { JsonEditor },
     data() {
       return {
@@ -33,5 +33,5 @@ export default {
         this.$emit("change", jsonData);
       },
     },
-};
+  };
 </script>

src/views/vab/codeGenerator/components/TableExhibition.vue

@@ -13,12 +13,12 @@
 </template>
 
 <script>
-import TableExhibitionBody from "./TableExhibitionBody";
-import TableExhibitionQuery from "./TableExhibitionQuery";
-import TableExhibitionHeader from "./TableExhibitionHeader";
-import { genTableSnippet } from "./snippetTable.js";
+  import TableExhibitionBody from "./TableExhibitionBody";
+  import TableExhibitionQuery from "./TableExhibitionQuery";
+  import TableExhibitionHeader from "./TableExhibitionHeader";
+  import { genTableSnippet } from "./snippetTable.js";
 
-export default {
+  export default {
     components: {
       TableExhibitionBody,
       TableExhibitionHeader,
@@ -77,5 +77,5 @@ export default {
       editdata() {},
       test(val) {},
     },
-};
+  };
 </script>

src/views/vab/codeGenerator/components/TableExhibitionBody.vue

@@ -19,13 +19,12 @@
       background
       layout="total, sizes, prev, pager, next, jumper"
       :total="1000"
-    >
-    </el-pagination>
+    ></el-pagination>
   </div>
 </template>
 
 <script>
-export default {
+  export default {
     props: {
       list: {
         type: null,
@@ -56,5 +55,5 @@ export default {
       editdata() {},
       test(val) {},
     },
-};
+  };
 </script>

src/views/vab/codeGenerator/components/TableExhibitionHeader.vue

@@ -17,11 +17,14 @@
             effect="dark"
             placement="top-start"
           >
-            <el-button v-if="header.opt === ''" @click="opt(header, 'template')"
-              >{{ header.opt ? "点击关闭自定义" : "点击开启自定义" }}
+            <el-button
+              v-if="header.opt === ''"
+              @click="opt(header, 'template')"
+            >
+              {{ header.opt ? "点击关闭自定义" : "点击开启自定义" }}
             </el-button>
-            <el-button v-else @click="opt(header, '')"
-              >{{ header.opt ? "点击关闭自定义" : "点击开启自定义" }}
+            <el-button v-else @click="opt(header, '')">
+              {{ header.opt ? "点击关闭自定义" : "点击开启自定义" }}
             </el-button>
           </el-tooltip>
           <el-tooltip
@@ -30,8 +33,8 @@
             effect="dark"
             placement="top-start"
           >
-            <el-button @click="hide(header)"
-              >{{ header.show ? "点击隐藏字段" : "点击显示字段" }}
+            <el-button @click="hide(header)">
+              {{ header.show ? "点击隐藏字段" : "点击显示字段" }}
             </el-button>
           </el-tooltip>
           <div slot="reference" class="table-header-card">
@@ -50,9 +53,9 @@
 </template>
 
 <script>
-import draggable from "vuedraggable";
+  import draggable from "vuedraggable";
 
-export default {
+  export default {
     components: {
       draggable,
     },
@@ -89,10 +92,10 @@ export default {
         header.query = query;
       },
     },
-};
+  };
 </script>
 <style scoped>
-.table-header-card {
+  .table-header-card {
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -102,15 +105,15 @@ export default {
     margin-left: 0;
     border: 1px solid #dcdfe6;
     border-radius: 4px;
-}
+  }
 
-.table-header >>> .el-input__inner {
+  .table-header >>> .el-input__inner {
     border: none;
     border-bottom: 1px solid #9e9e9e;
     border-radius: 0;
-}
+  }
 
-.el-popover {
+  .el-popover {
     min-width: 100px !important;
-}
+  }
 </style>

src/views/vab/codeGenerator/components/TableExhibitionQuery.vue

@@ -2,8 +2,8 @@
   <div class="table-query">
     <div>
       <el-button type="primary" @click="openCodeDialog">查看代码</el-button>
-      <el-button type="primary" @click="handleClipboard(srcTableCode, $event)"
-        >复制代码
+      <el-button type="primary" @click="handleClipboard(srcTableCode, $event)">
+        复制代码
       </el-button>
     </div>
     <el-dialog destroy-on-close title="查看代码" :visible.sync="dialogVisible">
@@ -11,20 +11,23 @@
 
       <span slot="footer" class="dialog-footer">
         <el-button @click="dialogVisible = false">取 消</el-button>
-        <el-button type="primary" @click="closeCodeDialog(srcTableCode, $event)"
-          >复制代码</el-button
+        <el-button
+          type="primary"
+          @click="closeCodeDialog(srcTableCode, $event)"
         >
+          复制代码
+        </el-button>
       </span>
     </el-dialog>
   </div>
 </template>
 
 <script>
-import { mapGetters } from "vuex";
-import clipboard from "@/utils/clipboard";
-import CodeMirror from "codemirror";
+  import { mapGetters } from "vuex";
+  import clipboard from "@/utils/clipboard";
+  import CodeMirror from "codemirror";
 
-export default {
+  export default {
     props: {
       headers: {
         type: Array,
@@ -60,11 +63,11 @@ export default {
         this.dialogVisible = false;
       },
     },
-};
+  };
 </script>
 
 <style lang="scss" scoped>
-.table-query {
+  .table-query {
     display: flex;
     justify-content: flex-end;
     height: 45px;
@@ -75,5 +78,5 @@ export default {
         min-height: calc(100vh - 420px);
       }
     }
-}
+  }
 </style>

src/views/vab/codeGenerator/index.vue

@@ -12,10 +12,10 @@
 </template>
 
 <script>
-import TableEditor from "./components/TableEditor";
-import TableExhibition from "./components/TableExhibition";
+  import TableEditor from "./components/TableEditor";
+  import TableExhibition from "./components/TableExhibition";
 
-export default {
+  export default {
     name: "Index",
     components: {
       TableEditor,
@@ -32,5 +32,5 @@ export default {
         this.tableData = JSON.parse(val);
       },
     },
-};
+  };
 </script>

src/views/vab/echarts/index.vue

@@ -65,10 +65,10 @@
 </template>
 
 <script>
-import * as echarts from "echarts";
-import VabChart from "@/plugins/echarts";
+  import * as echarts from "echarts";
+  import VabChart from "@/plugins/echarts";
 
-export default {
+  export default {
     name: "Echarts",
     components: {
       VabChart,
@@ -645,11 +645,11 @@ export default {
     },
     mounted() {},
     methods: {},
-};
+  };
 </script>
 
 <style lang="scss" scoped>
-.echarts {
+  .echarts {
     width: 100%;
-}
+  }
 </style>

src/views/vab/editor/index.vue

@@ -14,7 +14,7 @@
         <vab-quill v-model="form.content" :min-height="400"></vab-quill>
       </el-form-item>
       <el-form-item>
-        <el-button type="primary" @click="handleSee">预览效果 </el-button>
+        <el-button type="primary" @click="handleSee">预览效果</el-button>
         <el-button type="primary" @click="handleSave">保存</el-button>
       </el-form-item>
     </el-form>
@@ -28,8 +28,8 @@
 </template>
 
 <script>
-import vabQuill from "@/plugins/vabQuill";
-export default {
+  import vabQuill from "@/plugins/vabQuill";
+  export default {
     name: "Editor",
     components: { vabQuill },
     data() {
@@ -93,10 +93,10 @@ export default {
         });
       },
     },
-};
+  };
 </script>
 <style lang="scss" scoped>
-.editor-container {
+  .editor-container {
     .news {
       &-title {
         text-align: center;
@@ -124,5 +124,5 @@ export default {
         }
       }
     }
-}
+  }
 </style>

src/views/vab/element/index.vue

@@ -2,8 +2,8 @@
   <div class="element-container">
     <el-row :gutter="20">
       <el-col :xs="24" :sm="24" :md="18" :lg="18" :xl="16">
-        <el-button type="primary" @click="dialogVisible = !dialogVisible"
-          >element全部文档点这里
+        <el-button type="primary" @click="dialogVisible = !dialogVisible">
+          element全部文档点这里
         </el-button>
         <el-dialog
           :fullscreen="true"
@@ -16,8 +16,8 @@
             frameborder="0"
           ></iframe>
         </el-dialog>
-        <el-divider content-position="left"
-          >Tag 标签
+        <el-divider content-position="left">
+          Tag 标签
           <a
             target="_blank"
             href="https://element.eleme.cn/#/zh-CN/component/tag"
@@ -36,8 +36,8 @@
         <el-tag effect="dark" type="warning">标签四</el-tag>
         <el-tag effect="dark" type="danger">标签五</el-tag>
 
-        <el-divider content-position="left"
-          >进度条
+        <el-divider content-position="left">
+          进度条
           <a
             target="_blank"
             href="https://element.eleme.cn/#/zh-CN/component/progress"
@@ -90,8 +90,8 @@
           status="exception"
         ></el-progress>
 
-        <el-divider content-position="left"
-          >按钮
+        <el-divider content-position="left">
+          按钮
           <a
             target="_blank"
             href="https://element.eleme.cn/#/zh-CN/component/button"
@@ -133,13 +133,14 @@
         <el-button type="primary" icon="el-icon-share"></el-button>
         <el-button type="primary" icon="el-icon-delete"></el-button>
         <el-button type="primary" icon="el-icon-search">搜索</el-button>
-        <el-button type="primary"
-          >上传<i class="el-icon-upload el-icon--right"></i
-        ></el-button>
+        <el-button type="primary">
+          上传
+          <i class="el-icon-upload el-icon--right"></i>
+        </el-button>
         <el-button type="primary" :loading="true">加载中</el-button>
 
-        <el-divider content-position="left"
-          >文字链接
+        <el-divider content-position="left">
+          文字链接
           <a
             target="_blank"
             href="https://element.eleme.cn/#/zh-CN/component/link"
@@ -147,8 +148,8 @@
             文档
           </a>
         </el-divider>
-        <el-link href="https://element.eleme.io" target="_blank"
-          >默认链接
+        <el-link href="https://element.eleme.io" target="_blank">
+          默认链接
         </el-link>
         <el-link type="primary">主要链接</el-link>
         <el-link type="success">成功链接</el-link>
@@ -163,8 +164,8 @@
         <el-link type="info" disabled>信息链接</el-link>
         <el-link :underline="false">无下划线</el-link>
         <el-link>有下划线</el-link>
-        <el-divider content-position="left"
-          >头像
+        <el-divider content-position="left">
+          头像
           <a
             target="_blank"
             href="https://element.eleme.cn/#/zh-CN/component/avatar"
@@ -173,8 +174,8 @@
           </a>
         </el-divider>
         <el-avatar icon="el-icon-user-solid"></el-avatar>
-        <el-divider content-position="left"
-          >页头
+        <el-divider content-position="left">
+          页头
           <a
             target="_blank"
             href="https://element.eleme.cn/#/zh-CN/component/page-header"
@@ -183,8 +184,8 @@
           </a>
         </el-divider>
         <el-page-header content="详情页面"></el-page-header>
-        <el-divider content-position="left"
-          >面包屑
+        <el-divider content-position="left">
+          面包屑
           <a
             target="_blank"
             href="https://element.eleme.cn/#/zh-CN/component/breadcrumb"
@@ -204,7 +205,7 @@
 </template>
 
 <script>
-export default {
+  export default {
     name: "Element",
     components: {},
     data() {
@@ -215,11 +216,11 @@ export default {
     created() {},
     mounted() {},
     methods: {},
-};
+  };
 </script>
 
 <style lang="scss" scoped>
-.element-container {
+  .element-container {
     ::v-deep {
       .el-dialog__wrapper {
         position: fixed;
@@ -249,5 +250,5 @@ export default {
       width: 100%;
       height: 89vh;
     }
-}
+  }
 </style>

src/views/vab/errorLog/components/ErrorTest.vue

@@ -4,10 +4,10 @@
 </template>
 
 <script>
-export default {
+  export default {
     name: "ErrorTest",
     data() {
       return {};
     },
-};
+  };
 </script>

src/views/vab/errorLog/index.vue

@@ -1,19 +1,19 @@
 <template>
   <div class="errorLog-container">
-    <el-divider content-position="left"
-      >这里会在顶部navbar上模拟一个控制台错误日志
+    <el-divider content-position="left">
+      这里会在顶部navbar上模拟一个控制台错误日志
     </el-divider>
-    <el-button type="primary" @click="handleError"
-      >点击模拟一个chuzhixinjiayou的错误
+    <el-button type="primary" @click="handleError">
+      点击模拟一个chuzhixinjiayou的错误
     </el-button>
     <error-test v-if="show" />
   </div>
 </template>
 
 <script>
-import ErrorTest from "./components/ErrorTest";
+  import ErrorTest from "./components/ErrorTest";
 
-export default {
+  export default {
     name: "ErrorLog",
     components: { ErrorTest },
     data() {
@@ -24,5 +24,5 @@ export default {
         this.show = true;
       },
     },
-};
+  };
 </script>

src/views/vab/form/index.vue

@@ -39,8 +39,8 @@
             <el-input v-model="ruleForm.desc" type="textarea"></el-input>
           </el-form-item>
           <el-form-item>
-            <el-button type="primary" @click="submitForm('ruleForm')"
-              >立即创建
+            <el-button type="primary" @click="submitForm('ruleForm')">
+              立即创建
             </el-button>
             <el-button @click="resetForm('ruleForm')">重置</el-button>
           </el-form-item>
@@ -51,7 +51,7 @@
 </template>
 
 <script>
-export default {
+  export default {
     name: "Form",
     data() {
       return {
@@ -66,7 +66,12 @@ export default {
         rules: {
           name: [
             { required: true, message: "请输入活动名称", trigger: "blur" },
-          { min: 3, max: 5, message: "长度在 3 到 5 个字符", trigger: "blur" },
+            {
+              min: 3,
+              max: 5,
+              message: "长度在 3 到 5 个字符",
+              trigger: "blur",
+            },
           ],
           region: [
             { required: true, message: "请选择活动区域", trigger: "change" },
@@ -82,7 +87,9 @@ export default {
           resource: [
             { required: true, message: "请选择活动资源", trigger: "change" },
           ],
-        desc: [{ required: true, message: "请填写活动形式", trigger: "blur" }],
+          desc: [
+            { required: true, message: "请填写活动形式", trigger: "blur" },
+          ],
         },
       };
     },
@@ -100,5 +107,5 @@ export default {
         this.$refs[formName].resetFields();
       },
     },
-};
+  };
 </script>

src/views/vab/icon/colorfulIcon.vue

@@ -2,8 +2,8 @@
   <div class="colorful-icon-container">
     <el-row :gutter="20">
       <el-col :span="24">
-        <el-divider content-position="left"
-          >多彩图标在演示环境中使用的是cdn加速服务，开发时需存储到本地，使用方法可查看群文档，点击图标即可复制源码
+        <el-divider content-position="left">
+          多彩图标在演示环境中使用的是cdn加速服务，开发时需存储到本地，使用方法可查看群文档，点击图标即可复制源码
         </el-divider>
       </el-col>
       <el-col :span="24">
@@ -12,8 +12,8 @@
             <el-input v-model="queryForm.title"></el-input>
           </el-form-item>
           <el-form-item label-width="0">
-            <el-button native-type="submit" type="primary" @click="queryData"
-              >搜索
+            <el-button native-type="submit" type="primary" @click="queryData">
+              搜索
             </el-button>
           </el-form-item>
 
@@ -60,10 +60,10 @@
 </template>
 
 <script>
-import { getIconList } from "@/api/colorfulIcon";
-import clip from "@/utils/clipboard";
+  import { getIconList } from "@/api/colorfulIcon";
+  import clip from "@/utils/clipboard";
 
-export default {
+  export default {
     name: "ColorfulIcon",
     data() {
       return {
@@ -111,11 +111,11 @@ export default {
         clip(copyText, event);
       },
     },
-};
+  };
 </script>
 
 <style lang="scss" scoped>
-.colorful-icon-container {
+  .colorful-icon-container {
     ::v-deep {
       .el-card__body {
         position: relative;
@@ -151,5 +151,5 @@ export default {
       text-overflow: ellipsis;
       white-space: nowrap;
     }
-}
+  }
 </style>

src/views/vab/icon/index.vue

@@ -10,8 +10,8 @@
             <el-input v-model="queryForm.title"></el-input>
           </el-form-item>
           <el-form-item label-width="0">
-            <el-button native-type="submit" type="primary" @click="queryData"
-              >搜索
+            <el-button native-type="submit" type="primary" @click="queryData">
+              搜索
             </el-button>
           </el-form-item>
         </el-form>
@@ -52,10 +52,10 @@
 </template>
 
 <script>
-import clip from "@/utils/clipboard";
-import { getIconList } from "@/api/icon";
+  import clip from "@/utils/clipboard";
+  import { getIconList } from "@/api/icon";
 
-export default {
+  export default {
     name: "AwesomeIcon",
     data() {
       return {
@@ -102,11 +102,11 @@ export default {
         clip(copyText, event);
       },
     },
-};
+  };
 </script>
 
 <style lang="scss" scoped>
-.icon-container {
+  .icon-container {
     ::v-deep {
       .el-card__body {
         position: relative;
@@ -137,5 +137,5 @@ export default {
       text-overflow: ellipsis;
       white-space: nowrap;
     }
-}
+  }
 </style>

src/views/vab/icon/remixIcon.vue

@@ -2,8 +2,8 @@
   <div class="colorful-icon-container">
     <el-row :gutter="20">
       <el-col :span="24">
-        <el-divider content-position="left"
-          >小清新图标在演示环境中使用的是cdn加速服务，开发时需存储到本地，使用方法可查看群文档，点击图标即可复制源码，点击图标即可复制源码
+        <el-divider content-position="left">
+          小清新图标在演示环境中使用的是cdn加速服务，开发时需存储到本地，使用方法可查看群文档，点击图标即可复制源码，点击图标即可复制源码
         </el-divider>
       </el-col>
       <el-col :span="24">
@@ -12,8 +12,8 @@
             <el-input v-model="queryForm.title"></el-input>
           </el-form-item>
           <el-form-item label-width="0">
-            <el-button native-type="submit" type="primary" @click="queryData"
-              >搜索
+            <el-button native-type="submit" type="primary" @click="queryData">
+              搜索
             </el-button>
           </el-form-item>
 
@@ -62,10 +62,10 @@
 </template>
 
 <script>
-import { getIconList } from "@/api/remixIcon";
-import clip from "@/utils/clipboard";
+  import { getIconList } from "@/api/remixIcon";
+  import clip from "@/utils/clipboard";
 
-export default {
+  export default {
     name: "RemixIcon",
     data() {
       return {
@@ -113,11 +113,11 @@ export default {
         clip(copyText, event);
       },
     },
-};
+  };
 </script>
 
 <style lang="scss" scoped>
-.colorful-icon-container {
+  .colorful-icon-container {
     ::v-deep {
       .el-card__body {
         position: relative;
@@ -149,5 +149,5 @@ export default {
       text-overflow: ellipsis;
       white-space: nowrap;
     }
-}
+  }
 </style>

src/views/vab/imgComparison/index.vue

@@ -25,10 +25,10 @@
 </template>
 
 <script>
-import VabComparison from "@/plugins/vabComparison";
-import { random } from "@/utils";
+  import VabComparison from "@/plugins/vabComparison";
+  import { random } from "@/utils";
 
-export default {
+  export default {
     name: "ImgComparison",
     components: { VabComparison },
     data() {
@@ -49,5 +49,5 @@ export default {
         return random(m, n).toString();
       },
     },
-};
+  };
 </script>

src/views/vab/loading/index.vue

@@ -11,28 +11,30 @@
     <el-button type="primary" @click="handleLoading(7)">效果7</el-button>
     <el-button type="primary" @click="handleLoading(8)">效果8</el-button>
     <el-button type="primary" @click="handleLoading(9)">效果9</el-button>
-    <el-button type="primary" @click="test()"
-      >全局默认骨架屏(仿支付宝)
+    <el-button type="primary" @click="test()">
+      全局默认骨架屏(仿支付宝)
     </el-button>
-    <br /><br /><br />
+    <br />
+    <br />
+    <br />
     <el-divider content-position="left">多彩loading</el-divider>
-    <el-button type="primary" @click="handleColorfullLoading(1)"
-      >效果1
+    <el-button type="primary" @click="handleColorfullLoading(1)">
+      效果1
     </el-button>
-    <el-button type="primary" @click="handleColorfullLoading(2)"
-      >效果2
+    <el-button type="primary" @click="handleColorfullLoading(2)">
+      效果2
     </el-button>
-    <el-button type="primary" @click="handleColorfullLoading(3)"
-      >效果3
+    <el-button type="primary" @click="handleColorfullLoading(3)">
+      效果3
     </el-button>
-    <el-button type="primary" @click="handleColorfullLoading(4)"
-      >效果4
+    <el-button type="primary" @click="handleColorfullLoading(4)">
+      效果4
     </el-button>
   </div>
 </template>
 
 <script>
-export default {
+  export default {
     name: "Loading",
     data() {
       return {};
@@ -48,11 +50,11 @@ export default {
         location.reload();
       },
     },
-};
+  };
 </script>
 
 <style lang="scss" scoped>
-.loading-container {
+  .loading-container {
     ::v-deep {
       .el-button {
         margin-top: 10px;
@@ -65,5 +67,5 @@ export default {
         margin-left: 0;
       }
     }
-}
+  }
 </style>

src/views/vab/lodash/index.vue

@@ -7,7 +7,8 @@
             type="primary"
             href="https://www.lodashjs.com/"
             target="_blank"
-            >lodashjs官网
+          >
+            lodashjs官网
           </el-link>
         </el-card>
       </el-col>
@@ -187,7 +188,7 @@
 </template>
 
 <script>
-export default {
+  export default {
     name: "Lodash",
     data() {
       return {};
@@ -195,10 +196,10 @@ export default {
     created() {},
     mounted() {},
     methods: {},
-};
+  };
 </script>
 <style lang="scss" scoped>
-.lodash-container {
+  .lodash-container {
     text-align: left;
 
     ::v-deep {
@@ -206,5 +207,5 @@ export default {
         min-height: 150px;
       }
     }
-}
+  }
 </style>

src/views/vab/magnifier/index.vue

@@ -24,12 +24,12 @@
 </template>
 
 <script>
-import VabMagnifier from "@/plugins/vabMagnifier.js";
+  import VabMagnifier from "@/plugins/vabMagnifier.js";
 
-export default {
+  export default {
     name: "Magnifier",
     components: {
       VabMagnifier,
     },
-};
+  };
 </script>

src/views/vab/map/amap.vue

@@ -7,7 +7,7 @@
 </template>
 
 <script>
-export default {
+  export default {
     name: "Amap",
     data() {
       return {};
@@ -15,13 +15,13 @@ export default {
     created() {},
     mounted() {},
     methods: {},
-};
+  };
 </script>
 <style lang="scss" scoped>
-.amap-container {
+  .amap-container {
     .container {
       width: 100%;
       height: calc(100vh - 214px);
     }
-}
+  }
 </style>

src/views/vab/map/index.vue

@@ -5,9 +5,9 @@
 </template>
 
 <script>
-import axios from "axios";
-import * as mapv from "mapv";
-export default {
+  import axios from "axios";
+  import * as mapv from "mapv";
+  export default {
     name: "Map",
     components: {},
     data() {
@@ -103,13 +103,13 @@ export default {
       });
     },
     methods: {},
-};
+  };
 </script>
 <style lang="scss" scoped>
-.map-container {
+  .map-container {
     .container {
       width: 100%;
       height: calc(100vh - 214px);
     }
-}
+  }
 </style>

src/views/vab/markdown/index.vue

@@ -6,18 +6,17 @@
         :key="index"
         :label="item.label"
         :value="item.value"
-      >
-      </el-option>
+      ></el-option>
     </el-select>
     <div v-html="prettierList"></div>
   </div>
 </template>
 
 <script>
-import marked from "marked";
-import "github-markdown-css/github-markdown.css";
-import { getList } from "@/api/markdown";
-export default {
+  import marked from "marked";
+  import "github-markdown-css/github-markdown.css";
+  import { getList } from "@/api/markdown";
+  export default {
     name: "Markdown",
     data() {
       return {
@@ -65,5 +64,5 @@ export default {
         }, 500);
       },
     },
-};
+  };
 </script>

src/views/vab/markdownEditor/index.vue

@@ -23,9 +23,9 @@
 </template>
 
 <script>
-import VabMarkdownEditor from "@/plugins/vabMarkdownEditor";
+  import VabMarkdownEditor from "@/plugins/vabMarkdownEditor";
 
-export default {
+  export default {
     name: "MarkdownEditor",
     components: { VabMarkdownEditor },
     data() {
@@ -47,5 +47,5 @@ export default {
         this.html = html;
       },
     },
-};
+  };
 </script>

src/views/vab/more/index.vue

@@ -8,8 +8,8 @@
         <el-card>
           <div slot="header">
             开源版本
-            <el-button style="float: right; padding: 3px 0;" type="text"
-              >永久免费 个人/商业使用
+            <el-button style="float: right; padding: 3px 0;" type="text">
+              永久免费 个人/商业使用
             </el-button>
           </div>
           <div>
@@ -21,8 +21,9 @@
                 <a
                   target="_blank"
                   href="https://github.com/chuzhixin/vue-admin-beautiful"
-                  >支持白嫖，也请给个star</a
                 >
+                  支持白嫖，也请给个star
+                </a>
               </li>
               <li>
                 提供讨论群专属文档，QQ群 972435319
@@ -36,9 +37,9 @@
         <el-card>
           <div slot="header">
             VIP群
-            <el-button style="float: right; padding: 3px 0;" type="text"
-              >￥100</el-button
-            >
+            <el-button style="float: right; padding: 3px 0;" type="text">
+              ￥100
+            </el-button>
           </div>
           <div>
             <ul>
@@ -56,9 +57,9 @@
         <el-card>
           <div slot="header">
             商业用途 完全自定义版权
-            <el-button style="float: right; padding: 3px 0;" type="text"
-              >￥299</el-button
-            >
+            <el-button style="float: right; padding: 3px 0;" type="text">
+              ￥299
+            </el-button>
           </div>
           <div>
             <ul>
@@ -78,7 +79,7 @@
 </template>
 
 <script>
-export default {
+  export default {
     name: "More",
     components: {},
     data() {
@@ -87,10 +88,10 @@ export default {
     created() {},
     mounted() {},
     methods: {},
-};
+  };
 </script>
 <style lang="scss" scoped>
-.more-container {
+  .more-container {
     ::v-deep {
       .el-card__body {
         > div {
@@ -111,5 +112,5 @@ export default {
         }
       }
     }
-}
+  }
 </style>

src/views/vab/nested/menu1/menu1-1/index.vue

@@ -1,13 +1,13 @@
 <template>
   <div class="menu1-1-container">
     <el-alert :closable="false" title="嵌套路由 1-1" type="success">
-      <router-view
-    /></el-alert>
+      <router-view />
+    </el-alert>
   </div>
 </template>
 <style lang="scss" scoped>
-[class*="-container"] {
+  [class*="-container"] {
     padding: 15px;
     background: $base-color-white;
-}
+  }
 </style>

src/views/vab/nested/menu1/menu1-1/menu1-1-1/index.vue

@@ -8,8 +8,8 @@
   </div>
 </template>
 <style lang="scss" scoped>
-[class*="-container"] {
+  [class*="-container"] {
     padding: 15px;
     background: $base-color-white;
-}
+  }
 </style>

src/views/vab/permissions/index.vue

@@ -14,8 +14,8 @@
       </el-form-item>
 
       <el-form-item>
-        <el-button type="primary" @click="handleChangePermission"
-          >切换权限
+        <el-button type="primary" @click="handleChangePermission">
+          切换权限
         </el-button>
       </el-form-item>
       <el-form-item label="当前账号拥有的权限">
@@ -119,12 +119,12 @@
 </template>
 
 <script>
-import { mapGetters } from "vuex";
-import { tokenTableName } from "@/config/settings";
-import { getRouterList } from "@/api/router";
-import JsonEditor from "@/components/JsonEditor";
+  import { mapGetters } from "vuex";
+  import { tokenTableName } from "@/config/settings";
+  import { getRouterList } from "@/api/router";
+  import JsonEditor from "@/components/JsonEditor";
 
-export default {
+  export default {
     name: "Permissions",
     components: {
       JsonEditor,
@@ -152,7 +152,10 @@ export default {
     },
     methods: {
       handleChangePermission() {
-      localStorage.setItem(tokenTableName, `${this.form.account}-accessToken`);
+        localStorage.setItem(
+          tokenTableName,
+          `${this.form.account}-accessToken`
+        );
         location.reload();
       },
       async fetchData() {
@@ -161,5 +164,5 @@ export default {
         this.res = res;
       },
     },
-};
+  };
 </script>

src/views/vab/player/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="player-container">
-    <el-divider content-position="left"
-      >视频地址采用cdn加速服务，开发时需部署到到本地，使用方法可查看群文档
+    <el-divider content-position="left">
+      视频地址采用cdn加速服务，开发时需部署到到本地，使用方法可查看群文档
     </el-divider>
     <el-row :gutter="20">
       <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
@@ -33,9 +33,9 @@
 </template>
 
 <script>
-import { VabPlayerMp4, VabPlayerHls } from "@/plugins/vabPlayer.js";
+  import { VabPlayerMp4, VabPlayerHls } from "@/plugins/vabPlayer.js";
 
-export default {
+  export default {
     name: "Player",
     components: {
       VabPlayerMp4,
@@ -69,5 +69,5 @@ export default {
     created() {},
     mounted() {},
     methods: {},
-};
+  };
 </script>

src/views/vab/qrCode/index.vue

@@ -14,9 +14,9 @@
 </template>
 
 <script>
-import VabQrCode from "@/components/VabQrCode";
+  import VabQrCode from "@/components/VabQrCode";
 
-export default {
+  export default {
     name: "QrCode",
     components: {
       VabQrCode,
@@ -30,11 +30,11 @@ export default {
     created() {},
     mounted() {},
     methods: {},
-};
+  };
 </script>
 
 <style lang="scss" scoped>
-.qr-code-container {
+  .qr-code-container {
     ::v-deep {
       .el-card__body {
         display: flex;
@@ -42,5 +42,5 @@ export default {
         justify-content: center;
       }
     }
-}
+  }
 </style>

src/views/vab/smallComponents/index.vue

@@ -20,7 +20,8 @@
               style="float: right; padding: 3px 0;"
               type="text"
               @click="handleProfile"
-              >重载
+            >
+              重载
             </el-button>
           </div>
           <vab-profile
@@ -43,11 +44,11 @@
 </template>
 
 <script>
-import VabSnow from "@/components/VabSnow";
-import VabProfile from "@/components/VabProfile";
-import VabCharge from "@/components/VabCharge";
+  import VabSnow from "@/components/VabSnow";
+  import VabProfile from "@/components/VabProfile";
+  import VabCharge from "@/components/VabCharge";
 
-export default {
+  export default {
     name: "Sticky",
     components: {
       VabSnow,
@@ -93,10 +94,10 @@ export default {
         });
       },
     },
-};
+  };
 </script>
 <style lang="scss" scoped>
-.small-components-container {
+  .small-components-container {
     ::v-deep {
       .el-card__body {
         display: flex;
@@ -105,5 +106,5 @@ export default {
         height: 430px;
       }
     }
-}
+  }
 </style>

src/views/vab/sticky/index.vue

@@ -280,9 +280,9 @@
 </template>
 
 <script>
-import VabSticky from "@/components/VabSticky";
+  import VabSticky from "@/components/VabSticky";
 
-export default {
+  export default {
     name: "Sticky",
     components: { VabSticky },
     data() {
@@ -302,13 +302,13 @@ export default {
         },
       };
     },
-};
+  };
 </script>
 <style lang="scss" scoped>
-.sticky-container {
+  .sticky-container {
     div {
       height: 40px;
       line-height: 40px;
     }
-}
+  }
 </style>

src/views/vab/table/components/TableEdit.vue

@@ -21,9 +21,9 @@
 </template>
 
 <script>
-import { doEdit } from "@/api/table";
+  import { doEdit } from "@/api/table";
 
-export default {
+  export default {
     name: "TableEdit",
     data() {
       return {
@@ -71,5 +71,5 @@ export default {
         });
       },
     },
-};
+  };
 </script>

src/views/vab/table/index.vue

@@ -2,11 +2,11 @@
   <div class="table-container">
     <vab-query-form>
       <vab-query-form-left-panel>
-        <el-button icon="el-icon-plus" type="primary" @click="handleAdd"
-          >添加
+        <el-button icon="el-icon-plus" type="primary" @click="handleAdd">
+          添加
         </el-button>
-        <el-button icon="el-icon-delete" type="danger" @click="handleDelete"
-          >删除
+        <el-button icon="el-icon-delete" type="danger" @click="handleDelete">
+          删除
         </el-button>
         <el-button type="primary" @click="testMessage">baseMessage</el-button>
         <el-button type="primary" @click="testALert">baseAlert</el-button>
@@ -29,7 +29,8 @@
               type="primary"
               native-type="submit"
               @click="handleQuery"
-              >查询
+            >
+              查询
             </el-button>
           </el-form-item>
         </el-form>
@@ -87,8 +88,8 @@
             effect="dark"
             placement="top-start"
           >
-            <el-tag :type="scope.row.status | statusFilter"
-              >{{ scope.row.status }}
+            <el-tag :type="scope.row.status | statusFilter">
+              {{ scope.row.status }}
             </el-tag>
           </el-tooltip>
         </template>
@@ -106,11 +107,9 @@
         fixed="right"
       >
         <template slot-scope="scope">
-          <el-button type="text" @click="handleEdit(scope.row)"
-            >编辑
-          </el-button>
-          <el-button type="text" @click="handleDelete(scope.row)"
-            >删除
+          <el-button type="text" @click="handleEdit(scope.row)">编辑</el-button>
+          <el-button type="text" @click="handleDelete(scope.row)">
+            删除
           </el-button>
         </template>
       </el-table-column>
@@ -129,9 +128,9 @@
 </template>
 
 <script>
-import { getList, doDelete } from "@/api/table";
-import TableEdit from "./components/TableEdit";
-export default {
+  import { getList, doDelete } from "@/api/table";
+  import TableEdit from "./components/TableEdit";
+  export default {
     name: "ComprehensiveTable",
     components: {
       TableEdit,
@@ -261,5 +260,5 @@ export default {
         this.$baseNotify("测试消息提示", "test", "success", "bottom-right");
       },
     },
-};
+  };
 </script>

src/views/vab/table/inlineEditTable.vue

@@ -66,9 +66,9 @@
 </template>
 
 <script>
-import { getList } from "@/api/table";
+  import { getList } from "@/api/table";
 
-export default {
+  export default {
     name: "InlineEditTable",
     data() {
       return {
@@ -105,5 +105,5 @@ export default {
         row.originalTitle = row.title;
       },
     },
-};
+  };
 </script>

src/views/vab/tree/index.vue

@@ -32,21 +32,24 @@
                 class="vab-tree-btn"
                 title="添加"
                 @click="() => append(node, data, 0)"
-                ><i class="el-icon-plus"></i
-              ></a>
+              >
+                <i class="el-icon-plus"></i>
+              </a>
               <a
                 class="vab-tree-btn"
                 title="编辑"
                 @click="() => edit(node, data, 1)"
-                ><i class="el-icon-edit"></i
-              ></a>
+              >
+                <i class="el-icon-edit"></i>
+              </a>
               <a
                 v-if="node.data.rank !== 1"
                 class="vab-tree-btn"
                 title="刪除"
                 @click="() => remove(node, data)"
-                ><i class="el-icon-delete"></i
-              ></a>
+              >
+                <i class="el-icon-delete"></i>
+              </a>
             </span>
           </span>
         </el-tree>
@@ -85,9 +88,9 @@
                 >
                   <i class="el-icon-plus"></i>
                 </a>
-                <a class="vab-tree-btn" title="编辑"
-                  ><i class="el-icon-edit"></i
-                ></a>
+                <a class="vab-tree-btn" title="编辑">
+                  <i class="el-icon-edit"></i>
+                </a>
                 <a
                   v-if="node.data.rank !== 1"
                   class="vab-tree-btn"
@@ -119,12 +122,16 @@
               </span>
               <span class="vab-tree-options">
                 <!-- <a v-if="node.data.rank !== 4" class="vab-tree-btn" title="添加""><i class="el-icon-plus"></i></a> -->
-                <a class="vab-tree-btn" title="编辑"
-                  ><i class="el-icon-edit"></i
-                ></a>
-                <a v-if="node.data.rank !== 1" class="vab-tree-btn" title="刪除"
-                  ><i class="el-icon-delete"></i
-                ></a>
+                <a class="vab-tree-btn" title="编辑">
+                  <i class="el-icon-edit"></i>
+                </a>
+                <a
+                  v-if="node.data.rank !== 1"
+                  class="vab-tree-btn"
+                  title="刪除"
+                >
+                  <i class="el-icon-delete"></i>
+                </a>
               </span>
             </span>
           </el-tree>
@@ -214,9 +221,9 @@
 </template>
 
 <script>
-import { getTreeList } from "@/api/tree";
+  import { getTreeList } from "@/api/tree";
 
-export default {
+  export default {
     name: "Tree",
     data() {
       return {
@@ -467,5 +474,5 @@ export default {
       },
       /* 单选/多选树方法-------------------结束 */
     },
-};
+  };
 </script>

src/views/vab/upload/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="upload-container">
-    <el-divider content-position="left">演示环境可能无法模拟上传 </el-divider>
+    <el-divider content-position="left">演示环境可能无法模拟上传</el-divider>
     <vab-upload
       ref="vabUpload"
       url="/upload"
@@ -8,16 +8,16 @@
       :limit="50"
       :size="2"
     ></vab-upload>
-    <el-button type="primary" @click="handleShow({ key: 'value' })"
-      >模拟上传
+    <el-button type="primary" @click="handleShow({ key: 'value' })">
+      模拟上传
     </el-button>
   </div>
 </template>
 
 <script>
-import VabUpload from "@/components/VabUpload";
+  import VabUpload from "@/components/VabUpload";
 
-export default {
+  export default {
     name: "Upload",
     components: {
       VabUpload,
@@ -30,5 +30,5 @@ export default {
         this.$refs["vabUpload"].handleShow(data);
       },
     },
-};
+  };
 </script>

src/views/vab/verify/index.vue

@@ -12,8 +12,8 @@
 </template>
 
 <script>
-import VabVerify from "@/plugins/vabVerify";
-export default {
+  import VabVerify from "@/plugins/vabVerify";
+  export default {
     name: "Verify",
     components: { VabVerify },
     data() {
@@ -31,5 +31,5 @@ export default {
         this.$baseMessage("校验失败", "error");
       },
     },
-};
+  };
 </script>

src/views/vab/webSocket/index.vue

@@ -14,7 +14,7 @@
             <el-input v-model="form.message"></el-input>
           </el-form-item>
           <el-form-item>
-            <el-button type="primary" @click="submit">发送消息 </el-button>
+            <el-button type="primary" @click="submit">发送消息</el-button>
           </el-form-item>
           <el-form-item label="返回信息汇总">
             {{ data }}
@@ -26,7 +26,7 @@
 </template>
 
 <script>
-export default {
+  export default {
     name: "WebSocket",
     components: {},
     data() {
@@ -83,5 +83,5 @@ export default {
         this.status = "断开";
       },
     },
-};
+  };
 </script>