no message
parent
3db3ee6104
commit
323b5036f6
@ -1,395 +1,11 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="p-root-detail-fellow g_w_all g_bg_page g_kuaishou">
|
<rh-edit-user-form :dataoptions='options'></rh-edit-user-form>
|
||||||
<view style="padding-bottom: 200rpx">
|
|
||||||
<rh-ai-super-input class @outputInfo="getTownsManInfo" />
|
|
||||||
<view class="g_h_10"></view>
|
|
||||||
<rh-form-slot
|
|
||||||
:list="[
|
|
||||||
{
|
|
||||||
icon: '',
|
|
||||||
label: '工友电话',
|
|
||||||
result: '',
|
|
||||||
path: '',
|
|
||||||
value: info.tel,
|
|
||||||
tip: 'slot-mobile',
|
|
||||||
placeholder: '请输入联系电话',
|
|
||||||
type: 'slot',
|
|
||||||
pColumn: 8,
|
|
||||||
require: false,
|
|
||||||
},
|
|
||||||
]"
|
|
||||||
@changeMobile="handleClickMobile"
|
|
||||||
></rh-form-slot>
|
|
||||||
<view class="g_h_10"></view>
|
|
||||||
<rh-form-slot
|
|
||||||
:list="[
|
|
||||||
{
|
|
||||||
icon: '',
|
|
||||||
label: '姓名',
|
|
||||||
result: '',
|
|
||||||
value: info.name,
|
|
||||||
path: '',
|
|
||||||
tip: 'slot-name',
|
|
||||||
img: info.idCardImageUrl,
|
|
||||||
placeholder: '请输入姓名',
|
|
||||||
type: 'slot',
|
|
||||||
pColumn: 8,
|
|
||||||
require: true,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: '',
|
|
||||||
label: '身份证号',
|
|
||||||
result: '',
|
|
||||||
value: info.idCard,
|
|
||||||
path: '',
|
|
||||||
tip: 'slot-code-idcard',
|
|
||||||
placeholder: '请输入身份证号',
|
|
||||||
type: 'slot',
|
|
||||||
pColumn: 8,
|
|
||||||
require: false,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: '',
|
|
||||||
label: '性别',
|
|
||||||
result: '',
|
|
||||||
value: info.sex,
|
|
||||||
path: '',
|
|
||||||
tip: 'slot-sex',
|
|
||||||
type: 'slot',
|
|
||||||
pColumn: 12,
|
|
||||||
require: false,
|
|
||||||
customRequire: true,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: '',
|
|
||||||
label: '年龄',
|
|
||||||
result: '',
|
|
||||||
value: info.age,
|
|
||||||
path: '',
|
|
||||||
tip: 'slot-age',
|
|
||||||
placeholder: '请输入年龄',
|
|
||||||
type: 'slot',
|
|
||||||
pColumn: 8,
|
|
||||||
require: false,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: '',
|
|
||||||
label: '民族',
|
|
||||||
result: '',
|
|
||||||
value: info.nation,
|
|
||||||
nationIndex: nationIndex,
|
|
||||||
path: '',
|
|
||||||
tip: 'slot-nation',
|
|
||||||
pColumn: 12,
|
|
||||||
require: false,
|
|
||||||
type: 'slot',
|
|
||||||
customRequire: true,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: '',
|
|
||||||
label: '家庭住址',
|
|
||||||
result: '',
|
|
||||||
value: info.address,
|
|
||||||
placeholder: '请输入家庭住址',
|
|
||||||
path: '',
|
|
||||||
tip: 'slot-address',
|
|
||||||
type: 'slot',
|
|
||||||
pColumn: 8,
|
|
||||||
},
|
|
||||||
]"
|
|
||||||
@changeName="handleClickName"
|
|
||||||
@changeSex="handleClickSex"
|
|
||||||
@changeAge="handleClickAge"
|
|
||||||
@changeNation="handleClickNation"
|
|
||||||
@changeIDcard="handleClickIDcard"
|
|
||||||
@changeAddress="handleClickAddress"
|
|
||||||
@updateFile="updateFile"
|
|
||||||
@updateIDInfo="handlerIDInfo"
|
|
||||||
></rh-form-slot>
|
|
||||||
<view class="g_h_10"></view>
|
|
||||||
<rh-form-slot
|
|
||||||
:list="[
|
|
||||||
{
|
|
||||||
icon: '',
|
|
||||||
label: '上传附件',
|
|
||||||
result: '',
|
|
||||||
path: '',
|
|
||||||
type: 'slot',
|
|
||||||
tip: 'slot-update-file',
|
|
||||||
pColumn: 16,
|
|
||||||
},
|
|
||||||
]"
|
|
||||||
@updateFile="updateFile"
|
|
||||||
>
|
|
||||||
<template v-slot:after>
|
|
||||||
<view class="g_flex_row_start g_p_10" v-if="imgList.length > 0">
|
|
||||||
<view v-for="(item, index) in imgList" class="g_position_rela" :class="index <= 2 ? 'g_mr_18' : ''" :key="index">
|
|
||||||
<i class="iconfont icon-guanbi img-close" @click="delImg(index)"></i>
|
|
||||||
<image :src="item" class="g_w_56 g_h_56 g_radius_8" />
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
</rh-form-slot>
|
|
||||||
<rh-fixed>
|
|
||||||
<slot>
|
|
||||||
<view class="g_flex_row_center">
|
|
||||||
<rh-button primaryColor='#00b666' btnText="取消" class="g_mr_16" size="small" type="default" @clickBtn="goReturn"></rh-button>
|
|
||||||
<rh-button primaryColor='#00b666' btnText="确定" class @clickBtn="handleSubmit" size="small" type="primary"></rh-button>
|
|
||||||
</view>
|
|
||||||
</slot>
|
|
||||||
</rh-fixed>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { nationlist } from "../../utils/nation.js";
|
export default{
|
||||||
export default {
|
onLoad(options) {
|
||||||
onReady() {
|
this.options = options
|
||||||
this.G.setNavStyle();
|
|
||||||
},
|
|
||||||
onShareAppMessage() {
|
|
||||||
return this.G.shareFun();
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
cdnBaseImg: this.G.store().cdnBaseImg,
|
|
||||||
info: {
|
|
||||||
nation: "汉族",
|
|
||||||
},
|
|
||||||
nation: nationlist.map((item, index) => {
|
|
||||||
return item.name;
|
|
||||||
}),
|
|
||||||
nationIndex: 0,
|
|
||||||
imgList: [],
|
|
||||||
};
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
"info.idCard"() {
|
|
||||||
console.log("this.info.idCard", this.info.idCard);
|
|
||||||
if (this.info.idCard && (this.info.idCard.length == 15 || this.info.idCard.length == 18)) {
|
|
||||||
let info = this.G.getInfoByIDcard(this.info.idCard);
|
|
||||||
console.log("info info info ", info);
|
|
||||||
this.info.age = info.age;
|
|
||||||
this.info.sex = info.sex ? (info.sex == "男" ? 1 : 2) : "";
|
|
||||||
}
|
|
||||||
},
|
|
||||||
},
|
|
||||||
onLoad(options) {
|
|
||||||
let that = this;
|
|
||||||
console.log("快速报名：", options);
|
|
||||||
if (options) {
|
|
||||||
if (options.sex) {
|
|
||||||
options.sex = Number(options.sex);
|
|
||||||
} else {
|
|
||||||
options.sex = 1;
|
|
||||||
}
|
|
||||||
if (options.nation) {
|
|
||||||
options.nation = options.nation.indexOf("族") > -1 ? options.nation : options.nation + "族";
|
|
||||||
} else {
|
|
||||||
options.nation = "汉族";
|
|
||||||
}
|
|
||||||
this.info = options;
|
|
||||||
// 民族的回显
|
|
||||||
that.nation.forEach((item, index) => {
|
|
||||||
if (item == that.info.nation) {
|
|
||||||
that.nationIndex = index;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
if (this.info.imgs) {
|
|
||||||
this.imgList = this.info.imgs.split(",");
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
console.log("获取工友信息：", options);
|
}
|
||||||
},
|
|
||||||
onShow() {
|
|
||||||
let that = this;
|
|
||||||
// that.nation.forEach((item, index) => {
|
|
||||||
// if (item == that.info.nation) {
|
|
||||||
// console.log(that.info.nation);
|
|
||||||
// console.log(index);
|
|
||||||
// that.nationIndex = index;
|
|
||||||
// }
|
|
||||||
// });
|
|
||||||
// that.speed = 0;
|
|
||||||
// setTimeout(() => {
|
|
||||||
// }, 300);
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
let that = this;
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
getTownsManInfo(info) {
|
|
||||||
let that = this;
|
|
||||||
console.log("info", info);
|
|
||||||
that.info = {
|
|
||||||
...info,
|
|
||||||
index: that.info.index,
|
|
||||||
nation: info.nation + "族",
|
|
||||||
};
|
|
||||||
},
|
|
||||||
handleClickName(e) {
|
|
||||||
this.info.name = this.info.userName = e;
|
|
||||||
},
|
|
||||||
handleClickSex(e) {
|
|
||||||
this.info.sex = e;
|
|
||||||
},
|
|
||||||
handleClickAge(e) {
|
|
||||||
this.info.age = e;
|
|
||||||
},
|
|
||||||
handleClickMobile(e) {
|
|
||||||
this.info.tel = e;
|
|
||||||
},
|
|
||||||
handleClickNation(e) {
|
|
||||||
let that = this;
|
|
||||||
console.log(e.name);
|
|
||||||
this.info.nation = e.name;
|
|
||||||
that.nation.forEach((item, index) => {
|
|
||||||
if (item == e.name) {
|
|
||||||
// console.log(that.info.nation)
|
|
||||||
// console.log(index)
|
|
||||||
that.nationIndex = index;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/**
|
|
||||||
* 获取上传的身份信息
|
|
||||||
*/
|
|
||||||
handlerIDInfo(res) {
|
|
||||||
console.log("res", res);
|
|
||||||
let that = this;
|
|
||||||
that.info.name = res.info.name;
|
|
||||||
that.info.sex = res.info.sex ? (res.info.sex == "男" ? 1 : 2) : "";
|
|
||||||
that.info.age = res.info.age;
|
|
||||||
that.info.nation = res.info.nationality + "族";
|
|
||||||
that.info.idCard = res.info.num;
|
|
||||||
that.info.idCardImageUrl = res.image;
|
|
||||||
that.info.userName = res.info.name;
|
|
||||||
that.info.address = res.info.address;
|
|
||||||
that.nation.forEach((item, index) => {
|
|
||||||
console.log("item1", item);
|
|
||||||
console.log('that.info.nation + "族"', that.info.nation + "族");
|
|
||||||
if (item == that.info.nation) {
|
|
||||||
console.log("item2", item);
|
|
||||||
|
|
||||||
that.nationIndex = index;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
console.log("that.info", that.info);
|
|
||||||
console.log("that.nationIndex", that.nationIndex);
|
|
||||||
that.$forceUpdate();
|
|
||||||
},
|
|
||||||
// 删除图片
|
|
||||||
delImg(ind) {
|
|
||||||
this.imgList.splice(
|
|
||||||
this.imgList.findIndex((item, index) => index == ind),
|
|
||||||
1
|
|
||||||
);
|
|
||||||
},
|
|
||||||
// 上传图片
|
|
||||||
updateFile(e) {
|
|
||||||
let that = this;
|
|
||||||
if (that.imgList.length < 4) {
|
|
||||||
that.imgList.push(e);
|
|
||||||
uni.hideLoading();
|
|
||||||
} else {
|
|
||||||
uni.showToast({
|
|
||||||
title: "最多只能上传4张",
|
|
||||||
icon: "none",
|
|
||||||
});
|
|
||||||
}
|
|
||||||
},
|
|
||||||
handleClickIDcard(e) {
|
|
||||||
this.info.idCard = e;
|
|
||||||
console.log("eeeeee", this.info.idCard);
|
|
||||||
|
|
||||||
// console.log(this.G.getInfoByIDcard(this.info.idCard));
|
|
||||||
},
|
|
||||||
handleClickAddress(e) {
|
|
||||||
this.info.address = e;
|
|
||||||
},
|
|
||||||
goReturn() {
|
|
||||||
uni.navigateBack();
|
|
||||||
},
|
|
||||||
handleSubmit() {
|
|
||||||
let that = this;
|
|
||||||
console.log("that.info.imgs", that.info.imgs);
|
|
||||||
console.log("that.imgList", that.imgList);
|
|
||||||
|
|
||||||
if (!that.info.name) {
|
|
||||||
uni.showToast({
|
|
||||||
icon: "none",
|
|
||||||
title: "请输入姓名",
|
|
||||||
});
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
if (!that.info.tel && !that.info.idCard) {
|
|
||||||
uni.showToast({
|
|
||||||
icon: "none",
|
|
||||||
title: "请至少输入手机号或者身份证号",
|
|
||||||
});
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
if (that.info.tel && !that.G.setReg(that.info.tel, "tel")) {
|
|
||||||
uni.showToast({
|
|
||||||
icon: "none",
|
|
||||||
title: "请输入正确的手机号",
|
|
||||||
});
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
if (that.info.idCard && !that.G.isValidIdCard(that.info.idCard)) {
|
|
||||||
uni.showToast({
|
|
||||||
icon: "none",
|
|
||||||
title: "请输入正确的身份证号",
|
|
||||||
});
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
console.log(that.info);
|
|
||||||
if (that.imgList.length > 0) {
|
|
||||||
that.info.imgs = that.imgList;
|
|
||||||
}
|
|
||||||
console.log("that.info.imgs", that.info.imgs);
|
|
||||||
uni.$emit("getTownsman", { info: that.info });
|
|
||||||
uni.navigateBack();
|
|
||||||
},
|
|
||||||
handleClickInfo() {
|
|
||||||
let that = this;
|
|
||||||
that.G.uploadImg((res) => {
|
|
||||||
console.log("res", res);
|
|
||||||
that.info.name = res.info.name || "";
|
|
||||||
that.info.sex = res.info.sex ? (res.info.sex == "男" ? 1 : 2) : "";
|
|
||||||
that.info.age = res.info.age || "";
|
|
||||||
that.info.nation = res.info.nationality || "";
|
|
||||||
that.info.idCard = res.info.num || "";
|
|
||||||
that.info.idCardImageUrl = res.image || "";
|
|
||||||
that.info.userName = res.info.name || "";
|
|
||||||
that.info.address = res.info.address || "";
|
|
||||||
that.nation.forEach((item, index) => {
|
|
||||||
if (item == that.info.nation) {
|
|
||||||
that.nationIndex = index;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
that.$forceUpdate();
|
|
||||||
}, "idcard");
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
</script>
|
||||||
|
<style></style>
|
||||||
<style>
|
|
||||||
.img-close {
|
|
||||||
position: absolute;
|
|
||||||
width: 18px;
|
|
||||||
height: 18px;
|
|
||||||
right: -6px;
|
|
||||||
top: -6px;
|
|
||||||
z-index: 99;
|
|
||||||
background-color: #666;
|
|
||||||
color: #fff;
|
|
||||||
font-size: 8px;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 18px;
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -0,0 +1,366 @@
|
|||||||
|
<template>
|
||||||
|
<view data-remark='编辑老乡信息' class="g-rh-edit-user-form p-root-detail-fellow g_w_all g_bg_page g_kuaishou">
|
||||||
|
<view style="padding-bottom: 200rpx">
|
||||||
|
<rh-ai-super-input class @outputInfo="getTownsManInfo" />
|
||||||
|
<view class="g_h_10"></view>
|
||||||
|
<rh-form-slot
|
||||||
|
:list="[
|
||||||
|
{
|
||||||
|
icon: '',
|
||||||
|
label: '工友电话',
|
||||||
|
result: '',
|
||||||
|
path: '',
|
||||||
|
value: info.tel,
|
||||||
|
tip: 'slot-mobile',
|
||||||
|
placeholder: '请输入联系电话',
|
||||||
|
type: 'slot',
|
||||||
|
pColumn: 8,
|
||||||
|
require: false,
|
||||||
|
},
|
||||||
|
]"
|
||||||
|
@changeMobile="handleClickMobile"
|
||||||
|
></rh-form-slot>
|
||||||
|
<view class="g_h_10"></view>
|
||||||
|
<rh-form-slot
|
||||||
|
:list="[
|
||||||
|
{
|
||||||
|
icon: '',
|
||||||
|
label: '姓名',
|
||||||
|
result: '',
|
||||||
|
value: info.name,
|
||||||
|
path: '',
|
||||||
|
tip: 'slot-name',
|
||||||
|
img: info.idCardImageUrl,
|
||||||
|
placeholder: '请输入姓名',
|
||||||
|
type: 'slot',
|
||||||
|
pColumn: 8,
|
||||||
|
require: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
icon: '',
|
||||||
|
label: '身份证号',
|
||||||
|
result: '',
|
||||||
|
value: info.idCard,
|
||||||
|
path: '',
|
||||||
|
tip: 'slot-code-idcard',
|
||||||
|
placeholder: '请输入身份证号',
|
||||||
|
type: 'slot',
|
||||||
|
pColumn: 8,
|
||||||
|
require: false,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
icon: '',
|
||||||
|
label: '性别',
|
||||||
|
result: '',
|
||||||
|
value: info.sex,
|
||||||
|
path: '',
|
||||||
|
tip: 'slot-sex',
|
||||||
|
type: 'slot',
|
||||||
|
pColumn: 12,
|
||||||
|
require: false,
|
||||||
|
customRequire: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
icon: '',
|
||||||
|
label: '年龄',
|
||||||
|
result: '',
|
||||||
|
value: info.age,
|
||||||
|
path: '',
|
||||||
|
tip: 'slot-age',
|
||||||
|
placeholder: '请输入年龄',
|
||||||
|
type: 'slot',
|
||||||
|
pColumn: 8,
|
||||||
|
require: false,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
icon: '',
|
||||||
|
label: '民族',
|
||||||
|
result: '',
|
||||||
|
value: info.nation,
|
||||||
|
nationIndex: nationIndex,
|
||||||
|
path: '',
|
||||||
|
tip: 'slot-nation',
|
||||||
|
pColumn: 12,
|
||||||
|
require: false,
|
||||||
|
type: 'slot',
|
||||||
|
customRequire: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
icon: '',
|
||||||
|
label: '家庭住址',
|
||||||
|
result: '',
|
||||||
|
value: info.address,
|
||||||
|
placeholder: '请输入家庭住址',
|
||||||
|
path: '',
|
||||||
|
tip: 'slot-address',
|
||||||
|
type: 'slot',
|
||||||
|
pColumn: 8,
|
||||||
|
},
|
||||||
|
]"
|
||||||
|
@changeName="handleClickName"
|
||||||
|
@changeSex="handleClickSex"
|
||||||
|
@changeAge="handleClickAge"
|
||||||
|
@changeNation="handleClickNation"
|
||||||
|
@changeIDcard="handleClickIDcard"
|
||||||
|
@changeAddress="handleClickAddress"
|
||||||
|
@updateFile="updateFile"
|
||||||
|
@updateIDInfo="handlerIDInfo"
|
||||||
|
></rh-form-slot>
|
||||||
|
<view class="g_h_10"></view>
|
||||||
|
<rh-form-slot
|
||||||
|
:list="[
|
||||||
|
{
|
||||||
|
icon: '',
|
||||||
|
label: '上传附件',
|
||||||
|
result: '',
|
||||||
|
path: '',
|
||||||
|
type: 'slot',
|
||||||
|
tip: 'slot-update-file',
|
||||||
|
pColumn: 16,
|
||||||
|
},
|
||||||
|
]"
|
||||||
|
@updateFile="updateFile"
|
||||||
|
>
|
||||||
|
<template v-slot:after>
|
||||||
|
<view class="g_flex_row_start g_p_10" v-if="imgList.length > 0">
|
||||||
|
<view v-for="(item, index) in imgList" class="g_position_rela" :class="index <= 2 ? 'g_mr_18' : ''" :key="index">
|
||||||
|
<i class="iconfont icon-guanbi img-close" @click="delImg(index)"></i>
|
||||||
|
<image :src="item" class="g_w_56 g_h_56 g_radius_8" />
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
</rh-form-slot>
|
||||||
|
<rh-fixed>
|
||||||
|
<slot>
|
||||||
|
<view class="g_flex_row_center">
|
||||||
|
<rh-button btnText="取消" class="g_mr_16" size="small" type="default" @clickBtn="goReturn"></rh-button>
|
||||||
|
<rh-button btnText="确定" class @clickBtn="handleSubmit" size="small" type="primary"></rh-button>
|
||||||
|
</view>
|
||||||
|
</slot>
|
||||||
|
</rh-fixed>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { nationlist } from "../../libs/utils/nation.js";
|
||||||
|
import rhJS from '../../libs/utils/base.js';
|
||||||
|
export default {
|
||||||
|
onReady() {
|
||||||
|
rhJS.setNavStyle();
|
||||||
|
},
|
||||||
|
onShareAppMessage() {
|
||||||
|
return rhJS.shareFun();
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
cdnBaseImg: 'https://bocai-cms.oss-cn-beijing.aliyuncs.com/web-resource/dailibaoming/',
|
||||||
|
info: {
|
||||||
|
nation: "汉族",
|
||||||
|
},
|
||||||
|
nation: nationlist.map((item, index) => {
|
||||||
|
return item.name;
|
||||||
|
}),
|
||||||
|
nationIndex: 0,
|
||||||
|
imgList: [],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
"info.idCard"() {
|
||||||
|
console.log("this.info.idCard", this.info.idCard);
|
||||||
|
if (this.info.idCard && (this.info.idCard.length == 15 || this.info.idCard.length == 18)) {
|
||||||
|
let info = rhJS.getInfoByIDcard(this.info.idCard);
|
||||||
|
console.log("info info info ", info);
|
||||||
|
this.info.age = info.age;
|
||||||
|
this.info.sex = info.sex ? (info.sex == "男" ? 1 : 2) : "";
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
props:{
|
||||||
|
dataoptions:{
|
||||||
|
default:()=>{
|
||||||
|
return {}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
let that = this;
|
||||||
|
let options = this.dataoptions;
|
||||||
|
if (options) {
|
||||||
|
if (options.sex) {
|
||||||
|
options.sex = Number(options.sex);
|
||||||
|
} else {
|
||||||
|
options.sex = 1;
|
||||||
|
}
|
||||||
|
if (options.nation) {
|
||||||
|
options.nation = options.nation.indexOf("族") > -1 ? options.nation : options.nation + "族";
|
||||||
|
} else {
|
||||||
|
options.nation = "汉族";
|
||||||
|
}
|
||||||
|
this.info = options;
|
||||||
|
// 民族的回显
|
||||||
|
that.nation.forEach((item, index) => {
|
||||||
|
if (item == that.info.nation) {
|
||||||
|
that.nationIndex = index;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
if (this.info.imgs) {
|
||||||
|
this.imgList = this.info.imgs.split(",");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getTownsManInfo(info) {
|
||||||
|
let that = this;
|
||||||
|
that.info = {
|
||||||
|
...info,
|
||||||
|
index: that.info.index,
|
||||||
|
nation: info.nation + "族",
|
||||||
|
};
|
||||||
|
},
|
||||||
|
handleClickName(e) {
|
||||||
|
this.info.name = this.info.userName = e;
|
||||||
|
},
|
||||||
|
handleClickSex(e) {
|
||||||
|
this.info.sex = e;
|
||||||
|
},
|
||||||
|
handleClickAge(e) {
|
||||||
|
this.info.age = e;
|
||||||
|
},
|
||||||
|
handleClickMobile(e) {
|
||||||
|
this.info.tel = e;
|
||||||
|
},
|
||||||
|
handleClickNation(e) {
|
||||||
|
let that = this;
|
||||||
|
this.info.nation = e.name;
|
||||||
|
that.nation.forEach((item, index) => {
|
||||||
|
if (item == e.name) {
|
||||||
|
that.nationIndex = index;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 获取上传的身份信息
|
||||||
|
*/
|
||||||
|
handlerIDInfo(res) {
|
||||||
|
let that = this;
|
||||||
|
that.info.name = res.info.name;
|
||||||
|
that.info.sex = res.info.sex ? (res.info.sex == "男" ? 1 : 2) : "";
|
||||||
|
that.info.age = res.info.age;
|
||||||
|
that.info.nation = res.info.nationality + "族";
|
||||||
|
that.info.idCard = res.info.num;
|
||||||
|
that.info.idCardImageUrl = res.image;
|
||||||
|
that.info.userName = res.info.name;
|
||||||
|
that.info.address = res.info.address;
|
||||||
|
that.nation.forEach((item, index) => {
|
||||||
|
if (item == that.info.nation) {
|
||||||
|
that.nationIndex = index;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
that.$forceUpdate();
|
||||||
|
},
|
||||||
|
// 删除图片
|
||||||
|
delImg(ind) {
|
||||||
|
this.imgList.splice(
|
||||||
|
this.imgList.findIndex((item, index) => index == ind),
|
||||||
|
1
|
||||||
|
);
|
||||||
|
},
|
||||||
|
// 上传图片
|
||||||
|
updateFile(e) {
|
||||||
|
let that = this;
|
||||||
|
if (that.imgList.length < 4) {
|
||||||
|
that.imgList.push(e);
|
||||||
|
uni.hideLoading();
|
||||||
|
} else {
|
||||||
|
uni.showToast({
|
||||||
|
title: "最多只能上传4张",
|
||||||
|
icon: "none",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
handleClickIDcard(e) {
|
||||||
|
this.info.idCard = e;
|
||||||
|
},
|
||||||
|
handleClickAddress(e) {
|
||||||
|
this.info.address = e;
|
||||||
|
},
|
||||||
|
goReturn() {
|
||||||
|
uni.navigateBack();
|
||||||
|
},
|
||||||
|
handleSubmit() {
|
||||||
|
let that = this;
|
||||||
|
if (!that.info.name) {
|
||||||
|
uni.showToast({
|
||||||
|
icon: "none",
|
||||||
|
title: "请输入姓名",
|
||||||
|
});
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
if (!that.info.tel && !that.info.idCard) {
|
||||||
|
uni.showToast({
|
||||||
|
icon: "none",
|
||||||
|
title: "请至少输入手机号或者身份证号",
|
||||||
|
});
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
if (that.info.tel && !rhJS.setReg(that.info.tel, "tel")) {
|
||||||
|
uni.showToast({
|
||||||
|
icon: "none",
|
||||||
|
title: "请输入正确的手机号",
|
||||||
|
});
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
if (that.info.idCard && !rhJS.isValidIdCard(that.info.idCard)) {
|
||||||
|
uni.showToast({
|
||||||
|
icon: "none",
|
||||||
|
title: "请输入正确的身份证号",
|
||||||
|
});
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (that.imgList.length > 0) {
|
||||||
|
that.info.imgs = that.imgList;
|
||||||
|
}
|
||||||
|
uni.$emit("getTownsman", { info: that.info });
|
||||||
|
uni.navigateBack();
|
||||||
|
},
|
||||||
|
handleClickInfo() {
|
||||||
|
let that = this;
|
||||||
|
that.G.uploadImg((res) => {
|
||||||
|
that.info.name = res.info.name || "";
|
||||||
|
that.info.sex = res.info.sex ? (res.info.sex == "男" ? 1 : 2) : "";
|
||||||
|
that.info.age = res.info.age || "";
|
||||||
|
that.info.nation = res.info.nationality || "";
|
||||||
|
that.info.idCard = res.info.num || "";
|
||||||
|
that.info.idCardImageUrl = res.image || "";
|
||||||
|
that.info.userName = res.info.name || "";
|
||||||
|
that.info.address = res.info.address || "";
|
||||||
|
that.nation.forEach((item, index) => {
|
||||||
|
if (item == that.info.nation) {
|
||||||
|
that.nationIndex = index;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
that.$forceUpdate();
|
||||||
|
}, "idcard");
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.img-close {
|
||||||
|
position: absolute;
|
||||||
|
width: 18px;
|
||||||
|
height: 18px;
|
||||||
|
right: -6px;
|
||||||
|
top: -6px;
|
||||||
|
z-index: 99;
|
||||||
|
background-color: #666;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 8px;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 18px;
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in New Issue