647556386
2026-03-31 6f0ffcf4a6e75ac3a76c6cfd75e02de3a17d46e3
ÏîÄ¿´úÂë/WIDESEA_WMSClient/src/views/Login.vue
@@ -26,20 +26,17 @@
            <el-option v-for="item in stationOptions" :key="item.value" :label="item.label" :value="item.value" />
          </el-select>
        </div>
        <div class="item">
          <div class="input-icon el-icon-mobile"></div>
          <input v-focus type="text" v-model="userInfo.verificationCode" placeholder="输入验证码" />
          <div class="code" @click="getVierificationCode">
            <img v-show="codeImgSrc != ''" :src="codeImgSrc" />
          </div>
        </div>
      </div>
      <div class="loging-btn">
        <el-button size="large" :loading="loading" color="#3a6cd1" :dark="true" @click="login" long>
          <span v-if="!loading">登录</span>
          <span v-else>正在登录...</span>
        </el-button>
      </div>
      <!-- æ–°å¢žï¼šä¿®æ”¹å¯†ç æŒ‰é’®ï¼ˆæ ·å¼ä¸Žç™»å½•页统一) -->
      <div class="change-pwd-btn">
        <el-button size="large" type="text" @click="goChangePassword" long>
          <span style="color: #3a6cd1; font-size: 13px;">修改密码</span>
        </el-button>
      </div>
    </div>
@@ -110,12 +107,15 @@
    let $message = appContext.config.globalProperties.$message;
    let router = useRouter();
    // æ–°å¢žï¼šè·³è½¬åˆ°ä¿®æ”¹å¯†ç é¡µé¢
    const goChangePassword = () => {
      router.push({ path: "/change-password" });
    };
    const login = () => {
      if (!userInfo.userName) return $message.error("请输入用户名");
      if (!userInfo.password) return $message.error("请输入密码");
      if (!userInfo.verificationCode) {
        return $message.error("请输入验证码");
      }
      // ç¡®ä¿ç«™å°å€¼å·²ä¿å­˜
      if (stationValue.value) {
@@ -130,7 +130,7 @@
          getVierificationCode();
          return $message.error(result.message);
        }
        $message.success("登录成功,正在跳转!");
        $message.success(result.message);
        store.commit("setUserInfo", result.data);
        router.push({ path: "/" });
@@ -155,6 +155,7 @@
      stationOptions,
      stationValue,
      handleStationChange,
      goChangePassword // æ–°å¢žï¼šæš´éœ²è·³è½¬æ–¹æ³•
    };
  },
  directives: {
@@ -272,6 +273,22 @@
    padding: 21px;
    font-size: 14px !important;
    width: 100%;
  }
}
// æ–°å¢žï¼šä¿®æ”¹å¯†ç æŒ‰é’®æ ·å¼ï¼ˆä¸Žç™»å½•页风格统一)
.change-pwd-btn {
  width: 400px;
  margin-top: 15px;
  text-align: center;
  button {
    font-size: 13px;
    padding: 0;
    &:hover {
      color: #1850c1 !important;
    }
  }
}
@@ -525,7 +542,8 @@
  }
  .form-user,
  .loging-btn {
  .loging-btn,
  .change-pwd-btn { // æ–°å¢žï¼šå“åº”式适配修改密码按钮
    width: 100%;
  }
}