⬆ chore: version

prettier.config.js

@@ -4,7 +4,7 @@
  */
 
 module.exports = {
-  printWidth: 100,
+  printWidth: 130,
   tabWidth: 2,
   useTabs: false,
   semi: false,

src/components/SelectTree/index.vue

@@ -85,8 +85,7 @@
         },
         defaultSelectedKeys: [], //初始选中值数组
         currentNodeKey: this.selectedKey,
-        selectValue:
+        selectValue: this.selectType == 'multiple' ? this.selectedValue.split(',') : this.selectedValue, //下拉框选中值label
-          this.selectType == 'multiple' ? this.selectedValue.split(',') : this.selectedValue, //下拉框选中值label
         selectKey: this.selectType == 'multiple' ? this.selectedKey.split(',') : this.selectedKey, //下拉框选中值value
       }
     },

src/components/VabProfile/index.vue

@@ -12,13 +12,7 @@
         {{ username }}
       </div>
       <div class="social-icons">
-        <a
+        <a v-for="(item, index) in iconArray" :key="index" class="social-icon" :href="item.url" target="_blank">
-          v-for="(item, index) in iconArray"
-          :key="index"
-          class="social-icon"
-          :href="item.url"
-          target="_blank"
-        >
           <vab-icon :icon="['fas', item.icon]" />
         </a>
       </div>

src/components/VabUpload/index.vue

@@ -43,22 +43,12 @@
         </el-dialog>
       </el-upload>
     </div>
-    <div
+    <div slot="footer" class="dialog-footer" style="position: relative; padding-right: 15px; text-align: right">
-      slot="footer"
-      class="dialog-footer"
-      style="position: relative; padding-right: 15px; text-align: right"
-    >
       <div v-if="show" style="position: absolute; top: 10px; left: 15px; color: #999">
         正在上传中... 当前上传成功数:{{ imgSuccessNum }}张 当前上传失败数:{{ imgErrorNum }}张
       </div>
       <el-button type="primary" @click="handleClose">关闭</el-button>
-      <el-button
+      <el-button :loading="loading" size="small" style="margin-left: 10px" type="success" @click="submitUpload">
-        :loading="loading"
-        size="small"
-        style="margin-left: 10px"
-        type="success"
-        @click="submitUpload"
-      >
         开始上传
       </el-button>
     </div>
