2

PC-20250623MANY\Administrator

2025-09-15 0f6b38dfdfe93a1d630d984417af2fbb03c7e0ff

 src/page/newUser/setting.vue

@@ -1,33 +1,44 @@
<template>
  <div class="content">
    <div class="top_back">
    <van-nav-bar
      :placeholder="true"
      :safe-area-inset-top="true"
      :title="$t('setting')"
      left-arrow
      @click-left="$router.go(-1)"
    >
    </van-nav-bar>
    <!-- <div class="top_back">
      <div class="left_back_icon" @click="$router.go(-1)">
        <img src="../../assets/img/zuojiantou.png" alt />
      </div>
      <div class="titles">
        <span>{{ $t("setting") }}</span>
      </div>
    </div>
    <div style="width: 100%; height: 10px; background-color: #f8f8f8"></div>
    </div> -->
    <div style="width: 100%; height: 10px; background-color: #777"></div>

    <div class="jy" @click="handleGoToBankCard1()">
    <div class="jy" @click="handleGoToAuthentication()">
      <div class="left_gn">
        <div class="l_icon">
          <!-- <img src="../../assets/img/yeb.png" alt /> -->
        </div>
        <!-- <div class="l_icon">
          <van-icon name="manager" size=".8rem" />
        </div> -->
        <div class="r_title">
          <span>{{ $t("关于我们") }}</span>
          <span>{{ $t("rnv") }}</span>
        </div>
      </div>
      <div class="right_gos">
        <img src="../../assets/img/youjiantou.png" alt />
        <div class="right_gos_txt" v-if="userInfo.realName">
          {{ $t("ysmrz") }}
        </div>
        <img v-else src="../../assets/img/youjiantou.png" alt />
      </div>
    </div>
    <div class="jy" @click="handleGoToBankCard()">
      <div class="left_gn">
        <div class="l_icon">
          <!-- <img src="../../assets/img/yeb.png" alt /> -->
        </div>
        <!-- <div class="l_icon">
          <van-icon name="card" size=".8rem" />
        </div> -->
        <div class="r_title">
          <span>{{ $t("hj147") }}</span>
        </div>
@@ -38,9 +49,9 @@
    </div>
    <div class="jy" @click="goToSettings()">
      <div class="left_gn">
        <div class="l_icon">
          <!-- <img src="../../assets/img/yeb.png" alt /> -->
        </div>
        <!-- <div class="l_icon">
          <van-icon name="lock" size=".8rem" />
        </div> -->
        <div class="r_title">
          <span>{{ $t("hj144") }}</span>
        </div>
@@ -49,27 +60,24 @@
        <img src="../../assets/img/youjiantou.png" alt />
      </div>
    </div>

    <div class="jy" @click="handleGoToAuthentication()">
    <!-- <div class="jy" @click="handleGoToBankCard1()">
      <div class="left_gn">
        <div class="l_icon">
          <!-- <img src="../../assets/img/yeb.png" alt /> -->
          <van-icon name="friends" size=".8rem" />
        </div>
        <div class="r_title">
          <span>{{ $t("hj146") }}</span>
          <span>{{ $t("关于我们") }}</span>
        </div>
      </div>
      <div class="right_gos">
        <div class="right_gos_txt" v-if="userInfo.realName">
          {{ $t("ysmrz") }}
        </div>
        <img v-else src="../../assets/img/youjiantou.png" alt />
        <img src="../../assets/img/youjiantou.png" alt />
      </div>
    </div>

    </div> -->
    <div class="jy" @click="clicklang()">
      <div class="left_gn">
        <div class="l_icon"></div>
        <!-- <div class="l_icon">
          <img src="../../assets/img/语言切换.png" alt />
        </div> -->
        <div class="r_title">
          <span>{{ $t("yy") }}</span>
        </div>
@@ -80,7 +88,7 @@
    </div>
    <Language ref="language" @onChange="onChange" />

    <van-popup v-model="pswDialog" position="bottom" :style="{ height: '40%' }">
    <van-popup v-model="pswDialog" position="bottom" :style="{ height: '40%',backgroundColor: '#444'}">
      <div class="setting_content">
        <div class="old_password">
          <div class="left_titles">
