适配提交

王旭

2023-05-09 93c0e388bc3fe955c223e1b23a1f4257b1d60d11

 src/components/login.vue

@@ -26,10 +26,7 @@
      ></iframe>
    </div>
    <div class="title_img">
      <img
        src="../assets/img/lg_03.png"
        alt=""
      />
      <img src="../assets/img/lg_03.png" alt="" />
    </div>
    <div class="login">
      <div class="login_title">
@@ -49,10 +46,7 @@
            size="meddle"
            autocomplete="off"
          >
            <i
              slot="prefix"
              class="el-icon-user"
            ></i>
            <i slot="prefix" class="el-icon-user"></i>
          </el-input>
        </el-form-item>

@@ -64,10 +58,7 @@
            class="nobr"
            autocomplete="off"
          >
            <i
              slot="prefix"
              class="el-icon-lock"
            ></i>
            <i slot="prefix" class="el-icon-lock"></i>
          </el-input>
        </el-form-item>

@@ -82,43 +73,36 @@
            </el-form-item>
          </el-col>

          <el-col
            :span="6"
            align="right"
          >
          <el-col :span="6" align="right">
            <validCode
              v-model="validCode"
              ref="refresh"
              style="margin-left:16px"
        
              @sendData="getCode"
            ></validCode>
          </el-col>
        </el-form-item>
        <el-form-item>
          <img
            src="../assets/img/zhengshu.png"
            alt=""
          /><span style="color: black">证书安装与添加信任站点</span>
          <img src="../assets/img/zhengshu.png" alt="" /><span
            style="color: black"
            >证书安装与添加信任站点</span
          >
        </el-form-item>
        <el-form-item>
          <img
            src="../assets/img/document.png"
            alt=""
          /><span style="color: black">使用帮助文档</span>
          <img src="../assets/img/document.png" alt="" /><span
            style="color: black"
            >使用帮助文档</span
          >
        </el-form-item>
        <el-form-item>
          <el-button
            type="primary"
            class="nobr"
            style="
              width: 384px;
              height: 50px;
              background: #3b4d6e;
              border-radius: 5px;
            "
            class="nobr loginbtn"
            style=""
            :loading="loading"
            @click="submitForm('loginForm')"
          >登录</el-button>
            >登录</el-button
          >
        </el-form-item>
      </el-form>
    </div>
@@ -200,11 +184,15 @@
            .then((response) => {
              if (response.code != 200) {
                this.loading = false;
                Message({
                this.$message({
                  message: response.msg,
                  type: "error",
                  duration: 5 * 1000,
                });
                // Message({
                //   message: response.msg,
                //   type: "error",
                //   duration: 5 * 1000,
                // });
                return;
              }

@@ -224,6 +212,11 @@
                    sessionStorage.setItem("routerName", "/Thematic");
                    sessionStorage.setItem("changeSelectStyle", 1);
                    this.$router.push("/");
                  } else {
                    this.$message({
                      message: "请您联系管理员分配角色菜单",
                      type: "error",
                    });
                  }
                  this.loading = false;
                } else {
@@ -314,7 +307,7 @@
}
.title_img {
  position: absolute;
  left: 17%;
  left: 20%;
  top: 8%;
  width: 20%;
  /* transform: translateX(-50%); */
@@ -371,4 +364,10 @@
  border: 0;
  padding: 0 !important;
}
.loginbtn {
  width: 384px;
  height: 50px;
  background: #3b4d6e;
  border-radius: 5px;
}
</style>