@@ -153,10 +143,7 @@
         this.imgNum = this.imgNum + 1
         this.imgErrorNum = this.imgErrorNum + 1
         this.$baseMessage(
-          `文件[${file.raw.name}]上传失败,文件大小为${this.$baseLodash.round(
+          `文件[${file.raw.name}]上传失败,文件大小为${this.$baseLodash.round(file.raw.size / 1024, 0)}KB`,
-            file.raw.size / 1024,
-            0
-          )}KB`,
           'error'
         )
         setTimeout(() => {

src/config/permission.js

@@ -7,13 +7,7 @@ import store from '@/store'
 import VabProgress from 'nprogress'
 import 'nprogress/nprogress.css'
 import getPageTitle from '@/utils/pageTitle'
-import {
+import { authentication, loginInterception, progressBar, recordRoute, routesWhiteList } from '@/config'
-  authentication,
-  loginInterception,
-  progressBar,
-  recordRoute,
-  routesWhiteList,
-} from '@/config'
 
 VabProgress.configure({
   easing: 'ease',
@@ -32,8 +26,7 @@ router.beforeResolve(async (to, from, next) => {
       next({ path: '/' })
       if (progressBar) VabProgress.done()
     } else {
-      const hasPermissions =
+      const hasPermissions = store.getters['user/permissions'] && store.getters['user/permissions'].length > 0
-        store.getters['user/permissions'] && store.getters['user/permissions'].length > 0
       if (hasPermissions) {
         next()
       } else {

src/store/modules/tabsBar.js

@@ -24,9 +24,7 @@ const mutations = {
     })
   },
   delOthersVisitedRoute(state, route) {
-    state.visitedRoutes = state.visitedRoutes.filter(
+    state.visitedRoutes = state.visitedRoutes.filter((item) => item.meta.affix || item.path === route.path)
-      (item) => item.meta.affix || item.path === route.path
-    )
   },
   delLeftVisitedRoute(state, route) {
     let index = state.visitedRoutes.length

src/store/modules/user.js

@@ -46,16 +46,7 @@ const actions = {
     if (accessToken) {
       commit('setAccessToken', accessToken)
       const hour = new Date().getHours()
-      const thisTime =
+      const thisTime = hour < 8 ? '早上好' : hour <= 11 ? '上午好' : hour <= 13 ? '中午好' : hour < 18 ? '下午好' : '晚上好'
-        hour < 8
-          ? '早上好'
-          : hour <= 11
-          ? '上午好'
-          : hour <= 13
-          ? '中午好'
-          : hour < 18
-          ? '下午好'
-          : '晚上好'
       Vue.prototype.$baseNotify(`欢迎登录${title}`, `${thisTime}！`)
     } else {
       Vue.prototype.$baseMessage(`登录接口异常，未正确返回${tokenName}...`, 'error')

src/utils/index.js

@@ -91,11 +91,7 @@ export function paramObj(url) {
     return {}
   }
   return JSON.parse(
-    `{"${decodeURIComponent(search)
+    `{"${decodeURIComponent(search).replace(/"/g, '\\"').replace(/&/g, '","').replace(/=/g, '":"').replace(/\+/g, ' ')}"}`
-      .replace(/"/g, '\\"')
-      .replace(/&/g, '","')
-      .replace(/=/g, '":"')
-      .replace(/\+/g, ' ')}"}`
   )
 }
 
@@ -115,9 +111,7 @@ export function translateDataToTree(data) {
           const temp = JSON.parse(JSON.stringify(children))
           temp.splice(index, 1)
           translator([current], temp)
-          typeof parent.children !== 'undefined'
+          typeof parent.children !== 'undefined' ? parent.children.push(current) : (parent.children = [current])
-            ? parent.children.push(current)
-            : (parent.children = [current])
         }
       })
     })

src/utils/request.js

@@ -56,18 +56,10 @@ instance.interceptors.request.use(
       config.headers[tokenName] = store.getters['user/accessToken']
     }
     //这里会过滤所有为空、0、false的key，如果不需要请自行注释
-    if (config.data)
+    if (config.data) config.data = Vue.prototype.$baseLodash.pickBy(config.data, Vue.prototype.$baseLodash.identity)
-      config.data = Vue.prototype.$baseLodash.pickBy(
+    if (config.data && config.headers['Content-Type'] === 'application/x-www-form-urlencoded;charset=UTF-8')
-        config.data,
-        Vue.prototype.$baseLodash.identity
-      )
-    if (
-      config.data &&
-      config.headers['Content-Type'] === 'application/x-www-form-urlencoded;charset=UTF-8'
-    )
       config.data = qs.stringify(config.data)
-    if (debounce.some((item) => config.url.includes(item)))
+    if (debounce.some((item) => config.url.includes(item))) loadingInstance = Vue.prototype.$baseLoading()
-      loadingInstance = Vue.prototype.$baseLoading()
     return config
   },
   (error) => {

src/utils/vab.js

@@ -158,8 +158,7 @@ const install = (Vue) => {
       },
       baseLayer: new maptalks.TileLayer('base', {
         cssFilter: 'sepia(100%) invert(90%)',
-        urlTemplate:
+        urlTemplate: 'http://online{s}.map.bdimg.com/onlinelabel/?qt=tile&x={x}&y={y}&z={z}&styles=pl&scaler=1&p=1',
-          'http://online{s}.map.bdimg.com/onlinelabel/?qt=tile&x={x}&y={y}&z={z}&styles=pl&scaler=1&p=1',
         subdomains: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9],
         attribution: '&copy; <a target="_blank" href="http://map.baidu.com">Baidu</a>',
       }),

src/views/index/components/Plan.vue

@@ -3,9 +3,7 @@
     <template #header>
       <vab-icon icon="send-plane-2-line" />
       <!-- 计划 -->
-      <el-tag class="card-header-tag" type="success">
+      <el-tag class="card-header-tag" type="success">祝用框架的小伙伴都能住上别墅，开上保时捷</el-tag>
-        祝用框架的小伙伴都能住上别墅，开上保时捷
-      </el-tag>
     </template>
     <el-table :data="tableData" height="283px" row-key="title">
       <el-table-column align="center" label="拖拽" width="50px">

src/views/index/components/VersionInformation.vue

@@ -27,14 +27,10 @@
           <td>授权渠道</td>
           <td colspan="3">
             <a href="https://vue-admin-beautiful.com/authorization" target="_blank">
-              <el-button style="margin-left: 10px" type="primary">
+              <el-button style="margin-left: 10px" type="primary">PRO付费版本 购买源码 ￥699</el-button>
-                PRO付费版本 购买源码 ￥699
-              </el-button>
             </a>
             <a href="https://vue-admin-beautiful.com/authorization" target="_blank">
-              <el-button style="margin-left: 10px" type="primary">
+              <el-button style="margin-left: 10px" type="primary">Plus付费版本 购买源码 ￥799</el-button>
-                Plus付费版本 购买源码 ￥799
-              </el-button>
             </a>
             <a href="https://github.com/chuzhixin/vue-admin-beautiful/" target="_blank">
               <el-button style="margin-left: 10px" type="warning">开源免费版</el-button>

src/views/index/index.vue

@@ -44,15 +44,7 @@
         </el-card>
       </el-col>
 
-      <el-col
+      <el-col v-for="(item, index) in iconList" :key="index" :lg="3" :md="3" :sm="6" :xl="3" :xs="12">
-        v-for="(item, index) in iconList"
-        :key="index"
-        :lg="3"
-        :md="3"
-        :sm="6"
-        :xl="3"
-        :xs="12"
-      >
         <router-link target="_blank" :to="item.link">
           <el-card class="icon-panel" shadow="never">
             <vab-icon :icon="['fas', item.icon]" :style="{ color: item.color }" />
@@ -137,12 +129,7 @@
             <h1 style="font-size: 30px">vue-admin-better</h1>
           </div>
           <div v-for="(item, index) in noticeList" :key="index">
-            <el-alert
+            <el-alert v-if="index !== 0" :closable="item.closable" :title="item.title" :type="item.type" />
-              v-if="index !== 0"
-              :closable="item.closable"
-              :title="item.title"
-              :type="item.type"
-            />
             <br />
           </div>
           <el-alert :closable="false" :title="userAgent" type="info" />

src/views/login/index.vue

@@ -18,13 +18,7 @@
             <span class="svg-container svg-container-admin">
               <vab-icon :icon="['fas', 'user']" />
             </span>
-            <el-input
+            <el-input v-model.trim="form.username" v-focus placeholder="请输入用户名" tabindex="1" type="text" />
-              v-model.trim="form.username"
-              v-focus
-              placeholder="请输入用户名"
-              tabindex="1"
-              type="text"
-            />
           </el-form-item>
           <el-form-item prop="password">
             <span class="svg-container">
@@ -46,9 +40,7 @@
               <vab-icon :icon="['fas', 'eye']" />
             </span>
           </el-form-item>
-          <el-button class="login-btn" :loading="loading" type="primary" @click="handleLogin">
+          <el-button class="login-btn" :loading="loading" type="primary" @click="handleLogin">登录</el-button>
-            登录
-          </el-button>
           <router-link to="/register">
             <div style="margin-top: 20px">注册</div>
           </router-link>
@@ -136,9 +128,7 @@
     },
     methods: {
       handlePassword() {
-        this.passwordType === 'password'
+        this.passwordType === 'password' ? (this.passwordType = '') : (this.passwordType = 'password')
-          ? (this.passwordType = '')
-          : (this.passwordType = 'password')
         this.$nextTick(() => {
           this.$refs.password.focus()
         })
@@ -150,8 +140,7 @@
             this.$store
               .dispatch('user/login', this.form)
               .then(() => {
-                const routerPath =
+                const routerPath = this.redirect === '/404' || this.redirect === '/401' ? '/' : this.redirect
-                  this.redirect === '/404' || this.redirect === '/401' ? '/' : this.redirect
                 this.$router.push(routerPath).catch(() => {})
                 this.loading = false
               })

src/views/mall/goodsList/index.vue

@@ -7,14 +7,7 @@
             <el-input v-model="queryForm.title" placeholder="商品名称" />
           </el-form-item>
           <el-form-item>
-            <el-button
+            <el-button icon="el-icon-search" native-type="submit" type="primary" @click="handleQuery">查询</el-button>
-              icon="el-icon-search"
-              native-type="submit"
-              type="primary"
-              @click="handleQuery"
-            >
-              查询
-            </el-button>
           </el-form-item>
         </el-form>
       </vab-query-form-right-panel>

src/views/personnelManagement/roleManagement/index.vue

@@ -20,12 +20,7 @@
       </vab-query-form-right-panel>
     </vab-query-form>
 
-    <el-table
+    <el-table v-loading="listLoading" :data="list" :element-loading-text="elementLoadingText" @selection-change="setSelectRows">
-      v-loading="listLoading"
-      :data="list"
-      :element-loading-text="elementLoadingText"
-      @selection-change="setSelectRows"
-    >
       <el-table-column show-overflow-tooltip type="selection" />
       <el-table-column label="id" prop="id" show-overflow-tooltip />
       <el-table-column label="权限码" prop="permission" show-overflow-tooltip />

src/views/personnelManagement/userManagement/index.vue

@@ -17,12 +17,7 @@
       </vab-query-form-right-panel>
     </vab-query-form>
 
-    <el-table
+    <el-table v-loading="listLoading" :data="list" :element-loading-text="elementLoadingText" @selection-change="setSelectRows">
-      v-loading="listLoading"
-      :data="list"
-      :element-loading-text="elementLoadingText"
-      @selection-change="setSelectRows"
-    >
       <el-table-column show-overflow-tooltip type="selection" />
       <el-table-column label="id" prop="id" show-overflow-tooltip />
       <el-table-column label="用户名" prop="username" show-overflow-tooltip />

src/views/register/index.vue

@@ -12,13 +12,7 @@
         <div style="color: transparent">占位符</div>
       </el-col>
       <el-col :lg="8" :md="12" :sm="24" :xl="8" :xs="24">
-        <el-form
+        <el-form ref="registerForm" class="register-form" :model="form" :rules="registerRules" size="mini">
-          ref="registerForm"
-          class="register-form"
-          :model="form"
-          :rules="registerRules"
-          size="mini"
-        >
           <el-form-item prop="username">
             <el-input
               v-model.trim="form.username"
@@ -47,29 +41,17 @@
             <el-input v-model.trim="form.phoneCode" placeholder="手机验证码" type="text">
               <vab-icon slot="prefix" :icon="['fas', 'envelope-open']" />
             </el-input>
-            <el-button
+            <el-button class="show-pwd phone-code" :disabled="isGetphone" type="primary" @click="getPhoneCode">
-              class="show-pwd phone-code"
-              :disabled="isGetphone"
-              type="primary"
-              @click="getPhoneCode"
-            >
               {{ phoneCode }}
             </el-button>
           </el-form-item>
           <el-form-item prop="password">
-            <el-input
+            <el-input v-model.trim="form.password" autocomplete="new-password" placeholder="设置密码" type="password">
-              v-model.trim="form.password"
-              autocomplete="new-password"
-              placeholder="设置密码"
-              type="password"
-            >
               <vab-icon slot="prefix" :icon="['fas', 'unlock']" />
             </el-input>
           </el-form-item>
           <el-form-item>
-            <el-button class="register-btn" type="primary" @click.native.prevent="handleReister">
+            <el-button class="register-btn" type="primary" @click.native.prevent="handleReister">注册</el-button>
-              注册
-            </el-button>
             <router-link to="/login">
               <div style="margin-top: 20px">登录</div>
             </router-link>

src/views/vab/backToTop/index.vue

@@ -1,8 +1,6 @@
 <template>
   <div class="back-to-top-container">
-    <div v-for="(item, index) in 100" :key="index" style="padding: 20px">
+    <div v-for="(item, index) in 100" :key="index" style="padding: 20px">测试滚轮显示返回顶部-{{ index }}</div>
-      测试滚轮显示返回顶部-{{ index }}
-    </div>
     <!-- <el-tooltip placement="top" content="返回顶部"><vab-back-to-top transition-name="fade" /></el-tooltip> -->
   </div>
 </template>

src/views/vab/element/index.vue

@@ -2,15 +2,9 @@
   <div class="element-container">
     <el-row :gutter="20">
       <el-col :lg="18" :md="18" :sm="24" :xl="16" :xs="24">
-        <el-button type="primary" @click="dialogVisible = !dialogVisible">
+        <el-button type="primary" @click="dialogVisible = !dialogVisible">element全部文档点这里</el-button>
-          element全部文档点这里
-        </el-button>
         <el-dialog :fullscreen="true" title="element文档" :visible.sync="dialogVisible">
-          <iframe
+          <iframe class="element-iframe" frameborder="0" src="https://element.eleme.cn/#/zh-CN/component/installation"></iframe>
-            class="element-iframe"
-            frameborder="0"
-            src="https://element.eleme.cn/#/zh-CN/component/installation"
-          ></iframe>
         </el-dialog>
         <el-divider content-position="left">
           Tag 标签

src/views/vab/form/index.vue

@@ -2,13 +2,7 @@
   <div class="form-container">
     <el-row :gutter="20">
       <el-col :lg="8" :md="12" :sm="24" :xl="8" :xs="24">
-        <el-form
+        <el-form ref="ruleForm" class="demo-ruleForm" label-width="100px" :model="ruleForm" :rules="rules">
-          ref="ruleForm"
-          class="demo-ruleForm"
-          label-width="100px"
-          :model="ruleForm"
-          :rules="rules"
-        >
           <el-form-item label="活动名称" prop="name">
             <el-input v-model="ruleForm.name" />
           </el-form-item>

src/views/vab/icon/colorfulIcon.vue

@@ -21,23 +21,9 @@
         </el-form>
       </el-col>
 
-      <el-col
+      <el-col v-for="(item, index) in queryIcon" :key="index" :lg="2" :md="3" :sm="8" :xl="2" :xs="6">
-        v-for="(item, index) in queryIcon"
+        <el-card shadow="hover" style="cursor: pointer" @click.native="handleCopyIcon(index, $event)">
-        :key="index"
+          <vab-colorful-icon :icon-class="`https://fastly.jsdelivr.net/gh/chuzhixin/zx-colorful-icon@master/${item}.svg`" />
-        :lg="2"
-        :md="3"
-        :sm="8"
-        :xl="2"
-        :xs="6"
-      >
-        <el-card
-          shadow="hover"
-          style="cursor: pointer"
-          @click.native="handleCopyIcon(index, $event)"
-        >
-          <vab-colorful-icon
-            :icon-class="`https://fastly.jsdelivr.net/gh/chuzhixin/zx-colorful-icon@master/${item}.svg`"
-          />
         </el-card>
         <div class="icon-text">
           {{ item }}

src/views/vab/icon/index.vue

@@ -15,20 +15,8 @@
         </el-form>
       </el-col>
 
-      <el-col
+      <el-col v-for="(item, index) in queryIcon" :key="index" :lg="2" :md="3" :sm="8" :xl="2" :xs="6">
-        v-for="(item, index) in queryIcon"
+        <el-card shadow="hover" style="cursor: pointer" @click.native="handleCopyIcon(index, $event)">
-        :key="index"
-        :lg="2"
-        :md="3"
-        :sm="8"
-        :xl="2"
-        :xs="6"
-      >
-        <el-card
-          shadow="hover"
-          style="cursor: pointer"
-          @click.native="handleCopyIcon(index, $event)"
-        >
           <vab-icon :icon="['fas', item]" />
         </el-card>
         <div class="icon-text">

src/views/vab/lodash/index.vue

@@ -3,9 +3,7 @@
     <el-row :gutter="20">
       <el-col :span="24">
         <el-card shadow="hover">
-          <el-link href="https://www.lodashjs.com/" target="_blank" type="primary">
+          <el-link href="https://www.lodashjs.com/" target="_blank" type="primary">lodashjs官网</el-link>
-            lodashjs官网
-          </el-link>
         </el-card>
       </el-col>
 

src/views/vab/map/index.vue

@@ -18,77 +18,75 @@
     mounted() {
       this.$nextTick(() => {
         const map = this.$baseMap()
-        axios
+        axios.get('https://fastly.jsdelivr.net/npm/mapv@2.0.12/examples/data/od-xierqi.txt').then((rs) => {
-          .get('https://fastly.jsdelivr.net/npm/mapv@2.0.12/examples/data/od-xierqi.txt')
+          let data = []
-          .then((rs) => {
+          let timeData = []
-            let data = []
-            let timeData = []
 
-            rs = rs.data.split('\n')
+          rs = rs.data.split('\n')
-            let maxLength = 0
+          let maxLength = 0
-            for (let i = 0; i < rs.length; i++) {
+          for (let i = 0; i < rs.length; i++) {
-              let item = rs[i].split(',')
+            let item = rs[i].split(',')
-              let coordinates = []
+            let coordinates = []
-              if (item.length > maxLength) {
+            if (item.length > maxLength) {
-                maxLength = item.length
+              maxLength = item.length
+            }
+            for (let j = 0; j < item.length; j += 2) {
+              let x = (Number(item[j]) / 20037508.34) * 180
+              let y = (Number(item[j + 1]) / 20037508.34) * 180
+              y = (180 / Math.PI) * (2 * Math.atan(Math.exp((y * Math.PI) / 180)) - Math.PI / 2)
+              if (x == 0 || y == NaN) {
+                continue
               }
-              for (let j = 0; j < item.length; j += 2) {
+              coordinates.push([x, y])
-                let x = (Number(item[j]) / 20037508.34) * 180
+              timeData.push({
-                let y = (Number(item[j + 1]) / 20037508.34) * 180
-                y = (180 / Math.PI) * (2 * Math.atan(Math.exp((y * Math.PI) / 180)) - Math.PI / 2)
-                if (x == 0 || y == NaN) {
-                  continue
-                }
-                coordinates.push([x, y])
-                timeData.push({
-                  geometry: {
-                    type: 'Point',
-                    coordinates: [x, y],
-                  },
-                  count: 1,
-                  time: j,
-                })
-              }
-              data.push({
                 geometry: {
-                  type: 'LineString',
+                  type: 'Point',
-                  coordinates: coordinates,
+                  coordinates: [x, y],
                 },
+                count: 1,
+                time: j,
               })
             }
-
+            data.push({
-            let dataSet = new mapv.DataSet(data)
+              geometry: {
-
+                type: 'LineString',
-            let options = {
+                coordinates: coordinates,
-              strokeStyle: 'rgba(53,57,255,0.5)',
-              // globalCompositeOperation: 'lighter',
-              shadowColor: 'rgba(53,57,255,0.2)',
-              shadowBlur: 3,
-              lineWidth: 3.0,
-              draw: 'simple',
-            }
-
-            let mapvLayer = new mapv.MaptalksLayer('mapv1', dataSet, options).addTo(map)
-
-            let dataSet2 = new mapv.DataSet(timeData)
-
-            let options2 = {
-              fillStyle: 'rgba(255, 250, 250, 0.2)',
-              globalCompositeOperation: 'lighter',
-              size: 1.5,
-              animation: {
-                stepsRange: {
-                  start: 0,
-                  end: 100,
-                },
-                trails: 3,
-                duration: 5,
               },
-              draw: 'simple',
+            })
-            }
+          }
 
-            let mapvLayer2 = new mapv.MaptalksLayer('mapv2', dataSet2, options2).addTo(map)
+          let dataSet = new mapv.DataSet(data)
-          })
+
+          let options = {
+            strokeStyle: 'rgba(53,57,255,0.5)',
+            // globalCompositeOperation: 'lighter',
+            shadowColor: 'rgba(53,57,255,0.2)',
+            shadowBlur: 3,
+            lineWidth: 3.0,
+            draw: 'simple',
+          }
+
+          let mapvLayer = new mapv.MaptalksLayer('mapv1', dataSet, options).addTo(map)
+
+          let dataSet2 = new mapv.DataSet(timeData)
+
+          let options2 = {
+            fillStyle: 'rgba(255, 250, 250, 0.2)',
+            globalCompositeOperation: 'lighter',
+            size: 1.5,
+            animation: {
+              stepsRange: {
+                start: 0,
+                end: 100,
+              },
+              trails: 3,
+              duration: 5,
+            },
+            draw: 'simple',
+          }
+
+          let mapvLayer2 = new mapv.MaptalksLayer('mapv2', dataSet2, options2).addTo(map)
+        })
       })
     },
     methods: {},

src/views/vab/more/index.vue

@@ -5,9 +5,7 @@
         <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>
-              永久免费 个人/商业使用
-            </el-button>
           </div>
           <div>
             <ul>
@@ -17,9 +15,7 @@
               </li>
               <li>
                 开源地址
-                <a href="https://github.com/chuzhixin/vue-admin-beautiful" target="_blank">
+                <a href="https://github.com/chuzhixin/vue-admin-beautiful" target="_blank">如果有幸帮到了你，麻烦给个star</a>
-                  如果有幸帮到了你，麻烦给个star
-                </a>
               </li>
               <li>提供讨论群专属文档，QQ群 972435319、1139183756</li>
             </ul>
@@ -30,9 +26,7 @@
         <el-card>
           <div slot="header">
             VIP群
-            <el-button style="float: right; padding: 3px 0" type="text">
+            <el-button style="float: right; padding: 3px 0" type="text">￥100（2021年1月起不再提供此服务）</el-button>
-              ￥100（2021年1月起不再提供此服务）
-            </el-button>
           </div>
           <div>
             <ul>

src/views/vab/permissions/index.vue

@@ -1,8 +1,6 @@
 <template>
   <div class="permissions-container">
-    <el-divider content-position="left">
+    <el-divider content-position="left">intelligence模式,前端根据permissions拦截路由(演示环境,默认使用此方案)</el-divider>
-      intelligence模式,前端根据permissions拦截路由(演示环境,默认使用此方案)
-    </el-divider>
 
     <el-form ref="form" :inline="true" :model="form">
       <el-form-item label="切换账号">
@@ -26,9 +24,7 @@
     <el-button v-permissions="['test']" type="primary">我是拥有["test"]权限的按钮</el-button>
     <br />
     <br />
-    <el-divider content-position="left">
+    <el-divider content-position="left">all模式,路由以及view文件引入全部交给后端(权限复杂,且随时变更,建议使用此方案)</el-divider>
-      all模式,路由以及view文件引入全部交给后端(权限复杂,且随时变更,建议使用此方案)
-    </el-divider>
     <p>
       settings.js配置authentication为all即可完全交由后端控制,mock中有后端接口示例,权限繁琐,有几十种权限的项目直接用这种,
       由于演示环境是mock数据模拟,可能无法展现此功能的配置,只做如下展示,便于您的理解

src/views/vab/smallComponents/index.vue

@@ -16,15 +16,9 @@
         <el-card shadow="hover">
           <div slot="header">
             <span>profile</span>
-            <el-button style="float: right; padding: 3px 0" type="text" @click="handleProfile">
+            <el-button style="float: right; padding: 3px 0" type="text" @click="handleProfile">重载</el-button>
-              重载
-            </el-button>
           </div>
-          <vab-profile
+          <vab-profile v-if="profileShow" avatar="https://picsum.photos/80/80?random=2" user-name="chuzhixin" />
-            v-if="profileShow"
-            avatar="https://picsum.photos/80/80?random=2"
-            user-name="chuzhixin"
-          />
         </el-card>
       </el-col>
       <el-col :lg="8" :md="12" :sm="24" :xl="8" :xs="24">

src/views/vab/table/index.vue

@@ -15,14 +15,7 @@
             <el-input v-model="queryForm.title" placeholder="标题" />
           </el-form-item>
           <el-form-item>
-            <el-button
+            <el-button icon="el-icon-search" native-type="submit" type="primary" @click="handleQuery">查询</el-button>
-              icon="el-icon-search"
-              native-type="submit"
-              type="primary"
-              @click="handleQuery"
-            >
-              查询
-            </el-button>
           </el-form-item>
         </el-form>
       </vab-query-form-right-panel>

src/views/vab/tree/index.vue

@@ -27,23 +27,13 @@
               {{ node.label }}
             </span>
             <span class="vab-tree-options">
-              <a
+              <a v-if="node.data.rank !== 4" class="vab-tree-btn" title="添加" @click="() => append(node, data, 0)">
-                v-if="node.data.rank !== 4"
-                class="vab-tree-btn"
-                title="添加"
-                @click="() => append(node, data, 0)"
-              >
                 <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>
-              <a
+              <a v-if="node.data.rank !== 1" class="vab-tree-btn" title="刪除" @click="() => remove(node, data)">
-                v-if="node.data.rank !== 1"
-                class="vab-tree-btn"
-                title="刪除"
-                @click="() => remove(node, data)"
-              >
                 <i class="el-icon-delete"></i>
               </a>
             </span>

vue.config.js

@@ -75,11 +75,7 @@ module.exports = {
   chainWebpack(config) {
     config.plugins.delete('preload')
     config.plugins.delete('prefetch')
-    config.module
+    config.module.rule('svg').exclude.add(resolve('src/remixIcon')).add(resolve('src/colorfulIcon')).end()
-      .rule('svg')
-      .exclude.add(resolve('src/remixIcon'))
-      .add(resolve('src/colorfulIcon'))
-      .end()
 
     config.module
       .rule('remixIcon')