<template>
|
<el-form ref="fnvform" :model="form" label-width="auto" :rules="rules">
|
<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("hj196") }}</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
|
<el-form-item :label="$t('in1')" prop="idCard">
|
<el-input v-model.number="form.idCard" :disabled="isActive"></el-input>
|
</el-form-item>
|
|
<el-form-item :label="$t('电话号码')" prop="vaildNumber">
|
<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%" />
|
<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%" />
|
<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">
|
{{ isActive ? userInfo.isActive == 2 ? $t('sptg') : $t("uv1") : $t('hj161') }}
|
</el-button>
|
</el-form-item>
|
</el-form>
|
</template>
|
|
<script>
|
import * as api from "@/axios/api";
|
import { mapState } from "vuex";
|
import apiUrl from "@/config/index";
|
export default {
|
data() {
|
return {
|
form: {
|
realName: "",
|
auRadio: "1",
|
idCard: "",
|
vaildNumber: "",
|
img1key: "",
|
img2key: "",
|
},
|
rules: {
|
realName: [{ required: true, message: this.$t("请输入") }],
|
auRadio: [
|
{ required: true, message: this.$t("請選擇"), trigger: "change" },
|
],
|
idCard: [{ required: true, message: this.$t("请输入") }],
|
vaildNumber: [{ required: true, message: this.$t("请输入") }],
|
img1key: [{ required: true, message: this.$t("请输入") }],
|
img2key: [{ required: true, message: this.$t("请输入") }],
|
},
|
imgStatus: false,
|
admin: apiUrl.baseURL,
|
};
|
},
|
computed: {
|
...mapState(["userInfo"]),
|
//注册默认0 1.提交未实名 2.已实名 3.驳回, 状态1||2的时候屏蔽所有的输入
|
isActive() {
|
return this.userInfo.isActive == 1 || this.userInfo.isActive == 2;
|
// return false;
|
},
|
},
|
mounted() {
|
this.form.realName = this.userInfo.realName;
|
this.form.idCard = this.userInfo.idCard;
|
this.form.vaildNumber = this.userInfo.vaildNumber;
|
this.form.img1key = this.userInfo.img1Key;
|
this.form.img2key = this.userInfo.img2Key;
|
},
|
methods: {
|
onSubmit() {
|
this.$refs["fnvform"].validate(async (valid) => {
|
if (valid) {
|
let data = await api.userAuth(this.form);
|
if (data.status == 0) {
|
this.$message.success(this.$t("hj210"));
|
}
|
} else {
|
console.log("thirdPartyRecharge err");
|
return false;
|
}
|
});
|
},
|
handleAvatarSuccess(res, file) {
|
this.imgStatus = false;
|
this.form.img1key = res.data.url;
|
},
|
beforeAvatarUpload(file) {
|
this.imgStatus = true;
|
},
|
handleError() {
|
this.imgStatus = false;
|
},
|
handleAvatarSuccess2(res, file) {
|
this.imgStatus2 = false;
|
this.form.img2key = res.data.url; // URL.createObjectURL(file.raw);
|
},
|
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) {});
|
// }
|
},
|
handleError2() {
|
this.imgStatus2 = false;
|
},
|
},
|
};
|
</script>
|
|
<style lang="scss" scoped>
|
::v-deep .el-radio__input.is-checked .el-radio__inner {
|
border-color: #287dff;
|
background: #287dff;
|
}
|
|
::v-deep .el-radio__input.is-checked+.el-radio__label {
|
color: #287dff;
|
}
|
|
.submit {
|
background-color: #287dff !important;
|
border-color: #287dff !important;
|
}
|
|
.ts {
|
color: #dfb758;
|
}
|
|
.shjj {
|
color: red;
|
}
|
</style>
|
