提交

WXL (wul)

6 天以前 a5cba9ab040f6f97558046885dce3017f9bab7e9

 src/views/login.vue

@@ -25,6 +25,7 @@
        <el-input
          v-model="loginForm.password"
          type="password"
          show-password
          auto-complete="off"
          placeholder="密码"
          @keyup.enter.native="handleLogin"
@@ -37,16 +38,16 @@
        </el-input>
      </el-form-item>
      <!-- 丽===================水 -->
      <el-form-item prop="orgid">
      <el-form-item prop="campusid">
        <el-select
          style="width: 100%"
          v-model="loginForm.orgid"
          v-model="loginForm.campusid"
          placeholder="请选择院区"
        >
          <el-option
            v-for="item in options"
            :label="item.label"
            :value="item.value"
            :value="item.campusid"
          >
          </el-option>
          <i slot="prefix" class="el-icon-mobile"></i>
@@ -93,10 +94,19 @@
        </div>
      </el-form-item>
    </el-form>
    <!--  底部  -->
    <!-- <div class="el-login-footer">
      <span style="color: #568FBD; font-size: 25px;">Copyright © 2018-2022 ruoyi.vip All Rights Reserved.</span>
    </div> -->
    <!-- 底部信息 -->
    <div class="el-login-footer">
      <div class="footer-content">
        <div class="footer-row">
          <span class="tech-label">技术支持：</span>
          <img src="@/assets/logo/Hrs.png" class="tech-logo" alt="logo" />
          <span class="tech-name">浙江亥尔时科技有限公司</span>
        </div>
        <div class="footer-row">
          <span class="hotline">服务热线：17778760073</span>
        </div>
      </div>
    </div>
  </div>
</template>

@@ -126,7 +136,7 @@
        password: [
          { required: true, trigger: "blur", message: "请输入您的密码" },
        ],
        orgid: [{ required: true, trigger: "blur", message: "请选择院区" }],
        campusid: [{ required: true, trigger: "blur", message: "请选择院区" }],
      },
      loading: false,
      // 验证码开关
@@ -169,6 +179,7 @@
          this.options = res.rows.map((item) => ({
            value: item.orgid,
            label: item.organizationName,
            campusid: item.organizationID,
          }));
        }
      });
@@ -205,18 +216,22 @@

          // 动态设置 campusid 参数
          const selectedOrg = this.options.find(
            (item) => item.value === this.loginForm.orgid
            (item) => item.campusid === this.loginForm.campusid
          );
          if (selectedOrg) {
            if (selectedOrg.label.includes("湖滨")) {
              this.loginForm.campusid = 1;
            } else if (selectedOrg.label.includes("吴山")) {
              this.loginForm.campusid = 2;
            } else {
              this.loginForm.campusid = 1; // 默认值或其他处理
            }
          }

          this.loginForm.campusid = selectedOrg.campusid || 1;
          this.loginForm.orgid = selectedOrg.value || 1;
          this.loginForm.orgname = selectedOrg.label || "";
          // 市一处理-----------------
          // if (selectedOrg) {
          //   if (selectedOrg.label.includes("湖滨")) {
          //     this.loginForm.campusid = 1;
          //   } else if (selectedOrg.label.includes("吴山")) {
          //     this.loginForm.campusid = 2;
          //   } else {
          //     this.loginForm.campusid = 1; // 默认值或其他处理
          //   }
          // }
          // --------------------------------
          this.$store
            .dispatch("Login", this.loginForm)
            .then((res) => {
@@ -299,18 +314,54 @@
  }
}
.el-login-footer {
  height: 40px;
  line-height: 40px;
  position: fixed;
  bottom: 0;
  bottom: 20px;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  font-family: Arial;
  font-size: 12px;
  letter-spacing: 1px;
  font-size: 13px;
  color: #3664D9;
  z-index: 10;
}

.footer-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.footer-row {
  display: flex;
  align-items: center;
  justify-content: center;
}

.tech-logo {
  width: 28px;
  height: 28px;
  margin: 0 6px;
  vertical-align: middle;
}

.tech-label,
.tech-name,
.hotline {
  color: #3664D9;;
  font-size: 13px;
}

.tech-name {
  color: #3664D9;;
  font-weight: 500;
}

.hotline {
  font-size: 12px;
  color: #3664D9;;
}
.login-code-img {
  height: 38px;
}