diff --git a/src/main/resources/views/platform/theRapyRecuperation/signUp/base.js b/src/main/resources/views/platform/theRapyRecuperation/signUp/base.js new file mode 100644 index 0000000..550983d --- /dev/null +++ b/src/main/resources/views/platform/theRapyRecuperation/signUp/base.js @@ -0,0 +1,366 @@ +const BASE = { + template: /*language=HTML*/ ` +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + 我已查看 + + 《安全告知书》 + + 查看 + +
+
+ + 我已查看 + + 《定点自由行申请表》 + + 查看 + +
+
+ + + + + + + + 提交报名 + +
+ + + + + 我已阅读确认 + + + + + + + + 我已阅读确认 + + + +
+ `, + props: { + config_data: { type: Object, required: true}, + }, + data(){ + return{ + id: '', + index: '', + enrollId: '', + fromUrlByMy: '', + baseData: {}, + formData: { + userName: "", + loginName: "", + unionName: "", + idCard: "", + mobile: "", + specificTime: '', + sign: '', + bedInfo: {}, + companionList: [], + }, + formRules: { + userName: [{required: false, message: "必填", trigger: ["change", "blur"]}], + loginName: [{required: false, message: "必填", trigger: ["change", "blur"]}], + specificTime: [{required: false, message: "必填", trigger: ["change", "blur"]}], + }, + // 出行日期相关 + timeVisible: false, + + // 定点疗休养申请表相关 + readVisible: false, + hasRead: false, + clickRead: false, + readUrl: '', + + // 修改其他线路相关 + editOther: '', + + // 安全告知书相关 + readVisibleSafe: false, + clickReadSafe: false, + hasReadSafe: false, + readSafeUrl: '', + + showButton: true, + + startTime: '', + endTime: '', + datePickerOptions: { + disabledDate: (time) => { + // 如果没有设置时间范围，允许选择所有日期 + if (!this.startTime || !this.endTime) { + return false; + } + + // 将当前日期转换为 yyyy-MM-dd 格式字符串进行比较 + const currentDateStr = this.formatDate(time); + + // 直接比较日期字符串（因为都是 yyyy-MM-dd 格式） + return currentDateStr < this.startTime || + currentDateStr > this.endTime + } + }, + + } + }, + methods: { + // 将 Date 对象格式化为 yyyy-MM-dd + formatDate(date) { + const year = date.getFullYear(); + const month = (date.getMonth() + 1).toString().padStart(2, '0'); + const day = date.getDate().toString().padStart(2, '0'); + return year + '-' + month + '-' + day; + }, + // 展示安全告知书 + async openReadSafe(){ + let pdfStreamUrl = encodeURIComponent(CREATE_PREVIEW_URL(this.config_data.files[0].id)) //将路径转码 + this.readSafeUrl = '/assets/platform/plugins/pdfJs/web/viewer.html?file=' + pdfStreamUrl + this.readVisibleSafe = true + + }, + onReadSafe() { + this.clickReadSafe = true + this.hasReadSafe = true + this.readVisibleSafe = false + }, + readChangeSafe() { + if (this.clickReadSafe === false) { + // this.$message.error('请先阅读《安全告知书》') + this.hasReadSafe = false + } else { + this.hasReadSafe = true + } + }, + // 展示申请表 + async openRead(){ + const url = '/platform/theRapyRecuperation/baseManagement/showBaseApplyPdf?baseName=' + + (this.formData.baseName ? this.formData.baseName : '') + '&specificTime=' + (this.formData.specificTime ? this.formData.specificTime : '') + + '&sign=' + (this.formData.sign ? this.formData.sign : '') + '&idCard=' + (this.formData.idCard ? this.formData.idCard : '') + + let pdfStreamUrl = encodeURIComponent(url) //将路径转码 + this.readUrl = '/assets/platform/plugins/pdfJs/web/viewer.html?file=' + pdfStreamUrl + + // this.readUrl = url + this.readVisible = true + // this.$nextTick(() => { + // pdfh5 = new Pdfh5('#basePdf', { + // pdfurl: url, + // }); + // }) + }, + onRead() { + this.clickRead = true + this.hasRead = true + this.readVisible = false + }, + readChange() { + if (this.clickRead === false) { + // this.$message.error('请先阅读《定点自由行申请表》') + this.hasRead = false + } + }, + //修改时查询报名信息，进行回显 + async findSignUpInfoById() { + const res = await $.post('/platform/theRapyRecuperation/line/enroll/findSignUpInfoById', { + id: this.enrollId, + editOther: this.editOther + }) + if (res.code === 0) { + this.formData = res.data + this.formData.bedInfo = {} + this.formData.companionList = [] + this.$forceUpdate() + } + }, + async getTimeArray(){ + const resp = await $.post('/platform/theRapyRecuperation/baseManagement/getTimeArray', { + id: this.id + }) + if (resp.code === 0) { + this.startTime = resp.data.minDate + this.endTime = resp.data.maxDate + } + }, + async getData() { + const res = await $.get('/platform/theRapyRecuperation/baseManagement/selectBaseAllInfo', { + id: this.id + }) + if (res.code === 0) { + this.baseData = res.data + this.formData.baseName = this.baseData.baseName + } + }, + async join(){ + if (this.fromUrlByMy !== 'editDo') { + if (this.editOther) { + this.$set(this.formData, 'baseName', this.baseData.baseName) + this.$set(this.formData, 'takePartInLineId', null) + this.$set(this.formData, 'takePartInUnionId', null) + this.$set(this.formData, 'takePartInTravelAgencyId', null) + this.$set(this.formData, 'takePartInBaseManagementId', this.baseData.id) + } else { + this.formData = { + userName: "${@shiro.getPrincipalProperty('username')}", + loginName: "${@shiro.getPrincipalProperty('loginname')}", + unionName: "${@shiro.getPrincipalProperty('union').getUnionname()}", + idCard: "${@shiro.getPrincipalProperty('idcard')}", + mobile: "${@shiro.getPrincipalProperty('mobile')}", + baseName: this.baseData.baseName, + takePartInBaseManagementId: this.baseData.id, + companionList: [], + } + } + } + if(this.index == 3) { + await this.getTimeArray() + } + }, + joinSubmit(){ + if (this.hasReadSafe === false) { + this.$message.error('请先阅读《安全告知书》') + return + } + if (!this.formData.sign) { + this.$message.error('请签字') + return + } + if (this.hasRead === false) { + this.$message.error('请先阅读《定点自由行申请表》') + return + } + this.formData.editOther = this.editOther ? this.editOther : '' + const cloneData = clone(this.formData) + + this.$confirm('请确保信息填写无误，是否确认提交？', '提示', { + confirmButtonText: '提交', + cancelButtonText: '取消', + type: 'warning' + }).then(async () => { + this.showButton = false + const loading = this.$loading({ + lock: true, + text: '数据提交中...', + spinner: 'el-icon-loading', + background: 'rgba(0, 0, 0, 0.7)' + }) + const resp = await $.post('/platform/theRapyRecuperation/line/enroll/doSignUpForBaseManagement', { + enroll: JSON.stringify(cloneData), + }) + loading.close() + if (resp.code === 0) { + this.$message.success('报名成功') + this.$emit('success') + // vant.Dialog.alert({ + // title: '提示', + // message: '报名成功', + // }).then(() => { + // location.replace('/platform/mobile/theRapyRecuperation/myRecuperation?index=' + this.index) + // }) + } else { + this.$message.warning(resp.msg) + this.showButton = true + } + }) + + }, + async initData(data){ + this.id = data.id + this.index = data.index + this.enrollId = data.enrollId + this.fromUrlByMy = data.fromUrlByMy + this.editOther = data.editOther + + await this.getData() + + if (this.enrollId || this.editOther) { + await this.findSignUpInfoById() + } + await this.join() + }, + }, + computed: { + defaultPickerDate() { + return this.startTime ? new Date(this.startTime) : new Date(); + }, + }, +}