You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1075 lines
39 KiB
1075 lines
39 KiB
import dayjs from 'dayjs'; |
|
|
|
const app = getApp<IAppOption>(); |
|
|
|
let echarts: any = null; |
|
Page({ |
|
data: { |
|
toastShow: false, |
|
toastType: 'patientDetailSafeDoctor', |
|
toastParams: {} as any, |
|
|
|
showTel: false, |
|
|
|
doctor: {}, |
|
hospital: {}, |
|
|
|
id: '', |
|
remark: '', |
|
detail: {} as any, |
|
ec: { |
|
lazyLoad: true, |
|
}, |
|
fields: { |
|
1: 'day', |
|
2: 'month', |
|
3: 'year', |
|
}, |
|
|
|
StartDate: '', |
|
EndDate: '', |
|
typeRange: [ |
|
{ |
|
id: '1', |
|
value: '按天', |
|
}, |
|
{ |
|
id: '2', |
|
value: '按月', |
|
}, |
|
{ |
|
id: '3', |
|
value: '按年', |
|
}, |
|
], |
|
type: '3', |
|
typeName: '按年', |
|
userInfo: {}, |
|
|
|
popupRemarkShow: false, |
|
remarkFocus: false, |
|
|
|
popupEditShow: false, |
|
|
|
antibodyTypeRangeList: [ |
|
{ |
|
id: '1', |
|
value: 'AchR', |
|
}, |
|
{ |
|
id: '2', |
|
value: 'MuSK', |
|
}, |
|
{ |
|
id: '3', |
|
value: 'LRP4', |
|
}, |
|
{ |
|
id: '4', |
|
value: 'RyR', |
|
}, |
|
], |
|
thyroidAbnormalRangeList: [ |
|
{ |
|
id: '1', |
|
value: '是', |
|
}, |
|
{ |
|
id: '2', |
|
value: '否', |
|
}, |
|
], |
|
previousConvulsionRangeList: [ |
|
{ |
|
id: '1', |
|
value: '是', |
|
}, |
|
{ |
|
id: '2', |
|
value: '否', |
|
}, |
|
], |
|
traditionalImmunosuppressantRangeList: [ |
|
{ |
|
id: '1', |
|
value: '他克莫司', |
|
}, |
|
{ |
|
id: '2', |
|
value: '硫唑嘌呤', |
|
}, |
|
{ |
|
id: '3', |
|
value: '吗替麦考酚酯', |
|
}, |
|
{ |
|
id: '4', |
|
value: '其它', |
|
}, |
|
], |
|
medicalInsuranceTypeRangeList: [ |
|
{ |
|
id: '1', |
|
value: '城市职工', |
|
}, |
|
{ |
|
id: '2', |
|
value: '城市居民', |
|
}, |
|
{ |
|
id: '3', |
|
value: '新农合', |
|
}, |
|
], |
|
|
|
nav: '0', |
|
|
|
adlList: [] as any, |
|
tableData: [ |
|
{ |
|
title: '说话', |
|
key: 'TalkingScore', |
|
}, |
|
{ |
|
title: '咀嚼', |
|
key: 'ChewScore', |
|
}, |
|
{ |
|
title: '吞咽', |
|
key: 'SwallowScore', |
|
}, |
|
{ |
|
title: '呼吸', |
|
key: 'BreathScore', |
|
}, |
|
{ |
|
title: '刷牙梳头能力受损', |
|
key: 'BrushTeethAndCombHairScore', |
|
}, |
|
{ |
|
title: '从椅子上起身能力受损', |
|
key: 'GetUpFromChairScore', |
|
}, |
|
{ |
|
title: '复视/重影', |
|
key: 'DoubleVisionScore', |
|
}, |
|
{ |
|
title: '眼睑下垂', |
|
key: 'DroopyEyelidsScore', |
|
}, |
|
], |
|
|
|
pagination: { |
|
page: 1, |
|
pages: 1, |
|
count: 1, |
|
}, |
|
}, |
|
ecDataTrendComponent1: null as any, |
|
ecDataTrendComponent2: null as any, |
|
ecDataTrendComponent3: null as any, |
|
ecDataTrendComponent4: null as any, |
|
async onLoad(option) { |
|
this.setData({ |
|
id: option.id, |
|
}); |
|
echarts = await require.async('../../gift/compontnts/echart/echarts.js'); |
|
this.ecDataTrendComponent1 = this.selectComponent('#chart1'); |
|
this.ecDataTrendComponent2 = this.selectComponent('#chart2'); |
|
this.ecDataTrendComponent3 = this.selectComponent('#chart3'); |
|
this.ecDataTrendComponent4 = this.selectComponent('#chart4'); |
|
|
|
app.waitLogin({ type: [2] }).then(async (_res) => { |
|
app.zdMpBehavior({ doctor: true, PageName: 'PG_DOCTORPATIENTDETAIL' }); |
|
this.getDoctorDetail(); |
|
await this.getDetail(); |
|
this.handleNav({ currentTarget: { dataset: { index: '0' } } }, false); |
|
}); |
|
}, |
|
getDoctorDetail() { |
|
wx.ajax({ |
|
method: 'GET', |
|
url: '?r=zd/doctor/account/info', |
|
data: {}, |
|
}).then((res) => { |
|
this.setData({ |
|
doctor: res.doctor, |
|
hospital: res.hospital, |
|
toastShow: true, |
|
toastType: 'patientDetailSafeDoctor', |
|
toastParams: { |
|
Name: res.doctor.Name, |
|
HospitalName: res.hospital.Name, |
|
}, |
|
}); |
|
}); |
|
}, |
|
getDetail() { |
|
return wx |
|
.ajax({ |
|
method: 'GET', |
|
url: '?r=zd/doctor/patient/info', |
|
data: { patientId: this.data.id }, |
|
}) |
|
.then((res) => { |
|
if (res.LastAdlTime) { |
|
res.LastAdlTimeName = dayjs(res.LastAdlTime).from(dayjs().format('YYYY-MM-DD')).replace(' ', ''); |
|
} |
|
if (res.LastUseDrugsTime) { |
|
res.LastUseDrugsTimeName = |
|
dayjs().format('YYYY-MM-DD') === res.LastUseDrugsTime |
|
? '' |
|
: dayjs(res.LastUseDrugsTime).from(dayjs().format('YYYY-MM-DD')).replace(' ', ''); |
|
} |
|
this.setData({ |
|
detail: { |
|
...res, |
|
hideName: res.Name.replace(/^(.)(.*)$/, (_, first, rest) => first + '*'.repeat(rest.length)), |
|
}, |
|
}); |
|
}); |
|
}, |
|
handleTypeChange(e) { |
|
const index = e.detail.value; |
|
const { typeRange, nav } = this.data; |
|
const type = typeRange[index].id; |
|
const typeName = typeRange[index].value; |
|
let EndDate = ''; |
|
let StartDate = ''; |
|
if (type === '1') { |
|
EndDate = dayjs().format('YYYY-MM-DD'); |
|
StartDate = dayjs().subtract(6, 'd').format('YYYY-MM-DD'); |
|
} else if (type === '2') { |
|
EndDate = dayjs().format('YYYY-MM'); |
|
StartDate = dayjs().subtract(1, 'M').format('YYYY-MM'); |
|
} else if (type === '3') { |
|
EndDate = dayjs().format('YYYY'); |
|
StartDate = dayjs().subtract(1, 'y').format('YYYY'); |
|
} |
|
this.setData({ |
|
type, |
|
typeName, |
|
EndDate, |
|
StartDate, |
|
}); |
|
if (nav === '0') { |
|
this.getGraph(); |
|
} else { |
|
this.getAdlList(); |
|
} |
|
}, |
|
handleChange() { |
|
const { nav } = this.data; |
|
if (nav === '0') { |
|
this.getGraph(); |
|
} else { |
|
this.getAdlList(); |
|
} |
|
}, |
|
getGraph() { |
|
wx.ajax({ |
|
method: 'GET', |
|
url: '?r=zd/doctor/patient/adl-graph', |
|
data: { |
|
patientId: this.data.id, |
|
StartDate: this.data.StartDate, |
|
EndDate: this.data.EndDate, |
|
DateType: this.data.type, |
|
count: 0, |
|
}, |
|
}).then(async (res) => { |
|
this.initChart1(res.adlSummary); |
|
this.initChart2(res.adlSummary); |
|
|
|
const medication = res.medication.map((item) => { |
|
return { |
|
Date: item.InjectionDate, |
|
...item, |
|
}; |
|
}); |
|
const list = res.list; |
|
const newList: any[] = this.mergeArr(list, medication); |
|
const chart3 = await this.initChart3(newList as never[]); |
|
const chart4 = await this.initChart4(newList as never[]); |
|
echarts.connect([chart3, chart4]); |
|
}); |
|
}, |
|
mergeArr(array1: any[] = [], array2: any[] = []) { |
|
// 合并两个数组中相同Date字段的对象 |
|
const mergedArray: any[] = []; |
|
const mergedMap = new Map(); |
|
|
|
array1.concat(array2).forEach((obj) => { |
|
const date = obj.Date; |
|
if (mergedMap.has(date)) { |
|
mergedMap.get(date).push(obj); |
|
} else { |
|
mergedMap.set(date, [obj]); |
|
} |
|
}); |
|
|
|
mergedMap.forEach((objs: any) => { |
|
if (objs.length === 1) { |
|
mergedArray.push(objs[0]); |
|
} else { |
|
const mergedObj = objs.reduce((acc, cur) => ({ ...acc, ...cur })); |
|
mergedArray.push(mergedObj); |
|
} |
|
}); |
|
|
|
// 按照Date字段对合并后的数组进行排序 |
|
mergedArray.sort((a, b) => { |
|
return a.Date.localeCompare(b.Date); |
|
}); |
|
return mergedArray; |
|
}, |
|
initChart1(adlSummary = {}) { |
|
this.ecDataTrendComponent1.init((canvas, width, height, dpr) => { |
|
const chart = echarts.init(canvas, null, { |
|
width, |
|
height, |
|
devicePixelRatio: dpr, // new |
|
}); |
|
canvas.setChart(chart); |
|
|
|
const option = { |
|
tooltip: { |
|
trigger: 'item', |
|
formatter: '{b} \n {c}次,{d}%', |
|
}, |
|
legend: { |
|
show: false, |
|
}, |
|
color: ['rgba(226, 219, 65, 1)', 'rgba(215, 108, 108, 1)', 'rgba(98, 190, 208, 1)'], |
|
series: [ |
|
{ |
|
name: '全部患者', |
|
type: 'pie', |
|
radius: ['40%', '60%'], |
|
center: ['50%', '50%'], |
|
label: { |
|
show: true, |
|
width: 80, |
|
alignTo: 'edge', |
|
minMargin: 5, |
|
edgeDistance: 10, |
|
lineHeight: 15, |
|
formatter: '{b} \n{time|{d}%}', |
|
rich: { |
|
time: { |
|
fontSize: 10, |
|
color: '#999', |
|
}, |
|
}, |
|
}, |
|
labelLine: { |
|
length: 15, |
|
length2: 0, |
|
maxSurfaceAngle: 80, |
|
}, |
|
labelLayout(params) { |
|
const isLeft = params.labelRect.x < chart.getWidth() / 2; |
|
const points = params.labelLinePoints; |
|
// Update the end point. |
|
points[2][0] = isLeft ? params.labelRect.x : params.labelRect.x + params.labelRect.width; |
|
return { |
|
labelLinePoints: points, |
|
}; |
|
}, |
|
data: [ |
|
{ value: adlSummary.adlNearNum, name: 'ADL接近达标' }, |
|
{ value: adlSummary.adlUnStandardNum, name: 'ADL未达标' }, |
|
{ value: adlSummary.adlStandardNum, name: 'ADL达标' }, |
|
], |
|
emphasis: { |
|
itemStyle: { |
|
shadowBlur: 10, |
|
shadowOffsetX: 0, |
|
shadowColor: 'rgba(0, 0, 0, 0.5)', |
|
}, |
|
}, |
|
}, |
|
], |
|
}; |
|
|
|
chart.setOption(option); |
|
return chart; |
|
}); |
|
}, |
|
initChart2(adlSummary = {}) { |
|
this.ecDataTrendComponent2.init((canvas, width, height, dpr) => { |
|
const chart = echarts.init(canvas, null, { |
|
width, |
|
height, |
|
devicePixelRatio: dpr, // new |
|
}); |
|
canvas.setChart(chart); |
|
|
|
const option = { |
|
tooltip: { |
|
trigger: 'item', |
|
formatter: '{b} \n {c}次,{d}%', |
|
}, |
|
legend: { |
|
show: false, |
|
}, |
|
color: ['rgba(215, 108, 108, 1)', 'rgba(98, 190, 208, 1)'], |
|
series: [ |
|
{ |
|
name: '全部患者', |
|
type: 'pie', |
|
radius: ['40%', '60%'], |
|
center: ['50%', '50%'], |
|
label: { |
|
show: true, |
|
width: 80, |
|
alignTo: 'edge', |
|
minMargin: 5, |
|
edgeDistance: 10, |
|
lineHeight: 15, |
|
formatter: '{b} \n{time|{d}%}', |
|
rich: { |
|
time: { |
|
fontSize: 10, |
|
color: '#999', |
|
}, |
|
}, |
|
}, |
|
labelLine: { |
|
length: 15, |
|
length2: 0, |
|
maxSurfaceAngle: 80, |
|
}, |
|
labelLayout(params) { |
|
const isLeft = params.labelRect.x < chart.getWidth() / 2; |
|
const points = params.labelLinePoints; |
|
// Update the end point. |
|
points[2][0] = isLeft ? params.labelRect.x : params.labelRect.x + params.labelRect.width; |
|
return { |
|
labelLinePoints: points, |
|
}; |
|
}, |
|
data: [ |
|
{ value: adlSummary.SteroidDailyDoseUnStandardNum, name: '激素未达标' }, |
|
{ value: adlSummary.SteroidDailyDoseStandardNum, name: '激素达标' }, |
|
], |
|
emphasis: { |
|
itemStyle: { |
|
shadowBlur: 10, |
|
shadowOffsetX: 0, |
|
shadowColor: 'rgba(0, 0, 0, 0.5)', |
|
}, |
|
}, |
|
}, |
|
], |
|
}; |
|
|
|
chart.setOption(option); |
|
return chart; |
|
}); |
|
}, |
|
|
|
initChart3(defaultList = []) { |
|
const { userInfo } = this.data; |
|
const list: any = defaultList; |
|
return new Promise((reslove) => { |
|
this.ecDataTrendComponent3.init((canvas, width, height, dpr) => { |
|
const chart = echarts.init(canvas, null, { |
|
width, |
|
height, |
|
devicePixelRatio: dpr, // new |
|
}); |
|
canvas.setChart(chart); |
|
|
|
const option: any = { |
|
tooltip: { |
|
show: false, |
|
trigger: 'axis', |
|
axisPointer: { |
|
type: 'shadow', |
|
}, |
|
confine: true, |
|
backgroundColor: 'rgba(0, 0, 0, 0.5)', |
|
textStyle: { |
|
color: '#fff', |
|
fontSize: 10, |
|
}, |
|
order: 'seriesDesc', |
|
}, |
|
grid: { |
|
top: '30', |
|
left: '0', |
|
right: '0', |
|
bottom: '10', |
|
containLabel: true, |
|
}, |
|
xAxis: [ |
|
{ |
|
type: 'category', |
|
axisTick: { |
|
show: true, |
|
inside: true, |
|
length: 1, |
|
alignWithLabel: true, |
|
lineStyle: { |
|
type: 'dotted', |
|
color: '#D8D8D8', |
|
width: 4, |
|
cap: 'round', |
|
}, |
|
}, |
|
axisLine: { |
|
lineStyle: { |
|
color: '#8C8C8C', |
|
type: 'dashed', |
|
}, |
|
}, |
|
data: list.map((item) => dayjs(item.Date).format('MM-DD')), |
|
axisLabel: { |
|
formatter() { |
|
return ''; |
|
}, |
|
}, |
|
}, |
|
], |
|
yAxis: [ |
|
{ |
|
type: 'value', |
|
minInterval: 1, |
|
}, |
|
], |
|
series: [ |
|
{ |
|
name: '总分', |
|
data: list.length ? list.map((item) => item.TotalScore) : [25], |
|
barWidth: '16', |
|
label: { |
|
show: true, |
|
position: 'top', |
|
color: '#CF5375', |
|
}, |
|
type: 'line', |
|
symbol: 'circle', |
|
symbolSize: 8, |
|
showSymbol: list.length >= 1, |
|
connectNulls: true, |
|
z: 10, |
|
itemStyle: { |
|
color: '#CF5375', |
|
}, |
|
markLine: { |
|
symbol: ['none', 'none'], |
|
data: [ |
|
{ |
|
name: '达标区(1分)', |
|
yAxis: 1, |
|
label: { |
|
formatter: '{b}', |
|
position: 'insideMiddle', |
|
color: '#24D8C8', |
|
fontSize: '10', |
|
}, |
|
lineStyle: { |
|
cap: '', |
|
color: '#34D7C7', |
|
type: 'dashed', |
|
}, |
|
}, |
|
], |
|
}, |
|
markArea: { |
|
itemStyle: { |
|
color: 'rgba(37,217,200,0.19)', |
|
}, |
|
data: [ |
|
[ |
|
{ |
|
yAxis: 0, |
|
}, |
|
{ |
|
yAxis: 1, |
|
}, |
|
], |
|
], |
|
}, |
|
}, |
|
], |
|
dataZoom: { |
|
type: 'inside', // 有type这个属性，滚动条在最下面，也可以不行，写y：36，这表示距离顶端36px，一般就是在图上面。 |
|
startValue: list.length - 5, |
|
endValue: list.length - 1, |
|
filterMode: 'none', |
|
}, |
|
}; |
|
|
|
if (this.data.detail.UserType === 4) { |
|
const markLineData = list |
|
.filter((item) => item.InjectionBottles) |
|
.map((item) => { |
|
return { |
|
name: '', |
|
xAxis: dayjs(item.Date).format('MM-DD'), |
|
lineStyle: { |
|
color: 'rgba(37, 217, 200,0.5)', |
|
cap: '', |
|
type: 'solid', |
|
}, |
|
|
|
label: { |
|
formatter: '', |
|
position: 'insideEndBottom', |
|
rotate: 0, |
|
color: '#25D9C8', |
|
offset: [60, 0], |
|
}, |
|
}; |
|
}); |
|
option.series.push({ |
|
name: '用药', |
|
data: list.map((item) => (item.InjectionBottles ? 0 : null)), |
|
type: 'line', |
|
symbol: |
|
'image://data:image/png;base64,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', |
|
symbolSize: [11, 16], |
|
symbolOffset: [0, 0], |
|
itemStyle: { |
|
color: '#25D9C8', |
|
}, |
|
lineStyle: { |
|
width: 0, |
|
}, |
|
tooltip: { |
|
show: false, |
|
}, |
|
z: 11, |
|
markLine: { |
|
symbol: ['none', 'none'], |
|
data: markLineData, |
|
}, |
|
}); |
|
// option.series.push({ |
|
// name: "用药时间", |
|
// data: list.map((item: any) => (item.InjectionBottles ? item.TotalScore : 0)), |
|
// type: "line", |
|
// symbol: |
|
// "image://data:image/png;base64,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", |
|
// symbolSize: [11, 16], |
|
// symbolOffset: [0, "100%"], |
|
// itemStyle: { |
|
// color: "#25D9C8", |
|
// }, |
|
// tooltip: { |
|
// show: false, |
|
// }, |
|
// lineStyle: { |
|
// width: 0, |
|
// }, |
|
// z: 1, |
|
// }); |
|
} |
|
|
|
chart.setOption(option); |
|
reslove(chart); |
|
return chart; |
|
}); |
|
}); |
|
}, |
|
initChart4(defaultList = []) { |
|
const { userInfo } = this.data; |
|
const list: any = defaultList; |
|
return new Promise((reslove) => { |
|
this.ecDataTrendComponent4.init((canvas, width, height, dpr) => { |
|
const chart = echarts.init(canvas, null, { |
|
width, |
|
height, |
|
devicePixelRatio: dpr, // new |
|
}); |
|
canvas.setChart(chart); |
|
|
|
const option: any = { |
|
tooltip: { |
|
show: false, |
|
trigger: 'axis', |
|
axisPointer: { |
|
type: 'shadow', |
|
}, |
|
confine: true, |
|
backgroundColor: 'rgba(0, 0, 0, 0.5)', |
|
textStyle: { |
|
color: '#fff', |
|
fontSize: 10, |
|
}, |
|
order: 'seriesDesc', |
|
}, |
|
grid: { |
|
top: '30', |
|
left: '0', |
|
right: '0', |
|
bottom: '10', |
|
containLabel: true, |
|
}, |
|
xAxis: [ |
|
{ |
|
type: 'category', |
|
axisTick: { |
|
show: true, |
|
inside: true, |
|
length: 1, |
|
alignWithLabel: true, |
|
lineStyle: { |
|
type: 'dotted', |
|
color: '#D8D8D8', |
|
width: 4, |
|
cap: 'round', |
|
}, |
|
}, |
|
axisLine: { |
|
lineStyle: { |
|
color: '#8C8C8C', |
|
type: 'dashed', |
|
}, |
|
}, |
|
data: list.map((item) => dayjs(item.Date).format('MM-DD')), |
|
}, |
|
], |
|
yAxis: [ |
|
{ |
|
type: 'value', |
|
minInterval: 1, |
|
max(value) { |
|
return value.max + 20 > 999 ? 999 : value.max + 20; |
|
}, |
|
axisLabel: { |
|
// width: 20, |
|
formatter(value: number) { |
|
return value; |
|
}, |
|
}, |
|
}, |
|
], |
|
series: [ |
|
{ |
|
name: '激素用量', |
|
data: list.length ? list.map((item) => item.SteroidDailyDose) : [20], |
|
barWidth: '16', |
|
type: 'line', |
|
symbol: 'circle', |
|
symbolSize: 8, |
|
connectNulls: true, |
|
showSymbol: list.length >= 1, |
|
z: 10, |
|
label: { |
|
show: true, |
|
position: 'top', |
|
color: '#18474e', |
|
z: 11, |
|
formatter({ value }) { |
|
return `${value}mg`; |
|
}, |
|
}, |
|
itemStyle: { |
|
color: '#3192A1', |
|
}, |
|
markLine: { |
|
symbol: ['none', 'none'], |
|
data: [ |
|
{ |
|
name: '达标区(5mg)', |
|
yAxis: 5, |
|
label: { |
|
formatter: '{b}', |
|
position: 'insideMiddle', |
|
color: '#24D8C8', |
|
fontSize: '10', |
|
}, |
|
lineStyle: { |
|
cap: '', |
|
color: '#34D7C7', |
|
type: 'dashed', |
|
}, |
|
}, |
|
{ |
|
name: '20', |
|
yAxis: 20, |
|
label: { |
|
formatter: '{b}', |
|
position: 'start', |
|
color: '#D76C6C', |
|
distance: 8, |
|
}, |
|
lineStyle: { |
|
cap: '', |
|
color: '#D76C6C', |
|
type: 'dashed', |
|
}, |
|
}, |
|
], |
|
}, |
|
markArea: { |
|
itemStyle: { |
|
color: 'rgba(37,217,200,0.19)', |
|
}, |
|
data: [ |
|
[ |
|
{ |
|
yAxis: 0, |
|
}, |
|
{ |
|
yAxis: 5, |
|
}, |
|
], |
|
], |
|
}, |
|
}, |
|
], |
|
dataZoom: { |
|
type: 'inside', // 有type这个属性，滚动条在最下面，也可以不行，写y：36，这表示距离顶端36px，一般就是在图上面。 |
|
startValue: list.length - 5, |
|
endValue: list.length - 1, |
|
filterMode: 'none', |
|
}, |
|
}; |
|
if (this.data.detail.UserType === 4) { |
|
const markLineData = list |
|
.filter((item) => item.InjectionBottles) |
|
.map((item) => { |
|
return { |
|
name: '', |
|
xAxis: dayjs(item.Date).format('MM-DD'), |
|
lineStyle: { |
|
color: 'rgba(37, 217, 200,0.5)', |
|
cap: '', |
|
type: 'solid', |
|
}, |
|
label: { |
|
formatter: '', |
|
position: 'insideEndBottom', |
|
rotate: 0, |
|
color: '#25D9C8', |
|
offset: [60, 0], |
|
}, |
|
}; |
|
}); |
|
const maxValue = Math.max(...list.map((item) => item.SteroidDailyDose)); |
|
option.series.push({ |
|
name: '用药', |
|
data: list.map((item) => (item.InjectionBottles ? 0 : null)), |
|
type: 'line', |
|
symbol: |
|
'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAABACAYAAABhspUgAAAAAXNSR0IArs4c6QAACAVJREFUaEPtmltsHFcZx/9nZu92bMdJSMitzoWkoXVKUrVV8wKk4gHxgJTwgKA8lhfgCZBoUJEqUYGA0AhRQUSpFJQIHlyqogZFIipUoKiAKJAYQkp9qR1ir9fe6+zuXM4FfWf2MrOJY+/aS0zlkRxZzsw5v/nP/3znO+c7DItcl4vFTWVl/7wg5EctKSK2knCVBFcKcrGH7vL3MvfwVnYeGbsaustgAAODCSDCDLU1Hp/Ym+o7fnrvB9+9U3NssT5ezWe+k5X8qwvCQ0FwVKSEswJg6sfmHH+cm2l0SZ3Tj8F84ChjiDID+1I9ly4ceuTjbQFfyM2MpDk/meEu8oKjJIUG9khh1YHEtUeupgPAWl3AAENEwzLEmIGd8dToq8OPDbcF/OLCrZFZ7p5Mcxc5wVEUAmQLT8mOLFHvfCwzF7ZEC3CcGdiRSIxeHD7WHvDZhZsjM56ngbMELDlsWVO4c4ExOd8E9i1R969vhzhj2BFPjv76cJvApPCtkMK8YYkVOALLUXh7PNE+8M/Iw553MiN8S1ii6eGVAI+mZ0PfhzHoAWfWBlyMMWyPJ0dfG368PUu8nJ8bWRD8ZPYOUWIlwH+YmQ4Dg8FoAPu22J5Ijb7ywKPtAV8uZZ/LC36qIH11q7UIIZRCp8CW5+Ly7M3bgVkzUlC0ONC74VcvHTj6ybaiBN38RmVhV9YxTBs2nrl08VTRrjy1gvEGZRh+HGu5epOp808ceehMFFEkDYN/f++Df1+sn0UnjtYHjB9+63tQ6ssrAV70WcZOyy8+/ZXltL0o8Hfzk3u4jc94Bh7nSm0uOZWNruvFozBMkzEG+iF3KGm5XJTAZFVIxRXCjnGkNB0pIwXPTWYcu6/MeYLAgh1HozHeE48VE6Y5vyFiXknFoufO73/4nWVZ4kwmc9BG5QVLiONcKSYYEFU0z/vd1P3rQaEiBYiwnSvr2Jgo5mFxTz9Gcbj+AjTjmczPKbbF41fej9jnzz5w9J/B9kMKP58e/1xO4ayjZNKlwaUUkqYJJZsDjRKfBcH1dN3pRa3dKpUwX61oqRs5RS1amLWpOmWYzv5k7xfO3X/0p/W+GsBnMtNPLQjvx1UlDUcKQDEkDKanYRJR6W+tMM0dzPPOYYMvmauWkStXfOBA1kYxWecWMJAwDHV/T9+Xzh088kLDSmfmpx9b8Lw3qpDxqv7MCilmaFBJ/9aMmZYcY05VK78aFw2DrGXBdp2AymSLQDIEAynD9B4c3PKRnwwduqIV/ubc5N+Kgj9EnqQEhxIQ+iwyEHPJIm+WSxBMj7TV4NX+lVIiXyzURGCg/NjP3ijdNEAzH/FsjcX/dWn42CH2g+zMJ9Ju5bWyFDrnFQB6GMGSur4N6Bpzq5hwnVUBbW2kWq3CcXyV6QoMvgZwghk43Dtwgn17burlrHBPaGAlEQFDnN68Bku41NDvrQLsVVK2FZhzAcsqNYCpP/rCZA2tsGGAgIeSvRfZs3Pj0wUhdpZr028vo/cj4OaHJ+WvVIpdUbfeaKHg26KpMoU3P7cgaALeHIun2TPpcaskeE9ZSp0v9DPTjwoB4Cytx+xyV4FLxSKE9FeL9TDnZ3D+KoSA+yIRm52aGVOWEiBLVKXEoBHRdtDRoXbNcQ9XuwxMliBrhIBr8VgDGwxJZoI9TcCSo6wkHCmxUQOHV8Zz3MVVu9JVha2SBR6YjCjlrK/1tCUMwwf+WgDYrQGLlsC1VoDJFiHgoMLBSLsWgClSJOvAJdncd6hbYi0B08DzLVFTeB24g+F5t0G3rnAHgt72yLrC93LieO952ARHVDWXQQVuYbqaWQ2rLtrGVJmhEljR6pyRFqS1fIKS+LjB/JmuNQ7vlrMYUs1dxp3udRwrvdJV4GedJ3BDbl6yj1UFdgsJVNMbQp0mt5UQ67OXBLknwOO/OILi2KYQXN++Bez99F/XJvA75x+G9e7GEFzvfTnsf/Iv68CNKhFla50OujWtsD3fA2tyMPSpM3/eBSebCv0tPljBlkfCm9i9Q1kkNofXiF0fdJO/HEb++tYlvXmnGwYOpTF04lrov7oOPDFyGIUb7+sIuP9gBns+Fd6zXgdunen+7xT+z28OIPOn3R1ZYsujU9jxsbf/tx6m3pQMVxzGLhyFNdUycezOYd9n3wrBMeP23c+ue/hO0q7pOLwOfC/Sy1uvfwDZa9tC4g8Oz2L78X8vOTjviYeXpLrLDSsC3qqy2KZyjeYH3EnsKf92JTxLPvti9UOYkv233eefWKEqE52rWGSJFNx9pxbu9Wbge2/VvOYVru/Ar+UN7cb+8FosGTRrz35RpulhE+zrs1TjoKKMf5BuIzN1cTFYRcpwD6NOd2scxRIVZZqbN/q0la7sN6tIumTwjdlxXUWqCAIW6KeiTMtxxXnh4boTPoK4ZJxq84ZssQgvAEwl3HpVXyusK0kG2HNzk/mSEP0VJfS5NCosKjq7USuAU15lKYkbXa4i3czlwOkUQe0KAtfrzf2RqMVOZ6Z+VxD8w1RUJEtElV9JDx4Ipd8nXFtX+btxOULg7ay/d9eohDL/tFX9PCZB70qk3mQ/ys0M5T3nWlXKXqrYcyaRpFtrRw7qiPQyRa3Aso8JLevdqAg/mptHwW1uZ9XPYxIwiUc/GyLRyuH+LcO6d4KuCv5SRYojrpQDFIcjMLTp60dcdMJel6D1YM+y0MI3uUIg57n4RyGLoueGE/xar2SLHsO0NsXi13b1DDz5/H0Hxv8Lo3UyF0Y2DrcAAAAASUVORK5CYII=', |
|
symbolSize: [11, 16], |
|
symbolOffset: [0, 0], |
|
itemStyle: { |
|
color: '#25D9C8', |
|
}, |
|
lineStyle: { |
|
width: 0, |
|
}, |
|
tooltip: { |
|
show: false, |
|
}, |
|
z: 11, |
|
markLine: { |
|
symbol: ['none', 'none'], |
|
data: markLineData, |
|
}, |
|
}); |
|
// option.series.push({ |
|
// name: "用药时间", |
|
// data: list.map((item: any) => (item.InjectionBottles ? item.TotalScore : 0)), |
|
// type: "line", |
|
// symbol: |
|
// "image://data:image/png;base64,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", |
|
// symbolSize: [11, 16], |
|
// symbolOffset: [0, "100%"], |
|
// itemStyle: { |
|
// color: "#25D9C8", |
|
// }, |
|
// tooltip: { |
|
// show: false, |
|
// }, |
|
// lineStyle: { |
|
// width: 0, |
|
// }, |
|
// z: 1, |
|
// }); |
|
} |
|
|
|
chart.setOption(option); |
|
reslove(chart); |
|
return chart; |
|
}); |
|
}); |
|
}, |
|
handleRemark() { |
|
app.zdMpBehavior({ doctor: true, PageName: 'BTN_DOCTORPATIENTDETAILREMARK' }); |
|
this.setData({ |
|
popupRemarkShow: true, |
|
remark: this.data.detail.DoctorRemark, |
|
}); |
|
setTimeout(() => { |
|
this.setData({ |
|
remarkFocus: true, |
|
}); |
|
}, 300); |
|
}, |
|
handleRemarkClose() { |
|
this.setData({ |
|
popupRemarkShow: false, |
|
remarkFocus: false, |
|
remark: '', |
|
}); |
|
}, |
|
handleRemarkSubmit() { |
|
if (!this.data.remark) { |
|
wx.showToast({ |
|
icon: 'none', |
|
title: '请输入备注', |
|
}); |
|
} |
|
wx.ajax({ |
|
method: 'POST', |
|
url: '?r=zd/doctor/patient/remark', |
|
data: { |
|
PatientId: this.data.id, |
|
DoctorRemark: this.data.remark, |
|
}, |
|
}).then((_res) => { |
|
this.handleRemarkClose(); |
|
this.getDetail(); |
|
}); |
|
}, |
|
|
|
handleEditUser() { |
|
app.zdMpBehavior({ doctor: true, PageName: 'BTN_DOCTORPATIENTDETAILEDIT' }); |
|
this.setData({ |
|
popupEditShow: true, |
|
}); |
|
}, |
|
handleUserCancel() { |
|
this.setData({ |
|
popupEditShow: false, |
|
}); |
|
}, |
|
handleUserSubmit() { |
|
this.handleUserCancel(); |
|
this.handlePatientUpdate(); |
|
}, |
|
handleRadio(e) { |
|
const { id, key } = e.currentTarget.dataset; |
|
this.setData({ |
|
[`detail.${key}`]: id, |
|
}); |
|
}, |
|
handlePatientUpdate() { |
|
const { detail } = this.data; |
|
wx.ajax({ |
|
method: 'POST', |
|
url: '?r=zd/doctor/patient/update', |
|
data: { |
|
PatientId: detail.PatientId, //患者Id |
|
AntibodyType: detail.AntibodyType, //抗体类型 1：AChR 2：Musk 3：LRP4 4：RYR |
|
ThyroidAbnormal: detail.ThyroidAbnormal, //胸腺异常 1：是 2：否 |
|
PreviousConvulsion: detail.PreviousConvulsion, //既往发生危象 1：是 2：否 |
|
TraditionalImmunosuppressant: detail.TraditionalImmunosuppressant, //传统免疫抑制剂 1：特克莫苏 2：硫唑嘌呤 3：马替麦考酚酯 4：其他 |
|
MedicalInsuranceType: detail.MedicalInsuranceType, //医保类型 1：城市职工 2：城市居民 3：新农合 |
|
}, |
|
}).then(() => { |
|
wx.showToast({ |
|
icon: 'none', |
|
title: '更新成功', |
|
}); |
|
this.getDetail(); |
|
}); |
|
}, |
|
handleBack() { |
|
wx.navigateBack(); |
|
}, |
|
handleSend() { |
|
app.zdMpBehavior({ doctor: true, PageName: 'BTN_DOCTORPATIENTDETAILMESSAGE' }); |
|
wx.navigateTo({ |
|
url: `/pages/d_interactiveDoctor/index?patientId=${this.data.detail.PatientId}`, |
|
}); |
|
}, |
|
|
|
handleNav(e, mp = true) { |
|
const { index } = e.currentTarget.dataset; |
|
if (index == 0 && mp) { |
|
app.zdMpBehavior({ doctor: true, PageName: 'BTN_DOCTORPATIENTDETAILREPORTGUIDE' }); |
|
} |
|
if (index == 1 && mp) { |
|
app.zdMpBehavior({ doctor: true, PageName: 'BTN_DOCTORPATIENTDETAILNOTEGUIDE' }); |
|
} |
|
this.setData({ |
|
nav: index, |
|
}); |
|
this.handleTypeChange({ detail: { value: '2' } }); |
|
}, |
|
getAdlList(newPage = 1) { |
|
const { detail, EndDate, StartDate, type } = this.data; |
|
wx.ajax({ |
|
method: 'GET', |
|
url: '?r=zd/doctor/patient/adl-list', |
|
data: { |
|
DateType: type, |
|
PatientId: detail.PatientId, |
|
StartDate, |
|
EndDate, |
|
page: newPage, |
|
}, |
|
}).then((res) => { |
|
res.list.map((item) => { |
|
let grade = 1; |
|
if (item.TotalScore < 5) { |
|
grade = 1; |
|
} else if (item.TotalScore >= 5 && item.TotalScore < 15) { |
|
grade = 2; |
|
} else { |
|
grade = 3; |
|
} |
|
item.grade = grade; |
|
item.fold = false; |
|
return item; |
|
}); |
|
|
|
const adlList = res.page === 1 ? res.list : [...this.data.adlList, ...res.list]; |
|
this.setData({ |
|
adlList, |
|
pagination: { |
|
page: res.page, |
|
pages: res.pages, |
|
count: res.count, |
|
}, |
|
}); |
|
}); |
|
}, |
|
onReachBottom() { |
|
const { page, pages } = this.data.pagination; |
|
const nav = this.data.nav; |
|
if (pages > page && nav === '1') { |
|
this.getAdlList(page + 1); |
|
} |
|
}, |
|
handleFold(e) { |
|
const { index } = e.currentTarget.dataset; |
|
this.setData({ |
|
[`adlList[${index}].fold`]: !this.data.adlList[index].fold, |
|
}); |
|
}, |
|
handleAdlDetail() {}, |
|
handleToastOk() { |
|
this.setData({ |
|
toastShow: false, |
|
}); |
|
}, |
|
handleToastCancel() { |
|
wx.navigateBack(); |
|
}, |
|
handleToggleTel() { |
|
console.log(11111); |
|
this.setData({ |
|
showTel: !this.data.showTel, |
|
}); |
|
}, |
|
});
|
|
|