PC-20250623MANY\Administrator
2025-09-29 58b0f1e9bd03a472321acf1dfc4e89fc4ce9df7a
src/components/loginDialog.vue
@@ -1,28 +1,28 @@
<template>
  <div class="login_dialog_pag">
    <van-popup v-model="dialogVisible" position="bottom" :style="{ height: '50%' }">
    <van-popup v-model="$store.state.dialogVisible" position="bottom" :close-on-click-overlay="clickOverlay" @click-overlay="overlay" :style="{ height: '50%' }">
      <div class="dialog_content">
        <div class="top_close">
          <div class="close" @click="dialogVisible = false">
          <div class="close" @click="close">
            <img src="@/assets/img/close3.png" alt="">
          </div>
        </div>
        <div class="welcome_dialog">
          <span>{{ '欢迎回来' }}</span>
          <span>{{ $t('hj221') }}</span>
        </div>
        <div class="portrait">
          <div>
            <img src="@/assets/img/eslogo.png" alt />
            <img src="@/assets/img/img_log_home.png" alt />
          </div>
        </div>
        <div class="names">
          <span>{{ 'Mitrade' }}</span>
          <span>{{ 'Fidelity' }}</span>
        </div>
        <div class="go_login_btn background" @click="goToLogin()">
          <span class="title1">{{ '使用手机号登录' }}</span>
          <span class="title1">{{ $t('hj222') }}</span>
        </div>
        <div class="go_login_btn">
          <span class="title2" @click="goToReg()">{{ '还没有账号?去注册!' }}</span>
          <span class="title2" @click="goToReg()">{{ $t('hj223') }}</span>
        </div>
      </div>
    </van-popup>
@@ -34,10 +34,17 @@
export default {
  name: "dialogVisible",
  props: {
    // dialogVisible: {
    //   type: Boolean,
    //   default: false
    // }
  },
  data() {
    return {
      dialogVisible: false,
      routeShowPathArr: ['/home']
      //dialogVisible: false,
      routeShowPathArr: ['/home'],
      clickOverlay: false
    };
  },
  mounted() {
@@ -46,25 +53,34 @@
    }
  },
  methods: {
    close() {
      this.$emit("close");
      //dialogVisible = false
    },
    goToLogin() {
      this.dialogVisible = false;
      this.$emit("close");
      //this.dialogVisible = false;
      this.$router.push('/login')
    },
    overlay(){
      this.$emit("close");
    },
    goToReg() {
      this.dialogVisible = false;
      this.$emit("close");
      //this.dialogVisible = false;
      this.$router.push('/register');
    },
    async getUserInfo() {
      // 获取用户信息
      let data = await api.getUserInfo();
      if (data.status === 0) {
        // 判断是否登录
        this.dialogVisible = false;
      } else {
        setTimeout(() => {
        this.dialogVisible = true;
      }, 1000);
      }
      // let data = await api.getUserInfo();
      // if (data.status === 0) {
      //   // 判断是否登录
      //   this.dialogVisible = false;
      // } else {
      //   setTimeout(() => {
      //   this.dialogVisible = true;
      // }, 1000);
      // }
    },
  }
};
@@ -120,7 +136,7 @@
      div {
        width: 2.8rem;
        height: 2.8rem;
        background: #ccc;
        background: #fff;
        border-radius: 50%;
        overflow: hidden;
        img {
@@ -167,4 +183,4 @@
.van-popup.van-popup--bottom{
  border-radius: .2rem .2rem 0 0;
}
</style>
</style>