删除主仓库目录下无用的前端包管理工具，添加登陆页面的验证函数

web/src/view/login/index.vue

@@ -3,14 +3,10 @@
     <div class="login_panle">
       <div class="login_panle_form">
         <div class="login_panle_form_title">
-          <img class="login_panle_form_title_logo" :src="$GIN_VUE_ADMIN.appLogo" alt=""><p class="login_panle_form_title_p">{{ $GIN_VUE_ADMIN.appName }}</p>
+          <img class="login_panle_form_title_logo" :src="$GIN_VUE_ADMIN.appLogo" alt>
+          <p class="login_panle_form_title_p">{{ $GIN_VUE_ADMIN.appName }}</p>
         </div>
-        <el-form
-          ref="loginForm"
-          :model="loginForm"
-          :rules="rules"
-          @keyup.enter="submitForm"
-        >
+        <el-form ref="loginForm" :model="loginForm" :rules="rules" @keyup.enter="submitForm">
           <el-form-item prop="username">
             <el-input v-model="loginForm.username" placeholder="请输入用户名">
               <template #suffix>
@@ -25,14 +21,11 @@
               placeholder="请输入密码"
             >
               <template #suffix>
-                <i
-                  :class="'el-input__icon el-icon-' + lock"
-                  @click="changeLock"
-                />
+                <i :class="'el-input__icon el-icon-' + lock" @click="changeLock" />
               </template>
             </el-input>
           </el-form-item>
-          <el-form-item style="position: relative">
+          <el-form-item style="position: relative" prop="captcha">
             <el-input
               v-model="loginForm.captcha"
               name="logVerify"
@@ -40,35 +33,30 @@
               style="width: 60%"
             />
             <div class="vPic">
-              <img
-                v-if="picPath"
-                :src="picPath"
-                alt="请输入验证码"
-                @click="loginVerify()"
-              >
+              <img v-if="picPath" :src="picPath" alt="请输入验证码" @click="loginVerify()">
             </div>
           </el-form-item>
           <el-form-item>
-            <el-button
-              type="primary"
-              style="width: 46%"
-              @click="checkInit"
-            >前往初始化</el-button>
-            <el-button
-              type="primary"
-              style="width: 46%;margin-left:8%"
-              @click="submitForm"
-            >登 录</el-button>
+            <el-button type="primary" style="width: 46%" @click="checkInit">前往初始化</el-button>
+            <el-button type="primary" style="width: 46%;margin-left:8%" @click="submitForm">登 录</el-button>
           </el-form-item>
         </el-form>
       </div>
       <div class="login_panle_right" />
       <div class="login_panle_foot">
         <div class="links">
-          <a href="http://doc.henrongyi.top/"><img src="@/assets/docs.png" class="link-icon"></a>
-          <a href="https://www.yuque.com/flipped-aurora/"><img src="@/assets/yuque.png" class="link-icon"></a>
-          <a href="https://github.com/flipped-aurora/gin-vue-admin"><img src="@/assets/github.png" class="link-icon"></a>
-          <a href="https://space.bilibili.com/322210472"><img src="@/assets/video.png" class="link-icon"></a>
+          <a href="http://doc.henrongyi.top/">
+            <img src="@/assets/docs.png" class="link-icon">
+          </a>
+          <a href="https://www.yuque.com/flipped-aurora/">
+            <img src="@/assets/yuque.png" class="link-icon">
+          </a>
+          <a href="https://github.com/flipped-aurora/gin-vue-admin">
+            <img src="@/assets/github.png" class="link-icon">
+          </a>
+          <a href="https://space.bilibili.com/322210472">
+            <img src="@/assets/video.png" class="link-icon">
+          </a>
         </div>
         <div class="copyright">Copyright &copy; {{ curYear }} 💖 flipped-aurora</div>
       </div>
@@ -108,7 +96,14 @@ export default {
       },
       rules: {
         username: [{ validator: checkUsername, trigger: 'blur' }],
-        password: [{ validator: checkPassword, trigger: 'blur' }]
+        password: [{ validator: checkPassword, trigger: 'blur' }],
+        captcha: [{ required: true, message: '请输入验证码', trigger: 'blur' },
+          {
+            min: 5,
+            max: 6,
+            message: '验证码格式不正确',
+            trigger: 'blur',
+          }]
       },
       logVerify: '',
       picPath: ''