gdxz/miniprogram-jianfanCase
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

6.21提交

Browse Source
This commit is contained in:
zoujiandong 2025-06-21 17:43:26 +08:00
parent ce9158a8a0
commit 8f4ee464dc
7 changed files with 990 additions and 844 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
api/api.js
View File

@ -5,12 +5,13 @@ function addCase(data){ //添加病例
function caseDetail(id){ //病例详情 function caseDetail(id){ //病例详情
return request('/medicalRecord/getDetail/'+id,'GET',{},true) return request('/medicalRecord/getDetail/'+id,'GET',{},true)
}; };
function editCase(data){ //修改病例
return request('/medicalRecord/update','POST',data,true)
};
function caseList(data){ //病例列表 function caseList(data){ //病例列表
return request('/medicalRecord/getList','POST',data,true) return request('/medicalRecord/getList','POST',data,true)
}; };
function editCase(data){ //修改病例
return request('/medicalRecord/update','POST',data,true)
};
function getCaptcha(){ //获取图片验证码 function getCaptcha(){ //获取图片验证码
return request('/user/getCaptcha','GET') return request('/user/getCaptcha','GET')
}; };

540
case/pages/createCase/createCase.js
View File

@ -18,6 +18,10 @@ Page({
ganwaiOption:ganwaiOption, ganwaiOption:ganwaiOption,
moshiOption:moshiOption, moshiOption:moshiOption,
hospitalOption:hospitalOption, hospitalOption:hospitalOption,
editorHeight:'calc(100vh - 600rpx)',
paintFrom:'basic',
paintSrc:'',
showPaint:false,
active:0, active:0,
wordLength:0, wordLength:0,
showSaveBtn:true, showSaveBtn:true,
@ -35,7 +39,6 @@ Page({
showDel:false, showDel:false,
showAttention:false, showAttention:false,
fileList_basic:[], fileList_basic:[],
fileList_abstract:[],
fileList_check:[], fileList_check:[],
dpmas_list:[{fileList:[],treatTime:''}], dpmas_list:[{fileList:[],treatTime:''}],
disable_ziliao:false, disable_ziliao:false,
@ -73,36 +76,52 @@ Page({
otherValue:'' otherValue:''
}, },
}, },
disease_desc:'', abstract_str:'',//临床资料结束
disease_history:'',
past_history:'',//临床资料结束
dpmas:[{ dpmas:[{
'dpmasImg':'', 'dpmasImg':'',
'treatTime':'' 'treatTime':''
}], }],
headTime:'', headTime:'',
afterTime:'', afterTime:'',
lastTime:'',
headTb:'', headTb:'',
afterTb:'', afterTb:'',
headAlt:'', lastTb:'',
afterAlt:'',
headAlb:'',
afterAlb:'',
headAst:'',
afterAst:'',
headInr:'',
afterInr:'',
headDb:'', headDb:'',
afterDb:'', afterDb:'',
lastDb:'',
headIb:'', headIb:'',
afterIb:'', afterIb:'',
lastIb:'',
headAlt:'',
afterAlt:'',
lastALt:'',
headAst:'',
afterAst:'',
lastAst:'',
headAlb:'',
afterAlb:'',
lastAlb:'',
headPta:'', headPta:'',
afterPta:'', afterPta:'',
lastPta:'',
headInr:'',
afterInr:'',
lastInr:'',
headCrp:'',
afterCrp:'',
lastCrp:'',
headIl6:'', headIl6:'',
afterIl6:'', afterIl6:'',
lastIl6:'',
headTnf:'', headTnf:'',
afterTnf:'', afterTnf:'',
checkImg:'' lastTnf:'',
checkImg:'',
discharge_time:'',
day:'',
discharge_situation:'',
discharge_status:''
}, },
time_type:'date', time_type:'date',
time_str:"hospitalTime", time_str:"hospitalTime",
@ -131,6 +150,17 @@ Page({
}, },
}, },
onEditorReady() {
const that = this
wx.createSelectorQuery().select('#editor').context(function (res) {
that.editorCtx = res.context;
let html =
"<p>【主诉】：</p><br/><p>【现病史】：</p><br/><p>【既往史】：</p><br/><br/>";
that.editorCtx.setContents({
html:html
})
}).exec()
},
onChangeCheck(event){ onChangeCheck(event){
console.log(event); console.log(event);
let arr=event.detail; let arr=event.detail;
@ -161,9 +191,6 @@ Page({
toggleCheck(event){ toggleCheck(event){
console.log(event); console.log(event);
}, },
dealImg(e){
console.log(e);
},
save:throttle(function(){ save:throttle(function(){
this.data.medicalRecordId?this.handleEditCase():this.handleAddCase(); this.data.medicalRecordId?this.handleEditCase():this.handleAddCase();
}), }),
@ -205,20 +232,20 @@ Page({
}), }),
isHasValue(){ isHasValue(){
let {name,uid,sex,age,admissionTime,caseType,main_diagnose,disease_cause,trigger,disease_desc,disease_history,past_history,headTime,afterTime,headTb,afterTb,headAlt,afterAlt,headAlb,afterAlb,headAst,afterAst,headInr,afterInr,headDb,afterDb,headIb,afterIb,headPta,afterPta,headIl6,afterIl6,headTnf,afterTnf}=this.data.case; let {name,uid,sex,age,admissionTime,caseType,main_diagnose,disease_cause,trigger,abstract_str,headTime,afterTime,headTb,afterTb,headAlt,afterAlt,headAlb,afterAlb,headAst,afterAst,headInr,afterInr,headDb,afterDb,headIb,afterIb,headPta,afterPta,headIl6,afterIl6,headTnf,afterTnf}=this.data.case;
let {fileList_basic,fileList_abstract,fileList_check,dpmas_list}=this.data; let {fileList_basic,fileList_check,dpmas_list,discharge_time,day,discharge_status,discharge_situation}=this.data;
let hasTime=dpmas_list.some(item=>{ return item.fileList.length>0}); let hasTime=dpmas_list.some(item=>{ return item.fileList.length>0});
let hasImg=dpmas_list.some(item=>{ return item.treatTime!=''}); let hasImg=dpmas_list.some(item=>{ return item.treatTime!=''});
if(name || uid || sex || age || admissionTime || caseType.length>0 || main_diagnose.select.length>0 || main_diagnose.otherValue || disease_cause.select.length>0 || disease_cause.otherValue || trigger.inside.select.length>0 || trigger.inside.otherValue || trigger.outside.select.length>0 || trigger.outside.otherValue || disease_desc || disease_history ||past_history || headTime || afterTime || headTb || afterTb || headAlt || afterAlt || headAlb || afterAlb || headAst || afterAst || headInr || afterInr || headDb || afterDb || headIb || afterIb || headPta || afterPta || headIl6 || afterIl6 || headTnf || afterTnf || fileList_basic.length>0 || fileList_abstract.length>0 || fileList_check.length>0 || hasTime || hasImg){ if(name || uid || sex || age || admissionTime || caseType.length>0 || main_diagnose.select.length>0 || main_diagnose.otherValue || disease_cause.select.length>0 || disease_cause.otherValue || trigger.inside.select.length>0 || trigger.inside.otherValue || trigger.outside.select.length>0 || trigger.outside.otherValue || abstract_str || headTime || afterTime || headTb || afterTb || headAlt || afterAlt || headAlb || afterAlb || headAst || afterAst || headInr || afterInr || headDb || afterDb || headIb || afterIb || headPta || afterPta || headIl6 || afterIl6 || headTnf || afterTnf || fileList_basic.length>0 || fileList_check.length>0 || hasTime || hasImg || discharge_time || day|| discharge_status ||discharge_situation){
return true return true
}else{ }else{
return false return false
} }
}, },
handleAddCase(){ handleAddCase(){
let {fileList_basic,fileList_abstract,fileList_check,dpmas_list}=this.data; let {fileList_basic,fileList_check,dpmas_list}=this.data;
let baseImg=''; let baseImg='';
let abstractImg=''; let abstractImg='';
let checkImg=''; let checkImg='';
@ -230,13 +257,7 @@ Page({
baseImg+=item.url; baseImg+=item.url;
} }
}) })
fileList_abstract.forEach(item=>{
if(abstractImg){
abstractImg+="," +item.url
}else{
abstractImg+=item.url;
}
})
fileList_check.forEach(item=>{ fileList_check.forEach(item=>{
if(checkImg){ if(checkImg){
checkImg+="," +item.url checkImg+="," +item.url
@ -366,16 +387,6 @@ Page({
}) })
} }
}else if(key=='abstractImg'){
if(res[key]){
let imgList=res[key].split(',');
this.setData({
['case.'+key]:res[key],
fileList_abstract:imgList.map(item=>{
return {url:item}
})
})
}
}else if(key=='checkImg'){ }else if(key=='checkImg'){
if(res[key]){ if(res[key]){
let imgList=res[key].split(','); let imgList=res[key].split(',');
@ -572,7 +583,20 @@ Page({
}) })
return false return false
} }
if(main_diagnose.select.length==0){
flag && wx.showToast({
title: '请选择主要诊断类型',
icon:"none"
})
return false
}
if(main_diagnose.select.length==0 && !main_diagnose.otherValue){
flag && wx.showToast({
title: '主要诊断其他不能为空',
icon:"none"
})
return false
}
if(fileList_basic.length==0){ if(fileList_basic.length==0){
flag && wx.showToast({ flag && wx.showToast({
title: '请上传出院诊断照片', title: '请上传出院诊断照片',
@ -625,28 +649,15 @@ Page({
return true return true
}, },
validateZiliao(flag){ validateZiliao(flag){
let {disease_desc,disease_history,past_history}=this.data.case; let {abstract_str}=this.data.case;
if( !disease_desc){ if( !abstract_str){
flag && wx.showToast({ flag && wx.showToast({
title: '病历摘要主诉不能为空', title: '病历摘要不能为空',
icon:"none" icon:"none"
}) })
return false return false
}
if( !disease_history){
flag && wx.showToast({
title: '病历摘要现病史不能为空',
icon:"none"
})
return false
}
if( !past_history){
flag && wx.showToast({
title: '病历摘要现病史不能为空',
icon:"none"
})
return false
} }
return true return true
}, },
validateRecord(flag){ validateRecord(flag){
@ -710,131 +721,178 @@ Page({
return true return true
}, },
validateCheck(flag){ validateCheck(flag){
let {headTime,afterTime,headTb,afterTb,headAlt,afterAlt,headInr,afterInr,headDb,afterDb,headIb,afterIb,headPta,afterPta,headIl6,afterIl6,headTnf,afterTnf,caseType,admissionTime,dpmas }=this.data.case; let {headTime,afterTime,lastTime,headTb,afterTb,lastTb,headAlt,afterAlt,lastAlt,headAst,afterAst,lastAst,headInr,afterInr,lastInr,headAlb,afterAlb,lastAlb,caseType,admissionTime,dpmas}=this.data.case;
let {fileList_check}=this.data; let {fileList_check}=this.data;
if(!headTime){ if(!headTime){
flag && wx.showToast({ flag && wx.showToast({
title: '治疗前检测时间不能为空', title: '首次治疗前检测时间不能为空',
icon:"none" icon:"none"
}) })
return false return false
}; };
if(!afterTime){ if(!afterTime){
flag && wx.showToast({ flag && wx.showToast({
title: '治疗后检测时间不能为空', title: '首次治疗后检测时间不能为空',
icon:"none"
})
return false
};
if(!lastTime){
flag && wx.showToast({
title: '最后一次治疗后检测时间不能为空',
icon:"none" icon:"none"
}) })
return false return false
}; };
let headTime_new=dayjs(headTime).format('YYYY-MM-DD'); let headTime_new=dayjs(headTime).format('YYYY-MM-DD');
let afterTime_new=dayjs(afterTime).format('YYYY-MM-DD'); let afterTime_new=dayjs(afterTime).format('YYYY-MM-DD');
let firstTime=dayjs(dpmas[0].treatTime).format('YYYY-MM-DD'); let lastTime_new=dayjs(lastTime).format('YYYY-MM-DD');
let firstTime=dayjs(dpmas[0].treatTime).format('YYYY-MM-DD');//第一次治疗时间
let lastTime=dayjs(dpmas[dpmas.length-1].treatTime).format('YYYY-MM-DD') let lastTreatTime=dayjs(dpmas[dpmas.length-1].treatTime).format('YYYY-MM-DD')//最后一次治疗时间
let admissionTime_new=dayjs(admissionTime).format('YYYY-MM-DD'); let admissionTime_new=dayjs(admissionTime).format('YYYY-MM-DD'); //住院时间
//新加判断
if(caseType==2){ if(dayjs(headTime_new).diff(dayjs(afterTime_new))>=0){
if(!(dayjs(headTime_new).diff(dayjs(admissionTime_new))>=0 && dayjs(headTime_new).diff(dayjs(firstTime))<=0)){
flag && wx.showToast({
title: '治疗前检测时间应该在入院时间与第一次治疗时间之间',
icon:"none"
})
return false
}
if(dpmas.length<2){
if(!(dayjs(afterTime_new).diff(dayjs(firstTime))>=0)){
flag && wx.showToast({
title: '治疗后检测时间应该在第一次之后',
icon:"none"
})
return false
}
}else{
let secondTime=dayjs(dpmas[1].treatTime).format('YYYY-MM-DD')
if(!(dayjs(afterTime_new).diff(dayjs(firstTime))>=0 && dayjs(afterTime_new).diff(dayjs(secondTime))<=0)){
flag && wx.showToast({
title: '治疗后检测时间应该在第一次与第二次治疗时间之间',
icon:"none"
})
return false
};
}
};
if(caseType==1){
if(!(dayjs(headTime_new).diff(dayjs(admissionTime_new))>=0 && dayjs(headTime_new).diff(dayjs(firstTime))<=0)){
flag && wx.showToast({
title: '治疗前检测时间应该在入院时间与第一次治疗时间之间',
icon:"none"
})
return false
}
if(!(dayjs(afterTime_new).diff(dayjs(lastTime)>=0))){
flag && wx.showToast({
title: '治疗后检测时间应该最后一次治疗时间之后',
icon:"none"
})
return false
}
}
if(!headTb || !afterTb){
flag && wx.showToast({ flag && wx.showToast({
title: '总胆红素未填写完整', title: '首次治疗时间前检测时间应该早于首次治疗后检测时间',
icon:"none" icon:'none'
}) })
return false return false;
}; }
if(!headAlt || !afterAlt){ if(dayjs(afterTime_new).diff(dayjs(lastTime_new))>0){
flag && wx.showToast({ flag && wx.showToast({
title: '谷丙转氨酶未填写完整', title: '最后一次治疗后检测时间应该早于或者等于首次次治疗后检测时间',
icon:"none" icon:'none'
}) })
return false return false;
}; }
if(!headInr || !afterInr){
flag && wx.showToast({ // if(caseType==2){
title: '国际标准化比值未填写完整', // if(!(dayjs(headTime_new).diff(dayjs(admissionTime_new))>=0 && dayjs(headTime_new).diff(dayjs(firstTime))<=0)){
icon:"none" // flag && wx.showToast({
}) // title: '治疗前检测时间应该在入院时间与第一次治疗时间之间',
return false
}
// if(!headDb || !afterDb){
// flag && wx.showToast({
// title: '直接胆红素未填写完整',
// icon:"none"
// })
// return false
// }
// if(!headIb || !afterIb){
// flag && wx.showToast({
// title: '间接胆红素未填写完整',
// icon:"none"
// })
// return false
// }
// if(!headPta || !afterPta){
// flag && wx.showToast({
// title: '凝血酶原活动度未填写完整',
// icon:"none"
// })
// return false
// }
// if(!headIl6 || !afterIl6){
// flag && wx.showToast({
// title: '白介素6未填写完整',
// icon:"none" // icon:"none"
// }) // })
// return false // return false
// }
// if(dpmas.length<2){
// if(!(dayjs(afterTime_new).diff(dayjs(firstTime))>=0)){
// flag && wx.showToast({
// title: '治疗后检测时间应该在第一次之后',
// icon:"none"
// })
// return false
// }
// }else{
// let secondTime=dayjs(dpmas[1].treatTime).format('YYYY-MM-DD')
// if(!(dayjs(afterTime_new).diff(dayjs(firstTime))>=0 && dayjs(afterTime_new).diff(dayjs(secondTime))<=0)){
// flag && wx.showToast({
// title: '治疗后检测时间应该在第一次与第二次治疗时间之间',
// icon:"none"
// })
// return false
// };
// } // }
// if(!headTnf || !afterTnf){
// wx.showToast({
// title: '肿瘤坏死因子', // };
// icon:"none" // if(caseType==1){
// }) // if(!(dayjs(headTime_new).diff(dayjs(admissionTime_new))>=0 && dayjs(headTime_new).diff(dayjs(firstTime))<=0)){
// return false // flag && wx.showToast({
// } // title: '治疗前检测时间应该在入院时间与第一次治疗时间之间',
// icon:"none"
// })
// return false
// }
// if(!(dayjs(afterTime_new).diff(dayjs(lastTime)>=0))){
// flag && wx.showToast({
// title: '治疗后检测时间应该最后一次治疗时间之后',
// icon:"none"
// })
// return false
// }
// }
if(!headTb || !afterTb){
flag && wx.showToast({
title: '总胆红素首次治疗前后未填写完整',
icon:"none"
})
return false
};
if(dpmas.length>1){
if(!lastTb){
flag && wx.showToast({
title: '总胆红素最后一次治疗后不能为空',
icon:"none"
})
return false
}
}
if(!headAlt || !afterAlt){
flag && wx.showToast({
title: '丙氨酸氨基转移酶首次治疗前后未填写完整',
icon:"none"
})
return false
};
if(dpmas.length>1){
if(!lastAlt){
flag && wx.showToast({
title: '丙氨酸氨基转移酶最后一次治疗后不能为空',
icon:"none"
})
return false
}
}
if(!headAst || !afterAst){
flag && wx.showToast({
title: '天门冬氨酸氨基转移酶首次治疗前后未填写完整',
icon:"none"
})
return false
};
if(dpmas.length>1){
if(!lastAst){
flag && wx.showToast({
title: '天门冬氨酸氨基转移酶最后一次治疗后不能为空',
icon:"none"
})
return false
}
}
if(!headAlb || !afterAlb){
flag && wx.showToast({
title: '白蛋白首次治疗前后未填写完整',
icon:"none"
})
return false
};
if(dpmas.length>1){
if(!lastAlb){
flag && wx.showToast({
title: '白蛋白最后一次治疗后不能为空',
icon:"none"
})
return false
}
}
if(!headInr || !afterInr){
flag && wx.showToast({
title: '国际标准化比值首次治疗前后未填写完整',
icon:"none"
})
return false
}
if(dpmas.length>1){
if(!lastInr){
flag && wx.showToast({
title: '国际标准化比值最后一次治疗后不能为空',
icon:"none"
})
return false
}
}
if(fileList_check.length==0){ if(fileList_check.length==0){
flag && wx.showToast({ flag && wx.showToast({
title: '请上传报告单', title: '请上传报告单',
@ -844,6 +902,38 @@ Page({
} }
return true; return true;
}, },
validateBack(flag){
let {discharge_time,day,discharge_status,discharge_situation}=this.data.case;
if(!discharge_time){
flag && wx.showToast({
title: '请选择出院时间',
icon:"none"
})
return false
}
if(!day){
flag && wx.showToast({
title: '请输入住院天数',
icon:"none"
})
return false
}
if(!discharge_situation){
flag && wx.showToast({
title: '请输入出院情况',
icon:"none"
})
return false
}
if(!discharge_status){
flag && wx.showToast({
title: '请输入出院状态',
icon:"none"
})
return false
}
return true
},
onChangeAbstract(event){ onChangeAbstract(event){
let {value}=event.detail let {value}=event.detail
this.setData({ this.setData({
@ -871,7 +961,7 @@ Page({
}) })
}, },
saveDraft(){ saveDraft(){
let {fileList_basic,fileList_abstract,fileList_check,dpmas_list}=this.data; let {fileList_basic,fileList_check,dpmas_list}=this.data;
let baseImg=''; let baseImg='';
let abstractImg=''; let abstractImg='';
let checkImg=''; let checkImg='';
@ -882,13 +972,6 @@ Page({
baseImg+=item.url; baseImg+=item.url;
} }
}) })
fileList_abstract.forEach(item=>{
if(abstractImg){
abstractImg+="," +item.url
}else{
abstractImg+=item.url;
}
})
fileList_check.forEach(item=>{ fileList_check.forEach(item=>{
if(checkImg){ if(checkImg){
checkImg+="," +item.url checkImg+="," +item.url
@ -999,13 +1082,13 @@ Page({
}else if(time_str=="dealTime"){ }else if(time_str=="dealTime"){
key="dealTime" key="dealTime"
let year=dayjs(event.detail).format('YYYY') let year=dayjs(event.detail).format('YYYY')
if(year!=2024){ // if(year!=2024){
this.setData({ // this.setData({
showTip:true, // showTip:true,
showTime:false // showTime:false
}) // })
return false // return false
} // }
time=dayjs(event.detail).format('YYYY-MM-DD HH:mm'); time=dayjs(event.detail).format('YYYY-MM-DD HH:mm');
}else if(time_str=="headTime"){ }else if(time_str=="headTime"){
@ -1092,6 +1175,7 @@ Page({
time_type:'datetime', time_type:'datetime',
time_str:"dealTime", time_str:"dealTime",
time_title:'选择治疗时间', time_title:'选择治疗时间',
maxDate:new Date(dayjs().add(10,'year').toString()).getTime()
}) })
}, },
openHeadTime(){ openHeadTime(){
@ -1123,7 +1207,7 @@ Page({
}, },
deleteImg(event){ deleteImg(event){
const { fileList_basic,fileList_abstract,fileList_check,dpmas_list} = this.data; const { fileList_basic,fileList_check,dpmas_list} = this.data;
const {name,index} = event.detail; const {name,index} = event.detail;
if(name=='basic'){ if(name=='basic'){
@ -1131,11 +1215,6 @@ Page({
this.setData({ this.setData({
fileList_basic:fileList_basic fileList_basic:fileList_basic
}) })
}else if(name=="abstract"){
fileList_abstract.splice(index,1);
this.setData({
fileList_abstract:fileList_abstract
})
}else if(name=="check"){ }else if(name=="check"){
fileList_check.splice(index,1); fileList_check.splice(index,1);
this.setData({ this.setData({
@ -1157,7 +1236,7 @@ Page({
let { accessid, dir,policy,signature,host} = resdata; let { accessid, dir,policy,signature,host} = resdata;
let imgUrl = file; let imgUrl = file;
//let index = imgUrl.lastIndexOf("/"); //let index = imgUrl.lastIndexOf("/");
let filename = FileUtil.UUID()+'.'+imgUrl.match(/\.(\w+)$/)[1]; let filename = FileUtil.UUID()+'.'+THIS.getImageFormat(imgUrl);
//imgUrl.substring(index + 1, imgUrl.length); //imgUrl.substring(index + 1, imgUrl.length);
@ -1174,6 +1253,10 @@ Page({
success(res) { success(res) {
if (res.statusCode === 204) { if (res.statusCode === 204) {
wx.showToast({
title: '图片上传成功',
icon: "none"
})
resolve(true) resolve(true)
let url = host + '/' + dir + filename; let url = host + '/' + dir + filename;
// 上传完成需要更新 fileList // 上传完成需要更新 fileList
@ -1183,10 +1266,6 @@ Page({
const { fileList_basic} = THIS.data; const { fileList_basic} = THIS.data;
fileList_basic.push({ url: url }); fileList_basic.push({ url: url });
THIS.setData({ fileList_basic }); THIS.setData({ fileList_basic });
}else if(name=='abstract'){
const { fileList_abstract} = THIS.data;
fileList_abstract.push({ url: url });
THIS.setData({ fileList_abstract });
}else if(name=='check'){ }else if(name=='check'){
const { fileList_check} = THIS.data; const { fileList_check} = THIS.data;
fileList_check.push({ url: url }); fileList_check.push({ url: url });
@ -1213,51 +1292,58 @@ Page({
}) })
}, },
afterRead(event) { getImageFormat(imageUrl){
console.log(imageUrl)
console.log( event.detail) var parts = imageUrl.split('.');
const { file,name} = event.detail; return parts[parts.length - 1];
console.log(file) },
wx.showLoading({ afterhandlePaint(e){
wx.showLoading({
title: '图片上传中', title: '图片上传中',
mask: true mask: true
}) })
var promiseFun = []; this.setData({
for (let i = 0; i < file.length; i++) { showPaint:false
var cur_file = file[i].url; })
promiseFun.push( const {imgSrc,name}=e.detail
this.uploadImg(cur_file,name) console.log(e);
) this.uploadImg(imgSrc,name)
}; },
Promise.all(promiseFun).then((res) => { afterRead(event) {
wx.showToast({ console.log( event.detail)
title: '图片上传成功', const { file,name} = event.detail;
icon: "none" this.setData({
}) paintSrc:file.url,
console.log(res.length+"张上传成功"); paintFrom:name,
wx.hideLoading(); showPaint:true
})
console.log(file)
// wx.showLoading({
// title: '图片上传中',
// mask: true
// })
// var promiseFun = [];
// for (let i = 0; i < file.length; i++) {
// var cur_file = file[i].url;
// promiseFun.push(
// this.uploadImg(cur_file,name)
// )
// };
// Promise.all(promiseFun).then((res) => {
// wx.showToast({
// title: '图片上传成功',
// icon: "none"
// })
// console.log(res.length+"张上传成功");
// wx.hideLoading();
}).catch(error=>{ // }).catch(error=>{
wx.showToast({ // wx.showToast({
title: '图片上传失败', // title: '图片上传失败',
icon: "none" // icon: "none"
}) // })
console.log(error) // console.log(error)
wx.hideLoading(); // wx.hideLoading();
});
// 当设置 mutiple 为 true 时, file 为数组格式，否则为对象格式
// wx.uploadFile({
// url: 'https://example.weixin.qq.com/upload', // 仅为示例，非真实的接口地址
// filePath: file.url,
// name: 'file',
// formData: { user: 'test' },
// success(res) {
// // 上传完成需要更新 fileList
// const { fileList = [] } = this.data;
// fileList.push({ ...file, url: res.data });
// this.setData({ fileList });
// },
// }); // });
}, },
/** /**

1152
case/pages/createCase/createCase.wxml
View File

File diff suppressed because it is too large Load Diff

11
case/pages/createCase/createCase.wxss
View File

@ -2,6 +2,17 @@
page{ page{
overflow: hidden; overflow: hidden;
} }
.container{
margin-top: 15rpx;
padding:20rpx 10rpx 50rpx;
border: 1rpx solid #E3E4E5;
border-radius:10rpx;
display: flex;
flex-direction: column;
}
.ql-container{
flex:1；
}
.page{ .page{
overflow: hidden; overflow: hidden;
background: #F7F9F9; background: #F7F9F9;

50
components/paintCanvas/paintCanvas.js
View File

@ -11,6 +11,26 @@ Component({
}); });
}, },
}, },
paintFrom:{
type: String,
value:'',
observer(newval) {
this.setData({
paintFrom: newval
});
},
},
paintSrc:{
type: String,
value:'',
observer(newval) {
this.setData({
paintSrc: newval
});
this.initData();
},
}
}, },
ready(){ ready(){
@ -34,6 +54,7 @@ Component({
*/ */
data: { data: {
showPaint:false, showPaint:false,
paintFrom:'',
hasChoosedImg: false, hasChoosedImg: false,
canvasWidth: 0, canvasWidth: 0,
showBars: false, showBars: false,
@ -74,6 +95,29 @@ Component({
scope: false, // 是否有保存图片的权限 scope: false, // 是否有保存图片的权限
}, },
methods:{ methods:{
initData(){
let that=this;
that.setData({
hasChoosedImg: true,
})
wx.getImageInfo({
src: this.data.paintSrc,
success: function (res) {
// 获取图片信息，主要为宽高，选择合适的自适应方式（将最大边完整显示）
console.log(res)
let [height, width] = [that.data.canvasWidth / res.width * res.height, that.data.canvasWidth];
if (height > that.data.windowHeight - 50) {
height = that.data.windowHeight - 50;
width = height / res.height * res.width;
}
that.setData({
canvasHeight: height,
canvasWidth: width,
background: res.path
});
}
})
},
hideTuya(){ hideTuya(){
this.setData({ this.setData({
showPaint:false, showPaint:false,
@ -93,7 +137,7 @@ Component({
// this.triggerEvent('confirmUpload') // this.triggerEvent('confirmUpload')
// }, // },
tapBtn: function (e) { tapBtn: function (e) {
utils.tapBtn(e, this, 2); utils.tapBtn(e, this, 2,this.data.paintFrom);
}, },
showBarsHandler(e) { showBarsHandler(e) {
//this.tapBtn(e) //this.tapBtn(e)
@ -130,7 +174,7 @@ Component({
chooseImg() { chooseImg() {
let that = this; let that = this;
wx.chooseImage({ wx.chooseImage({
count:1, count:1,
success: function (res) { success: function (res) {
that.setData({ that.setData({
hasChoosedImg: true, hasChoosedImg: true,
@ -189,7 +233,7 @@ Component({
this.setData({ this.setData({
prevPosition: [e.touches[0].x, e.touches[0].y] prevPosition: [e.touches[0].x, e.touches[0].y]
}) })
console.log(11111)
}, },
clearCanvas: function (e) { clearCanvas: function (e) {

2
components/paintCanvas/paintCanvas.wxml
View File

@ -1,6 +1,6 @@
<!--painting-2.wxml--> <!--painting-2.wxml-->
<van-overlay show="{{showPaint}}" z-index="99999999" > <van-overlay show="{{showPaint}}" z-index="99999999" >
<view class="upage" style="position:reltive;background-color: #000;height:100vh;" catch:tap="hideBarsHandler" > <view class="upage" style="position:reltive;background-color: #000;height:100vh;" catch:tap="hideBarsHandler" wx:if="{{showPaint}}" >
<!-- <view class="ui-navigatorbar myclass colorCalss" > <!-- <view class="ui-navigatorbar myclass colorCalss" >
<van-icon name="arrow-left" bindtap="hideTuya" <van-icon name="arrow-left" bindtap="hideTuya"
color="#fff" color="#fff"

72
utils/utils.js
View File

@ -42,7 +42,7 @@ function formatTime(date) {
} }
// 点击按钮触发的事件 // 点击按钮触发的事件
function tapBtn(e, _this, pageType) { function tapBtn(e, _this, pageType,from) {
let btnType = e.target.dataset.type; let btnType = e.target.dataset.type;
let c = {}; let c = {};
@ -94,14 +94,14 @@ function formatTime(date) {
return; return;
// 保存 // 保存
case 'save': case 'save':
saveImg(_this, pageType); saveImg(_this, pageType,from);
return; return;
default: default:
return; return;
} }
} }
function saveImg(_this, pageType) { function saveImg(_this, pageType,from) {
let c = {}; let c = {};
if (pageType === 1) { if (pageType === 1) {
c.canvasHeight = 50; c.canvasHeight = 50;
@ -164,51 +164,51 @@ function formatTime(date) {
ctx.drawImage(src, 0, 0, _this.data.canvasWidth, _this.data.canvasHeight); ctx.drawImage(src, 0, 0, _this.data.canvasWidth, _this.data.canvasHeight);
ctx.draw(); ctx.draw();
_canvaseSaveToImg(_this); _canvaseSaveToImg(_this,from);
} }
},_this); },_this);
} else { } else {
_canvaseSaveToImg(_this); _canvaseSaveToImg(_this,from);
} }
// } // }
} }
function _canvaseSaveToImg(_this) { function _canvaseSaveToImg(_this,from) {
// 调用微信canvas存为图片 // 调用微信canvas存为图片
wx.canvasToTempFilePath({ wx.canvasToTempFilePath({
canvasId: 'myCanvas', canvasId: 'myCanvas',
success: function (res) { success: function (res) {
// _this.triggerEvent('dealImg',{ _this.triggerEvent('afterhandlePaint',{
// img: res.tempFilePath, imgSrc: res.tempFilePath,
// type:'upload' name:from
// })
// 转图片成功，继续调用存储相册接口
wx.saveImageToPhotosAlbum({
filePath: res.tempFilePath,
// 存储成功
success: function (r) {
wx.hideLoading();
wx.showToast({
title: '保存成功',
})
_this.setData({
saving: false,
showPaint:false
})
},
// 失败弹窗
fail: function (res) {
wx.hideLoading();
wx.showToast({
title: '保存失败',
icon: 'loading',
})
_this.setData({
saving: false,
showPaint:false
})
}
}) })
// 转图片成功，继续调用存储相册接口
// wx.saveImageToPhotosAlbum({
// filePath: res.tempFilePath,
// // 存储成功
// success: function (r) {
// wx.hideLoading();
// wx.showToast({
// title: '保存成功',
// })
// _this.setData({
// saving: false,
// showPaint:false
// })
// },
// // 失败弹窗
// fail: function (res) {
// wx.hideLoading();
// wx.showToast({
// title: '保存失败',
// icon: 'loading',
// })
// _this.setData({
// saving: false,
// showPaint:false
// })
// }
// })
}, },
fail: function (res) { fail: function (res) {
// canvas转图片失败 // canvas转图片失败