|
|
@@ -0,0 +1,1930 @@
|
|
|
+<template>
|
|
|
+ <view class="infos" style="padding: 30rpx">
|
|
|
+ <nav-bar title="填写审核资料"></nav-bar>
|
|
|
+ <view v-show="!agreementModal">
|
|
|
+ <view class="topBox">
|
|
|
+ <view>
|
|
|
+ <u-icon name="error-circle-fill" color="#FF3B30" size="28"></u-icon>
|
|
|
+ <text style="color: #ff3b30; margin-left: 10rpx">学习前请提交完整审核资料</text>
|
|
|
+ </view>
|
|
|
+ <view style="color: #007aff" @click="refuseAgreement">稍后再填</view>
|
|
|
+ </view>
|
|
|
+ <u-collapse v-show="remarkStatus" :item-style="itemStyle" event-type="close" ref="collapse">
|
|
|
+ <u-collapse-item title="审核结果反馈">
|
|
|
+ <view style="padding-bottom: 30rpx">
|
|
|
+ <text class="collapse-item">{{ remark || "" }}</text>
|
|
|
+ </view>
|
|
|
+ </u-collapse-item>
|
|
|
+ </u-collapse>
|
|
|
+ <view class="bodyBox" style="margin-top: 30rpx; padding: 0 20rpx">
|
|
|
+ <u-form :model="form" ref="uForm" :error-type="errorType">
|
|
|
+ <template v-for="(item, index) in listData">
|
|
|
+ <u-form-item :key="index" v-if="item.inputType == 1" :label="item.fieldName"
|
|
|
+ :required="item.required" :label-width="auto" :prop="item.required ? item.fieldKey : ''">
|
|
|
+ <u-input v-model="form[item.fieldKey]"
|
|
|
+ :disabled="item.fieldKey == 'name'?disName : item.fieldKey == 'idcard'?disCard : disable"
|
|
|
+ :placeholder="`请输入${item.fieldName}`" />
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item :key="index" v-if="item.inputType == 2" :label="item.fieldName" :label-width="auto"
|
|
|
+ :required="item.required" :prop="item.required ? item.fieldKey : ''">
|
|
|
+ <picker :disabled="disable" :key="item.fieldKey"
|
|
|
+ @change="bindPickerChange(item.fieldKey, $event)" :value="form[item.fieldKey]"
|
|
|
+ :range="getarrays(item.fieldKey)">
|
|
|
+ <view class="picker">
|
|
|
+ {{ returnName(item.fieldKey) }}
|
|
|
+ <image src="@/static/icon/clears.png" v-if="clearWatch(item.fieldKey)"
|
|
|
+ @click.stop="clearFun(item.fieldKey)" mode="" style="
|
|
|
+ width: 30rpx;
|
|
|
+ height: 30rpx;
|
|
|
+ vertical-align: middle;
|
|
|
+ margin-left: 10rpx;
|
|
|
+ "></image>
|
|
|
+ </view>
|
|
|
+ </picker>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item :key="index" v-if="item.inputType == 3" :label="item.fieldName"
|
|
|
+ :required="item.required" :label-width="auto" label-position="top"
|
|
|
+ :prop="item.required ? item.fieldKey : ''">
|
|
|
+ <view v-if="item.fieldKey == 'commitment_electr_signature'">
|
|
|
+ <view style="line-height: 40rpx; text-indent: 2em">
|
|
|
+ <text>
|
|
|
+ 本人自愿做出如下承诺：本人己仔细阅读《广东省住房和城乡建设厅关于推进住房和城乡建设领域施工现场专业人员职业培训工作的通知》
|
|
|
+ 全部内容并知晓和理解，本人的学历证书、身份证、工作年限、相片等所有资料完全真实、符合报名条件、资格审查要求和相关规定，本人在报名、审查、培训、测试等有关的事项中会严格道守相关规定和要求，如有虛假或与实际规定不符等情况造成的一切后果由本人承担。
|
|
|
+ </text>
|
|
|
+ <view style="line-height: 40rpx; text-indent: 2em"><text>特此承诺！</text></view>
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ <view class="dis_stys">
|
|
|
+ <text style="color: #999999">请在下方签名区进行签名</text>
|
|
|
+ <text @click="retDraw" mode="" v-if="!disable">清空</text>
|
|
|
+ </view>
|
|
|
+ <view class="handCenter">
|
|
|
+ <canvas v-if="!form[item.fieldKey]" class="handWriting" disable-scroll="true"
|
|
|
+ :catchtouchmove="true" @touchstart="uploadScaleStart"
|
|
|
+ @touchmove="uploadScaleMove" @touchend="uploadScaleEnd"
|
|
|
+ canvas-id="handWriting"></canvas>
|
|
|
+ <view v-else style="width: 100%; height: 100%; position: relative">
|
|
|
+ <view class="ctoples">图片</view>
|
|
|
+ <image style="width: 100%; height: 100%"
|
|
|
+ :src="$method.splitImgHost(form[item.fieldKey])" mode=""></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <template v-else>
|
|
|
+ <text v-if="item.fieldKey === 'recent_photos'" style="
|
|
|
+ color: #999999;
|
|
|
+ position: absolute;
|
|
|
+ top: 20rpx;
|
|
|
+ left: 130rpx;
|
|
|
+ ">竖向白底证件照 文件大小≤2M</text>
|
|
|
+ <text v-else style="
|
|
|
+ color: #999999;
|
|
|
+ position: absolute;
|
|
|
+ top: 20rpx;
|
|
|
+ left: 180rpx;
|
|
|
+ ">
|
|
|
+ 文件大小≤2M
|
|
|
+ </text>
|
|
|
+ <u-upload :show-progress="false" :ref="item.fieldKey || ''"
|
|
|
+ @on-list-change="changePhotoListHeader($event, item.fieldKey)" :auto-upload="false"
|
|
|
+ :custom-btn="true" :deletable="!disable" action="#" :file-list="
|
|
|
+ item.fieldKey === 'recent_photos'
|
|
|
+ ? fileList1
|
|
|
+ : item.fieldKey === 'idcard_face_photo'
|
|
|
+ ? fileList2
|
|
|
+ : item.fieldKey === 'idcard_national_photo'
|
|
|
+ ? fileList3
|
|
|
+ : ''
|
|
|
+ " width="120" height="120" :size-type="['compressed']" max-count="1">
|
|
|
+ <template v-slot:addBtn>
|
|
|
+ <image :src="
|
|
|
+ item.fieldKey === 'recent_photos'
|
|
|
+ ? '/static/info_1.png'
|
|
|
+ : item.fieldKey === 'idcard_face_photo'
|
|
|
+ ? '/static/info_2.png'
|
|
|
+ : item.fieldKey === 'idcard_national_photo'
|
|
|
+ ? '/static/info_3.png'
|
|
|
+ : ''
|
|
|
+ " :style="
|
|
|
+ item.fieldKey === 'recent_photos'
|
|
|
+ ? 'width: 120rpx; height: 169rpx;'
|
|
|
+ : 'width: 120rpx; height: 82rpx;'
|
|
|
+ "></image>
|
|
|
+ </template>
|
|
|
+ </u-upload>
|
|
|
+ </template>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item v-if="item.inputType == 4" :key="index" :label="item.fieldName"
|
|
|
+ :required="item.required" :label-width="auto" :prop="item.required ? item.fieldKey : ''"
|
|
|
+ label-position="top">
|
|
|
+ <text style="
|
|
|
+ color: #007aff;
|
|
|
+ position: absolute;
|
|
|
+ top: 20rpx;
|
|
|
+ left: 180rpx;
|
|
|
+ text-decoration: underline;
|
|
|
+ " @click="downDocx(item.url)">点击下载</text>
|
|
|
+ <view>
|
|
|
+ <view class="dis_stys"><text style="color: #999999">下载承诺书进行填写并签名盖章后上传（≤2M）</text></view>
|
|
|
+ <image v-if="!form[item.fieldKey]" style="width: 169rpx; height: 169rpx"
|
|
|
+ @click="getChast" src="@/static/info_4.png"></image>
|
|
|
+ <view class="quzw" v-if="form[item.fieldKey]">
|
|
|
+ <view v-if="
|
|
|
+ form[item.fieldKey].split('.').splice(-1)[0] == 'docx' ||
|
|
|
+ form[item.fieldKey].split('.').splice(-1)[0] == 'doc'
|
|
|
+ " class="borsrs">
|
|
|
+ <image src="@/static/icon/jy_icon.png" style="width: 168rpx; height: 168rpx">
|
|
|
+ </image>
|
|
|
+ <text>{{ titleName }}</text>
|
|
|
+ </view>
|
|
|
+ <image v-else :src="$method.splitImgHost(form[item.fieldKey])"
|
|
|
+ style="width: 100%; height: 100%" mode="aspectFit" @click="
|
|
|
+ seePhotos($method.splitImgHost(form[item.fieldKey]))
|
|
|
+ "></image>
|
|
|
+ <u-icon name="close-circle-fill" color="red" size="44" class="optionsAbs"
|
|
|
+ @click="clearWord"></u-icon>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </u-form-item>
|
|
|
+ </template>
|
|
|
+ </u-form>
|
|
|
+ </view>
|
|
|
+ <view v-if="!disable" @click="submits" class="submit_btn">提交资料</view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <u-popup class="modal" catchtouchmove="return" v-model="agreementModal" mode="center" border-radius="24"
|
|
|
+ :mask-close-able="false">
|
|
|
+ <view class="agreement">
|
|
|
+ <view class="body">
|
|
|
+ <scroll-view scroll-y="true" style="height: 600rpx">
|
|
|
+ <view class="content">
|
|
|
+ <view>本产品（或服务）提供【{{
|
|
|
+ goodsData.goodsName
|
|
|
+ }}】课程的在线学习功能，为使用这些功能，我们需要使用您设备上的摄像头，并收集以下个人信息：
|
|
|
+ <text v-for="(item, listIndex) in listData"
|
|
|
+ :key="listIndex">{{ item.fieldName }}、</text>
|
|
|
+ <!-- 姓名、性别、身份证号码、移动电话号码、身份证照片、一寸照、证书名称/岗位、证书编号、有效期、人脸照片（每节课随机拍摄三张）、 -->
|
|
|
+ 学习详细记录。
|
|
|
+ </view>
|
|
|
+ <view>我们会将上述信息提供至广东省建设执业注册管理中心等第三方组织使用，用于继续教育备案等。如果您拒绝，将导致这些功能无法实现，但不影响您使用本产品（或服务）的其他业务功能。
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </scroll-view>
|
|
|
+ </view>
|
|
|
+ <view class="footer">
|
|
|
+ <view class="btn cancel" @click="refuseAgreement">取消</view>
|
|
|
+ <view class="btn ok" @click="agree">同意并继续</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </u-popup>
|
|
|
+
|
|
|
+ <u-action-sheet :list="list" v-model="showTableDown" @click="clickIndex"></u-action-sheet>
|
|
|
+
|
|
|
+ <!--用于图片压缩的canvas画布，不在页面中展示，且id固定不可变 position: absolute; z-index: -1; left: -10000rpx;; top: -10000rpx;-->
|
|
|
+ <!-- style="width: {{cw}}px; height: {{cw}}px;" -->
|
|
|
+ <view class="photo_can">
|
|
|
+ <canvas class="zip_canvas" canvas-id="zipCanvas"></canvas>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ import config from "@/common/config";
|
|
|
+ import {
|
|
|
+ mapGetters,
|
|
|
+ mapActions
|
|
|
+ } from "vuex";
|
|
|
+ import Handwriting from "@/common/signature.js";
|
|
|
+ import getLessLimitSizeImage from "@/common/compressPhoto.js";
|
|
|
+ export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ baseUrls: config.BASE_IMG_URL,
|
|
|
+ cw: wx.getSystemInfoSync().windowWidth, //画板边长默认是屏幕宽度，正方形画布
|
|
|
+ list: [{
|
|
|
+ text: "上传图片",
|
|
|
+ },
|
|
|
+ // {
|
|
|
+ // text: '上传文件'
|
|
|
+ // }
|
|
|
+ ],
|
|
|
+ showTableDown: false,
|
|
|
+ gradeId: 0,
|
|
|
+ errorType: ["message"],
|
|
|
+ agreementModal: false,
|
|
|
+ goodsData: {},
|
|
|
+ itemStyle: {
|
|
|
+ marginTop: "20px",
|
|
|
+ backgroundColor: "#fff",
|
|
|
+ borderRadius: "24rpx",
|
|
|
+ padding: "0rpx 20rpx",
|
|
|
+ },
|
|
|
+ isUploading: false,
|
|
|
+ form: {
|
|
|
+ name: "",
|
|
|
+ sex: "",
|
|
|
+ idcard: "",
|
|
|
+ telphone: "",
|
|
|
+ education: "",
|
|
|
+ school: "",
|
|
|
+ graduation_time: "",
|
|
|
+ work_unit: "",
|
|
|
+ unit_contact: "",
|
|
|
+ unit_tel: "",
|
|
|
+ apply_post: "",
|
|
|
+ major: "",
|
|
|
+ working_years: "",
|
|
|
+ recent_photos: "",
|
|
|
+ idcard_face_photo: "",
|
|
|
+ idcard_national_photo: "",
|
|
|
+ commitment_electr_signature: "",
|
|
|
+ commitment_seal: "",
|
|
|
+ },
|
|
|
+ idcard_face_photo_old: "",
|
|
|
+ recent_photos_old: "",
|
|
|
+ lineColor: "black",
|
|
|
+ slideValue: 50,
|
|
|
+ handwriting: "",
|
|
|
+ goodsId: null,
|
|
|
+ listData: [], //页面数据
|
|
|
+ ast: [],
|
|
|
+ fileList1: [], //个人近照
|
|
|
+ fileList2: [], //人像
|
|
|
+ fileList3: [], //国徽
|
|
|
+ openVerify: false, // 控制是否手动验证
|
|
|
+ id: null, //获取修改ID内容
|
|
|
+ remark: "", //反馈文本
|
|
|
+ remarkStatus: false, //是否存在审核结果反馈
|
|
|
+ // nextStatus: false, //是否有下一步
|
|
|
+ copyData: [], //备份数据
|
|
|
+ rules: {
|
|
|
+ name: [{
|
|
|
+ required: true,
|
|
|
+ message: "请输入姓名",
|
|
|
+ trigger: ["change", "blur"],
|
|
|
+ }, ],
|
|
|
+ sex: [{
|
|
|
+ required: true,
|
|
|
+ message: "请选择性别",
|
|
|
+ trigger: "change",
|
|
|
+ }, ],
|
|
|
+ idcard: [{
|
|
|
+ required: true,
|
|
|
+ message: "请输入身份证号",
|
|
|
+ trigger: ["change", "blur"],
|
|
|
+ },
|
|
|
+ // {
|
|
|
+ // validator: (rule, value, callback) => {
|
|
|
+ // return this.$u.test.idCard(value);
|
|
|
+ // },
|
|
|
+ // message: '身份证号不正确',
|
|
|
+ // trigger: ['change', 'blur']
|
|
|
+ // }
|
|
|
+ ],
|
|
|
+ telphone: [{
|
|
|
+ required: true,
|
|
|
+ message: "请输入手机号码",
|
|
|
+ trigger: ["change", "blur"],
|
|
|
+ },
|
|
|
+ // {
|
|
|
+ // validator: (rule, value, callback) => {
|
|
|
+ // var vartest = /^([0-9]{3,4}-)?[0-9]{7,8}$/;
|
|
|
+ // if (this.$u.test.mobile(value) || vartest.test(value)) {
|
|
|
+ // return true;
|
|
|
+ // } else {
|
|
|
+ // return false;
|
|
|
+ // }
|
|
|
+ // },
|
|
|
+ // message: '手机号码不正确',
|
|
|
+ // trigger: ['change', 'blur']
|
|
|
+ // }
|
|
|
+ ],
|
|
|
+ education: [{
|
|
|
+ required: true,
|
|
|
+ message: "请选择学历",
|
|
|
+ trigger: "change",
|
|
|
+ }, ],
|
|
|
+ school: [{
|
|
|
+ required: true,
|
|
|
+ message: "请输入毕业院校",
|
|
|
+ trigger: ["change", "blur"],
|
|
|
+ }, ],
|
|
|
+ graduation_time: [{
|
|
|
+ required: true,
|
|
|
+ message: "请选择毕业时间",
|
|
|
+ trigger: "change",
|
|
|
+ }, ],
|
|
|
+ work_unit: [{
|
|
|
+ required: true,
|
|
|
+ message: "请输入工作单位",
|
|
|
+ trigger: ["change", "blur"],
|
|
|
+ }, ],
|
|
|
+ unit_contact: [{
|
|
|
+ required: true,
|
|
|
+ message: "请输入单位联系人",
|
|
|
+ trigger: ["change", "blur"],
|
|
|
+ }, ],
|
|
|
+ unit_tel: [{
|
|
|
+ required: true,
|
|
|
+ message: "请输入单位联系电话",
|
|
|
+ trigger: ["change", "blur"],
|
|
|
+ },
|
|
|
+ {
|
|
|
+ validator: (rule, value, callback) => {
|
|
|
+ var vartest = /^([0-9]{3,4}-)?[0-9]{7,8}$/;
|
|
|
+ var vartest1 = /^([0-9]{3,4})?[0-9]{7,8}$/;
|
|
|
+ if (
|
|
|
+ this.$u.test.mobile(value) ||
|
|
|
+ vartest.test(value) ||
|
|
|
+ vartest1.test(value)
|
|
|
+ ) {
|
|
|
+ return true;
|
|
|
+ } else {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ message: "单位联系电话不正确",
|
|
|
+ trigger: ["change", "blur"],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ apply_post: [{
|
|
|
+ required: true,
|
|
|
+ message: "请选择报名岗位",
|
|
|
+ trigger: "change",
|
|
|
+ }, ],
|
|
|
+ major: [{
|
|
|
+ required: true,
|
|
|
+ message: "请输入所学专业",
|
|
|
+ trigger: ["change", "blur"],
|
|
|
+ }, ],
|
|
|
+ working_years: [{
|
|
|
+ required: true,
|
|
|
+ message: "请选择工作年限",
|
|
|
+ trigger: "change",
|
|
|
+ }, ],
|
|
|
+ recent_photos: [{
|
|
|
+ required: true,
|
|
|
+ message: "请上传个人近照",
|
|
|
+ trigger: ["change", "blur"],
|
|
|
+ }, ],
|
|
|
+ idcard_face_photo: [{
|
|
|
+ required: true,
|
|
|
+ message: "请上传身份证人像面",
|
|
|
+ trigger: ["change", "blur"],
|
|
|
+ }, ],
|
|
|
+ idcard_national_photo: [{
|
|
|
+ required: true,
|
|
|
+ message: "请上传身份证国徽面",
|
|
|
+ trigger: ["change", "blur"],
|
|
|
+ }, ],
|
|
|
+ commitment_electr_signature: [{
|
|
|
+ required: true,
|
|
|
+ message: "请签写承诺书电子签",
|
|
|
+ trigger: ["change", "blur"],
|
|
|
+ }, ],
|
|
|
+ commitment_seal: [{
|
|
|
+ required: true,
|
|
|
+ message: "请上传承诺书盖章",
|
|
|
+ trigger: ["change", "blur"],
|
|
|
+ }, ],
|
|
|
+ },
|
|
|
+ apply_post_disabled: false,
|
|
|
+ isRequired: false,
|
|
|
+ orderGoodsId: 0,
|
|
|
+ disName: false, // 姓名是否禁止输入
|
|
|
+ disCard: false, // 身份证是否禁止输入
|
|
|
+ auto: "180rpx",
|
|
|
+ dictList: [],
|
|
|
+ isDetail: undefined,
|
|
|
+ };
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.$store.getters.dictObj;
|
|
|
+ },
|
|
|
+ async onLoad(option) {
|
|
|
+ this.orderGoodsId = Number(option.orderGoodsId);
|
|
|
+ this.goodsId = Number(option.id);
|
|
|
+ this.gradeId = Number(option.gradeId);
|
|
|
+ this.isDetail = option.type;
|
|
|
+ !this.userInfo && this.$api.refreshUserInfo();
|
|
|
+ await this.getGoodsDetail();
|
|
|
+ await this.getInfo();
|
|
|
+ },
|
|
|
+ onReady(res) {
|
|
|
+ this.handwriting = new Handwriting({
|
|
|
+ lineColor: this.lineColor,
|
|
|
+ slideValue: this.slideValue, // 0, 25, 50, 75, 100
|
|
|
+ canvasName: "handWriting",
|
|
|
+ });
|
|
|
+ this.$refs.uForm.setRules(this.rules);
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ ...mapGetters(["dictObj", "userInfo"]),
|
|
|
+ disable() {
|
|
|
+ return this.isDetail == 1;
|
|
|
+ },
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ userInfo(val, oldVal) {
|
|
|
+ //普通的watch监听
|
|
|
+ if (val) {
|
|
|
+ this.listData.forEach((item) => {
|
|
|
+ if (item.fieldKey == "idcard") {
|
|
|
+ this.form.idcard = this.userInfo.idCard;
|
|
|
+ }
|
|
|
+ if (item.fieldKey == "telphone") {
|
|
|
+ this.form.telphone = this.userInfo.telphone;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (item.fieldKey == "name") {
|
|
|
+ this.form.name = this.userInfo.realname;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ ...mapActions(["getUserInfo"]),
|
|
|
+ inputName(event) {
|
|
|
+ console.log("enevt", event, this.form.name);
|
|
|
+ },
|
|
|
+ clickIndex(inds) {
|
|
|
+ if (inds === 0) {
|
|
|
+ this.uploadImgs();
|
|
|
+ }
|
|
|
+ if (inds === 1) {
|
|
|
+ this.uploadFieds();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ getChast() {
|
|
|
+ this.showTableDown = true;
|
|
|
+ },
|
|
|
+ seePhotos(url) {
|
|
|
+ console.log(url, 798);
|
|
|
+ uni.previewImage({
|
|
|
+ urls: [url],
|
|
|
+ });
|
|
|
+ },
|
|
|
+ async downDocx(url) {
|
|
|
+ let self = this;
|
|
|
+
|
|
|
+ var ast = this.listData.some((item) => {
|
|
|
+ return item.fieldKey === "commitment_electr_signature";
|
|
|
+ });
|
|
|
+ if (ast) {
|
|
|
+ await this.subCanvas();
|
|
|
+ }
|
|
|
+ let data = JSON.parse(JSON.stringify(this.form));
|
|
|
+ if (data["commitment_electr_signature"]) {
|
|
|
+ data.commitment_electr_signature = await this.$method.uploadFile(
|
|
|
+ data.commitment_electr_signature,
|
|
|
+ 0
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
+ if (this.remarkStatus) {
|
|
|
+ var arsty = {};
|
|
|
+ for (let k in data) {
|
|
|
+ for (let j in self.copyData) {
|
|
|
+ if (k === j) {
|
|
|
+ if (self.copyData[j].value === data[k]) {
|
|
|
+ arsty[k] = {
|
|
|
+ fieldKey: k,
|
|
|
+ value: data[k],
|
|
|
+ fieldName: (function() {
|
|
|
+ for (let i = 0; i < self.listData.length; i++) {
|
|
|
+ if (self.listData[i].fieldKey == k) {
|
|
|
+ return self.listData[i].fieldName;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })(),
|
|
|
+ status: 0,
|
|
|
+ };
|
|
|
+ } else {
|
|
|
+ arsty[k] = {
|
|
|
+ fieldKey: k,
|
|
|
+ value: data[k],
|
|
|
+ fieldName: (function() {
|
|
|
+ for (let i = 0; i < self.listData.length; i++) {
|
|
|
+ if (self.listData[i].fieldKey == k) {
|
|
|
+ return self.listData[i].fieldName;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })(),
|
|
|
+ status: 1,
|
|
|
+ };
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ var arsty = {};
|
|
|
+ for (let k in data) {
|
|
|
+ arsty[k] = {
|
|
|
+ fieldKey: k,
|
|
|
+ value: data[k],
|
|
|
+ fieldName: (function() {
|
|
|
+ for (let i = 0; i < self.listData.length; i++) {
|
|
|
+ if (self.listData[i].fieldKey == k) {
|
|
|
+ return self.listData[i].fieldName;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })(),
|
|
|
+ status: 0,
|
|
|
+ };
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ if (arsty["sex"]) {
|
|
|
+ arsty.sex.value = this.dictObj["sys_user_sex"][Number(data.sex)];
|
|
|
+ }
|
|
|
+ if (arsty["education"]) {
|
|
|
+ arsty.education.value = this.dictObj["edu_level"][Number(data.education)];
|
|
|
+ }
|
|
|
+ if (arsty["apply_post"]) {
|
|
|
+ console.log(data)
|
|
|
+ arsty.apply_post.value = this.dictObj["apply_post"][Number(data.apply_post)];
|
|
|
+ }
|
|
|
+ if (arsty["working_years"]) {
|
|
|
+ arsty.working_years.value =
|
|
|
+ this.dictObj["working_years"][Number(data.working_years)];
|
|
|
+ }
|
|
|
+ this.$api
|
|
|
+ .baseProfileStampV2AddWord({
|
|
|
+ goodsId: this.goodsId,
|
|
|
+ keyValue: JSON.stringify(arsty),
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ // #ifdef H5
|
|
|
+ window.location.href = this.$method.splitImgHost(res.data.msg);
|
|
|
+ // #endif
|
|
|
+ // #ifdef MP-WEIXIN
|
|
|
+ uni.downloadFile({
|
|
|
+ url: this.$method.splitImgHost(res.data.msg),
|
|
|
+ success: (result) => {
|
|
|
+ if (result.statusCode === 200) {
|
|
|
+ const filePath = result.tempFilePath;
|
|
|
+ console.log(this.$method.splitImgHost(res.data.msg));
|
|
|
+ this.$method.showToast("下载成功");
|
|
|
+ uni.saveImageToPhotosAlbum({
|
|
|
+ filePath: filePath,
|
|
|
+ success: function(errMsg) {
|
|
|
+ uni.showToast({
|
|
|
+ mask: true,
|
|
|
+ title: "保存成功",
|
|
|
+ });
|
|
|
+ },
|
|
|
+ fail: (errMsg) => {
|
|
|
+ uni.showToast({
|
|
|
+ mask: true,
|
|
|
+ title: "保存失败",
|
|
|
+ });
|
|
|
+ },
|
|
|
+ complete: (errMsg) => {},
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ });
|
|
|
+ // #endif
|
|
|
+ });
|
|
|
+ },
|
|
|
+ getGoodsDetail() {
|
|
|
+ return new Promise((resolve) => {
|
|
|
+ this.$api
|
|
|
+ .orderInfo({
|
|
|
+ orderGoodsId: this.orderGoodsId,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ this.goodsData = res.data.data;
|
|
|
+ console.log(
|
|
|
+ "🚀 ~ file: input.vue:908 ~ .then ~ goodsData:",
|
|
|
+ this.goodsData
|
|
|
+ );
|
|
|
+ // if (this.goodsData.categoryName) {
|
|
|
+ // this.$set(this.form, "apply_post", this.goodsData.categoryName);
|
|
|
+ // if (this.goodsData.categoryName) {
|
|
|
+ // this.apply_post_disabled = true;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ if (this.userInfo && this.userInfo.companyName) {
|
|
|
+ this.$set(this.form, "work_unit", this.userInfo.companyName);
|
|
|
+ }
|
|
|
+ resolve();
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ uploadImgs() {
|
|
|
+ uni.chooseImage({
|
|
|
+ count: 1, //默认9
|
|
|
+ sizeType: ["original", "compressed"], //可以指定是原图还是压缩图，默认二者都有
|
|
|
+ success: (res) => {
|
|
|
+ if (res.tempFiles[0].size > 2097152) {
|
|
|
+ this.$method.showToast("上传图片不得大于2M");
|
|
|
+ return;
|
|
|
+ } else {
|
|
|
+ // this.uploadImgsChild(res.tempFiles[0].path);
|
|
|
+ // #ifdef MP-WEIXIN
|
|
|
+ var type = res.tempFiles[0].path.split(".").splice(-1);
|
|
|
+ // #endif
|
|
|
+ // #ifdef H5
|
|
|
+ var type = res.tempFiles[0].type.split("/").splice(-1);
|
|
|
+ // #endif
|
|
|
+ if (type[0] != "jpg" && type[0] != "png" && type[0] != "jpeg") {
|
|
|
+ this.$method.showToast("请上传图片格式");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.$set(this.form, "commitment_seal", res.tempFiles[0].path);
|
|
|
+ // 查看 职能修改承诺书
|
|
|
+ if (this.disable) {
|
|
|
+ this.$method
|
|
|
+ .uploadFile(res.tempFiles[0].path, 0)
|
|
|
+ .then((imageUrl) => {
|
|
|
+ this.$api
|
|
|
+ .updateCommitment({
|
|
|
+ imageUrl,
|
|
|
+ id: this.id
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ if (res.data.code == 200) {
|
|
|
+ this.$method.showToast("上传承诺书成功");
|
|
|
+ } else {
|
|
|
+ this.$method.showToast(res.data.msg);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.resultForm();
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ });
|
|
|
+ },
|
|
|
+ uploadImgsChild(path) {
|
|
|
+ // #ifdef MP-WEIXIN
|
|
|
+ var type = path.split(".").splice(-1);
|
|
|
+ // #endif
|
|
|
+ // #ifdef H5
|
|
|
+ var type = type.split("/").splice(-1);
|
|
|
+ // #endif
|
|
|
+ if (type[0] != "jpg" && type[0] != "png" && type[0] != "jpeg") {
|
|
|
+ this.$method.showToast("请上传图片格式");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.$set(this.form, "commitment_seal", path);
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.resultForm();
|
|
|
+ });
|
|
|
+ },
|
|
|
+ uploadFieds() {
|
|
|
+ var self = this;
|
|
|
+ wx.chooseMessageFile({
|
|
|
+ count: 1,
|
|
|
+ size: 2097152,
|
|
|
+ type: "file",
|
|
|
+ success(res) {
|
|
|
+ if (res.tempFiles[0].size > 2097152) {
|
|
|
+ self.$method.showToast("上传文件不得大于2M");
|
|
|
+ return;
|
|
|
+ } else {
|
|
|
+ var type = res.tempFiles[0].path.split(".").splice(-1);
|
|
|
+ if (
|
|
|
+ type[0] != "jpg" &&
|
|
|
+ type[0] != "png" &&
|
|
|
+ type[0] != "jpeg" &&
|
|
|
+ type[0] != "docx" &&
|
|
|
+ type[0] != "doc"
|
|
|
+ ) {
|
|
|
+ self.$method.showToast("请上传word文档或图片");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ self.titleName = res.tempFiles[0].name;
|
|
|
+ self.$set(self.form, "commitment_seal", res.tempFiles[0].path);
|
|
|
+ self.$nextTick(function() {
|
|
|
+ this.resultForm();
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ });
|
|
|
+ },
|
|
|
+ agree() {
|
|
|
+ this.agreementModal = false;
|
|
|
+ setTimeout(() => {
|
|
|
+ this.$refs.collapse.init();
|
|
|
+ }, 1000);
|
|
|
+ },
|
|
|
+ refuseAgreement() {
|
|
|
+ uni.navigateBack({
|
|
|
+ delta: 2,
|
|
|
+ });
|
|
|
+ },
|
|
|
+ clearFun(key) {
|
|
|
+ this.form[key] = "";
|
|
|
+ },
|
|
|
+ //清除按钮
|
|
|
+ clearWatch(key) {
|
|
|
+ if (this.disable) {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ if (this.form[key]) {
|
|
|
+ return true;
|
|
|
+ } else {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ async uploadDatas(data) {
|
|
|
+ if (this.form.recent_photos && this.form.idcard_face_photo) {
|
|
|
+ let base64 = await this.$method.imageToBase64(
|
|
|
+ this.form.idcard_face_photo
|
|
|
+ );
|
|
|
+ let resData = await this.faceCertificationIDCardOCR(1, base64);
|
|
|
+ if (!resData.data) {
|
|
|
+ uni.showModal({
|
|
|
+ title: "提示",
|
|
|
+ content: "身份证人像面照片异常，请重新上传",
|
|
|
+ showCancel: false,
|
|
|
+ });
|
|
|
+ this.isUploading = false;
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ base64 = await this.$method.imageToBase64(this.form.recent_photos);
|
|
|
+ let func1 = () => {
|
|
|
+
|
|
|
+ var self = this;
|
|
|
+ if (self.remarkStatus) {
|
|
|
+ var arsty = {};
|
|
|
+ for (let k in data) {
|
|
|
+ for (let j in self.copyData) {
|
|
|
+ if (k === j) {
|
|
|
+ if (self.copyData[j].value === data[k]) {
|
|
|
+ arsty[k] = {
|
|
|
+ fieldKey: k,
|
|
|
+ value: data[k],
|
|
|
+ fieldName: (function() {
|
|
|
+ for (let i = 0; i < self.listData
|
|
|
+ .length; i++) {
|
|
|
+ if (self.listData[i].fieldKey == k) {
|
|
|
+ return self.listData[i].fieldName;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })(),
|
|
|
+ status: 0,
|
|
|
+ };
|
|
|
+ } else {
|
|
|
+ arsty[k] = {
|
|
|
+ fieldKey: k,
|
|
|
+ value: data[k],
|
|
|
+ fieldName: (function() {
|
|
|
+ for (let i = 0; i < self.listData
|
|
|
+ .length; i++) {
|
|
|
+ if (self.listData[i].fieldKey == k) {
|
|
|
+ return self.listData[i].fieldName;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })(),
|
|
|
+ status: 1,
|
|
|
+ };
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ var datas = {
|
|
|
+ id: this.id,
|
|
|
+ goodsId: this.goodsId,
|
|
|
+ orderGoodsId: this.orderGoodsId,
|
|
|
+ keyValue: JSON.stringify(arsty),
|
|
|
+ };
|
|
|
+ // this.isUploading = false;
|
|
|
+ // return;
|
|
|
+ this.$api.editbaseprofiletp(datas).then((res) => {
|
|
|
+ this.isUploading = false;
|
|
|
+ if (res.data.code === 200) {
|
|
|
+ this.$method.showToast("提交成功");
|
|
|
+ this.getUserInfo();
|
|
|
+ setTimeout(() => {
|
|
|
+ console.log("延迟");
|
|
|
+ uni.navigateBack();
|
|
|
+ }, 1500);
|
|
|
+ } else {
|
|
|
+ this.$method.showToast(res.data.msg);
|
|
|
+ this.isUploading = false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ var objs = {};
|
|
|
+ for (let k in data) {
|
|
|
+ objs[k] = {
|
|
|
+ fieldKey: k,
|
|
|
+ value: data[k],
|
|
|
+ fieldName: (function() {
|
|
|
+ for (let i = 0; i < self.listData.length; i++) {
|
|
|
+ if (self.listData[i].fieldKey == k) {
|
|
|
+ return self.listData[i].fieldName;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })(),
|
|
|
+ status: 0,
|
|
|
+ };
|
|
|
+ }
|
|
|
+ var datas = {
|
|
|
+ goodsId: this.goodsId,
|
|
|
+ profileTpId: this.goodsId,
|
|
|
+ orderGoodsId: this.orderGoodsId,
|
|
|
+ keyValue: JSON.stringify(objs),
|
|
|
+ };
|
|
|
+ // this.isUploading = false;
|
|
|
+ // return;
|
|
|
+ this.$api.addbaseprofiletp(datas).then((res) => {
|
|
|
+ this.isUploading = false;
|
|
|
+ if (res.data.code === 200) {
|
|
|
+ this.$method.showToast("提交成功");
|
|
|
+ this.getUserInfo();
|
|
|
+ setTimeout(() => {
|
|
|
+ console.log("延迟");
|
|
|
+ uni.navigateBack();
|
|
|
+ }, 1500);
|
|
|
+ } else {
|
|
|
+ this.$method.showToast(res.data.msg);
|
|
|
+ this.isUploading = false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+ if (this.form.idcard_face_photo !== this.idcard_face_photo_old || this.form.recent_photos !== this
|
|
|
+ .recent_photos_old) {
|
|
|
+ const res1 = await this.$api
|
|
|
+ .faceCertificationIdCardCompareFace({
|
|
|
+ urlA: this.form.idcard_face_photo,
|
|
|
+ oneInchPhotos: base64,
|
|
|
+ })
|
|
|
+ if (res1.data.data >= 70) {
|
|
|
+ func1()
|
|
|
+ } else {
|
|
|
+ this.isUploading = false;
|
|
|
+ uni.showModal({
|
|
|
+ title: "提示",
|
|
|
+ content: "个人近照和身份证人像面照片不匹配",
|
|
|
+ showCancel: false,
|
|
|
+ });
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ func1()
|
|
|
+ }
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ var self = this;
|
|
|
+ if (self.remarkStatus) {
|
|
|
+ var arsty = {};
|
|
|
+ for (let k in data) {
|
|
|
+ for (let j in self.copyData) {
|
|
|
+ if (k === j) {
|
|
|
+ if (self.copyData[j].value === data[k]) {
|
|
|
+ arsty[k] = {
|
|
|
+ fieldKey: k,
|
|
|
+ value: data[k],
|
|
|
+ fieldName: (function() {
|
|
|
+ for (let i = 0; i < self.listData.length; i++) {
|
|
|
+ if (self.listData[i].fieldKey == k) {
|
|
|
+ return self.listData[i].fieldName;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })(),
|
|
|
+ status: 0,
|
|
|
+ };
|
|
|
+ } else {
|
|
|
+ arsty[k] = {
|
|
|
+ fieldKey: k,
|
|
|
+ value: data[k],
|
|
|
+ fieldName: (function() {
|
|
|
+ for (let i = 0; i < self.listData.length; i++) {
|
|
|
+ if (self.listData[i].fieldKey == k) {
|
|
|
+ return self.listData[i].fieldName;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })(),
|
|
|
+ status: 1,
|
|
|
+ };
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ console.log(arsty, "arsty");
|
|
|
+ if (Object.keys(arsty).length == 0) {
|
|
|
+ uni.showModal({
|
|
|
+ title: "提示",
|
|
|
+ content: "数据错误，请联系管理员",
|
|
|
+ });
|
|
|
+ this.isUploading = false;
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ var datas = {
|
|
|
+ id: this.id,
|
|
|
+ goodsId: this.goodsId,
|
|
|
+ orderGoodsId: this.orderGoodsId,
|
|
|
+ keyValue: JSON.stringify(arsty),
|
|
|
+ };
|
|
|
+
|
|
|
+ console.log(datas, "datas1");
|
|
|
+ this.$api.editbaseprofiletp(datas).then((res) => {
|
|
|
+ this.isUploading = false;
|
|
|
+ if (res.data.code === 200) {
|
|
|
+ this.$method.showToast("提交成功");
|
|
|
+ this.getUserInfo();
|
|
|
+ setTimeout(() => {
|
|
|
+ console.log("延迟");
|
|
|
+ uni.navigateBack();
|
|
|
+ }, 1500);
|
|
|
+ } else {
|
|
|
+ this.$method.showToast(res.data.msg);
|
|
|
+ this.isUploading = false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ var objs = {};
|
|
|
+ for (let k in data) {
|
|
|
+ objs[k] = {
|
|
|
+ fieldKey: k,
|
|
|
+ value: data[k],
|
|
|
+ fieldName: (function() {
|
|
|
+ for (let i = 0; i < self.listData.length; i++) {
|
|
|
+ if (self.listData[i].fieldKey == k) {
|
|
|
+ return self.listData[i].fieldName;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })(),
|
|
|
+ status: 0,
|
|
|
+ };
|
|
|
+ }
|
|
|
+ var datas = {
|
|
|
+ goodsId: this.goodsId,
|
|
|
+ profileTpId: this.goodsId,
|
|
|
+ orderGoodsId: this.orderGoodsId,
|
|
|
+ keyValue: JSON.stringify(objs),
|
|
|
+ };
|
|
|
+
|
|
|
+ console.log(datas, "datas2");
|
|
|
+ // this.isUploading = false;
|
|
|
+ // return;
|
|
|
+ this.$api
|
|
|
+ .addbaseprofiletp(datas)
|
|
|
+ .then((res) => {
|
|
|
+ this.isUploading = false;
|
|
|
+ if (res.data.code === 200) {
|
|
|
+ this.$method.showToast("提交成功");
|
|
|
+ this.getUserInfo();
|
|
|
+ setTimeout(() => {
|
|
|
+ console.log("延迟");
|
|
|
+ uni.navigateBack();
|
|
|
+ }, 1500);
|
|
|
+ } else {
|
|
|
+ this.$method.showToast(res.data.msg);
|
|
|
+ this.isUploading = false;
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch((err) => {});
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ clearWord() {
|
|
|
+ this.$set(this.form, "commitment_seal", "");
|
|
|
+ this.titleName = "";
|
|
|
+ },
|
|
|
+ //提交表单
|
|
|
+ async submitApi() {
|
|
|
+ var data = JSON.parse(JSON.stringify(this.form));
|
|
|
+ if (data["sex"]) {
|
|
|
+ data.sex = this.dictObj["sys_user_sex"][Number(data.sex)];
|
|
|
+ }
|
|
|
+ if (data["education"]) {
|
|
|
+ data.education = this.dictObj["edu_level"][Number(data.education)];
|
|
|
+ }
|
|
|
+ if (data["apply_post"]) {
|
|
|
+ data.apply_post = this.dictObj["apply_post"][Number(data.apply_post)];
|
|
|
+ }
|
|
|
+ if (data["working_years"]) {
|
|
|
+ data.working_years =
|
|
|
+ this.dictObj["working_years"][Number(data.working_years)];
|
|
|
+ }
|
|
|
+ if (
|
|
|
+ data["idcard_face_photo"] &&
|
|
|
+ data["idcard_face_photo"].indexOf("oss/images") == -1
|
|
|
+ ) {
|
|
|
+ data.idcard_face_photo = await this.$method.uploadFile(
|
|
|
+ data.idcard_face_photo,
|
|
|
+ 0
|
|
|
+ );
|
|
|
+ }
|
|
|
+ if (
|
|
|
+ data["idcard_national_photo"] &&
|
|
|
+ data["idcard_national_photo"].indexOf("oss/images") == -1
|
|
|
+ ) {
|
|
|
+ data.idcard_national_photo = await this.$method.uploadFile(
|
|
|
+ data.idcard_national_photo,
|
|
|
+ 0
|
|
|
+ );
|
|
|
+ }
|
|
|
+ if (
|
|
|
+ data["commitment_electr_signature"] &&
|
|
|
+ data["commitment_electr_signature"].indexOf("oss/images") == -1
|
|
|
+ ) {
|
|
|
+ data.commitment_electr_signature = await this.$method.uploadFile(
|
|
|
+ data.commitment_electr_signature,
|
|
|
+ 0
|
|
|
+ );
|
|
|
+ }
|
|
|
+ if (
|
|
|
+ data["commitment_seal"] &&
|
|
|
+ data["commitment_seal"].indexOf("oss/images") == -1
|
|
|
+ ) {
|
|
|
+ data.commitment_seal = await this.$method.uploadFile(
|
|
|
+ data.commitment_seal,
|
|
|
+ 0
|
|
|
+ );
|
|
|
+ }
|
|
|
+ this.uploadDatas(data);
|
|
|
+ },
|
|
|
+ //验证表单
|
|
|
+ resultForm(int) {
|
|
|
+ console.log(this.openVerify, "openVerify");
|
|
|
+ console.log(this.isRequired, "isRequired");
|
|
|
+ if (this.openVerify) {
|
|
|
+ if (this.isRequired) {
|
|
|
+ this.submitApi();
|
|
|
+ } else {
|
|
|
+ if (int === 1) {
|
|
|
+ this.errorType = ["toast"];
|
|
|
+ } else {
|
|
|
+ this.errorType = ["message"];
|
|
|
+ }
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs.uForm.validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+ if (int === 1) {
|
|
|
+ this.submitApi();
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this.isUploading = false;
|
|
|
+ this.errorType = ["message"];
|
|
|
+ console.log(this.form);
|
|
|
+ console.log("验证失败");
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ async submits() {
|
|
|
+ if (this.isUploading) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.isUploading = true;
|
|
|
+ var ast = this.listData.some((item) => {
|
|
|
+ return item.fieldKey === "commitment_electr_signature";
|
|
|
+ });
|
|
|
+ if (ast) {
|
|
|
+ await this.subCanvas();
|
|
|
+ }
|
|
|
+ this.openVerify = true;
|
|
|
+ this.resultForm(1);
|
|
|
+ },
|
|
|
+ async faceCertificationIDCardOCR(cardSide, base64) {
|
|
|
+ if (!this.$method.isBase64(base64)) {
|
|
|
+ base64 = await this.$method.fileToBase64(base64);
|
|
|
+ }
|
|
|
+ let res = await this.$api.faceCertificationIDCardOCR({
|
|
|
+ cardSide: cardSide, //1人像 2 国徽
|
|
|
+ cardImageBase64: base64,
|
|
|
+ gradeId: this.gradeId,
|
|
|
+ });
|
|
|
+ return Promise.resolve(res.data);
|
|
|
+ },
|
|
|
+ async changePhotoListHeader(lists, key) {
|
|
|
+ const map = {
|
|
|
+ recent_photos: 1,
|
|
|
+ idcard_face_photo: 2,
|
|
|
+ idcard_national_photo: 3,
|
|
|
+ };
|
|
|
+ const index = map[key];
|
|
|
+ if (lists.length) {
|
|
|
+ // #ifdef MP-WEIXIN
|
|
|
+ const isJPG =
|
|
|
+ lists[0].url.indexOf("//tmp") !== -1 ||
|
|
|
+ lists[0].url.indexOf("//temp") !== -1;
|
|
|
+ // #endif
|
|
|
+ // #ifdef H5
|
|
|
+ const isJPG =
|
|
|
+ lists[0].file.type === "image/jpeg" ||
|
|
|
+ lists[0].file.type === "image/png" ||
|
|
|
+ lists[0].file.type === "image/jpg";
|
|
|
+ // #endif
|
|
|
+ if (isJPG) {
|
|
|
+ // myCompressImage(lists[0].file, 100, async (url) => {
|
|
|
+ // if (index == 1) {
|
|
|
+ // url = await this.$method.uploadFile(url, 0);
|
|
|
+ // this.$set(this.form, "recent_photos", url);
|
|
|
+ // } else {
|
|
|
+ // this.$refs[key][0].remove(0);
|
|
|
+ // let titleMsg =
|
|
|
+ // "请上传正确清晰的身份证" +
|
|
|
+ // (index == 2 ? "人像" : "国徽") +
|
|
|
+ // "面照片";
|
|
|
+ // this.checkIdCard(index - 1, url, titleMsg, key);
|
|
|
+ // }
|
|
|
+ // });
|
|
|
+ let size = lists[0].file.size;
|
|
|
+ if (size < 2 * 1024 * 1024) {
|
|
|
+ this["fileList" + index] = lists;
|
|
|
+ if (index == 1) {
|
|
|
+ let url = lists[0].url;
|
|
|
+ // #ifdef MP-WEIXIN
|
|
|
+ url = await this.$method.imageInfos(url);
|
|
|
+ // #endif
|
|
|
+ // #ifdef H5
|
|
|
+ url = await this.$method.uploadFile(url, 0);
|
|
|
+ // #endif
|
|
|
+ this.$set(this.form, "recent_photos", url);
|
|
|
+ } else {
|
|
|
+ // #ifdef MP-WEIXIN
|
|
|
+ let url = lists[0].url;
|
|
|
+ // #endif
|
|
|
+ // #ifdef H5
|
|
|
+ let url = lists[0].file;
|
|
|
+ // #endif
|
|
|
+ this.$refs[key][0].remove(0);
|
|
|
+ let titleMsg =
|
|
|
+ "请上传正确清晰的身份证" +
|
|
|
+ (index == 2 ? "人像" : "国徽") +
|
|
|
+ "面照片";
|
|
|
+ this.checkIdCard(index - 1, url, titleMsg, key);
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this.$refs[key][0].remove(0);
|
|
|
+ uni.showModal({
|
|
|
+ title: "提示",
|
|
|
+ content: "上传图片大小不能超过 2MB!",
|
|
|
+ showCancel: false,
|
|
|
+ });
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this["fileList" + index] = [];
|
|
|
+ this.$set(this.form, key, "");
|
|
|
+ }
|
|
|
+ this.openVerify = false;
|
|
|
+ this.$nextTick(function() {
|
|
|
+ this.resultForm();
|
|
|
+ });
|
|
|
+ },
|
|
|
+ async checkIdCard(cardSide, url, titleMsg, paramType) {
|
|
|
+ let res = await this.faceCertificationIDCardOCR(cardSide, url);
|
|
|
+ if (res.code == 500) {
|
|
|
+ uni.showToast({
|
|
|
+ icon: "none",
|
|
|
+ title: titleMsg,
|
|
|
+ });
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (cardSide == 1) {
|
|
|
+ let {
|
|
|
+ IdName,
|
|
|
+ IdNum
|
|
|
+ } = res.data;
|
|
|
+ if (IdName != this.form.name || IdNum != this.form.idcard) {
|
|
|
+ uni.showModal({
|
|
|
+ content: IdName != this.form.name ?
|
|
|
+ "输入的姓名和身份证人像面照片姓名不匹配,请联系客服" : "输入的身份证号和身份证人像面照片身份证号不匹配,请联系客服",
|
|
|
+ showCancel: false,
|
|
|
+ success: (resultst) => {
|
|
|
+ if (resultst.confirm) {
|
|
|
+ uni.navigateBack();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ });
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ this.$refs[paramType][0].lists = [{
|
|
|
+ url: this.$method.splitImgHost(res.data.IdImgPath),
|
|
|
+ }, ];
|
|
|
+ this.$set(this.form, paramType, res.data.IdImgPath);
|
|
|
+ },
|
|
|
+ getTimes(key) {
|
|
|
+ if (this.form[key]) {
|
|
|
+ return this.form[key];
|
|
|
+ } else {
|
|
|
+ return "请选择时间";
|
|
|
+ }
|
|
|
+ },
|
|
|
+ getarrays(key) {
|
|
|
+ if (!this.dictObj) return;
|
|
|
+ if (key === "apply_post") {
|
|
|
+ return this.dictObj["apply_post"];
|
|
|
+ }
|
|
|
+ if (key === "sex") {
|
|
|
+ return this.dictObj["sys_user_sex"];
|
|
|
+ }
|
|
|
+ if (key === "education") {
|
|
|
+ if (
|
|
|
+ this.goodsData.educationName == "继续教育" &&
|
|
|
+ this.goodsData.projectName == "施工现场专业人员" &&
|
|
|
+ this.goodsData.businessName == "七大员"
|
|
|
+ ) {
|
|
|
+ if (
|
|
|
+ this.goodsData.categoryName == "材料员" ||
|
|
|
+ this.goodsData.categoryName == "资料员" ||
|
|
|
+ this.goodsData.categoryName == "劳务员"
|
|
|
+ ) {
|
|
|
+ return [
|
|
|
+ "职高",
|
|
|
+ "高中",
|
|
|
+ "专科",
|
|
|
+ "本科",
|
|
|
+ "硕士研究生",
|
|
|
+ "博士研究生"
|
|
|
+ ]
|
|
|
+ } else {
|
|
|
+ return ["专科", "本科", "硕士研究生", "博士研究生"]
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ return this.dictObj["edu_level"];
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (key === "working_years") {
|
|
|
+ return this.dictObj["working_years"];
|
|
|
+ }
|
|
|
+ },
|
|
|
+ returnName(key) {
|
|
|
+ if (!this.dictObj) return;
|
|
|
+ if (key === "apply_post") {
|
|
|
+ if (this.form[key]) {
|
|
|
+ return this.dictObj["apply_post"][Number(this.form[key])];
|
|
|
+ } else {
|
|
|
+ return "请选择报名岗位";
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (key === "sex") {
|
|
|
+ if (this.form[key]) {
|
|
|
+ return this.dictObj["sys_user_sex"][Number(this.form[key])];
|
|
|
+ } else {
|
|
|
+ return "请选择性别";
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (key === "education") {
|
|
|
+ if (this.form[key]) {
|
|
|
+ if (
|
|
|
+ this.goodsData.educationName == "继续教育" &&
|
|
|
+ this.goodsData.projectName == "施工现场专业人员" &&
|
|
|
+ this.goodsData.businessName == "七大员"
|
|
|
+ ) {
|
|
|
+ if (
|
|
|
+ this.goodsData.categoryName == "材料员" ||
|
|
|
+ this.goodsData.categoryName == "资料员" ||
|
|
|
+ this.goodsData.categoryName == "劳务员"
|
|
|
+ ) {
|
|
|
+ return [
|
|
|
+ "职高",
|
|
|
+ "高中",
|
|
|
+ "专科",
|
|
|
+ "本科",
|
|
|
+ "硕士研究生",
|
|
|
+ "博士研究生"
|
|
|
+ ][Number(this.form[key])]
|
|
|
+ } else {
|
|
|
+ return ["专科", "本科", "硕士研究生", "博士研究生"][Number(this.form[key])]
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ return this.dictObj["edu_level"][Number(this.form[key])];
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ return "请选择学历";
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (key === "working_years") {
|
|
|
+ if (this.form[key]) {
|
|
|
+ return this.dictObj["working_years"][Number(this.form[key])];
|
|
|
+ } else {
|
|
|
+ return "请选择工作年限";
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * getbaseprofiletpgetInfo接口返回值result.data.data不存在的话说明是第一次填写资料
|
|
|
+ */
|
|
|
+ getInfo() {
|
|
|
+ return new Promise((resolve) => {
|
|
|
+ var self = this;
|
|
|
+ this.$api.getbaseprofiletpId(this.goodsId).then((res) => {
|
|
|
+ self.listData = JSON.parse(res.data.data.keyValue);
|
|
|
+ var ast = JSON.parse(res.data.data.keyValue2);
|
|
|
+ self.listData = [...self.listData, ...ast];
|
|
|
+ console.log(self.listData, 'listData')
|
|
|
+ self.listData.forEach((item, index) => {
|
|
|
+ if (item.fieldKey == "idcard") {
|
|
|
+ this.form.idcard = this.userInfo.idCard;
|
|
|
+ this.disCard = this.form.idcard ? true : false;
|
|
|
+ }
|
|
|
+ if (item.fieldKey == "telphone") {
|
|
|
+ this.form.telphone = this.userInfo.telphone;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (item.fieldKey == "name") {
|
|
|
+ this.form.name = this.userInfo.realname;
|
|
|
+ this.disName = this.form.name ? true : false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ self.isRequired = self.listData.every((ims) => {
|
|
|
+ return ims.required === false;
|
|
|
+ });
|
|
|
+ if (!this.disable) {
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.agreementModal = true;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ self.$api
|
|
|
+ .getbaseprofiletpgetInfo({
|
|
|
+ goodsId: self.goodsId,
|
|
|
+ orderGoodsId: self.orderGoodsId,
|
|
|
+ })
|
|
|
+ .then((result) => {
|
|
|
+ console.log(
|
|
|
+ "🚀 ~ file: input.vue:1592 ~ .then ~ result:",
|
|
|
+ result
|
|
|
+ );
|
|
|
+ if (result.data.code === 200) {
|
|
|
+ if (!result.data.data) {
|
|
|
+ self.$api
|
|
|
+ .getbaseprofiletplistProfile({
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 1
|
|
|
+ })
|
|
|
+ .then((kit) => {
|
|
|
+ if (kit.data.rows.length) {
|
|
|
+ var ajson = JSON.parse(kit.data.rows[0]
|
|
|
+ .keyValue);
|
|
|
+ self.listData.forEach((zyitem, zyindex) => {
|
|
|
+ for (let k in ajson) {
|
|
|
+ if (zyitem.fieldKey == k &&
|
|
|
+ ajson[k].value) {
|
|
|
+ if (k === "sex") {
|
|
|
+ const sexIndex =
|
|
|
+ self.dictObj[
|
|
|
+ "sys_user_sex"]
|
|
|
+ .indexOf(
|
|
|
+ ajson[k].value
|
|
|
+ ) + "";
|
|
|
+ self.$set(self.form, k,
|
|
|
+ sexIndex);
|
|
|
+ } else if (k ===
|
|
|
+ "education") {
|
|
|
+ if (
|
|
|
+ this.goodsData
|
|
|
+ .educationName ==
|
|
|
+ "继续教育" &&
|
|
|
+ this.goodsData
|
|
|
+ .projectName ==
|
|
|
+ "施工现场专业人员" &&
|
|
|
+ this.goodsData
|
|
|
+ .businessName ==
|
|
|
+ "七大员"
|
|
|
+ ) {
|
|
|
+ self.$set(self
|
|
|
+ .form, k,
|
|
|
+ "");
|
|
|
+ } else {
|
|
|
+ const sexIndex =
|
|
|
+ self.dictObj[
|
|
|
+ "edu_level"
|
|
|
+ ]
|
|
|
+ .indexOf(
|
|
|
+ ajson[k]
|
|
|
+ .value
|
|
|
+ ) + "";
|
|
|
+ self.$set(self
|
|
|
+ .form, k,
|
|
|
+ sexIndex);
|
|
|
+ }
|
|
|
+ } else if (k ===
|
|
|
+ "working_years") {
|
|
|
+ const sexIndex =
|
|
|
+ self.dictObj[
|
|
|
+ "working_years"
|
|
|
+ ].indexOf(
|
|
|
+ ajson[k].value
|
|
|
+ ) + "";
|
|
|
+ self.$set(self.form, k,
|
|
|
+ sexIndex);
|
|
|
+ } else if (k ===
|
|
|
+ "apply_post") {
|
|
|
+ const sexIndex =
|
|
|
+ self.dictObj[
|
|
|
+ "apply_post"
|
|
|
+ ].indexOf(
|
|
|
+ ajson[k].value
|
|
|
+ ) + "";
|
|
|
+ self.$set(self.form, k,
|
|
|
+ sexIndex);
|
|
|
+ } else if (k ===
|
|
|
+ "recent_photos") {
|
|
|
+ self.$set(self.form, k,
|
|
|
+ ajson[k].value);
|
|
|
+ self.recent_photos_old =
|
|
|
+ ajson[k].value
|
|
|
+ if (ajson[k].value) {
|
|
|
+ self.fileList1 = [{
|
|
|
+ url: self
|
|
|
+ .baseUrls +
|
|
|
+ ajson[
|
|
|
+ k
|
|
|
+ ]
|
|
|
+ .value,
|
|
|
+ }, ];
|
|
|
+ }
|
|
|
+ } else if (k ===
|
|
|
+ "idcard_face_photo") {
|
|
|
+ self.$set(self.form, k,
|
|
|
+ ajson[k].value);
|
|
|
+ self.idcard_face_photo_old =
|
|
|
+ ajson[k].value
|
|
|
+ if (ajson[k].value) {
|
|
|
+ self.fileList2 = [{
|
|
|
+ url: self
|
|
|
+ .baseUrls +
|
|
|
+ ajson[
|
|
|
+ k
|
|
|
+ ]
|
|
|
+ .value,
|
|
|
+ }, ];
|
|
|
+ }
|
|
|
+ } else if (k ===
|
|
|
+ "idcard_national_photo"
|
|
|
+ ) {
|
|
|
+ self.$set(self.form, k,
|
|
|
+ ajson[k].value);
|
|
|
+ if (ajson[k].value) {
|
|
|
+ self.fileList3 = [{
|
|
|
+ url: self
|
|
|
+ .baseUrls +
|
|
|
+ ajson[
|
|
|
+ k
|
|
|
+ ]
|
|
|
+ .value,
|
|
|
+ }, ];
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ if (k === "name") {
|
|
|
+ self.$set(
|
|
|
+ self.form,
|
|
|
+ k,
|
|
|
+ this.$store
|
|
|
+ .state
|
|
|
+ .userInfo
|
|
|
+ .realname
|
|
|
+ );
|
|
|
+ } else if (k ===
|
|
|
+ "idcard") {
|
|
|
+ self.$set(
|
|
|
+ self.form,
|
|
|
+ k,
|
|
|
+ this.$store
|
|
|
+ .state
|
|
|
+ .userInfo
|
|
|
+ .idCard
|
|
|
+ );
|
|
|
+ } else if (k ===
|
|
|
+ "telphone") {
|
|
|
+ self.$set(
|
|
|
+ self.form,
|
|
|
+ k,
|
|
|
+ this.$store
|
|
|
+ .state
|
|
|
+ .userInfo
|
|
|
+ .telphone
|
|
|
+ );
|
|
|
+ } else if (
|
|
|
+ k !==
|
|
|
+ "commitment_electr_signature"
|
|
|
+ ) {
|
|
|
+ self.$set(self
|
|
|
+ .form, k,
|
|
|
+ ajson[k]
|
|
|
+ .value);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ resolve();
|
|
|
+ } else {
|
|
|
+ resolve();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ if (
|
|
|
+ self.disable ||
|
|
|
+ (result.data.data && result.data.data.status === 3)
|
|
|
+ ) {
|
|
|
+ self.remark = result.data.data.text;
|
|
|
+ self.remarkStatus = true;
|
|
|
+ self.id = result.data.data.id;
|
|
|
+ var arrays = JSON.parse(result.data.data.keyValue);
|
|
|
+ // var arrays1 = JSON.parse(result.data.data.keyValue2);
|
|
|
+ self.copyData = JSON.parse(JSON.stringify(arrays));
|
|
|
+ for (let k in arrays) {
|
|
|
+ if (k === "sex") {
|
|
|
+ if (arrays[k].value) {
|
|
|
+ const sexIndex =
|
|
|
+ self.dictObj["sys_user_sex"].indexOf(
|
|
|
+ arrays[k].value
|
|
|
+ ) + "";
|
|
|
+ self.$set(self.form, k, sexIndex);
|
|
|
+ }
|
|
|
+ } else if (k === "education") {
|
|
|
+ if (arrays[k].value) {
|
|
|
+ const sexIndex =
|
|
|
+ self.dictObj["edu_level"].indexOf(arrays[k]
|
|
|
+ .value) +
|
|
|
+ "";
|
|
|
+ self.$set(self.form, k, sexIndex);
|
|
|
+ }
|
|
|
+ } else if (k === "apply_post") {
|
|
|
+ if (arrays[k].value) {
|
|
|
+ const sexIndex =
|
|
|
+ self.dictObj["apply_post"].indexOf(arrays[k]
|
|
|
+ .value) +
|
|
|
+ "";
|
|
|
+ self.$set(self.form, k, sexIndex);
|
|
|
+ }
|
|
|
+ } else if (k === "working_years") {
|
|
|
+ if (arrays[k].value) {
|
|
|
+ const sexIndex =
|
|
|
+ self.dictObj["working_years"].indexOf(
|
|
|
+ arrays[k].value
|
|
|
+ ) + "";
|
|
|
+ self.$set(self.form, k, sexIndex);
|
|
|
+ }
|
|
|
+ } else if (k === "recent_photos") {
|
|
|
+ self.$set(self.form, k, arrays[k].value);
|
|
|
+ self.recent_photos_old = arrays[k].value
|
|
|
+ if (arrays[k].value) {
|
|
|
+ self.fileList1 = [{
|
|
|
+ url: self.baseUrls + arrays[k].value
|
|
|
+ }, ];
|
|
|
+ }
|
|
|
+ } else if (k === "idcard_face_photo") {
|
|
|
+ self.$set(self.form, k, arrays[k].value);
|
|
|
+ self.idcard_face_photo_old = arrays[k].value
|
|
|
+ if (arrays[k].value) {
|
|
|
+ self.fileList2 = [{
|
|
|
+ url: self.baseUrls + arrays[k].value
|
|
|
+ }, ];
|
|
|
+ }
|
|
|
+ } else if (k === "idcard_national_photo") {
|
|
|
+ self.$set(self.form, k, arrays[k].value);
|
|
|
+ if (arrays[k].value) {
|
|
|
+ self.fileList3 = [{
|
|
|
+ url: self.baseUrls + arrays[k].value
|
|
|
+ }, ];
|
|
|
+ }
|
|
|
+ } else if (k === "name") {
|
|
|
+ self.$set(
|
|
|
+ self.form,
|
|
|
+ k,
|
|
|
+ this.$store.state.userInfo.realname
|
|
|
+ );
|
|
|
+ } else if (k === "idcard") {
|
|
|
+ self.$set(
|
|
|
+ self.form,
|
|
|
+ k,
|
|
|
+ this.$store.state.userInfo.idCard
|
|
|
+ );
|
|
|
+ } else if (k === "telphone") {
|
|
|
+ self.$set(
|
|
|
+ self.form,
|
|
|
+ k,
|
|
|
+ this.$store.state.userInfo.telphone
|
|
|
+ );
|
|
|
+ } else {
|
|
|
+ self.$set(self.form, k, arrays[k].value);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ resolve();
|
|
|
+ } else if (
|
|
|
+ result.data.data &&
|
|
|
+ (result.data.data.status === 1 ||
|
|
|
+ result.data.data.status === 2)
|
|
|
+ ) {
|
|
|
+ uni.showModal({
|
|
|
+ showCancel: false,
|
|
|
+ content: result.data.data.status === 1 ?
|
|
|
+ "该商品审核资料已通过，不可重复提交资料" : result.data.data
|
|
|
+ .status === 2 ?
|
|
|
+ "该商品审核资料处于待审核状态，不可重复提交资料" : "请联系管理员",
|
|
|
+ success: function(k) {
|
|
|
+ if (k.confirm) {
|
|
|
+ uni.navigateBack();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ bindPickerChange(key, e) {
|
|
|
+ let value = e.detail.value + "";
|
|
|
+ // if (key === "apply_post") {
|
|
|
+ // value = this.dictObj["apply_post"][value];
|
|
|
+ // }
|
|
|
+ this.$set(this.form, key, value);
|
|
|
+ this.openVerify = false;
|
|
|
+ this.$nextTick(function() {
|
|
|
+ this.resultForm();
|
|
|
+ });
|
|
|
+ },
|
|
|
+ bindDateChange(key, e) {
|
|
|
+ this.form[key] = e.detail.value;
|
|
|
+ },
|
|
|
+ retDraw() {
|
|
|
+ this.handwriting.retDraw();
|
|
|
+ this.$set(this.form, "commitment_electr_signature", "");
|
|
|
+ this.openVerify = false;
|
|
|
+ this.$nextTick(function() {
|
|
|
+ this.resultForm();
|
|
|
+ });
|
|
|
+ },
|
|
|
+ uploadScaleStart(event) {
|
|
|
+ this.handwriting.uploadScaleStart(event);
|
|
|
+ },
|
|
|
+ uploadScaleMove(event) {
|
|
|
+ this.handwriting.uploadScaleMove(event);
|
|
|
+ },
|
|
|
+ uploadScaleEnd(event) {
|
|
|
+ this.handwriting.uploadScaleEnd(event);
|
|
|
+ },
|
|
|
+ subCanvas() {
|
|
|
+ return new Promise((resolve, reject) => {
|
|
|
+ var self = this;
|
|
|
+ if (self.form.commitment_electr_signature) {
|
|
|
+ resolve();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ self.handwriting
|
|
|
+ .saveCanvas()
|
|
|
+ .then((res) => {
|
|
|
+ if (this.handwriting.linePrack.length) {
|
|
|
+ this.$set(this.form, "commitment_electr_signature", res);
|
|
|
+ }
|
|
|
+ resolve(res);
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ uni.showToast({
|
|
|
+ title: "签名上传失败",
|
|
|
+ icon: "error",
|
|
|
+ });
|
|
|
+
|
|
|
+ this.isUploading = false;
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ },
|
|
|
+ };
|
|
|
+</script>
|
|
|
+<style>
|
|
|
+ page {
|
|
|
+ background: #eaeef1;
|
|
|
+ }
|
|
|
+</style>
|
|
|
+<style scope lang="scss">
|
|
|
+ .infos {
|
|
|
+ position: relative;
|
|
|
+ top: 0rpx;
|
|
|
+ left: 0rpx;
|
|
|
+
|
|
|
+ .photo_can {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ position: absolute;
|
|
|
+ z-index: -1;
|
|
|
+ left: -10000rpx;
|
|
|
+ top: -10000rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .zip_canvas {
|
|
|
+ width: 100%;
|
|
|
+ height: 600rpx;
|
|
|
+ border: 2rpx solid #333;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .ctoples {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ padding: 2rpx 23rpx;
|
|
|
+ display: inline-block;
|
|
|
+ background-color: rgba(0, 0, 0, 0.4);
|
|
|
+ font-size: 28rpx;
|
|
|
+ color: #fff;
|
|
|
+ border-bottom-right-radius: 24rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .quzw {
|
|
|
+ width: 638rpx;
|
|
|
+ height: 638rpx;
|
|
|
+ position: relative;
|
|
|
+ border: 2rpx solid #eee;
|
|
|
+ border-radius: 8rpx;
|
|
|
+
|
|
|
+ .optionsAbs {
|
|
|
+ position: absolute;
|
|
|
+ right: 5px;
|
|
|
+ top: 5px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .handWriting {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/ .u-collapse-title {
|
|
|
+ color: #ff3b30;
|
|
|
+ font-size: 24rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ // /deep/ .u-input {
|
|
|
+ // text-align: right !important;
|
|
|
+ // }
|
|
|
+ .picker {
|
|
|
+ flex: 1;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/ .u-form-item--right {
|
|
|
+ .u-input__input {
|
|
|
+ text-align: right;
|
|
|
+ }
|
|
|
+
|
|
|
+ uni-picker {
|
|
|
+ flex: 1;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .collapse-item {
|
|
|
+ color: #666;
|
|
|
+ font-size: 24rpx;
|
|
|
+ padding-bottom: 30rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .dis_stys {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ }
|
|
|
+
|
|
|
+ .handCenter {
|
|
|
+ background: #f7f7f7;
|
|
|
+ border: 2rpx solid #eeeeee;
|
|
|
+ border-radius: 24rpx;
|
|
|
+ width: 100%;
|
|
|
+ height: 400rpx;
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+
|
|
|
+ .headerSDels {
|
|
|
+ height: 58rpx;
|
|
|
+ padding: 0rpx 24rpx;
|
|
|
+ font-weight: bold;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ flex-direction: row-reverse;
|
|
|
+ }
|
|
|
+
|
|
|
+ .listBox {
|
|
|
+ margin: 24rpx 32rpx 0rpx;
|
|
|
+ box-shadow: 0rpx 0rpx 16rpx 4rpx rgba(145, 156, 178, 0.1);
|
|
|
+ border-radius: 32rpx;
|
|
|
+ background-color: #fff;
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+
|
|
|
+ .imgBoxs {
|
|
|
+ width: 156rpx;
|
|
|
+ height: 203rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .imgBoxs2 {
|
|
|
+ width: 171rpx;
|
|
|
+ height: 108rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .submit_btn {
|
|
|
+ width: 526rpx;
|
|
|
+ height: 80rpx;
|
|
|
+ background: #007aff;
|
|
|
+ border-radius: 40rpx;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 80rpx;
|
|
|
+ color: #ffffff;
|
|
|
+ margin: 30rpx auto;
|
|
|
+ }
|
|
|
+
|
|
|
+ .picker {
|
|
|
+ text-align: right;
|
|
|
+ }
|
|
|
+
|
|
|
+ input {
|
|
|
+ text-align: right;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bodyBox {
|
|
|
+ background: #ffffff;
|
|
|
+ border-radius: 24rpx;
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .topBox {
|
|
|
+ height: 80rpx;
|
|
|
+ background: #ffffff;
|
|
|
+ border-radius: 24rpx;
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ line-height: 80rpx;
|
|
|
+ padding: 0 20rpx;
|
|
|
+ font-size: 24rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .modal {
|
|
|
+ .agreement {
|
|
|
+ width: 640rpx;
|
|
|
+ height: 740rpx;
|
|
|
+ background: #ffffff;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+
|
|
|
+ .body {
|
|
|
+ flex: 1;
|
|
|
+
|
|
|
+ .content {
|
|
|
+ padding: 30rpx 40rpx 28rpx;
|
|
|
+ line-height: 40rpx;
|
|
|
+ font-size: 26rpx;
|
|
|
+ color: #666;
|
|
|
+
|
|
|
+ .bold {
|
|
|
+ color: #333;
|
|
|
+ font-size: 26rpx;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+
|
|
|
+ .center {
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .footer {
|
|
|
+ height: 140rpx;
|
|
|
+ border-top: 1px solid #eeeeee;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+
|
|
|
+ .btn {
|
|
|
+ margin: 0 12rpx;
|
|
|
+ width: 200rpx;
|
|
|
+ height: 80rpx;
|
|
|
+ color: #007aff;
|
|
|
+ font-size: 30rpx;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 80rpx;
|
|
|
+ background: #f5f5f5;
|
|
|
+ border-radius: 40rpx 40rpx 40rpx 40rpx;
|
|
|
+
|
|
|
+ &.ok {
|
|
|
+ width: 336rpx;
|
|
|
+ height: 80rpx;
|
|
|
+ background: #007aff;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ &.close {
|
|
|
+ color: #fff;
|
|
|
+ width: 560rpx;
|
|
|
+ height: 80rpx;
|
|
|
+ background: #007aff;
|
|
|
+ border-radius: 40rpx 40rpx 40rpx 40rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+</style>
|
