|
@@ -61,6 +61,51 @@
|
|
|
</text> -->
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <!-- 考试疫情承诺书 -->
|
|
|
+ <view class="appointmentItem">
|
|
|
+ <view class="title"><text class="star_red">*</text> 考试疫情承诺书</view>
|
|
|
+ <view class="commitment">
|
|
|
+ 本人参加“住房和城乡建设领域施工现场专业人员岗位”考试,愿意遵守疫情防控各项管理的相关要求,秉承对自己、对他人负责的原则,承担疫情防控社会责任,郑重作出以下承诺:<br/>
|
|
|
+ 一、充分理解并遵守考试期间考点各项防疫安全的要求。<br/>
|
|
|
+ 二、在考试前14天内,没有到过国内疫情中风险、高风险地区,未出境,不存在自境外回国情形。<br/>
|
|
|
+ 三、在考试前14天内,每日自觉监测体温,体温均未出现高于37.3度的情形,无发热和呼吸道门诊就诊史。<br/>
|
|
|
+ 四、在考试前14天内,未和新冠肺炎病例或疑似病例密切接触或间接接触,没有发烧、干咳、乏力、咳痰、气短、肌肉痛或关节痛、咽喉痛、头痛、寒颤、恶心或呕吐、鼻塞、腹泻、咳血、结膜充血等疑似新冠肺炎症状。<br/>
|
|
|
+ 五、如出现与前述第二、三、四项任何一项不符的情形之一的,本人将及时在考前向相关管理机构报告,自觉配合采取隔离或其他防疫措施,并根据情况,自愿放弃参加考试。<br/>
|
|
|
+ 六、考试当日自行做好防护工作,佩戴防护口罩。提前抵达考点,配合查验健康码、测量体温等。<br/>
|
|
|
+ 七、考试期间,将严格遵守应考人员考场守则及疫情防控相关管理要求,完成考试后立即离场,不扎堆,不聚集。<br/>
|
|
|
+ 八、本人承诺遵守《应考人员安全承诺书》中所有承诺内容,若因有瞒报、谎报造成新冠肺炎疫情传播的,一经查实,由本人承担相应的法律和经济责任。
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="appointmentItem">
|
|
|
+ <view class="title"><text class="star_red">*</text>签名板</view>
|
|
|
+ <view class="dis_stys">
|
|
|
+ <text style="color: #999999">请在下方签名区进行签名</text>
|
|
|
+ <text @click="retDraw" mode="">清空</text>
|
|
|
+ </view>
|
|
|
+ <view class="handCenter">
|
|
|
+ <!-- v-if="!form[item.fieldKey]" -->
|
|
|
+ <canvas
|
|
|
+ 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 class="btnMain">
|
|
|
<view class="return" @click="backPage">上一步</view>
|
|
|
<view class="sure" @click="sureOppoint">{{
|
|
@@ -100,6 +145,7 @@
|
|
|
|
|
|
<script>
|
|
|
import { mapGetters } from "vuex";
|
|
|
+import Handwriting from "@/common/signature.js";
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
@@ -114,6 +160,12 @@ export default {
|
|
|
applyStatus: null, //学员状态ID
|
|
|
sysTime: 0,
|
|
|
dataId: null, //跳转拷贝
|
|
|
+ handwriting: '',
|
|
|
+ lineColor: "black",
|
|
|
+ slideValue: 50,
|
|
|
+ openVerify: false, // 控制是否手动验证
|
|
|
+ commitment_electr_signature: '',
|
|
|
+ isUploading: false,
|
|
|
};
|
|
|
},
|
|
|
async onLoad(option) {
|
|
@@ -125,6 +177,14 @@ export default {
|
|
|
await this.commonSystemTime();
|
|
|
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);
|
|
|
+ },
|
|
|
methods: {
|
|
|
commonSystemTime() {
|
|
|
return new Promise((resolve) => {
|
|
@@ -145,6 +205,7 @@ export default {
|
|
|
item.checked = false;
|
|
|
});
|
|
|
this.listData = res.data.data;
|
|
|
+ console.log('this.listData:', this.listData)
|
|
|
}
|
|
|
});
|
|
|
},
|
|
@@ -217,7 +278,7 @@ export default {
|
|
|
}
|
|
|
});
|
|
|
|
|
|
- console.log(this.activeList);
|
|
|
+ console.log('----',this.activeList);
|
|
|
this.address_show = false;
|
|
|
},
|
|
|
choItem(index) {
|
|
@@ -232,13 +293,32 @@ export default {
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
- sureOppoint() {
|
|
|
+ async sureOppoint() {
|
|
|
+ if (this.isUploading) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.isUploading = true
|
|
|
+ console.log('commitment_electr_signature', this.commitment_electr_signature)
|
|
|
var self = this;
|
|
|
if (self.addressId) {
|
|
|
var ast = self.activeList.some((item) => {
|
|
|
return item.checked === true;
|
|
|
});
|
|
|
+ console.log('ast', ast)
|
|
|
if (ast) {
|
|
|
+ await this.subCanvas()
|
|
|
+ if (!this.commitment_electr_signature) {
|
|
|
+ uni.showToast({
|
|
|
+ title: "请签名",
|
|
|
+ icon: "none",
|
|
|
+ })
|
|
|
+ return
|
|
|
+ } else {
|
|
|
+ await this.submitApi()
|
|
|
+ }
|
|
|
+
|
|
|
+ console.log('this.00000', this.commitment_electr_signature)
|
|
|
+ // return
|
|
|
var copyData = JSON.parse(JSON.stringify(self.activeList));
|
|
|
const index = copyData.findIndex((item) => item.checked);
|
|
|
var data = {
|
|
@@ -250,7 +330,10 @@ export default {
|
|
|
applySiteStartTime: copyData[index].startTimeC,
|
|
|
applySiteEndTime: copyData[index].endTimeC,
|
|
|
orderGoodsId: self.orderGoodsId,
|
|
|
+ reportFile: this.commitment_electr_signature,
|
|
|
};
|
|
|
+ console.log('-----data', data)
|
|
|
+ // return
|
|
|
if (self.dataId === 1) {
|
|
|
self.$store.commit("updateApplyData", data);
|
|
|
self.$navTo.togo("/pages2/appointment/kporder", {
|
|
@@ -274,17 +357,20 @@ export default {
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
+ this.isUploading = false
|
|
|
} else {
|
|
|
uni.showToast({
|
|
|
title: "请选择考试时间",
|
|
|
icon: "none",
|
|
|
});
|
|
|
+ this.isUploading = false
|
|
|
}
|
|
|
} else {
|
|
|
uni.showToast({
|
|
|
title: "请选择考试地点",
|
|
|
icon: "none",
|
|
|
});
|
|
|
+ this.isUploading = false
|
|
|
}
|
|
|
},
|
|
|
backPage() {
|
|
@@ -292,6 +378,72 @@ export default {
|
|
|
delta: 1,
|
|
|
});
|
|
|
},
|
|
|
+ retDraw() {
|
|
|
+ this.handwriting.retDraw()
|
|
|
+ this.commitment_electr_signature = ''
|
|
|
+ // this.$set(this.form, "commitment_electr_signature", "");
|
|
|
+ this.openVerify = false;
|
|
|
+ },
|
|
|
+ uploadScaleStart(event) {
|
|
|
+ this.handwriting.uploadScaleStart(event);
|
|
|
+ },
|
|
|
+ uploadScaleMove(event) {
|
|
|
+ this.handwriting.uploadScaleMove(event);
|
|
|
+ },
|
|
|
+ uploadScaleEnd(event) {
|
|
|
+ this.handwriting.uploadScaleEnd(event);
|
|
|
+ },
|
|
|
+ subCanvas() {
|
|
|
+ console.log("签名-------");
|
|
|
+ return new Promise((resolve, reject) => {
|
|
|
+ if (this.commitment_electr_signature) {
|
|
|
+ resolve();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.handwriting.saveCanvas().then((res) => {
|
|
|
+ if (this.handwriting.linePrack.length) {
|
|
|
+ console.log('签名-----res', res)
|
|
|
+ // this.$set(this.form, "commitment_electr_signature", res);
|
|
|
+ this.commitment_electr_signature = res
|
|
|
+ }
|
|
|
+ resolve(res)
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ uni.showToast({
|
|
|
+ title: "签名上传失败",
|
|
|
+ icon: "error",
|
|
|
+ });
|
|
|
+
|
|
|
+ });
|
|
|
+ this.isUploading = false
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 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;
|
|
|
+ // },
|
|
|
+ //提交表单
|
|
|
+ async submitApi() {
|
|
|
+ if (this.commitment_electr_signature) {
|
|
|
+ this.commitment_electr_signature = await this.$method.uploadFile(
|
|
|
+ this.commitment_electr_signature,
|
|
|
+ 0
|
|
|
+ );
|
|
|
+ console.log('----commitment_electr_signature', this.commitment_electr_signature)
|
|
|
+ }
|
|
|
+
|
|
|
+ // this.uploadDatas(data);
|
|
|
+ },
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
@@ -317,6 +469,9 @@ page {
|
|
|
line-height: 1;
|
|
|
margin-bottom: 16rpx;
|
|
|
padding-left: 24rpx;
|
|
|
+ .star_red {
|
|
|
+ color: red;
|
|
|
+ }
|
|
|
}
|
|
|
.place {
|
|
|
height: 80rpx;
|
|
@@ -327,6 +482,28 @@ page {
|
|
|
align-items: center;
|
|
|
padding: 0 24rpx;
|
|
|
}
|
|
|
+ .commitment {
|
|
|
+ padding: 12rpx;
|
|
|
+ height: 300rpx;
|
|
|
+ background: #ffffff;
|
|
|
+ overflow-y: auto;
|
|
|
+ }
|
|
|
+ .handCenter, .dis_stys, .commitment {
|
|
|
+ margin: 0rpx 24rpx;
|
|
|
+ }
|
|
|
+ .dis_stys {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ margin-bottom: 16rpx;
|
|
|
+ }
|
|
|
+ .handCenter {
|
|
|
+ .handWriting {
|
|
|
+ width: 100%;
|
|
|
+ height: 400rpx;
|
|
|
+ background: #fff;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
.main {
|
|
|
background: #ffffff;
|