|
|
|
@ -1,30 +1,115 @@ |
|
|
|
<template> |
|
|
|
<div :style="`overflow-y: auto;width:100%;height:${tableHeight}px;`"> |
|
|
|
<el-table :data="tableData" border :height="tableHeight" row-key="id" size="small" highlight-current-row ref="imageTextReport"> |
|
|
|
<el-table-column prop="registerCheckAsbitemName" label="检查项目" width="100" /> |
|
|
|
<el-table-column prop="details" label="图片" min-width="660"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div :style="`overflow-x: auto;width:${tableWidth}px;`"> |
|
|
|
<div style="display: flex;"> |
|
|
|
<div class="demo-image__preview" v-for="(item, index) in scope.row.details" :key="item.id" |
|
|
|
style="display: inline-block; padding: 0 0 0 2px"> |
|
|
|
<div style="margin-top: 5px;align-items: center;"> |
|
|
|
<el-image style="width: 80px; height: 80px; border-radius: 5px" :src="item['checkPictureUrl'].indexOf('http') > -1 |
|
|
|
? item['checkPictureUrl'] |
|
|
|
: sysConfig.apiurl + item['checkPictureUrl'] |
|
|
|
" :preview-src-list="previewSrcList(scope.row.checkPictureUrls, item['checkPictureUrl'])"> |
|
|
|
</el-image> |
|
|
|
<div style="display: flex;"> |
|
|
|
<div style="margin-left: 18px;">打印</div> |
|
|
|
<el-checkbox :value="item['isPrint'] == 'Y'"/> |
|
|
|
<el-tabs> |
|
|
|
<el-tab-pane label="本次检查"> |
|
|
|
<el-table :data="tableData" border :height="tableHeight - 32" row-key="id" size="small" highlight-current-row |
|
|
|
ref="imageTextReport"> |
|
|
|
<el-table-column prop="registerCheckAsbitemName" label="检查项目" width="100" > |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div> |
|
|
|
{{ scope.row.registerCheckAsbitemName }} |
|
|
|
<br></br><br>{{ scope.row.checkDate }} |
|
|
|
<br>{{ scope.row.checkDoctorName }} |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="details" label="图片" min-width="660"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div :style="`overflow-x: auto;width:${tableWidth}px;`"> |
|
|
|
<div style="display: flex;"> |
|
|
|
<div class="demo-image__preview" v-for="(item, index) in scope.row.details" :key="item.id" |
|
|
|
style="display: inline-block; padding: 0 0 0 2px"> |
|
|
|
<div style="margin-top: 5px;align-items: center;"> |
|
|
|
<el-image style="width: 80px; height: 80px; border-radius: 5px" :src="item['checkPictureUrl'].indexOf('http') > -1 |
|
|
|
? item['checkPictureUrl'] |
|
|
|
: sysConfig.apiurl + item['checkPictureUrl'] |
|
|
|
" :preview-src-list="previewSrcList(scope.row.checkPictureUrls, item['checkPictureUrl'])"> |
|
|
|
</el-image> |
|
|
|
<div style="display: flex;"> |
|
|
|
<div style="margin-left: 18px;">打印</div> |
|
|
|
<el-checkbox :value="item['isPrint'] == 'Y'" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
</el-tab-pane> |
|
|
|
<el-tab-pane label="上次检查"> |
|
|
|
<el-table :data="previousData" border :height="tableHeight - 32" row-key="id" size="small" highlight-current-row |
|
|
|
ref="imageTextReport"> |
|
|
|
<el-table-column prop="registerCheckAsbitemName" label="检查项目" width="100" > |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div> |
|
|
|
{{ scope.row.registerCheckAsbitemName }} |
|
|
|
<br></br>{{ scope.row?.checkDate.substring(0,10) }} |
|
|
|
<br>{{ scope.row.checkDoctorName }} |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="details" label="图片" min-width="660"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div :style="`overflow-x: auto;width:${tableWidth}px;`"> |
|
|
|
<div style="display: flex;"> |
|
|
|
<div class="demo-image__preview" v-for="(item, index) in scope.row.details" :key="item.id" |
|
|
|
style="display: inline-block; padding: 0 0 0 2px"> |
|
|
|
<div style="margin-top: 5px;align-items: center;"> |
|
|
|
<el-image style="width: 80px; height: 80px; border-radius: 5px" :src="item['checkPictureUrl'].indexOf('http') > -1 |
|
|
|
? item['checkPictureUrl'] |
|
|
|
: sysConfig.apiurl + item['checkPictureUrl'] |
|
|
|
" :preview-src-list="previewSrcList(scope.row.checkPictureUrls, item['checkPictureUrl'])"> |
|
|
|
</el-image> |
|
|
|
<div style="display: flex;"> |
|
|
|
<div style="margin-left: 18px;">打印</div> |
|
|
|
<el-checkbox :value="item['isPrint'] == 'Y'" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
</el-tab-pane> |
|
|
|
<el-tab-pane label="上上次检查"> |
|
|
|
<el-table :data="previousTwoData" border :height="tableHeight - 32" row-key="id" size="small" highlight-current-row |
|
|
|
ref="imageTextReport"> |
|
|
|
<el-table-column prop="registerCheckAsbitemName" label="检查项目" width="100" > |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div> |
|
|
|
{{ scope.row.registerCheckAsbitemName }} |
|
|
|
<br></br><br>{{ scope.row.checkDate }} |
|
|
|
<br>{{ scope.row.checkDoctorName }} |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="details" label="图片" min-width="660"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div :style="`overflow-x: auto;width:${tableWidth}px;`"> |
|
|
|
<div style="display: flex;"> |
|
|
|
<div class="demo-image__preview" v-for="(item, index) in scope.row.details" :key="item.id" |
|
|
|
style="display: inline-block; padding: 0 0 0 2px"> |
|
|
|
<div style="margin-top: 5px;align-items: center;"> |
|
|
|
<el-image style="width: 80px; height: 80px; border-radius: 5px" :src="item['checkPictureUrl'].indexOf('http') > -1 |
|
|
|
? item['checkPictureUrl'] |
|
|
|
: sysConfig.apiurl + item['checkPictureUrl'] |
|
|
|
" :preview-src-list="previewSrcList(scope.row.checkPictureUrls, item['checkPictureUrl'])"> |
|
|
|
</el-image> |
|
|
|
<div style="display: flex;"> |
|
|
|
<div style="margin-left: 18px;">打印</div> |
|
|
|
<el-checkbox :value="item['isPrint'] == 'Y'" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
</el-tab-pane> |
|
|
|
</el-tabs> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<script> |
|
|
|
@ -37,7 +122,9 @@ export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
sysConfig: {}, |
|
|
|
tableData: [], |
|
|
|
tableData: [], // 本次 |
|
|
|
previousData: [], // 上次 |
|
|
|
previousTwoData: [], // 上上次 |
|
|
|
}; |
|
|
|
}, |
|
|
|
|
|
|
|
@ -53,24 +140,24 @@ export default { |
|
|
|
computed: { |
|
|
|
...mapState(['window', 'dict', 'dataTransOpts', 'doctorCheck', 'sumDoctorCheck']), |
|
|
|
|
|
|
|
tableHeight(){ |
|
|
|
tableHeight() { |
|
|
|
let tableHeight = 465 |
|
|
|
switch (this.refParams.place) { |
|
|
|
case 'summary': //总检处 |
|
|
|
tableHeight = (this.window.pageHeight < 600 ? 600 : this.window.pageHeight) - 195 |
|
|
|
break; |
|
|
|
break; |
|
|
|
default: |
|
|
|
break; |
|
|
|
} |
|
|
|
return tableHeight |
|
|
|
}, |
|
|
|
|
|
|
|
tableWidth(){ |
|
|
|
let tableWidth = 680 |
|
|
|
tableWidth() { |
|
|
|
let tableWidth = 770 |
|
|
|
switch (this.refParams.place) { |
|
|
|
case 'summary': //总检处 |
|
|
|
tableWidth = (this.window.pageWidth < 600 ? 600 : this.window.pageWidth) - 240 |
|
|
|
break; |
|
|
|
tableWidth = (this.window.pageWidth < 600 ? 600 : this.window.pageWidth) - 240 |
|
|
|
break; |
|
|
|
default: |
|
|
|
break; |
|
|
|
} |
|
|
|
@ -85,19 +172,39 @@ export default { |
|
|
|
CheckDetails(patientRegisterId) { |
|
|
|
if (!patientRegisterId) { |
|
|
|
this.tableData = [] |
|
|
|
return |
|
|
|
this.previousData = [] // 上次 |
|
|
|
this.previousTwoData = [] // 上上次 |
|
|
|
} |
|
|
|
postapi('/api/app/OccupationalDisease/GetRegisterCheckPictureByPatientRegisterId', { patientRegisterId }) |
|
|
|
|
|
|
|
// /api/app/OccupationalDisease/GetRegisterCheckPictureByPatientRegisterId 旧版 |
|
|
|
postapi('/api/app/OccupationalDisease/GetHistroyRegisterCheckPictureByPatientRegisterId', { patientRegisterId }) |
|
|
|
.then((res) => { |
|
|
|
console.log("获取图文报告 CheckDetails", res.data); |
|
|
|
if (res.code != -1) { |
|
|
|
this.tableData = res.data; |
|
|
|
this.tableData = res.data.current; |
|
|
|
this.tableData.forEach(e => { |
|
|
|
if(!e.checkPictureUrls) e.checkPictureUrls = [] |
|
|
|
if (!e.checkPictureUrls) e.checkPictureUrls = [] |
|
|
|
e.details.forEach(e1 => { |
|
|
|
e.checkPictureUrls.push(e1.checkPictureUrl) |
|
|
|
}); |
|
|
|
}); |
|
|
|
|
|
|
|
this.previousData = res.data.previous; |
|
|
|
this.previousData.forEach(e => { |
|
|
|
if (!e.checkPictureUrls) e.checkPictureUrls = [] |
|
|
|
e.details.forEach(e1 => { |
|
|
|
e.checkPictureUrls.push(e1.checkPictureUrl) |
|
|
|
}); |
|
|
|
}); |
|
|
|
|
|
|
|
this.previousTwoData = res.data.previousTwo; |
|
|
|
this.previousTwoData.forEach(e => { |
|
|
|
if (!e.checkPictureUrls) e.checkPictureUrls = [] |
|
|
|
e.details.forEach(e1 => { |
|
|
|
e.checkPictureUrls.push(e1.checkPictureUrl) |
|
|
|
}); |
|
|
|
}); |
|
|
|
|
|
|
|
} |
|
|
|
}) |
|
|
|
.catch((err) => { |
|
|
|
@ -150,5 +257,4 @@ export default { |
|
|
|
.el-table th.el-table__cell.is-leaf { |
|
|
|
padding: 0; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
|
|
|
</style> |