zzzz
2024-03-26 0df61bbe45cd6adf9de18074b5e978673247be85
src/page/authentication/index.vue
@@ -7,83 +7,148 @@
        </div>
      </div>
      <div class="titles">
        <span>{{ $t('hj146') }}</span>
        <span>{{ $t("hj146") }}</span>
      </div>
      <div class="bank_name">
        <div class="lefts">
          <span>{{ $t('hj195') + ':' }}</span>
          <span>{{ $t("hj195") + ":" }}</span>
        </div>
        <div class="rights">
          <input v-if="showBtn" type="text" placeholder="Please enter your Name" v-model="form.name" />
          <input
            v-if="showBtn"
            type="text"
            placeholder="Please enter your Name"
            v-model="form.name"
          />
          <input v-if="!showBtn" type="text" v-model="form.name" readonly />
        </div>
      </div>
      <div class="bank_name">
        <div class="lefts">
          <span>{{ $t('hj196') + ':' }}</span>
          <span>{{ $t("hj196") + ":" }}</span>
        </div>
        <div class="rights">
          <input v-if="showBtn" type="text" placeholder="Please enter your ID card" v-model="form.idCard" />
          <input
            v-if="showBtn"
            type="text"
            placeholder="Please enter your ID card"
            v-model="form.idCard"
          />
          <input v-if="!showBtn" type="text" v-model="form.idCard" readonly />
        </div>
      </div>
      <div class="bank_name">
        <div class="lefts">
          <span>{{"Vaild Number"+':'}}</span>
          <span>{{ "Vaild Number" + ":" }}</span>
        </div>
        <div class="rights">
          <input v-if="showBtn" type="text" placeholder="Please enter your ID card" v-model="form.vaildNumber" />
          <input v-if="!showBtn" type="text" v-model="form.vaildNumber" readonly />
          <input
            v-if="showBtn"
            type="text"
            placeholder="Please enter your ID card"
            v-model="form.vaildNumber"
          />
          <input
            v-if="!showBtn"
            type="text"
            v-model="form.vaildNumber"
            readonly
          />
        </div>
      </div>
      <!-- <div class="uploads">
      <div class="uploads">
        <div class="lefts">
          <el-upload :with-credentials="true" class="avatar-uploader" :action="admin + '/user/upload.do'"
            list-type="picture-card" name="upload_file" :show-file-list="false" :on-success="handleAvatarSuccess"
            :on-error="handleError" :before-upload="beforeAvatarUpload" :disabled="!showBtn">
            <img v-if="form.img1key" :src="form.img1key" class="id-img avatar" style="width: 100%;height: 100%;" />
          <el-upload
            :with-credentials="true"
            class="avatar-uploader"
            :action="admin + '/user/upload.do'"
            list-type="picture-card"
            name="upload_file"
            :show-file-list="false"
            :on-success="handleAvatarSuccess"
            :on-error="handleError"
            :before-upload="beforeAvatarUpload"
            :disabled="!showBtn"
          >
            <img
              v-if="form.img1key"
              :src="form.img1key"
              class="id-img avatar"
              style="width: 100%; height: 100%"
            />
            <i v-else class="iconfont icon-zhaopian"></i>
            <span v-if="!form.img1key && !imgStatus" class="btn-title">{{$t('hj197')}}</span>
            <span v-if="imgStatus" class="btn-title">{{$t('hj198')}}</span>
            <span v-if="!form.img1key && !imgStatus" class="btn-title">{{
              $t("hj197")
            }}</span>
            <span v-if="imgStatus" class="btn-title">{{ $t("hj198") }}</span>
          </el-upload>
        </div>
        <div class="rights">
          <el-upload :with-credentials="true" class="avatar-uploader" :action="admin + '/user/upload.do'"
            list-type="picture-card" name="upload_file" :show-file-list="false" :on-success="handleAvatarSuccess2"
            :on-error="handleError2" :before-upload="beforeAvatarUpload2" :disabled="!showBtn">
            <img v-if="form.img2key" :src="form.img2key" class="id-img avatar" style="width: 100%;height: 100%;"/>
          <el-upload
            :with-credentials="true"
            class="avatar-uploader"
            :action="admin + '/user/upload.do'"
            list-type="picture-card"
            name="upload_file"
            :show-file-list="false"
            :on-success="handleAvatarSuccess2"
            :on-error="handleError2"
            :before-upload="beforeAvatarUpload2"
            :disabled="!showBtn"
          >
            <img
              v-if="form.img2key"
              :src="form.img2key"
              class="id-img avatar"
              style="width: 100%; height: 100%"
            />
            <i v-else class="iconfont icon-zhaopian"></i>
            <span v-if="!form.img2key && !imgStatus2" class="btn-title">{{$t('hj199')}}</span>
            <span v-if="imgStatus2" class="btn-title">{{$t('hj198')}}</span>
            <span v-if="!form.img2key && !imgStatus2" class="btn-title">{{
              $t("hj199")
            }}</span>
            <span v-if="imgStatus2" class="btn-title">{{ $t("hj198") }}</span>
          </el-upload>
        </div>
      </div> -->
      </div>
      <div class="bank_name bind" @click="toSure" v-if="showBtn">
        <span>{{ $t('hj161') }}</span>
        <span>{{ $t("hj161") }}</span>
      </div>
      <van-notify v-model="messFlag" type="primary">
        <div>
          <div class="eft">
            <span>{{ $t('hj200') }}</span>
            <span>{{ $t("hj200") }}</span>
          </div>
          <div class="bft">
            <span>{{ $t('hj201') }}:{{ this.$store.state.userInfo.authMsg }}</span>
            <span
              >{{ $t("hj201") }}:{{ this.$store.state.userInfo.authMsg }}</span
            >
          </div>
        </div>
      </van-notify>
      <div class="pass">
        <div class="top_t">
          <img  v-if="this.$store.state.userInfo.isActive == 1" src="../../../static/img/bd_shz.png"/>
          <span v-if="this.$store.state.userInfo.isActive == 1" class="ise_pass">{{ $t('hj202') }}</span>
          <img  v-if="!showBtn && this.$store.state.userInfo.isActive != 1" src="../../../static/img/bd_suessce.png"/>
          <span v-if="!showBtn && this.$store.state.userInfo.isActive != 1">{{ $t('hj203') }}</span>
          <img
            v-if="this.$store.state.userInfo.isActive == 1"
            src="../../../static/img/bd_shz.png"
          />
          <span
            v-if="this.$store.state.userInfo.isActive == 1"
            class="ise_pass"
            >{{ $t("hj202") }}</span
          >
          <img
            v-if="!showBtn && this.$store.state.userInfo.isActive != 1"
            src="../../../static/img/bd_suessce.png"
          />
          <span v-if="!showBtn && this.$store.state.userInfo.isActive != 1">{{
            $t("hj203")
          }}</span>
          <img v-if="showBtn" src="../../../static/img/bd_fail.png"/>
          <span v-if="showBtn" class="ise_pass">{{ $t('hj204') }}</span>
          <span v-if="showBtn" class="ise_pass">{{ $t("hj204") }}</span>
        </div>
      </div>
    </div>
  </div>
