月球大数据地理空间分析展示平台-【前端】-月球2期前端
surprise
2024-03-01 12075d0fa73d963ff5d6dbc4727fb95fb6084961
src/views/login.vue
@@ -64,15 +64,14 @@
            />
          </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"
                style="width:68%;"
                style="width: 68%"
              />
              <valid-code style="width:27%;"></valid-code>
              <valid-code style="width: 27%"></valid-code>
            </div>
          </el-form-item>
          <el-form-item>
            <el-button
@@ -94,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";
//图标
@@ -114,8 +114,8 @@
const reportUrl = ref("");
const ruleForm = reactive({
  user: "",
  passWorld: "",
  user: "admin",
  passWorld: "Admin@1234_lf",
  verify: "",
});
const validateVerify = (rule: any, value: any, callback: any) => {
@@ -154,11 +154,9 @@
  formEl.validate((valid) => {
    if (valid) {
      console.log("submit!");
      setLogin();
    } else {
      emitter.emit("handleDraw", true);
      console.log("erro submit!");
      return false;
    }
  });
@@ -170,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("/");
@@ -186,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>