1

PC-20250623MANY\Administrator

2025-09-17 cdd46caef517696298e394579d6819fa0ca8388d

 src/views/account/components/fnv.vue

@@ -1,14 +1,18 @@
<template>
  <el-form ref="fnvform" :model="form" label-width="auto" :rules="rules">
    <el-form-item :label="$t('hj195')" prop="name">
      <el-input v-model="form.name" :disabled="isActive"></el-input>
    <el-form-item v-if="$store.state.userInfo.isActive == 3">
      <div class="shjj">
        {{ $t('shjj') }}: {{ userInfo.authMsg }}
      </div>
    </el-form-item>

    <el-form-item :label="$t('hj195')" prop="realName">
      <el-input v-model="form.realName" :disabled="isActive"></el-input>
    </el-form-item>

    <el-form-item :label="$t('it1')" prop="auRadio">
      <el-radio-group v-model="form.auRadio" disabled>
        <el-radio label="1">{{ $t("dl1") }}</el-radio>
        <el-radio label="2">{{ $t("pa1") }}</el-radio>
        <el-radio label="3">{{ $t("ot1") }}</el-radio>
        <el-radio label="1">{{ $t("hj196") }}</el-radio>
      </el-radio-group>
    </el-form-item>

@@ -17,66 +21,30 @@
    </el-form-item>

    <el-form-item :label="$t('电话号码')" prop="vaildNumber">
      <el-input
        v-model.number="form.vaildNumber"
        :disabled="isActive"
      ></el-input>
      <el-input v-model.number="form.vaildNumber" :disabled="isActive"></el-input>
    </el-form-item>

    <el-form-item :label="$t('fsi1')" prop="img1key">
      <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="isActive"
      >
        <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="isActive">
        <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>
      </el-upload>
    </el-form-item>

    <el-form-item :label="$t('bsi1')" prop="img2key">
      <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="isActive"
      >
        <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="isActive">
        <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>
      </el-upload>
    </el-form-item>

    <el-form-item>
      <el-button
        type="primary"
        @click="onSubmit"
        class="submit"
        :disabled="isActive"
      >
        {{ $t("hj161") }}
      <el-button type="primary" @click="onSubmit" class="submit" :disabled="isActive">
        {{ isActive ? userInfo.isActive == 2 ? $t('sptg') : $t("uv1") : $t('hj161') }}
      </el-button>
    </el-form-item>
  </el-form>
@@ -90,7 +58,7 @@
  data() {
    return {
      form: {
        name: "",
        realName: "",
        auRadio: "1",
        idCard: "",
        vaildNumber: "",
@@ -98,7 +66,7 @@
        img2key: "",
      },
      rules: {
        name: [{ required: true, message: this.$t("请输入") }],
        realName: [{ required: true, message: this.$t("请输入") }],
        auRadio: [
          { required: true, message: this.$t("請選擇"), trigger: "change" },
        ],
@@ -120,7 +88,7 @@
    },
  },
  mounted() {
    this.form.name = this.userInfo.realName;
    this.form.realName = this.userInfo.realName;
    this.form.idCard = this.userInfo.idCard;
    this.form.vaildNumber = this.userInfo.vaildNumber;
    this.form.img1key = this.userInfo.img1Key;
@@ -156,14 +124,14 @@
    },
    beforeAvatarUpload2(file) {
      this.imgStatus2 = true;
      const isLt10M = file.size / 1024 / 1024 < 10;
      if (!isLt10M) {
        this.$message.error(this.$t("hj205"));
        return false;
      } else {
        this.form.img2key = URL.createObjectURL(file);
        compress(file, function (val) {});
      }
      // const isLt10M = file.size / 1024 / 1024 < 10;
      // if (!isLt10M) {
      //   this.$message.error(this.$t("hj205"));
      //   return false;
      // } else {
      //   this.form.img2key = URL.createObjectURL(file);
      //   compress(file, function (val) {});
      // }
    },
    handleError2() {
      this.imgStatus2 = false;
@@ -174,20 +142,24 @@

<style lang="scss" scoped>
::v-deep .el-radio__input.is-checked .el-radio__inner {
  border-color: #c4d600;
  background: #c4d600;
  border-color: #287dff;
  background: #287dff;
}

::v-deep .el-radio__input.is-checked + .el-radio__label {
  color: #c4d600;
::v-deep .el-radio__input.is-checked+.el-radio__label {
  color: #287dff;
}

.submit {
  background-color: #c4d600 !important;
  border-color: #c4d600 !important;
  background-color: #287dff !important;
  border-color: #287dff !important;
}

.ts {
  color: #dfb758;
}

.shjj {
  color: red;
}
</style>