feat(*): md文件配置& eslit规范

Author: vanoneang

package-lock.json

@@ -55,6 +55,7 @@
     "eslint": "^6.0.1",
     "eslint-plugin-vue": "^7.0.0-alpha.0",
     "fs-extra": "^8.1.0",
+    "html-loader": "^1.1.0",
     "inquirer": "^6.5.0",
     "js-yaml": "^3.13.1",
     "lint-staged": "^9.5.0",
@@ -88,7 +89,6 @@
   "lint-staged": {
     "*.{js,vue}": [
       "prettier --write",
-      "vue-cli-service lint",
       "git add"
     ]
   }

package.json

@@ -463,11 +463,11 @@ thead tr {
   left: 70px !important;
 }
 
-.el-menu--vertical /deep/ .icon-erjizhibiao {
+.el-menu--vertical >>> .icon-erjizhibiao {
   display: none;
 }
 
-.el-menu--vertical /deep/ .two-folder {
+.el-menu--vertical >>> .two-folder {
   margin-left: 40px;
 }
 

src/assets/image/小尖角.png

@@ -1,7 +1,7 @@
 <template>
   <div class="lin-search">
     <el-input size="medium" :placeholder="placeholder" clearable v-model="keyword" class="input-with-select">
-      <el-button slot="append" icon="el-icon-search"></el-button>
+      <el-button icon="el-icon-search"></el-button>
     </el-input>
   </div>
 </template>
@@ -38,7 +38,7 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-.lin-search /deep/ .el-input-group__append {
+.lin-search >>> .el-input-group__append {
   border-top-right-radius: 20px;
   border-bottom-right-radius: 20px;
   padding: 0 8px;
@@ -48,7 +48,7 @@ export default {
     font-size: 18px;
   }
 }
-.lin-search /deep/ .el-input__inner {
+.lin-search >>> .el-input__inner {
   border-top-left-radius: 20px;
   border-bottom-left-radius: 20px;
   border-right: none;

src/assets/image/铃铛icon.png

@@ -4,40 +4,42 @@
       <span class="el-dropdown-link">
         <div class="nav-avatar"><img :src="user.avatar || defaultAvatar" alt="头像" /></div>
       </span>
-      <el-dropdown-menu slot="dropdown" class="user-box">
-        <div class="user-info">
-          <div class="avatar" title="点击修改头像">
-            <img :src="user.avatar || defaultAvatar" alt="头像" />
-            <label class="mask">
-              <i class="iconfont icon-icon-test" style="font-size: 20px;"></i>
-              <input ref="avatarInput" type="file" accept="image/*" @change="fileChange" />
-            </label>
+      <template v-slot:dropdown>
+        <el-dropdown-menu class="user-box">
+          <div class="user-info">
+            <div class="avatar" title="点击修改头像">
+              <img :src="user.avatar || defaultAvatar" alt="头像" />
+              <label class="mask">
+                <i class="iconfont icon-icon-test" style="font-size: 20px;"></i>
+                <input ref="avatarInput" type="file" accept="image/*" @change="fileChange" />
+              </label>
+            </div>
+            <div class="text">
+              <div class="username" @click="changeNickname" v-if="!nicknameChanged">{{ nickname }}</div>
+              <el-input
+                placeholder="请输入内容"
+                size="small"
+                v-else
+                v-model="nickname"
+                ref="input"
+                @blur="blur"
+              ></el-input>
+            </div>
+            <img src="../../assets/image/user/corner.png" class="corner" />
           </div>
-          <div class="text">
-            <div class="username" @click="changeNickname" v-if="!nicknameChanged">{{ nickname }}</div>
-            <el-input
-              placeholder="请输入内容"
-              size="small"
-              v-else
-              v-model="nickname"
-              ref="input"
-              @blur="blur"
-            ></el-input>
-          </div>
-          <img src="../../assets/image/user/corner.png" class="corner" />
-        </div>
-        <ul class="dropdown-box">
-          <li class="password" @click="goToCenter">
-            <i class="iconfont icon-weibaoxitongshangchuanlogo-"></i> <span>个人中心</span>
-          </li>
-          <li class="account" @click="outLogin"><i class="iconfont icon-tuichu"></i> <span>退出账户</span></li>
-        </ul>
-      </el-dropdown-menu>
+          <ul class="dropdown-box">
+            <li class="password" @click="goToCenter">
+              <i class="iconfont icon-weibaoxitongshangchuanlogo-"></i> <span>个人中心</span>
+            </li>
+            <li class="account" @click="outLogin"><i class="iconfont icon-tuichu"></i> <span>退出账户</span></li>
+          </ul>
+        </el-dropdown-menu>
+      </template>
     </el-dropdown>
     <!-- 修改头像 -->
     <el-dialog
       title="裁剪"
-      :visible.sync="cropVisible"
+      v-model:visible="cropVisible"
       width="300px"
       :append-to-body="true"
       :close-on-click-modal="false"
@@ -65,16 +67,19 @@
         </div>
         <div style="margin-top: 1em;">通过鼠标滚轮调节头像大小</div>
       </div>
-      <div slot="footer" class="dialog-footer">
-        <el-button @click="cropVisible = false" size="small">取 消</el-button>
-        <el-button type="primary" @click="handleCrop" size="small">确 定</el-button>
-      </div>
+
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="cropVisible = false" size="small">取 消</el-button>
+          <el-button type="primary" @click="handleCrop" size="small">确 定</el-button>
+        </div>
+      </template>
     </el-dialog>
     <el-dialog
       title="修改密码"
       :append-to-body="true"
       :before-close="handleClose"
-      :visible.sync="dialogFormVisible"
+      v-model:visible="dialogFormVisible"
       class="user-dialog"
     >
       <el-form
@@ -84,7 +89,7 @@
         label-position="left"
         ref="form"
         label-width="90px"
-        @submit.native.prevent
+        @submit.prevent
       >
         <el-form-item label="原始密码" prop="old_password">
           <el-input type="password" v-model="form.old_password" autocomplete="off"></el-input>
@@ -394,12 +399,12 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.user-dialog /deep/ .el-dialog .el-dialog__header {
+.user-dialog >>> .el-dialog .el-dialog__header {
   border-bottom: 1px solid #dae1ed;
   padding-bottom: 20px;
 }
 
-.user-dialog /deep/ .el-dialog .el-dialog__body {
+.user-dialog >>> .el-dialog .el-dialog__body {
   padding-bottom: 00px;
 }
 

src/assets/style/realize/element-variable.scss

@@ -1,14 +1,15 @@
 const errorCode = {
   777: '前端错误码未定义',
   999: '服务器未知错误',
-  10000: '认证失败',
+  10000: '未携带令牌',
   10020: '资源不存在',
   10030: '参数错误',
-  10040: 'assessToken令牌失效',
-  10050: 'assessToken令牌过期',
+  10041: 'assessToken损坏',
+  10042: 'refreshToken损坏',
+  10051: 'assessToken过期',
+  10052: 'refreshToken过期',
   10060: '字段重复',
   10070: '不可操作',
-  10100: 'refreshToken异常',
 }
 
 export default errorCode

src/component/base/search/lin-search.vue

@@ -1,12 +1,12 @@
 const Config = {
-  baseURL: process.env.VUE_APP_BASE_URL,
-  stagnateTime: 1 * 60 * 60 * 1000, // 无操作停滞时间  默认1小时
+  sideBarLevel: 3, // 侧边栏层级限制, 3 表示三级, 可设置 2 和 3
   openAutoJumpOut: true, // 是否开启无操作跳出
-  notLoginRoute: ['login'], // 无需登录即可访问的路由 name,
-  sideBarLevel: 3, // 侧边栏层级限制, 3表示三级, 可设置 2 和 3
-  showSidebarSearch: true, // 默认打开侧边栏搜索
   defaultRoute: '/about', // 默认打开的路由
+  showSidebarSearch: true, // 默认打开侧边栏搜索
+  notLoginRoute: ['login'], // 无需登录即可访问的路由 name,
   useFrontEndErrorMsg: false, // 默认采用后端返回异常
+  stagnateTime: 1 * 60 * 60 * 1000, // 无操作停滞时间，默认1小时
+  baseURL: process.env.VUE_APP_BASE_URL, // API接口baseURL，在根目录.env文件查找对应环境变量配置
 }
 
 export default Config