yl-gzh/pages/lr/info.vue

<template>
	<view class="content">
		<uni-card class="card">
			<uni-section title="基本信息" type="line">

				<view>
					<view class="lzcOCR">
						<view class="imgBox">
							<image :src="zjcaijianSrc" style="width: 40vw;" mode="widthFix">
							</image>
							<view class="text">拍摄人像面</view>
						</view>
						<view class="imgBox">
							<image :src="zjcaijianSrcFan" style="width: 40vw;" mode="widthFix">
							</image>
							<view class="text">拍摄国徽面</view>
						</view>
					</view>
				</view>


				<uni-forms ref="baseForm" :modelValue="baseFormData" :rules="rules" style="margin-top: 5vh;">


					<uni-forms-item label="姓名" required name="lrXm">
						<uni-easyinput ref="xm" type="text" :disabled="disabled" v-model="baseFormData.lrXm"
							placeholder="请输入姓名" :inputBorder="true"></uni-easyinput>
					</uni-forms-item>
					<uni-forms-item label="手机号" required name="lrCydh">
						<uni-easyinput type="text" v-model="baseFormData.lrCydh" placeholder="请输入手机号"
							:inputBorder="true"></uni-easyinput>
					</uni-forms-item>
					<uni-forms-item label="监护人姓名">
						<uni-easyinput ref="xm" type="text" v-model="baseFormData.jhrxm" placeholder="请输入监护人姓名"
							:inputBorder="true"></uni-easyinput>
					</uni-forms-item>
					<uni-forms-item label="监护人联系电话" name="jhrlxdh">
						<uni-easyinput type="text" v-model="baseFormData.jhrlxdh" placeholder="请输入监护人联系电话"
							:inputBorder="true"></uni-easyinput>
					</uni-forms-item>
					<uni-forms-item label="街道社区">
						<uni-easyinput type="text" v-model="diqu" @focus="toggle('bottom')"
							placeholder="请选择街道社区" :clearable="false"></uni-easyinput>


					</uni-forms-item>
					<uni-forms-item label="住址" required name="jzdz">
						<uni-easyinput type="text" v-model="baseFormData.jzdz" placeholder="请输入住址"
							:inputBorder="true"></uni-easyinput>
					</uni-forms-item>

					<uni-forms-item label="是否特困">
						<uni-data-checkbox v-model="baseFormData.istk" :localdata="radioData"></uni-data-checkbox>
					</uni-forms-item>

					<uni-forms-item label="特困证明" v-if="baseFormData.istk == 1">
						<myfile :zczmList="tkzmList" @recordsChange="tkChange"></myfile>
					</uni-forms-item>

					<uni-forms-item label="是否低保">
						<uni-data-checkbox v-model="baseFormData.isdb" :localdata="radioData"></uni-data-checkbox>
					</uni-forms-item>

					<uni-forms-item label="低保证明" v-if="baseFormData.isdb == 1">
						<myfile :zczmList="dbzmList" @recordsChange="dbChange"></myfile>
					</uni-forms-item>

					<uni-forms-item label="是否重残">
						<uni-data-checkbox v-model="baseFormData.iszc" :localdata="radioData"></uni-data-checkbox>
					</uni-forms-item>

					<uni-forms-item label="重残证明" v-if="baseFormData.iszc == 1">
						<!-- <uni-file-picker v-model="zczm" @select="imgSelect3" @delete="imgDelete3"></uni-file-picker> -->
						<myfile :zczmList="zczmList" @recordsChange="zcChange"></myfile>
					</uni-forms-item>

					<view>
						<button cursor-spacing="22px" class="buttonClass" @click="preSave()">修改</button>
					</view>
				</uni-forms>
			</uni-section>




		</uni-card>


		<view>
			<!-- 普通弹窗 -->
			<uni-popup ref="popup" background-color="#fff">
				<picker-view :indicator-style="indicatorStyle" @change="bindChange" class="picker-view">
					<picker-view-column>
						<view class="item" v-for="(item,index) in jiedaoData" :key="index">{{item.label}}</view>
					</picker-view-column>
					<picker-view-column>
						<view class="item" v-for="(item,index) in shequData" :key="index">{{item.label}}</view>
					</picker-view-column>
				</picker-view>
			</uni-popup>
		</view>
	</view>
