@ -242,304 +242,310 @@
< / template >
< script >
import { getFile , signContract } from "@/api/custom/contract" ;
import { digitUppercase , validatorIDCard } from "../../../utils/ruoyi" ;
import dayjs from "dayjs" ;
im port { getFile , signContract } from "@/api/custom/contract" ;
import { digitUppercase , validatorIDCard } from "../../../utils/ruoyi ";
import dayjs from 'dayjs' ;
ex portdefault {
name : "sign ",
data ( ) {
const checkSignName = ( rule , value , callback ) => {
if ( ! value ) {
return callback ( new Error ( "姓名不能为空" ) ) ;
}
callback ( ) ;
} ;
export default {
name : 'sign' ,
data ( ) {
const checkSignName = ( rule , value , callback ) => {
if ( ! value ) {
return callback ( new Error ( '姓名不能为空' ) )
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}$/ ;
if ( ! value ) {
return callback ( new Error ( "电话号码不能为空" ) ) ;
}
setTimeout ( ( ) => {
// Number.isInteger是es6验证数字是否为整数的方法,实际输入的数字总是识别成字符串
// 所以在前面加了一个+实现隐式转换
if ( ! Number . isInteger ( + value ) ) {
callback ( new Error ( "请输入数字值" ) ) ;
} else {
if ( phoneReg . test ( value ) || hkPhoneReg . test ( value ) ) {
callback ( ) ;
} else {
callback ( new Error ( "电话号码格式不正确" ) ) ;
}
}
} , 100 ) ;
} ;
const checkcusId = ( rule , value , callback ) => {
if ( ! value ) {
callback ( ) ;
//return callback(new Error('证件号码不能为空'))
}
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}$/
if ( ! value ) {
return callback ( new Error ( '电话号码不能为空' ) )
}
setTimeout ( ( ) => {
// Number.isInteger是es6验证数字是否为整数的方法,实际输入的数字总是识别成字符串
// 所以在前面加了一个+实现隐式转换
if ( ! Number . isInteger ( + value ) ) {
callback ( new Error ( '请输入数字值' ) )
} else {
if ( phoneReg . test ( value ) || hkPhoneReg . test ( value ) ) {
callback ( )
} else {
callback ( new Error ( '电话号码格式不正确' ) )
}
}
} , 100 )
}
const checkcusId = ( rule , value , callback ) => {
if ( ! value ) {
setTimeout ( ( ) => {
const { code , msg } = validatorIDCard ( value , this . idType ) ;
if ( code === 1 ) {
callback ( ) ;
//return callback(new Error('证件号码不能为空'))
} else {
return callback ( new Error ( msg ) ) ;
}
setTimeout ( ( ) => {
const { code , msg } = validatorIDCard ( value , this . idType ) ;
if ( code === 1 ) {
callback ( )
} else {
return callback ( new Error ( msg ) )
}
} , 100 )
}
} , 100 ) ;
} ;
return {
show : false ,
form : { } ,
read : false ,
dialogVisible : false ,
idType : 1 ,
idTypeOptions : [
{ label : ' 身份证' , value : 1 } ,
{ label : ' 港澳身份证' , value : 2 } ,
{ label : ' 台湾身份证' , value : 3 } ,
{ label : ' 护照' , value : 4 } ,
{ label : ' 军官证' , value : 5 } ,
return {
show : false ,
form : { } ,
read : false ,
dialogVisible : false ,
idType : 1 ,
idTypeOptions : [
{ 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 } ,
] ,
rules : {
signName : [
{ required : true , trigger : "blur" , validator : checkSignName } ,
] ,
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 } ,
phone : [ { required : true , trigger : "blur" , validator : checkPhone } ] ,
cusId : [ { required : false , trigger : "blur" , validator : checkcusId } ] ,
} ,
titleArray : [
"营养减脂服务合同" ,
"月经不调调理指导服务合同" ,
"多囊卵巢综合症调理指导服务合同" ,
"备孕营养调理指导服务合同" ,
"产后调理服务合同" ,
"高血压调理服务合同" ,
"高血糖调理服务合同" ,
"高血脂调理服务合同" ,
"高尿酸服务合同" ,
"营养性贫血服务合同" ,
"消化系统管理服务合同" ,
"心脑血管系统服务合同" ,
] ,
//需要提交的提交报告内容
reportcontentArray : [
"" ,
"女性激素六项、促卵泡激素（ ） （ ） （ ） ,
"女性激素六项、促卵泡激素（ ） （ ） （ ） ,
"男性激素六项、女性激素六项、衣原体抗原、优生五项、AMH（ ） ,
"（遵医嘱检查）。" ,
"血脂四项、颈动脉彩超、血压（ ） （ ） ,
"血糖、糖化血红蛋白(GHB)、胰岛素测定(INS)、C肽、肾功能三项、眼底检 查、同型半胱氨酸（ ） ,
"血脂四项、血压（ ） （ ） ,
"肾功能三项、双肾彩超、尿常规、尿微量白蛋白定量。 " ,
"贫血三项、血常规（五分类）、肝功能五项、双肾彩超。 " ,
"碳13呼气试验、胃功能三项、G-17（ ） ,
"血脂四项、血压（ ） （ ） ,
] ,
//可改善效果
changeContentArray : [
"" ,
"平衡女性性激素分泌 改善痛经、月经紊乱等症状 改善气色、 延缓衰老。" ,
"平衡体内激素、增强自身免疫力 减轻体重、改善月经紊乱。 " ,
"改善双方体质，改善妇科问题，增加受孕几率 预防妊娠糖尿病及孕期高血压。 " ,
"改善乳汁质量、合理控制体重、改善缺钙、脱发等症状 ，预 防骨质疏松。" ,
"调节血压，保护心、脑、肝、肾器官 改善头晕，头痛，疲劳 等症状 预防中风、粥样动脉硬化、血栓性疾病等心脑血管疾病 " ,
"减少生活饮食习惯血糖升高的诱因 ，改 善血糖水平。预防营养失衡 ，提升机体抵抗力。保护肾脏、泌尿系统、视网 膜、心脑血管" ,
"改善代谢紊乱、提升精力 降低血液粘稠 保护肝脏及心脑血管 " ,
"提高代谢功能，降低尿酸指标 保护肾脏、胰岛、心脑血管 预 防痛风、肾脏、心脑血管疾病。 " ,
"提升体能及免疫力，改善头痛、头晕、精神状差、易困倦、 消化不良等贫血症状，改善心慌、胸闷，提升睡眠质量" ,
"改善消化能力，改善胃溃疡、胃肠炎等胃肠道疾病症状，降 低胃肠道肿瘤患病风险。 " ,
"1.预防高血压导致心肌梗死、脑梗死、微动脉肿瘤等疾病； ； ； ； ,
] ,
//预期效果
anticipateResultArray : [
[ ] ,
[
"1个月， ， ,
"2个月， ,
"3个月， ， ； ， ,
] ,
rules : {
signName : [
{ required : true , trigger : "blur" , validator : checkSignName }
] ,
phone : [
{ required : true , trigger : "blur" , validator : checkPhone }
] ,
cusId : [
{ required : false , trigger : "blur" , validator : checkcusId }
]
} ,
titleArray : [
"营养减脂服务合同" , "月经不调调理指导服务合同" , "多囊卵巢综合症调理指导服务合同" , "备孕营养调理指导服务合同" , "产后调理服务合同" ,
"高血压调理服务合同" , "高血糖调理服务合同" , "高血脂调理服务合同" , "高尿酸服务合同" , "营养性贫血服务合同" , "消化系统管理服务合同" ,
"心脑血管系统服务合同"
[
"第1周期， ， ， ,
"第2 周期，经期规律稳定!" ,
"第3周期， ， ， ， ,
] ,
//需要提交的提交报告内容
reportcontentArray : [
"" ,
"女性激素六项、促卵泡激素（ ） （ ） （ ） ,
"女性激素六项、促卵泡激素（ ） （ ） （ ） ,
"男性激素六项、女性激素六项、衣原体抗原、优生五项、AMH（ ） ,
"（遵医嘱检查）。" ,
"血脂四项、颈动脉彩超、血压（ ） （ ） ,
"血糖、糖化血红蛋白(GHB)、胰岛素测定(INS)、C肽、肾功能三项、眼底检 查、同型半胱氨酸（ ） ,
"血脂四项、血压（ ） （ ） ,
"肾功能三项、双肾彩超、尿常规、尿微量白蛋白定量。 " ,
"贫血三项、血常规（五分类）、肝功能五项、双肾彩超。 " ,
"碳13呼气试验、胃功能三项、G-17（ ） ,
"血脂四项、血压（ ） （ ）
[
"1-3个月， ， ， ， ,
"4-6个月， ， ， ， " ,
] ,
//可改善效果
changeContentArray : [
"" ,
"平衡女性性激素分泌 改善痛经、月经紊乱等症状 改善气色、 延缓衰老。" ,
"平衡体内激素、增强自身免疫力 减轻体重、改善月经紊乱。 " ,
"改善双方体质，改善妇科问题，增加受孕几率 预防妊娠糖尿病及孕期高血压。 " ,
"改善乳汁质量、合理控制体重、改善缺钙、脱发等症状 ，预 防骨质疏松。" ,
"调节血压，保护心、脑、肝、肾器官 改善头晕，头痛，疲劳 等症状 预防中风、粥样动脉硬化、血栓性疾病等心脑血管疾病 " ,
"减少生活饮食习惯血糖升高的诱因 ，改 善血糖水平。预防营养失衡 ，提升机体抵抗力。保护肾脏、泌尿系统、视网 膜、心脑血管" ,
"改善代谢紊乱、提升精力 降低血液粘稠 保护肝脏及心脑血管 " ,
"提高代谢功能，降低尿酸指标 保护肾脏、胰岛、心脑血管 预 防痛风、肾脏、心脑血管疾病。 " ,
"提升体能及免疫力，改善头痛、头晕、精神状差、易困倦、 消化不良等贫血症状，改善心慌、胸闷，提升睡眠质量" ,
"改善消化能力，改善胃溃疡、胃肠炎等胃肠道疾病症状，降 低胃肠道肿瘤患病风险。 " ,
"1.预防高血压导致心肌梗死、脑梗死、微动脉肿瘤等疾病； ； ； ； ,
[
"1个月， ， ， ， ,
"2个月， " ,
] ,
//预期效果
anticipateResultArray : [
[ ] ,
[
"1个月， ， ,
"2个月， ,
"3个月， ， ； ，
] ,
[
"第1周期， ， ， ,
"第2 周期，经期规律稳定!" ,
"第3周期， ， ， ，
] , [
"1-3个月， ， ， ， ,
"4-6个月， ， ， ，
] , [
"1个月， ， ， ， ,
"2个月， ,
] ,
[
"1个月， ， ； ,
"2个月， ， ； ,
"3个月， ，
] ,
[
"第1周期， ， ， ， ； ,
"第2周期， ， ， ； ,
"第3周期， ， ， ，
] ,
[
"1个月， ， ； ,
"2个月， ； ,
"3个月， ， ，
] ,
[
"1个月， ； ,
"2个月， ； ,
"3个月， ，
] ,
[
"1个月， ， ， ,
"2个月， ， ， ， ； ,
"3个月， ，
] ,
[
"1个月， ， ； ,
"2个月， ,
"3个月， ， ， ，
] ,
[
"2个月， ， ； ,
"4个月， ， ， ， ； ,
"6 个月，心脑血管功能得到改善，降低心脑血管疾病急性发作的几率。"
] ,
[
"1个月， ， ； ,
"2个月， ， ； ,
"3个月， ， ,
] ,
//调理意义
significanceArray : [
"" ,
"提示女性体内激素水平是否正常 " ,
"提示女性体内激素水平是否正常，更清晰的观察子宫、卵巢、 盆腔等生殖器是否有病变发生。" ,
"提示男性体内激素水平是否正常、提示女性体内激素水平是否正常、 阳性结果结合临床可确定沙眼衣原体感染、阴性时不能完全排除、可用细胞培养 法确定,妊娠早期感染可引起流产、死胎、胎儿畸形等.显示女性卵巢内含有的原 始卵泡的数量和质量、是反映女性生育能力的一个重要指标、检测男女生育能力、 检测女性生育能力,通过检测血液细胞的计数及不同种类细胞、成分的分类来反映 身体状况，如：贫血、感染、血液系统疾病、物理化学因素损伤等、提示贫血类 型。 " ,
"" ,
"用于评估受检者的脂肪代谢水平及血脂代谢紊乱评价、动脉粥 样硬化性疾病危险性预测和营养学评价。了解颈部大动脉有无异常(如斑块、 硬化、狭窄)。可以清楚自己的血压情况，对起居，饮食，用药，保健等等都 有重要的指导作用。用于冠心病、动脉硬化、心梗、脑梗等的早期预警。 " ,
"用于评估受检者的脂肪代谢水平及血脂代谢紊乱评价、动脉粥样硬化性疾病危险性预测和营养学评价。可以清楚自己的血 压情况，对起居，饮食，用药，保健等等都有重要的指导作用。了解颈部大动 脉有无异常(如斑块、硬化、狭窄)。用于冠心病、动脉硬化、心梗、脑梗等的 早期预警 。" ,
"用于评估受检者的脂肪代谢水平及血脂代谢紊乱评价、动脉粥 样硬化性疾病危险性预测和营养学评价。可以清楚自己的血压情况，对起居， 饮食，用药，保健等等都有重要的指导作用。解颈部大动脉有无异常(如斑块、 硬化、狭窄)。用于冠心病、动脉硬化、心梗、脑梗等的早期预警。 " ,
"主要用于了解肾功能异常，痛风，尿酸偏高等。更清晰的检查 肾癌、游走肾等是否异常病变发生。可提示有无泌尿系统疾患：如急、慢性肾 炎，肾盂肾炎，膀胱炎，尿道炎，肾病综合征，狼疮性肾炎，血红蛋白尿，肾 梗塞、肾小管重金属盐及药物导致急性肾小管坏死，肾或膀胱肿瘤以及有无尿 糖等。微量白蛋白尿是指在尿中出现微量白蛋白。白蛋白是一种血液中的正常 蛋白质，但在生理条件下尿液中仅出现极少量白蛋白。微量白蛋白尿反映肾脏 异常渗漏蛋白质。 " ,
"提示贫血类型。通过检测血液细胞的计数及不同种类细胞、成 分的分类来反映身体状况，如：贫血、感染、血液系统疾病、物理化学因素损 伤等。提示肝胆系统疾病。更清晰的检查肾癌、游走肾等是否异常病变发生 " ,
"查看胃部是否有病变，通过吹气了解胃内有无幽门螺旋杆菌感 染，此感染与胃炎、消化性溃疡、胃癌等发病有密切关系。 可用于胃癌、胃 溃疡、萎缩性胃炎的初筛。1、胃泌素17（ ） ， ， " ,
"用于评估受检者的脂肪代谢水平及血脂代谢紊乱评价、动脉粥 样硬化性疾病危险性预测和营养学评价。可以清楚自己的血压情况，对起居， 饮食，用药，保健等等都有重要的指导作用。用于冠心病、动脉硬化、 心梗、脑梗等的早期预警。心血管疾病的重要诊断方法。动态显示心腔内结构、 心脏的搏动和血液流动，对先天性心脏病、心肌病、冠心病、心肌梗塞并发症 及肺心病有较大的诊断价值。用于心肌梗塞、心肌炎、皮肌炎等的辅助诊断。 了解颈部大动脉有无异常(如斑块、硬化、狭窄)。 "
]
}
[
"第1周期， ， ， ， ； ,
"第2周期， ， ， ； " ,
"第3周期， ， ， ， " ,
] ,
[
"1个月， ， ； " ,
"2个月， ； " ,
"3个月， ， ， 。" ,
] ,
[
"1个月， ； " ,
"2个月， ； " ,
"3个月， ， ,
] ,
[
"1个月， ， ， ,
"2个月， ， ， ， ； ,
"3个月， ， ,
] ,
[
"1个月， ， ； ,
"2个月， ,
"3个月， ， ， ， ,
] ,
[
"2个月， ， ； ,
"4个月， ， ， ， ； ,
"6 个月，心脑血管功能得到改善，降低心脑血管疾病急性发作的几率。" ,
] ,
] ,
//调理意义
significanceArray : [
"" ,
"提示女性体内激素水平是否正常 " ,
"提示女性体内激素水平是否正常，更清晰的观察子宫、卵巢、 盆腔等生殖器是否有病变发生。" ,
"提示男性体内激素水平是否正常、提示女性体内激素水平是否正常、 阳性结果结合临床可确定沙眼衣原体感染、阴性时不能完全排除、可用细胞培养 法确定,妊娠早期感染可引起流产、死胎、胎儿畸形等.显示女性卵巢内含有的原 始卵泡的数量和质量、是反映女性生育能力的一个重要指标、检测男女生育能力、 检测女性生育能力,通过检测血液细胞的计数及不同种类细胞、成分的分类来反映 身体状况，如：贫血、感染、血液系统疾病、物理化学因素损伤等、提示贫血类 型。 " ,
"" ,
"用于评估受检者的脂肪代谢水平及血脂代谢紊乱评价、动脉粥 样硬化性疾病危险性预测和营养学评价。了解颈部大动脉有无异常(如斑块、 硬化、狭窄)。可以清楚自己的血压情况，对起居，饮食，用药，保健等等都 有重要的指导作用。用于冠心病、动脉硬化、心梗、脑梗等的早期预警。" ,
"用于评估受检者的脂肪代谢水平及血脂代谢紊乱评价、动脉粥样硬化性疾病危险性预测和营养学评价。可以清楚自己的血 压情况，对起居，饮食，用药，保健等等都有重要的指导作用。了解颈部大动 脉有无异常(如斑块、硬化、狭窄)。用于冠心病、动脉硬化、心梗、脑梗等的 早期预警。" ,
"用于评估受检者的脂肪代谢水平及血脂代谢紊乱评价、动脉粥 样硬化性疾病危险性预测和营养学评价。可以清楚自己的血压情况，对起居， 饮食，用药，保健等等都有重要的指导作用。解颈部大动脉有无异常(如斑块、 硬化、狭窄)。用于冠心病、动脉硬化、心梗、脑梗等的早期预警。 " ,
"主要用于了解肾功能异常，痛风，尿酸偏高等。更清晰的检查 肾癌、游走肾等是否异常病变发生。可提示有无泌尿系统疾患：如急、慢性肾 炎，肾盂肾炎，膀胱炎，尿道炎，肾病综合征，狼疮性肾炎，血红蛋白尿，肾 梗塞、肾小管重金属盐及药物导致急性肾小管坏死，肾或膀胱肿瘤以及有无尿 糖等。微量白蛋白尿是指在尿中出现微量白蛋白。白蛋白是一种血液中的正常 蛋白质，但在生理条件下尿液中仅出现极少量白蛋白。微量白蛋白尿反映肾脏 异常渗漏蛋白质。 " ,
"提示贫血类型。通过检测血液细胞的计数及不同种类细胞、成 分的分类来反映身体状况，如：贫血、感染、血液系统疾病、物理化学因素损 伤等。提示肝胆系统疾病。更清晰的检查肾癌、游走肾等是否异常病变发生 " ,
"查看胃部是否有病变，通过吹气了解胃内有无幽门螺旋杆菌感 染，此感染与胃炎、消化性溃疡、胃癌等发病有密切关系。 可用于胃癌、胃 溃疡、萎缩性胃炎的初筛。1、胃泌素17（ ） ， ， ,
"用于评估受检者的脂肪代谢水平及血脂代谢紊乱评价、动脉粥 样硬化性疾病危险性预测和营养学评价。可以清楚自己的血压情况，对起居， 饮食，用药，保健等等都有重要的指导作用。用于冠心病、动脉硬化、 心梗、脑梗等的早期预警。心血管疾病的重要诊断方法。动态显示心腔内结构、 心脏的搏动和血液流动，对先天性心脏病、心肌病、冠心病、心肌梗塞并发症 及肺心病有较大的诊断价值。用于心肌梗塞、心肌炎、皮肌炎等的辅助诊断。 了解颈部大动脉有无异常(如斑块、硬化、狭窄)。 " ,
] ,
} ;
} ,
mounted ( ) {
document . title = this . $route . meta . title ;
} ,
created ( ) {
this . getContract ( ) ;
} ,
methods : {
getContract ( ) {
const { pathname } = window . location ;
const id = pathname . substring ( pathname . lastIndexOf ( "/" ) + 1 ) ;
// console.log(id)
getFile ( id ) . then ( ( result ) => {
if ( 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 . show = true ;
}
} ) ;
} ,
mounted ( ) {
document . title = this . $route . meta . title
submitForm ( ) {
this . $refs [ "form" ] . validate ( ( valid ) => {
if ( valid ) {
signContract ( this . form ) . then ( ( result ) => {
if ( result . code === 200 ) {
window . location . href = window . location . origin + result . url ;
}
} ) ;
}
} ) ;
} ,
created ( ) {
this . getContract ( ) ;
handleRadioChange ( val ) {
this . read = val ;
} ,
methods : {
getContract ( ) {
const { pathname } = window . location ;
const id = pathname . substring ( pathname . lastIndexOf ( '/' ) + 1 ) ;
// console.log(id)
getFile ( id ) . then ( result => {
if ( result . url ) {
this . $router . push ( 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 . show = true ;
}
} )
} ,
submitForm ( ) {
this . $refs [ "form" ] . validate ( valid => {
if ( valid ) {
signContract ( this . form ) . then ( result => {
if ( result . code === 200 ) {
window . location . href = window . location . origin + result . url ;
}
} ) ;
}
} )
} ,
handleRadioChange ( val ) {
this . read = val ;
} ,
handleConfirm ( ) {
this . dialogVisible = false ;
this . read = true ;
} ,
}
}
handleConfirm ( ) {
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 ;
padding : 32 px ;
/*background-color: rgb(240, 242, 245);*/
position : relative ;
. sign - contract - container {
font - family : Helvetica Neue , Helvetica , Arial , Microsoft Yahei ,
Hiragino Sans GB , Heiti SC , WenQuanYi Micro Hei , sans - serif ;
padding : 32 px ;
/*background-color: rgb(240, 242, 245);*/
position : relative ;
. contract - title {
text - align : center ;
font - size : 20 px ;
margin - bottom : 32 px ;
}
. contract - title {
text - align : center ;
font - size : 20 px ;
margin - bottom : 32 px ;
}
. detail {
color : # 0066 cc ;
cursor : pointer ;
font - size : 14 px ;
}
. detail {
co lor : # 0066 cc ;
cursor : pointer ;
font - size : 14 px ;
}
. contract _dialog {
. dialog - detail {
height : 60 vh ;
margin - top : - 12 px ;
margin - bottom : - 12 px ;
overflow : auto ;
}
}
. line - rule {
margin : 4 px 0 ;
line - height : 18 px ;
}
. chart - wrapper {
background : # fff ;
padding : 16 px 16 px 0 ;
margin - bottom : 32 px ;
. contract _dialog {
. dia log - detail {
height : 60 vh ;
margin - top : - 12 px ;
margin - bottom : - 12 px ;
overflow : auto ;
}
}
@ media ( max - width : 1024 px ) {
. chart - wrapper {
padding : 8 px ;
}
. line - rule {
margin : 4 px 0 ;
line - height : 1 8px ;
}
. chart - wrapper {
background : # fff ;
padding : 16 px 16 px 0 ;
margin - bottom : 32 px ;
}
}
@ media ( max - width : 1024 px ) {
. chart - wrapper {
padding : 8 px ;
}
}
< / style >
xiezhijun