</template>
@@ -104,7 +169,7 @@
        vaildNumber:"",
        img1key: "",
        img2key: "",
        img3key: ""
        img3key: "",
      },
      img1Key: "",
      img2Key: "",
@@ -113,7 +178,7 @@
      admin: "",
      imgStatus: false,
      imgStatus2: false,
      messFlag: this.$store.state.userInfo.isActive == 3 ? true : false
      messFlag: this.$store.state.userInfo.isActive == 3 ? true : false,
    };
  },
  created() {
@@ -132,7 +197,7 @@
      document.body.classList.add("red-bg");
    }
    this.admin = process.env.API_HOST;
    console.log(this.admin)
    console.log(this.admin);
    if (this.admin == undefined) {
      this.admin = "https://api.guosen.org";
    }
@@ -157,7 +222,7 @@
      // const _that = this
      const isLt10M = file.size / 1024 / 1024 < 10;
      if (!isLt10M) {
        this.$message.error(this.$t('hj205'));
        this.$message.error(this.$t("hj205"));
        return false;
      } else {
        this.form.img2key = URL.createObjectURL(file);
@@ -175,7 +240,7 @@
    let data = await api.getUserInfo();
    if (data.status === 0) {
      // 判断是否登录
      this.$store.commit('dialogVisible', false);
        this.$store.commit("dialogVisible", false);
      this.$store.state.userInfo = data.data;
      this.userInfo = data.data;
      if (
@@ -206,14 +271,14 @@
      console.log(file, "file");
      let i = false;
      if (i) {
        Toast(this.$t('hj206'));
        Toast(this.$t("hj206"));
      } else {
        // Indicator.open('Loading...')
        this.img1Key = file;
        // this.$refs.formDate.submit()
        // this.uploadIdImg({upload_file:file})
        var reader = new FileReader();
        reader.onload = data => {
        reader.onload = (data) => {
          let res = data.target || data.srcElement;
          this.form.img1Key = res.result;
          // Indicator.close()
@@ -228,9 +293,9 @@
      // 实名认证弹框
      if (isNull(this.form.name)) {
      // if (isNull(this.form.name) || !isName(this.form.name)) {
        Toast(this.$t('hj207'));
        Toast(this.$t("hj207"));
      } else if (isNull(this.form.idCard)) {
        Toast(this.$t('hj208'));
        Toast(this.$t("hj208"));
      }
      // else if (isNull(this.form.img1key) || isNull(this.form.img2key)) {
      //   Toast(this.$t('hj209'));
@@ -246,11 +311,11 @@
        idCard: this.form.idCard,
        vaildNumber: this.form.vaildNumber,
        img2key: this.form.img2key,
        img3key: this.form.img3key
        img3key: this.form.img3key,
      };
      let data = await api.userAuth(opts);
      if (data.status === 0) {
        Toast(this.$t('hj210'));
        Toast(this.$t("hj210"));
        this.goBack();
      } else {
        Toast(data.msg);
@@ -258,8 +323,8 @@
    },
    goBack() {
      this.$router.back(-1);
    }
  }
    },
  },
};
</script>
@@ -344,7 +409,7 @@
  display: flex;
  align-items: center;
  justify-content: center;
  background: #5C288C;
  background: #5c288c;
  font-size: 0.4103rem;
  color: #fff;