<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>
|
|
<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-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"
|
>
|
{{ $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: {
|
name: "",
|
auRadio: "1",
|
idCard: "",
|
vaildNumber: "",
|
img1key: "",
|
img2key: "",
|
},
|
rules: {
|
name: [{ 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.name = 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;
|
}
|
</style>
|
