合同签订后跳转问题

This commit is contained in:
huangdeliang 2021-03-30 17:33:18 +08:00
parent 14a4738807
commit 9d9cd081f5

View File

@ -242,42 +242,40 @@
</template>
<script>
import { getFile, signContract } from "@/api/custom/contract";
import { digitUppercase, validatorIDCard } from "../../../utils/ruoyi";
import dayjs from 'dayjs';
import dayjs from "dayjs";
export default {
name: 'sign',
name: "sign",
data() {
const checkSignName = (rule, value, callback) => {
if (!value) {
return callback(new Error('姓名不能为空'))
return callback(new Error("姓名不能为空"));
}
callback();
}
};
const checkPhone = (rule, value, callback) => {
const phoneReg = /^1[3|4|5|6|7|8|9][0-9]{9}$/
const hkPhoneReg = /^(5|6|8|9)\d{7}$/
const phoneReg = /^1[3|4|5|6|7|8|9][0-9]{9}$/;
const hkPhoneReg = /^(5|6|8|9)\d{7}$/;
if (!value) {
return callback(new Error('电话号码不能为空'))
return callback(new Error("电话号码不能为空"));
}
setTimeout(() => {
// Number.isIntegeres6,
// +
if (!Number.isInteger(+value)) {
callback(new Error('请输入数字值'))
callback(new Error("请输入数字值"));
} else {
if (phoneReg.test(value) || hkPhoneReg.test(value)) {
callback()
callback();
} else {
callback(new Error('电话号码格式不正确'))
callback(new Error("电话号码格式不正确"));
}
}
}, 100)
}
}, 100);
};
const checkcusId = (rule, value, callback) => {
if (!value) {
@ -287,12 +285,12 @@
setTimeout(() => {
const { code, msg } = validatorIDCard(value, this.idType);
if (code === 1) {
callback()
callback();
} else {
return callback(new Error(msg))
}
}, 100)
return callback(new Error(msg));
}
}, 100);
};
return {
show: false,
@ -301,48 +299,53 @@
dialogVisible: false,
idType: 1,
idTypeOptions: [
{label: '身份证', value: 1},
{label: '港澳身份证', value: 2},
{label: '台湾身份证', value: 3},
{label: '护照', value: 4},
{label: '军官证', value: 5},
{ label: "身份证", value: 1 },
{ label: "港澳身份证", value: 2 },
{ label: "台湾身份证", value: 3 },
{ label: "护照", value: 4 },
{ label: "军官证", value: 5 },
],
serveTimeIdOption: [
{label: '7天', value: 7},
{label: '1个月', value: 30},
{label: '2个月', value: 60},
{label: '3个月', value: 90},
{label: '4个月', value: 120},
{label: '5个月', value: 150},
{label: '6个月', value: 180},
{label: '7个月', value: 210},
{label: '8个月', value: 240},
{label: '9个月', value: 270},
{label: '10个月', value: 300},
{label: '11个月', value: 330},
{label: '12个月', value: 360},
{label: '13个月', value: 390},
{label: '14个月', value: 420},
{label: '15个月', value: 450},
{label: '16个月', value: 480},
{label: '17个月', value: 510},
{label: '18个月', value: 540},
{ label: "7天", value: 7 },
{ label: "1个月", value: 30 },
{ label: "2个月", value: 60 },
{ label: "3个月", value: 90 },
{ label: "4个月", value: 120 },
{ label: "5个月", value: 150 },
{ label: "6个月", value: 180 },
{ label: "7个月", value: 210 },
{ label: "8个月", value: 240 },
{ label: "9个月", value: 270 },
{ label: "10个月", value: 300 },
{ label: "11个月", value: 330 },
{ label: "12个月", value: 360 },
{ label: "13个月", value: 390 },
{ label: "14个月", value: 420 },
{ label: "15个月", value: 450 },
{ label: "16个月", value: 480 },
{ label: "17个月", value: 510 },
{ label: "18个月", value: 540 },
],
rules: {
signName: [
{required: true, trigger: "blur", validator: checkSignName}
{ required: true, trigger: "blur", validator: checkSignName },
],
phone: [
{required: true, trigger: "blur", validator: checkPhone}
],
cusId: [
{required: false, trigger: "blur", validator: checkcusId}
]
phone: [{ required: true, trigger: "blur", validator: checkPhone }],
cusId: [{ required: false, trigger: "blur", validator: checkcusId }],
},
titleArray: [
"营养减脂服务合同","月经不调调理指导服务合同","多囊卵巢综合症调理指导服务合同","备孕营养调理指导服务合同","产后调理服务合同",
"高血压调理服务合同","高血糖调理服务合同","高血脂调理服务合同","高尿酸服务合同","营养性贫血服务合同","消化系统管理服务合同",
"心脑血管系统服务合同"
"营养减脂服务合同",
"月经不调调理指导服务合同",
"多囊卵巢综合症调理指导服务合同",
"备孕营养调理指导服务合同",
"产后调理服务合同",
"高血压调理服务合同",
"高血糖调理服务合同",
"高血脂调理服务合同",
"高尿酸服务合同",
"营养性贫血服务合同",
"消化系统管理服务合同",
"心脑血管系统服务合同",
],
//
reportcontentArray: [
@ -357,7 +360,7 @@
"肾功能三项、双肾彩超、尿常规、尿微量白蛋白定量。 ",
"贫血三项、血常规(五分类)、肝功能五项、双肾彩超。 ",
"碳13呼气试验、胃功能三项、G-17胃泌素17。 ",
"血脂四项、血压BP、同型半胱氨酸HCY、心脏彩超、心功能三项、 颈动脉彩超。 "
"血脂四项、血压BP、同型半胱氨酸HCY、心脏彩超、心功能三项、 颈动脉彩超。 ",
],
//
changeContentArray: [
@ -380,53 +383,55 @@
[
"1个月气色明显改善经期前后腰腹坠胀明显减轻!",
"2个月经期逐渐规律!",
"3个月掌握自身营养规律经期恢复正常周期持续营养方案激素分泌稳 定,延缓衰老,更显年轻态!"
"3个月掌握自身营养规律经期恢复正常周期持续营养方案激素分泌稳 定,延缓衰老,更显年轻态!",
],
[
"第1周期体重减轻肤色逐步变浅情绪趋于稳定!",
"第2 周期,经期规律稳定!",
"第3周期体重持续降低经期恢复正常。激素分泌稳定延缓衰老更显年 轻态!"
],[
"第3周期体重持续降低经期恢复正常。激素分泌稳定延缓衰老更显年 轻态!",
],
[
"1-3个月双方体质得到明显改善女性妇科炎症得到缓解男性体力得到提升 疲惫感降低。",
"4-6个月女性卵巢功能得到改善卵子质量精子活力得到提升提高受孕几率。"
],[
"4-6个月女性卵巢功能得到改善卵子质量精子活力得到提升提高受孕几率。",
],
[
"1个月体重明显降低产后水肿消失稳定产奶量减缓 产后抽筋,睡眠障碍;",
"2个月脱发减少,体重持续降低 ",
],
[
"1个月高血压引起的头晕颈项僵直得到明显缓解",
"2个月不易疲劳体感更轻松 ",
"3个月稳定血压。持续健康饮食方案能够有效帮助避免心脑肾并发症。 "
"3个月稳定血压。持续健康饮食方案能够有效帮助避免心脑肾并发症。 ",
],
[
"第1周期血糖趋于稳定缓解多饮多食多尿的症状",
"第2周期血糖进一步下降末梢循环增快自身抵抗力得到明显提升 ",
"第3周期小便变清澈泡沫减少血糖进一步稳定。持续营养方案能够减少多 种并发症的产生。"
"第3周期小便变清澈泡沫减少血糖进一步稳定。持续营养方案能够减少多 种并发症的产生。",
],
[
"1个月头晕减少体重降低 ",
"2个月肢体麻木得到缓解",
"3个月血液粘稠度降低。坚持营养方案延缓血管硬化病程发展。"
"3个月血液粘稠度降低。坚持营养方案延缓血管硬化病程发展。",
],
[
"1个月减少关节肿胀酸痛",
"2个月帮助避免痛风急性发作",
"3个月尿酸得到控制指数降低。"
"3个月尿酸得到控制指数降低。",
],
[
"1个月消化功能得到改善食欲得到增加贫血性水肿得 到缓解; ",
"2个月头晕头痛得到缓解精神状态得到明显改善疲惫感减少",
"3个月睡眠质量得到明显提升不易惊醒。"
"3个月睡眠质量得到明显提升不易惊醒。",
],
[
"1个月消化能力得到改善胃酸、胃胀得到缓解",
"2个月 饭前,饭后疼痛感减轻,反酸、嗳气等症状得到明显缓解;",
"3个月消化功能得到明显改善排便趋向正常。坚持营养方案胃肠免疫功能到持续养护幽 门螺旋杆菌感染率降低,避免胃肠道肿瘤的出现。"
"3个月消化功能得到明显改善排便趋向正常。坚持营养方案胃肠免疫功能到持续养护幽 门螺旋杆菌感染率降低,避免胃肠道肿瘤的出现。",
],
[
"2个月血压得到明显稳定心慌、气短等症状得到缓解 ",
"4个月心动力得到提升脑供血供氧得到改善头脑轻松昏沉感降低",
"6 个月,心脑血管功能得到改善,降低心脑血管疾病急性发作的几率。"
"6 个月,心脑血管功能得到改善,降低心脑血管疾病急性发作的几率。",
],
],
//
@ -442,13 +447,12 @@
"主要用于了解肾功能异常,痛风,尿酸偏高等。更清晰的检查 肾癌、游走肾等是否异常病变发生。可提示有无泌尿系统疾患:如急、慢性肾 炎,肾盂肾炎,膀胱炎,尿道炎,肾病综合征,狼疮性肾炎,血红蛋白尿,肾 梗塞、肾小管重金属盐及药物导致急性肾小管坏死,肾或膀胱肿瘤以及有无尿 糖等。微量白蛋白尿是指在尿中出现微量白蛋白。白蛋白是一种血液中的正常 蛋白质,但在生理条件下尿液中仅出现极少量白蛋白。微量白蛋白尿反映肾脏 异常渗漏蛋白质。 ",
"提示贫血类型。通过检测血液细胞的计数及不同种类细胞、成 分的分类来反映身体状况,如:贫血、感染、血液系统疾病、物理化学因素损 伤等。提示肝胆系统疾病。更清晰的检查肾癌、游走肾等是否异常病变发生 ",
"查看胃部是否有病变,通过吹气了解胃内有无幽门螺旋杆菌感 染,此感染与胃炎、消化性溃疡、胃癌等发病有密切关系。 可用于胃癌、胃 溃疡、萎缩性胃炎的初筛。1、胃泌素17 G-17由胃窦G细胞分泌具有促 进胃酸分泌、胃肠道粘膜生长及调节食管括约肌等作用高G-17分泌在胃癌发 展过程中起重要促进作用。 2、G-17可以直接评估胃窦部粘膜的健康状况和间接反映胃体部粘膜的健康状 况,同时可反映胃酸水平的高低,从而对胃部疾病风险进行有效评估。",
"用于评估受检者的脂肪代谢水平及血脂代谢紊乱评价、动脉粥 样硬化性疾病危险性预测和营养学评价。可以清楚自己的血压情况,对起居, 饮食,用药,保健等等都有重要的指导作用。用于冠心病、动脉硬化、 心梗、脑梗等的早期预警。心血管疾病的重要诊断方法。动态显示心腔内结构、 心脏的搏动和血液流动,对先天性心脏病、心肌病、冠心病、心肌梗塞并发症 及肺心病有较大的诊断价值。用于心肌梗塞、心肌炎、皮肌炎等的辅助诊断。 了解颈部大动脉有无异常(如斑块、硬化、狭窄)。 "
]
}
"用于评估受检者的脂肪代谢水平及血脂代谢紊乱评价、动脉粥 样硬化性疾病危险性预测和营养学评价。可以清楚自己的血压情况,对起居, 饮食,用药,保健等等都有重要的指导作用。用于冠心病、动脉硬化、 心梗、脑梗等的早期预警。心血管疾病的重要诊断方法。动态显示心腔内结构、 心脏的搏动和血液流动,对先天性心脏病、心肌病、冠心病、心肌梗塞并发症 及肺心病有较大的诊断价值。用于心肌梗塞、心肌炎、皮肌炎等的辅助诊断。 了解颈部大动脉有无异常(如斑块、硬化、狭窄)。 ",
],
};
},
mounted() {
document.title = this.$route.meta.title
document.title = this.$route.meta.title;
},
created() {
this.getContract();
@ -456,31 +460,36 @@
methods: {
getContract() {
const { pathname } = window.location;
const id = pathname.substring(pathname.lastIndexOf('/') + 1);
const id = pathname.substring(pathname.lastIndexOf("/") + 1);
// console.log(id)
getFile(id).then(result => {
getFile(id).then((result) => {
if (result.url) {
this.$router.push(result.url);
// this.$router.push(result.url);
window.location.href = `${window.location.origin}${result.url}`;
} else if (result.data) {
this.form = result.data;
this.form.amount = parseInt(result.data.amount);
this.form.amountUpper = digitUppercase(this.form.amount);
this.form.serveTimeStr = this.serveTimeIdOption.find(obj => obj.value === parseInt(result.data.serveTime)).label;
this.form.expireTime = dayjs().add(this.form.serveTime/30, 'month').format('YYYY-MM-DD');
this.form.serveTimeStr = this.serveTimeIdOption.find(
(obj) => obj.value === parseInt(result.data.serveTime)
).label;
this.form.expireTime = dayjs()
.add(this.form.serveTime / 30, "month")
.format("YYYY-MM-DD");
this.show = true;
}
})
});
},
submitForm() {
this.$refs["form"].validate(valid => {
this.$refs["form"].validate((valid) => {
if (valid) {
signContract(this.form).then(result => {
signContract(this.form).then((result) => {
if (result.code === 200) {
window.location.href = window.location.origin + result.url;
}
});
}
})
});
},
handleRadioChange(val) {
this.read = val;
@ -489,14 +498,14 @@
this.dialogVisible = false;
this.read = true;
},
}
}
},
};
</script>
<style lang="scss" scoped>
.sign-contract-container {
font-family: Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
font-family: Helvetica Neue, Helvetica, Arial, Microsoft Yahei,
Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
padding: 32px;
/*background-color: rgb(240, 242, 245);*/
position: relative;
@ -507,7 +516,6 @@
margin-bottom: 32px;
}
.detail {
color: #0066cc;
cursor: pointer;
@ -515,8 +523,6 @@
}
.contract_dialog {
.dialog-detail {
height: 60vh;
margin-top: -12px;