</template>

<script>
	import myfile from '@/components/my-file/my-file.vue';
	let jl = require('../../static/json/bufen.json')
	import {
		decryptRowData_ECB,
		decryptData_ECB
	} from '@/common/sm4.js'
	import {
		GetChildListByCode
	} from '@/api/dict.js'
	import {
		showConfirm,
		getDictInfo,
		toast,
		toBase64
	} from '@/common/common.js'
	import {
		UploadOne,
		UploadSome,
		UploadSomeFile
	} from '@/api/upload.js'
	import {
		Register
	} from '@/api/login.js'
	import {
		getUser
	} from '@/common/auth.js'
	import CryptoJS from 'crypto-js';
	import config from '@/config.js';
	import idCardNoUtil from '@/common/idcard.js'
	import {
		translate,
		base64ToUrl,
		blobToDataURI,
		translateAll,
		base64toFilen,
		fileToBlob
	} from '@/common/image.js'
	import {
		setToken,
		setOpenid,
		getOpenid,
		setUser
	} from '@/common/auth.js'
	import {
		getAccessToken,
		idcard,
		match
	} from '@/common/baiduUtil.js'
	import {
		updateKhjbxx,
		infoKhjbxx,
		GetLrByZjhm,
		SaveKhjbxx
	} from '@/api/kh.js'
	export default {
		components: {
			myfile
		},
		data() {
			return {
				id: '',
				diqu: '',
				item: {},
				tkzmList: [],
				dbzmList: [],
				zczmList: [],
				isCheck: false,
				indicatorStyle: `height: 50px;`,
				jiedaoData: [],
				shequData: [],
				jiedaoValue: {},
				shequValue: {},
				shequIndex: 0,
				jiedaoIndex: 0,
				disabled: true,
				show: false,
				radio: "0",
				radioData: [{
					text: '否',
					value: "0"
				}, {
					text: '是',
					value: "1"
				}],
				// 字典
				dicts: {
					// 民族
					C0009: [],
					// 性别
					C0007: [],
				},
				// 百度云access_token
				token: '',
				// 人像地址
				src: "/static/images/head.png",
				// 身份拍摄地址
				zjSrc: "",
				// 身份证裁剪地址
				zjcaijianSrc: '/static/images/zhengmian.png',
				zjcaijianSrcFan: '/static/images/fanmian.png',
				cardType: 'front',
				frontBase64: '',
				backBase64: '',
				file1: "",
				file2: "",
				file3: "",
				file4: "",
				file5: "",
				file6: "",
				showSrc: "",
				// 人员信息
				userInfo: {},
				// 组
				groupId: '',
				// 身份证号加密
				idcardMD5: '',
				// 人像base64
				faceBase64: '',
				// 身份证base64
				idcardFace: '',
				idcardFaceUrl: '',
				// 对比份数
				score: 0,
				// ocrXm
				ocrXm: '',
				isSearch: false,
				baseFormData: {
					lrXm: '',
					lrZjhm: '',
					lrHjbcxx: '',
					lrCydh: '',
					code: '',
					diqu: '',
					lrHjdz: '',
					istk: "0",
					isdb: "0",
					iszc: "0",
					lzzt: 0,
					lrZjz: ""
				},
				rules: {
					jzdz: {
						rules: [{
							required: true,
							errorMessage: '住址不能为空'
						}]
					},
					lrXm: {
						rules: [{
							required: true,
							errorMessage: '姓名不能为空'
						}]
					},
					diqu: {
						rules: [{
							required: true,
							errorMessage: '请选择地区'
						}]
					},
					photo: {
						rules: [{
							required: true,
							errorMessage: '请上传人像'
						}]
					},
					lrCydh: {
						rules: [{
								required: true,
								errorMessage: '手机号不能为空'
							},
							{
								format: 'number',
								errorMessage: '请输入正确的手机号',
							},
							{
								pattern: '^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1})|(17[0-9]{1}))+\\d{8})$',
								errorMessage: '请输入正确的手机号',
							}
						]
					},
					jhrlxdh: {
						rules: [{
								required: false,
								errorMessage: '监护人联系电话不能为空'
							},
							{
								format: 'number',
								errorMessage: '请输入正确的手机号',
							},
							{
								pattern: '^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1})|(17[0-9]{1}))+\\d{8})$',
								errorMessage: '请输入正确的手机号',
							}
						]
					}
				},
			}
		},
		onLoad(o) {
			this.userInfo = getUser()
			//  查询街道和社区
			this.getAddressList(this.userInfo.dept.locationCode)

			// this.getDictList(Object.keys(this.dicts), this.dicts)
			this.baseFormData.code = getOpenid()

			this.groupId = this.userInfo.dept.locationCode.substring(0, 6)
			this.id = o.id
		},
		methods: {
			showInfo(id) {
				infoKhjbxx(id).then(res => {
					if (res.data) this.baseFormData = decryptData_ECB(res.data, ["lrZjhm", "lrXm",
						"lrHjbcxx",
						"lrXjdzBcxx",
						"lrCydh", "lrPoxm", "lrPoZjmh", "jhrXm", "jhrSjhm", "zlrXm", "zlrDh",
						"cjzh",
						"yhzh", "khmc", "jhrxm", "jhrlxdh"
					], [2, 1, 4, 4, 3, 1, 2, 1, 2, 1, 3, 5, 5, 5]);

					if (this.baseFormData.lrTx) this.src = config.baseUrl + this.baseFormData.lrTx
					if (this.baseFormData.lrHjdz) {
						this.jiedaoData.forEach((e, jiedaoIndex) => {
							if (e.children.length > 0) {
								e.children.forEach((ee, shequIndex) => {
									if (ee) {
										if (ee.code == this.baseFormData.lrHjdz) {
											this.shequValue = ee
											this.jiedaoValue = e
											this.diqu = this.jiedaoValue
												.label +
												'/' + this.shequValue.label
											console.log("4444444444444");
										}
									} else {
										if (e.code == this.baseFormData.lrHjdz) {
											this.jiedaoValue = e
											this.diqu = this.jiedaoValue.label
											console.log("333333333333");
										}
									}

								})
							}
						})
					}
					if (this.baseFormData.lrZjz) this.zjcaijianSrc = this.baseFormData.lrZjz
					if (res.data && res.data.sfzzpb) this.zjcaijianSrcFan = res.data.sfzzpb
					if (res.data && res.data.tkzm) this.tkzmList = [res.data.tkzm]
					if (res.data && res.data.dbzm) this.dbzmList = [res.data.dbzm]
					if (res.data && res.data.zczm) this.zczmList = [res.data.zczm]
					if (res.data) this.updateFlag = true
				})
			},
			tkChange(e) {
				this.tkzmList = e
			},
			dbChange(e) {
				this.dbzmList = e
			},
			zcChange(e) {
				this.zczmList = e
			},
			getAddressList(code) {
				GetChildListByCode({
					code: code
				}).then(res => {
					if (res.data) {
						this.jiedaoData = res.data
						this.shequData = res.data[0].children


						this.jiedaoValue = this.jiedaoData[0]
						if (this.shequData.length > 0) {
							this.shequValue = this.shequData[0]
							this.diqu = this.jiedaoValue.label + '/' + this.shequValue.label
							this.baseFormData.lrHjdz = this.shequValue.code
						} else {
							this.diqu = this.jiedaoValue.label
							this.baseFormData.lrHjdz = this.shequValue.code
						}
						console.log("2222222222222");
						if (this.id) this.showInfo(this.id)
					}
				})
			},
			callbackFace(res) {
				uni.hideLoading()
				if (res.data.error_msg == 'SUCCESS') {
					this.score = res.data.result.score;

					this.baseFormData.lrTxdb = JSON.stringify({
						"lrJmzjhm": this.idcardMD5,
						"xsfs": this.score
					})
					if (this.score >= config.score) {
						this.show = false
						// this.baseFormData.lzzt = 3
						this.baseFormData.lzzt = 0
						// this.baseFormData.lrSpyj = '同意'
						this.baseFormData.lrSpyj = ''
					} else {
						// 低于80选项是否人工审核，是的话进记录表
						// 身份证头像保存后端
						// 人脸库注册人脸、身份证md5
						// 修改的时候去人脸库搜索，搜索不到不允许修改
						// 修改成功替换原始人脸库照片
						// 首次修改搜索身份证
						// 后端没入库，人脸库相应删除
						// ocr失败身份证原版入库，ocr成功人脸入库
						// showConfirm('人像与身份证不符，请重新上传')

						// this.baseFormData.lzzt = 1
						// this.baseFormData.lrSpyj = ''
						this.baseFormData.lzzt = 0
						this.baseFormData.lrSpyj = ''
						this.show = true
					}
					this.baseFormData.prelrZjz = this.zjcaijianSrc

				} else {
					showConfirm(res.data.error_msg)
					this.faceBase64 = ''
				}
			},
			callbackToken(e) {
				this.token = e
			},
			toggle(type) {
				uni.hideKeyboard()
				this.shequData = this.jiedaoData[0].children
				// open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
				this.$refs.popup.open(type)
			},
			bindChange(e) {
				console.log(e.detail.value);
				if (e.detail.value.length == 1) {
					console.log("11111111111111");
					this.jiedaoValue = this.jiedaoData[e.detail.value[0]]
					this.shequData = this.jiedaoData[e.detail.value[0]].children
					if (this.shequData.length > 0 && this.shequData[0] != null) {
						this.shequValue = this.shequData[0]
						this.diqu = this.jiedaoValue.label + '/' + this.shequValue.label
						this.baseFormData.lrHjdz = this.shequValue.code
					} else {
						this.shequData = []
						this.shequValue = ''
						this.diqu = this.jiedaoValue.label
						this.baseFormData.lrHjdz = this.jiedaoValue.code
					}

				} else {
					let index = e.detail.value[0] ? e.detail.value[0] : 0
					this.jiedaoValue = this.jiedaoData[index]
					this.shequValue = this.shequData[e.detail.value[1]]
					this.diqu = this.jiedaoValue.label + '/' + this.shequValue.label
					this.baseFormData.lrHjdz = this.shequValue.code

					console.log(index, e.detail.value[1], this.jiedaoValue, this.shequValue, this.diqu, this
						.baseFormData.lrHjdz);

					// this.diqu = "1111"
				}

			},
			buildDataByLevel(data, pid) {
				let result = [];
				data.filter(e => {
					return e.parent_id === pid
				}).forEach(e => {
					result.push({
						value: e.code,
						text: e.name,
						id: e.id,
						children: this.buildDataByLevel(data, e.id)
					})
				})
				return result.length > 0 ? result : []
			},
			paizhao(type) {
				this.type = type
				if (this.type == 'back' && !this.ocrXm) {
					showConfirm('请先拍摄身份证人像面')
					return
				}
				uni.setStorageSync("cardType", type)
				uni.navigateTo({
					url: '/pages/info/card'
				})
			},
			onchange(e) {
				console.log("onchange", e);
			},
			onnodeclick(node) {
				this.groupId = node.code.substring(0, 6)
				this.baseFormData.lrHjdz = this.groupId + '000000'
			},

			preSave() {
				if (this.baseFormData.lzzt != 0 && this.baseFormData.lzzt != 3 && this.baseFormData.lzzt != 4 && this
					.baseFormData.lzzt != 6) {
					showConfirm('信息正在审核，请审核后重试')
					return
				}
				if (this.baseFormData.istk == 1 && this.tkzmList.length == 0) {
					showConfirm('请先上传特困证明')
					return
				}
				if (this.baseFormData.isdb == 1 && this.dbzmList.length == 0) {
					showConfirm('请先上传低保证明')
					return
				}
				if (this.baseFormData.iszc == 1 && this.zczmList.length == 0) {
					showConfirm('请先上传重残证明')
					return
				}

				this.save()
			},
			save() {


				uni.showLoading({
					title: '正在修改中...'
				})
				let paramFiles = []


				if (this.baseFormData.istk == 1 && this.tkzmList.length == 1 && this.tkzmList[0].indexOf(
						'data:image') > -1) {
					fileToBlob(base64toFilen(this.tkzmList[0]), (e) => {
						this.file4 = e
						paramFiles.push({
							name: "file4",
							uri: this.file4
						})
					})

					if (this.baseFormData.lzzt != 2 || this.baseFormData.lzzt != 1) {
						// 特殊材料待审核
						// this.baseFormData.lzzt = 5
						this.baseFormData.lzzt = 0
						this.baseFormData.lrSpyj = '无'
					}

				}
				if (this.baseFormData.isdb == 1 && this.dbzmList.length == 1 && this.dbzmList[0].indexOf(
						'data:image') > -1) {
					fileToBlob(base64toFilen(this.dbzmList[0]), (e) => {
						this.file5 = e
						paramFiles.push({
							name: "file5",
							uri: this.file5
						})
					})
					if (this.baseFormData.lzzt != 2 || this.baseFormData.lzzt != 1) {
						// 特殊材料待审核
						// this.baseFormData.lzzt = 5
						this.baseFormData.lzzt = 0
						this.baseFormData.lrSpyj = '无'
					}
				}
				if (this.baseFormData.iszc == 1 && this.zczmList.length == 1 && this.zczmList[0].indexOf(
						'data:image') > -1) {
					fileToBlob(base64toFilen(this.zczmList[0]), (e) => {
						this.file6 = e
						paramFiles.push({
							name: "file6",
							uri: this.file6
						})
					})
					if (this.baseFormData.lzzt != 2 || this.baseFormData.lzzt != 1) {
						// 特殊材料待审核
						// this.baseFormData.lzzt = 5
						this.baseFormData.lzzt = 0
						this.baseFormData.lrSpyj = '无'
					}
				}
				let that = this
				setTimeout(function() {
					UploadSomeFile(paramFiles).then(res => {
						that.baseFormData.lrZjz = res.data.url1
						if (that.backBase64) {
							that.baseFormData.sfzzpb = res.data.url2
						}
						that.baseFormData.lrTx = res.data.url3
						if (that.baseFormData.istk == 1 && that.tkzmList.length == 1) {
							that.baseFormData.tkzm = res.data.url4
						}
						if (that.baseFormData.isdb == 1 && that.dbzmList.length == 1) {
							that.baseFormData.dbzm = res.data.url5
						}
						if (that.baseFormData.iszc == 1 && that.zczmList.length == 1) {
							that.baseFormData.zczm = res.data.url6
						}

						that.$refs['baseForm'].validate().then(res => {
							if (that.updateFlag) {
								updateKhjbxx(that.baseFormData).then(r => {
									uni.hideLoading()
									if (r.code == 200) {
										toast('保存成功')
										setTimeout(function() {
											// uni.switchTab({
											// 	url: '/pages/index/index'
											// })
											
											uni.navigateBack()
										}, 1000)
									}
								})
							} else {
								SaveKhjbxx(that.baseFormData).then(r => {
									uni.hideLoading()
									if (r.code == 200) {
										toast('保存成功')
										// setOpenid(r.data.openId)
										// setUser(r.data.sysUser)
										// setToken(r.data.token.access_token)
										setTimeout(function() {
											uni.switchTab({
												url: '/pages/index/index'
											})
										}, 1000)
									}
								})
							}

						}).catch(err => {
							uni.hideLoading()
						})

					})
				}, 500)

			}
		}
	}
</script>

<style scoped>
	.content {
		padding: 1vh;
	}


	.lzcOCR {
		display: flex;
		justify-content: space-between;
		margin-top: 5vh;

	}

	.imgBox {
		width: 47%;
		text-align: center;

		image {
			width: 100%;
		}

		.text {
			width: 100%;
			/* background-color: red; */
		}
	}

	.miaoshu {
		margin-top: 5vh;
		font-size: 14px;
	}

	.buttonClass {
		margin-top: 4vh;
		margin-left: 4vw;
		width: 68vw;
		/* height: 5vh; */
		border-radius: 5.8vw;
		/* border: 1px solid rgba(176, 179, 199, 1); */
		background: #28d87d;
		color: white;
		height: 5vh;
		display: flex;
		align-items: center;
		justify-content: center;
		box-shadow: 0rpx 4rpx 10rpx 1rpx rgba(40, 216, 125, 0.4);
	}

	.picker-view {
		width: 750rpx;
		height: 600rpx;
		margin-top: 20rpx;
	}

	.item {
		line-height: 100rpx;
		text-align: center;
	}
</style>