月球大数据地理空间分析展示平台-【前端】-月球2期前端
surprise
2023-11-29 36fbd1e5a40e319e6ac5f43d11c99ba4b66e93a3
src/views/login.vue
@@ -64,9 +64,7 @@
            />
          </el-form-item>
          <el-form-item prop="verify">
            <div
              style="display: flex; justify-content: space-between; width: 100%"
            >
            <div style="display: flex; justify-content: space-between; width: 100%">
              <el-input
                placeholder="请输入验证码(忽略大小写)"
                v-model="ruleForm.verify"
@@ -80,8 +78,7 @@
              type="primary"
              class="nobr loginbtn btnbox"
              @click="submitForm(ruleFormRef)"
              >登录</el-button
            >
            >登录</el-button>
          </el-form-item>
        </el-form>
      </div>
@@ -96,8 +93,9 @@
  reactive,
  defineProps,
  defineEmits,
  onUnmounted,
} from "vue";
import config from "@/assets/js/Map/config";
// import config from "../../public/config/config.js";
//Router
import router from "@/router";
//图标
@@ -156,11 +154,9 @@
  formEl.validate((valid) => {
    if (valid) {
      console.log("submit!");
      setLogin();
    } else {
      emitter.emit("handleDraw", true);
      console.log("erro submit!");
      return false;
    }
  });
@@ -172,6 +168,7 @@
  };
  sign_login(data).then((res) => {
    if (res.code != 200) return;
    store.commit("SET_UNAME", res.result.uname);
    store.commit("SET_TOKEN", res.result.token);
    router.push("/");
@@ -188,12 +185,22 @@
    }
  });
};
const keyDown = (e) => {
  //如果是回车则执行登录方法
  if (e.keyCode == 13) {
    submitForm(ruleFormRef.value);
  }
};
onMounted(() => {
  removeToken();
  //显示月球页面
  startURL();
  //
  getPublicKey();
  window.addEventListener("keydown", keyDown);
});
onUnmounted(() => {
  window.removeEventListener("keydown", keyDown, false);
});
</script>
<style lang="less" scoped>