@@ -140,7 +148,7 @@
      cirNewPassword: "", // 确认新密码
      userInfo: [],
      onlineService: "",
      language: "",
      language: ""
    };
  },
  components: { Language },
@@ -234,7 +242,7 @@
        // 判断是否登录
        this.$store.commit("dialogVisible", false);
        this.$store.state.userInfo = data.data;
        document.title = 'Setting'
        document.title = "Setting";
        this.userInfo = data.data;
      } else {
        this.$store.commit("dialogVisible", true);
@@ -255,7 +263,7 @@
      // 退出登录
      MessageBox.confirm(this.$t("hj149"), this.$t(""), {
        confirmButtonText: this.$t("qr"),
        cancelButtonText: this.$t("hj106"),
        cancelButtonText: this.$t("hj106")
      })
        .then(() => {
          this.toRegister();
@@ -281,7 +289,8 @@
      this.$router.push("/download");
    },
    handleGoToBankCard() {
      this.$router.push("/bankCard");
      // this.$router.push("/bankCard");
      this.$router.push("/banklist");
    },
    handleGoToBankCard1() {
      this.$router.push("/bankCard1");
@@ -317,7 +326,7 @@
        if (this.newPassword === this.cirNewPassword) {
          let opts = {
            oldPwd: this.oldPassword,
            newPwd: this.newPassword,
            newPwd: this.newPassword
          };
          let data = await api.changePassword(opts);
          if (data.status === 0) {
@@ -327,7 +336,7 @@
            this.settingDialog = false;
            Notify({
              type: "success",
              message: this.$t("密码修改成功"),
              message: this.$t("密码修改成功")
            });
            this.toRegister();
          } else {
@@ -343,12 +352,31 @@
        // 支持
        navigator.vibrate([55]);
      }
    },
  },
    }
  }
};
</script>

<style scoped lang="less">
@green: #287dff;

/deep/ .van-nav-bar__content {
  height: 65px;
}

/deep/ .van-nav-bar__title {
  font-family: "DINPro";
  width: 100%;
  height: 1.17333rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-style: normal;
  font-weight: 700;
  font-size: 0.48rem;
  color: #14181f;
}

.right_gos_txt {
  margin-right: 15px;
}
@@ -357,6 +385,7 @@
  width: 100%;
  height: 5rem;
  padding: 0.3rem;
  color: #333;

  .old_password {
    width: 100%;
@@ -397,7 +426,7 @@
    width: 100%;
    height: 1.3rem;
    border-radius: 0.15rem;
    background: #2d6ae9;
    background: @green;
    color: #fff;
    font-size: 0.4615rem;
    margin-top: 0.5rem;
@@ -437,15 +466,15 @@
}

.btn_s_box {
  border: none;
  background: #409eff;
  color: #fff;
  border: @green solid 0.01em;
  // background: #fff;
  // color: @green;
  height: 70px;
  width: 100%;
  line-height: 70px;
  font-size: 16px;
  text-align: center;
  border-radius: 15px;
  border-radius: 5px;
  font-weight: 600;
  margin: 40px 20px 0 20px;
}
@@ -458,16 +487,14 @@
}

.jy {
  width: 100%;
  width: 95vw;
  height: 1.5rem;
  // border-radius: 0.2rem;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  // padding: 0 0.3rem;
  margin: 0 2.5vw;
  padding-top: 0.3rem;
  border-bottom: 1px solid #ecf5ff;
  border-bottom: 1px solid #21242b;

  .left_gn {
    // width: 40%;
@@ -480,10 +507,11 @@
      display: flex;
      justify-content: center;
      align-items: center;
      padding-left: 0.4rem;

      img {
        width: 0.5041rem;
        height: 0.5041rem;
        width: 0.8rem;
        height: 0.8rem;
      }
    }

@@ -493,8 +521,8 @@
      display: flex;
      align-items: center;
      font-size: 0.4046rem;
      color: #404040;
      padding-left: 0.4rem;
      color: #ccc;
      padding-left: 0.2rem;

      span {
        font-weight: 600;