guoyuepeng
/
qa-prevention-xgf-app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 人员信息页面接口入参调整

xgf-training-dev
mengfanliang 2025-02-19 14:06:10 +08:00
parent 96303795ec
commit 40bfdf1cf7
3 changed files with 285 additions and 319 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
api/index.js
View File

@ -74,5 +74,5 @@ export const getHistoricalApprovalRecords = (params) => post("/app/Task/getHis",
// ********************* start *********************** // ********************* start ***********************
export const getIsUploadFace = (params) => post("/app/user/getUserFace", params); // 获取是否上传人脸信息 export const getIsUploadFace = (params) => post("/app/user/getUserFace", params); // 获取是否上传人脸信息
export const getClassList = (params) => post("/app/stagestudentrelation/pageTaskByUser", params); //获取班级列表 export const getClassList = (params) => post("/app/stagestudentrelation/pageTaskByUser", params); //获取班级列表
export const joinClass = (params) => post("/app/student/joinClass", params); //实名认证信息提交 export const joinClass = (params) => uploads("/app/student/joinClass", params); // 实名认证信息提交
// ********************* end *********************** // ********************* end ***********************

13
pages/train_management/index.vue
View File

@ -101,21 +101,24 @@ export default {
// scanType: ['qrCode'], // 仅支持二维码扫码 // scanType: ['qrCode'], // 仅支持二维码扫码
onlyFromCamera: false, // 是否只能从相机扫码，不允许从相册选择图片 onlyFromCamera: false, // 是否只能从相机扫码，不允许从相册选择图片
hideAlbum: false, // 隐藏相册,不允许从相册选择图片,只能从相机扫码 hideAlbum: false, // 隐藏相册,不允许从相册选择图片,只能从相机扫码
success: function (res) { success: function (response) {
if (res.result === '0') { const { id, type } = JSON.parse(response.result);
if (type === '0') {
// 签到二维码方式进入 // 签到二维码方式进入
uni.$u.route({ uni.$u.route({
url: '/pages/train_management/realname_info_auth', url: '/pages/train_management/realname_info_auth',
params: { params: {
type: 'scan_face' type: 'scan_face',
classId: id
} }
}) })
} else if (res.result === '1') { } else if (type === '1') {
// 考试二维码方式进入 // 考试二维码方式进入
uni.$u.route({ uni.$u.route({
url: '/pages/train_management/face_authentication', url: '/pages/train_management/face_authentication',
params: { params: {
type: 'learning_certification' type: 'learning_certification',
classId: id
} }
}) })
} }

191
pages/train_management/realname_info_auth.vue
View File

@ -10,43 +10,31 @@
<u--input v-model="ruleFormData.userInfo.name" placeholder="请输入姓名..." border="none"></u--input> <u--input v-model="ruleFormData.userInfo.name" placeholder="请输入姓名..." border="none"></u--input>
</u-form-item> </u-form-item>
<u-form-item labelWidth="80" label="联系电话" prop="userInfo.phone" borderBottom required> <u-form-item labelWidth="80" label="联系电话" prop="userInfo.phone" borderBottom required>
<u--input v-model="ruleFormData.userInfo.phone" type="number" placeholder="请输入联系电话..." <u--input v-model="ruleFormData.userInfo.phone" type="number" placeholder="请输入联系电话..." border="none"></u--input>
border="none"></u--input>
</u-form-item> </u-form-item>
<u-form-item labelWidth="80" label="身份证号" prop="userInfo.userIdCard" borderBottom required> <u-form-item labelWidth="80" label="身份证号" prop="userInfo.userIdCard" borderBottom required>
<u--input v-model="ruleFormData.userInfo.userIdCard" placeholder="请输入身份证号..." border="none"></u--input> <u--input v-model="ruleFormData.userInfo.userIdCard" placeholder="请输入身份证号..." border="none"></u--input>
</u-form-item> </u-form-item>
<u-form-item labelWidth="70" label="性别" prop="userInfo.sex" borderBottom required> <u-form-item labelWidth="70" label="性别" prop="userInfo.sex" borderBottom required>
<u-radio-group v-model="ruleFormData.userInfo.sex" placement="row" class="radio-group__style" <u-radio-group v-model="ruleFormData.userInfo.sex" placement="row" class="radio-group__style">
@change="groupChange"> <u-radio v-for="(item, index) in sexsList" :key="index" :label="item.name" :name="item.name"> </u-radio>
<u-radio v-for="(item, index) in sexsList" :key="index" :label="item.name" :name="item.name">
</u-radio>
</u-radio-group> </u-radio-group>
</u-form-item> </u-form-item>
<u-form-item labelWidth="70" label="学历" prop="userInfo.degreeOfEducation" borderBottom required <u-form-item labelWidth="70" label="学历" prop="userInfo.degreeOfEducation" borderBottom required @click="handleEducationClick">
@click="handleEducationClick">
<u--input v-model="ruleFormData.userInfo.degreeOfEducation" readonly placeholder="请选择学历..." border="none"></u--input> <u--input v-model="ruleFormData.userInfo.degreeOfEducation" readonly placeholder="请选择学历..." border="none"></u--input>
<!-- <u-action-sheet :show="showEducationPopper" :actions="educationActions" title="请选择学历"
@close="showEducationPopper = false" @select="handleSelectEducation">
</u-action-sheet> -->
</u-form-item> </u-form-item>
<u-form-item labelWidth="70" label="职业" prop="userInfo.job" borderBottom required> <u-form-item labelWidth="70" label="职业" prop="userInfo.job" borderBottom required>
<u--input v-model="ruleFormData.userInfo.job" placeholder="请输入职业..." border="none"></u--input> <u--input v-model="ruleFormData.userInfo.job" placeholder="请输入职业..." border="none"></u--input>
</u-form-item> </u-form-item>
<u-form-item labelWidth="125" label="职业资格等级证书" prop="userInfo.gradeCertificate" borderBottom required> <u-form-item labelWidth="125" label="职业资格等级证书" prop="userInfo.gradeCertificate" borderBottom required>
<u-upload :fileList="ruleFormData.userInfo.gradeCertificate" :previewFullImage="true" @afterRead="afterRead" <u-upload :fileList="ruleFormData.userInfo.gradeCertificate" previewFullImage @afterRead="afterRead" @delete="deletePic" name="1" multiple :maxCount="1"></u-upload>
@delete="deletePic" name="1" multiple :maxCount="1"></u-upload>
</u-form-item> </u-form-item>
<u-form-item labelWidth="120" label="获得证书时间" prop="userInfo.certificateAcquisitionTime" borderBottom required <u-form-item labelWidth="120" label="获得证书时间" prop="userInfo.certificateAcquisitionTime" borderBottom required @click="showCertificateGetTime">
@click="showCertificateGetTime"> <u--input v-model="ruleFormData.userInfo.certificateAcquisitionTime" readonly placeholder="请选择获得证书时间..." border="none"></u--input>
<u--input v-model="ruleFormData.userInfo.certificateAcquisitionTime" readonly placeholder="请选择获得证书时间..."
border="none"></u--input>
</u-form-item> </u-form-item>
<u-form-item label="手写签字" prop="userInfo.writeSign" borderBottom required labelPosition="top" labelWidth="auto"> <u-form-item label="手写签字" prop="userInfo.writeSign" borderBottom required labelPosition="top" labelWidth="auto">
<view style="flex: 1;"> <view style="flex: 1">
<u-button type="primary" size="mini" text="签字" <u-button type="primary" size="mini" text="签字" :customStyle="{ position: 'absolute', top: '-46upx', right: '20upx', width: '100upx' }" @click="signVisible = true" />
:customStyle="{ position: 'absolute', top: '-46upx', right: '20upx', width: '100upx' }"
@click="signVisible = true" />
<view v-if="ruleFormData.userInfo.writeSign"> <view v-if="ruleFormData.userInfo.writeSign">
<u-image width="400rpx" height="200rpx" :src="ruleFormData.userInfo.writeSign" /> <u-image width="400rpx" height="200rpx" :src="ruleFormData.userInfo.writeSign" />
</view> </view>
@ -57,19 +45,25 @@
<view class="mt-10"> <view class="mt-10">
<u-button type="primary" text="下一步" @click="$u.debounce(fnSubmit, 1000, true)" /> <u-button type="primary" text="下一步" @click="$u.debounce(fnSubmit, 1000, true)" />
</view> </view>
</view> </view>
<sign :signShow.sync="signVisible" @confirm="handleSign" /> <sign :signShow.sync="signVisible" @confirm="handleSign" />
<u-datetime-picker :show="showCertificateGetTimePopper" mode="date" :round="12" :custom-style="{ <u-datetime-picker
:show="showCertificateGetTimePopper"
mode="datetime"
v-model="defaultDatetimePicker"
:round="12"
:custom-style="{
borderRadius: '24rpx', borderRadius: '24rpx',
overflow: 'hidden', overflow: 'hidden',
'--picker-header-radius': '24rpx 24rpx 0 0', '--picker-header-radius': '24rpx 24rpx 0 0',
'--picker-confirm-radius': '12rpx' '--picker-confirm-radius': '12rpx'
}" @confirm="handleCertificateGetTimeConfirm" @cancel="handleCertificateGetTimeCancel"></u-datetime-picker> }"
@confirm="handleCertificateGetTimeConfirm"
@cancel="handleCertificateGetTimeCancel"
></u-datetime-picker>
<u-picker ref="uPicker" :show="singleChoice" :columns="singleChoiceColumns" keyName="NAME" <u-picker ref="uPicker" :show="singleChoice" :columns="singleChoiceColumns" keyName="NAME" @confirm="fnSingleChoiceConfirm" @cancel="fnSingleChoiceCancel"></u-picker>
@confirm="fnSingleChoiceConfirm" @cancel="fnSingleChoiceCancel"></u-picker>
</view> </view>
</template> </template>
@ -81,7 +75,7 @@ import { validateFieldPhone, validateFieldIdCard } from '@/utils/formValidateFie
export default { export default {
data() { data() {
return { return {
routeQuery: {}, routeQuery: {}, // 上一个页面带过来的路由参数
sexsList: [ sexsList: [
{ {
label: '1', label: '1',
@ -95,40 +89,7 @@ export default {
singleChoice: false, singleChoice: false,
showCertificateGetTimePopper: false, showCertificateGetTimePopper: false,
signVisible: false, signVisible: false,
educationActions: [ defaultDatetimePicker: Number(new Date()),
{
id: '0',
name: '小学',
},
{
id: '1',
name: '初中',
},
{
id: '2',
name: '高中',
},
{
id: '3',
name: '大学专科',
},
{
id: '4',
name: '大学本科',
},
{
id: '5',
name: '研究生',
},
{
id: '6',
name: '博士',
},
{
id: '7',
name: '其他',
}
],
singleChoiceColumns: [], singleChoiceColumns: [],
ruleFormData: { ruleFormData: {
userInfo: { userInfo: {
@ -140,7 +101,7 @@ export default {
job: '', // 职业 job: '', // 职业
gradeCertificate: [], // 等级证书 gradeCertificate: [], // 等级证书
certificateAcquisitionTime: '', // 获取证书时间 certificateAcquisitionTime: '', // 获取证书时间
writeSign: '', // 手写签字 writeSign: '' // 手写签字
} }
}, },
rules: { rules: {
@ -154,11 +115,11 @@ export default {
{ {
required: true, required: true,
message: '请输入手机号', message: '请输入手机号',
trigger: ['change', 'blur'], trigger: ['change', 'blur']
}, },
{ {
validator: validateFieldPhone, validator: validateFieldPhone,
trigger: ['change', 'blur'], trigger: ['change', 'blur']
} }
], ],
'userInfo.userIdCard': [ 'userInfo.userIdCard': [
@ -170,7 +131,7 @@ export default {
}, },
{ {
validator: validateFieldIdCard, validator: validateFieldIdCard,
trigger: ['change', 'blur'], trigger: ['change', 'blur']
} }
], ],
'userInfo.sex': { 'userInfo.sex': {
@ -218,25 +179,21 @@ export default {
}, },
onLoad(query) { onLoad(query) {
this.routeQuery = query; this.routeQuery = query // 接收上一个页面传递过来的路由参数
}, },
methods: { methods: {
groupChange(n) {
console.log('groupChange', n);
},
radioChange(n) {
console.log('radioChange', n);
},
handleEducationClick() { handleEducationClick() {
this.$refs.uPicker.setIndexs([0]) this.$refs.uPicker.setIndexs([0])
this.fnGetDataDictionary('d7d80f08d73a4accbccf4fd3d8d1d867') this.fnGetDataDictionary('d7d80f08d73a4accbccf4fd3d8d1d867')
this.singleChoice = true this.singleChoice = true
}, },
fnSingleChoiceConfirm(event) { fnSingleChoiceConfirm(event) {
console.log(event, "sdfasdgf")
this.$set(this.ruleFormData.userInfo, 'degreeOfEducation', event.value[0].NAME) this.$set(this.ruleFormData.userInfo, 'degreeOfEducation', event.value[0].NAME)
this.$set(this.ruleFormData.userInfo, 'degreeOfEducation' + '_BIANMA', event.value[0].BIANMA) this.$set(this.ruleFormData.userInfo, 'degreeOfEducation' + '_BIANMA', event.value[0].BIANMA)
this.fnSingleChoiceCancel()
},
fnSingleChoiceCancel() {
this.singleChoice = false this.singleChoice = false
}, },
async fnGetDataDictionary(DICTIONARIES_ID) { async fnGetDataDictionary(DICTIONARIES_ID) {
@ -246,71 +203,77 @@ export default {
this.singleChoiceColumns = [resData.list] this.singleChoiceColumns = [resData.list]
}, },
handleSelectEducation(event) { handleSelectEducation(event) {
this.ruleFormData.userInfo.degreeOfEducation = event.name; this.ruleFormData.userInfo.degreeOfEducation = event.name
}, },
async afterRead(event) { async afterRead(event) {
// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式 let lists = [].concat(event.file)
let lists = [].concat(event.file);
let fileListLen = this.ruleFormData.userInfo.gradeCertificate.length;
lists.map((item) => { lists.map((item) => {
this.ruleFormData.userInfo.gradeCertificate.push({ this.ruleFormData.userInfo.gradeCertificate.push({
...item, ...item,
status: "uploading", status: 'success',
message: "上传中", message: ''
}); })
}); })
// console.log('this.ruleFormData.userInfo.gradeCertificate :>> ', this.ruleFormData.userInfo.gradeCertificate);
// for (let i = 0; i < lists.length; i++) {
// const result = await this.uploadFilePromise(lists[i].url);
// let item = this.ruleFormData.userInfo.gradeCertificate[fileListLen];
// this.ruleFormData.userInfo.gradeCertificate.splice(
// fileListLen,
// 1,
// Object.assign(item, {
// status: "success",
// message: "",
// url: result,
// })
// );
// fileListLen++;
// }
}, },
deletePic(event) { deletePic(event) {
this.gradeCertificateList.splice(event.index, 1); this.ruleFormData.userInfo.gradeCertificate.splice(event.index, 1)
}, },
showCertificateGetTime() { showCertificateGetTime() {
this.showCertificateGetTimePopper = true; this.showCertificateGetTimePopper = true
}, },
handleCertificateGetTimeConfirm(event) { handleCertificateGetTimeConfirm(event) {
this.ruleFormData.userInfo.certificateAcquisitionTime = uni.$u.timeFormat(event.value, 'yyyy-mm-dd') this.ruleFormData.userInfo.certificateAcquisitionTime = uni.$u.timeFormat(event.value, 'yyyy-mm-dd hh:MM')
this.handleCertificateGetTimeCancel() this.handleCertificateGetTimeCancel()
}, },
handleCertificateGetTimeCancel() { handleCertificateGetTimeCancel() {
this.showCertificateGetTimePopper = false; this.showCertificateGetTimePopper = false
}, },
handleSign(event) { handleSign(event) {
this.ruleFormData.userInfo.writeSign = event.filePath; this.ruleFormData.userInfo.writeSign = event.filePath
}, },
async fnSubmit() { async fnSubmit() {
try { const classId = this.routeQuery.classId
await this.$refs.uFormRef.validate() await this.$refs.uFormRef
try { .validate()
console.log("this.ruleFormData.userInfo : >>", this.ruleFormData.userInfo); .then(async () => {
let files = []
await joinClass({ if (this.ruleFormData.userInfo.gradeCertificate[0]) {
form: this.form, files.push({
calssId: this.routeQuery.calssId, name: 'certificatefile',
file: this.ruleFormData.userInfo.gradeCertificate[0],
uri: this.ruleFormData.userInfo.gradeCertificate[0].url
}) })
}
if (this.ruleFormData.userInfo.writeSign) {
files.push({
name: 'signfile',
uri: this.ruleFormData.userInfo.writeSign
})
}
// const certificatefileLists = this.ruleFormData.userInfo.gradeCertificate.map(so => so.url); // 接入组合多个证书的上传, 返回数组
const params = { ...this.ruleFormData.userInfo }
delete params.gradeCertificate
delete params.writeSign
await joinClass({
files,
formData: { ...params, classId }
})
.then(() => {
uni.$u.toast('保存成功') uni.$u.toast('保存成功')
setTimeout(() => {
uni.$u.route({ uni.$u.route({
url: '/pages/train_management/face_authentication', url: '/pages/train_management/face_authentication',
params: { ...this.routeQuery } params: { ...this.routeQuery, type: 'scan_face' }
}) })
} catch { }, 1500)
} })
} catch { .catch((err) => {
if (err) uni.$u.toast(err.msg)
})
})
.catch((e) => {
uni.$u.toast('请补全必填项') uni.$u.toast('请补全必填项')
} })
} }
} }
} }