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

实名认证信息页面调整

xgf-training-dev
wangyan 2025-02-18 16:18:07 +08:00
parent 909d4ab415
commit b7158e6722
3 changed files with 87 additions and 62 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
api/index.js
View File

@ -76,5 +76,6 @@ export const getHistoricalApprovalRecords = (params) => post("/app/Task/getHis",
/** /**
* 获取班级管理分页列表 * 获取班级管理分页列表
*/ */
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); //实名认证信息提交
// ********************* end *********************** // ********************* end ***********************

84
pages/train_management/index.vue
View File

@ -11,30 +11,30 @@
<view class="content_text"> <view class="content_text">
<view> <view>
<text class="content_label">所属单位: </text> <text class="content_label">所属单位: </text>
<text class="content_value">{{ item.unit }}</text> <text class="content_value">{{ item.corpinfoName }}</text>
</view> </view>
</view> </view>
<view class="content_text"> <view class="content_text">
<view> <view>
<text class="content_label">培训开始时间: </text> <text class="content_label">培训开始时间: </text>
<text class="content_value">{{ item.trainStartTime }}</text> <text class="content_value">{{ item.startTime }}</text>
</view> </view>
</view> </view>
<view class="content_text"> <view class="content_text">
<view> <view>
<text class="content_label">培训结束时间: </text> <text class="content_label">培训结束时间: </text>
<text class="content_value">{{ item.trainEndTime }}</text> <text class="content_value">{{ item.endTime }}</text>
</view> </view>
</view> </view>
<view class="content_text"> <view class="content_text">
<view class="content_bottom"> <view class="content_bottom">
<view> <view>
<text class="content_label">任务状态: </text>{{ handleCalcTaskStatus(item.taskStatus) }} <text class="content_label">任务状态: </text>{{ handleCalcTaskStatus(item.state) }}
</view> </view>
<view class="action-row"> <view class="action-row">
<u-button size="mini" type="primary" text="签到信息" <u-button size="mini" type="primary" text="签到信息" :disabled="item.userSignPath==='0'"
@click="signInInformation(item.classId)" /> @click="signInInformation(item.classId)" />
<u-button size="mini" type="primary" text="考试记录" <u-button size="mini" type="primary" text="考试记录" :disabled="item.stageexamstate==='1' || item.stageexamstate ==='4'"
@click="ExamRecord(item.classId)" /> @click="ExamRecord(item.classId)" />
</view> </view>
</view> </view>
@ -57,8 +57,10 @@
totalPage: 0, totalPage: 0,
trainList: [], trainList: [],
taskStatusMap: { taskStatusMap: {
0: '未开始', 1: "待完善",
1: '进行中' 4: "待开班",
5: "培训中",
6: "培训结束"
} }
} }
}, },
@ -92,37 +94,43 @@
* 右上角自定义扫码图标触发事件 * 右上角自定义扫码图标触发事件
*/ */
onNavigationBarButtonTap(e) { onNavigationBarButtonTap(e) {
// 只允许通过手机相机扫码 uni.$u.route({
uni.scanCode({ url: '/pages/train_management/realname_info_auth',
// scanType: ['qrCode'], // 仅支持二维码扫码 params: {
onlyFromCamera: false, // 是否只能从相机扫码，不允许从相册选择图片 type: 'scan_face',
hideAlbum: false, // 隐藏相册,不允许从相册选择图片,只能从相机扫码
success: function(res) {
if (res.result === '0') {
// 签到二维码方式进入
uni.$u.route({
url: '/pages/train_management/realname_info_auth',
params: {
type: 'scan_face',
}
})
} else if (res.result === '1') {
// 考试二维码方式进入
uni.$u.route({
url: '/pages/train_management/face_authentication',
params: {
type: 'learning_certification'
}
})
}
},
fail: function(error) {
console.log("error :>> ", error)
},
complete: function(result) {
console.log("扫码完成,正在跳转功能页!")
} }
}); })
// 只允许通过手机相机扫码
// uni.scanCode({
// // scanType: ['qrCode'], // 仅支持二维码扫码
// onlyFromCamera: false, // 是否只能从相机扫码，不允许从相册选择图片
// hideAlbum: false, // 隐藏相册,不允许从相册选择图片,只能从相机扫码
// success: function(res) {
// if (res.result === '0') {
// // 签到二维码方式进入
// uni.$u.route({
// url: '/pages/train_management/realname_info_auth',
// params: {
// type: 'scan_face',
// }
// })
// } else if (res.result === '1') {
// // 考试二维码方式进入
// uni.$u.route({
// url: '/pages/train_management/face_authentication',
// params: {
// type: 'learning_certification'
// }
// })
// }
// },
// fail: function(error) {
// console.log("error :>> ", error)
// },
// complete: function(result) {
// console.log("扫码完成,正在跳转功能页!")
// }
// });
}, },
handleCalcTaskStatus(type) { handleCalcTaskStatus(type) {
return this.taskStatusMap[type] return this.taskStatusMap[type]

62
pages/train_management/realname_info_auth.vue
View File

@ -9,12 +9,12 @@
<u-form-item labelWidth="70" label="姓名" prop="userInfo.name" borderBottom required> <u-form-item labelWidth="70" label="姓名" prop="userInfo.name" borderBottom required>
<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="70" 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="70" label="身份证号" prop="userInfo.idCard" borderBottom required> <u-form-item labelWidth="80" label="身份证号" prop="userInfo.userIdCard" borderBottom required>
<u--input v-model="ruleFormData.userInfo.idCard" 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"
@ -23,12 +23,12 @@
</u-radio> </u-radio>
</u-radio-group> </u-radio-group>
</u-form-item> </u-form-item>
<u-form-item labelWidth="70" label="学历" prop="userInfo.education" borderBottom required <u-form-item labelWidth="70" label="学历" prop="userInfo.degreeOfEducation" borderBottom required
@click="handleEducationClick"> @click="handleEducationClick">
<u--input v-model="ruleFormData.userInfo.education" 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="请选择学历" <!-- <u-action-sheet :show="showEducationPopper" :actions="educationActions" title="请选择学历"
@close="showEducationPopper = false" @select="handleSelectEducation"> @close="showEducationPopper = false" @select="handleSelectEducation">
</u-action-sheet> </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>
@ -67,10 +67,14 @@
'--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"
@confirm="fnSingleChoiceConfirm" @cancel="fnSingleChoiceCancel"></u-picker>
</view> </view>
</template> </template>
<script> <script>
import { getDataDictionary, joinClass } from '../../api'
import Sign from '@/components/sign/sign.vue' import Sign from '@/components/sign/sign.vue'
import { validateFieldPhone, validateFieldIdCard } from '@/utils/formValidateField.js' import { validateFieldPhone, validateFieldIdCard } from '@/utils/formValidateField.js'
@ -88,7 +92,7 @@ export default {
name: '女' name: '女'
} }
], ],
showEducationPopper: false, singleChoice: false,
showCertificateGetTimePopper: false, showCertificateGetTimePopper: false,
signVisible: false, signVisible: false,
educationActions: [ educationActions: [
@ -125,13 +129,14 @@ export default {
name: '其他', name: '其他',
} }
], ],
singleChoiceColumns: [],
ruleFormData: { ruleFormData: {
userInfo: { userInfo: {
name: '', // 姓名 name: '', // 姓名
phone: '', // 联系电话 phone: '', // 联系电话
idCard: '', // 身份证号 userIdCard: '', // 身份证号
sex: '男', // 性别 sex: '男', // 性别
education: '', // 学历 degreeOfEducation: '', // 学历
job: '', // 职业 job: '', // 职业
gradeCertificate: [], // 等级证书 gradeCertificate: [], // 等级证书
certificateAcquisitionTime: '', // 获取证书时间 certificateAcquisitionTime: '', // 获取证书时间
@ -156,7 +161,7 @@ export default {
trigger: ['change', 'blur'], trigger: ['change', 'blur'],
} }
], ],
'userInfo.idCard': [ 'userInfo.userIdCard': [
{ {
type: 'string', type: 'string',
required: true, required: true,
@ -174,7 +179,7 @@ export default {
message: '请选择性别', message: '请选择性别',
trigger: ['change'] trigger: ['change']
}, },
'userInfo.education': { 'userInfo.degreeOfEducation': {
type: 'string', type: 'string',
required: true, required: true,
message: '请选择学历', message: '请选择学历',
@ -224,10 +229,24 @@ export default {
console.log('radioChange', n); console.log('radioChange', n);
}, },
handleEducationClick() { handleEducationClick() {
this.showEducationPopper = true; this.$refs.uPicker.setIndexs([0])
this.fnGetDataDictionary('d7d80f08d73a4accbccf4fd3d8d1d867')
this.singleChoice = true
}, },
fnSingleChoiceConfirm(event) {
console.log(event, "sdfasdgf")
this.$set(this.ruleFormData.userInfo, 'degreeOfEducation', event.value[0].NAME)
this.$set(this.ruleFormData.userInfo, 'degreeOfEducation' + '_BIANMA', event.value[0].BIANMA)
this.singleChoice = false
},
async fnGetDataDictionary(DICTIONARIES_ID) {
let resData = await getDataDictionary({
DICTIONARIES_ID
})
this.singleChoiceColumns = [resData.list]
},
handleSelectEducation(event) { handleSelectEducation(event) {
this.ruleFormData.userInfo.education = event.name; this.ruleFormData.userInfo.degreeOfEducation = event.name;
}, },
async afterRead(event) { async afterRead(event) {
// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式 // 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
@ -278,14 +297,11 @@ export default {
try { try {
console.log("this.ruleFormData.userInfo : >>", this.ruleFormData.userInfo); console.log("this.ruleFormData.userInfo : >>", this.ruleFormData.userInfo);
// await setSubmitForm({ await joinClass({
// form: this.form, form: this.form,
// formItems: this.formItems, calssId: this.routeQuery.calssId,
// TYPE: this.type, })
// CORP_ID: this.form.CORP_ID, uni.$u.toast('保存成功')
// EW_RU_TASK_ID: this.taskId
// })
// pages/train_management/face_authentication
uni.$u.route({ uni.$u.route({
url: '/pages/train_management/face_authentication', url: '/pages/train_management/face_authentication',
params: { ...this.routeQuery } params: { ...this.routeQuery }