|
|
|
@ -1,50 +1,49 @@ |
|
|
|
<template> |
|
|
|
<div style="display: flex;width:100%;"> |
|
|
|
<div style="display: flex;width:100%;"> |
|
|
|
<div style="width:180;"> |
|
|
|
<!-- :row-class-name="tableRowClassName" --> |
|
|
|
<el-table :data="RegisterCheckList" width="180" |
|
|
|
:height="window.pageHeight < 600 ? 330:window.pageHeight-270" |
|
|
|
border highlight-current-row |
|
|
|
<el-table :data="RegisterCheckList" width="180" :height="divHeight" border highlight-current-row |
|
|
|
@row-click="rowClick"> |
|
|
|
<el-table-column prop="asbitemName" label="组合项目" width="180"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div> |
|
|
|
<el-tooltip class="item" effect="dark" content="未检" placement="top"> |
|
|
|
<i v-show="scope.row.completeFlag == '0'" class="el-icon-circle-plus" style="font-size: 18px;color: red;"></i> |
|
|
|
</el-tooltip> |
|
|
|
<el-tooltip class="item" effect="dark" content="已检" placement="top"> |
|
|
|
<i v-show="scope.row.completeFlag == '1'" class="el-icon-success" style="font-size: 18px;color: green;"></i> |
|
|
|
</el-tooltip> |
|
|
|
<el-tooltip class="item" effect="dark" content="弃检" placement="top"> |
|
|
|
<i v-show="scope.row.completeFlag == '2'" class="el-icon-remove" style="font-size: 18px;"></i> |
|
|
|
</el-tooltip> |
|
|
|
{{scope.row.asbitemName}} |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<el-tooltip class="item" effect="dark" content="未检" placement="top"> |
|
|
|
<i v-show="scope.row.completeFlag == '0'" class="el-icon-circle-plus" |
|
|
|
style="font-size: 18px;color: red;" /> |
|
|
|
</el-tooltip> |
|
|
|
<el-tooltip class="item" effect="dark" content="已检" placement="top"> |
|
|
|
<i v-show="scope.row.completeFlag == '1'" class="el-icon-success" |
|
|
|
style="font-size: 18px;color: green;" /> |
|
|
|
</el-tooltip> |
|
|
|
<el-tooltip class="item" effect="dark" content="弃检" placement="top"> |
|
|
|
<i v-show="scope.row.completeFlag == '2'" class="el-icon-remove" style="font-size: 18px;" /> |
|
|
|
</el-tooltip> |
|
|
|
{{ scope.row.asbitemName }} |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
</div> |
|
|
|
<div :style="'width:' + (window.pageWidth - 180 - 110 - 45) + 'px;'"> |
|
|
|
<el-table :data="tableData" :width="(window.pageWidth - 330 - 80)" |
|
|
|
:height="window.pageHeight < 600 ? 330:window.pageHeight-270" |
|
|
|
border highlight-current-row> |
|
|
|
<div :style="'width:' + (window.pageWidth - 180 - 110 - 15) + 'px;'"> |
|
|
|
<el-table :data="tableData" :height="divHeight" border highlight-current-row> |
|
|
|
<el-table-column prop="itemName" label="项目" width="150" /> |
|
|
|
<el-table-column prop="unitName" label="单位" width="80" align="center"/> |
|
|
|
<el-table-column prop="referenceRangeValue" label="参考范围" width="80" align="center"/> |
|
|
|
<el-table-column v-for="(item, index) of tableCols" :label="item" :prop="item" :key="index" min-width="150" align="center"> |
|
|
|
<el-table-column prop="unitName" label="单位" width="80" align="center" /> |
|
|
|
<el-table-column prop="referenceRangeValue" label="参考范围" width="80" align="center" /> |
|
|
|
<el-table-column v-for="(item, index) of tableCols" :label="item" :prop="item" :key="index" min-width="150" |
|
|
|
align="center"> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<script lang="ts"> |
|
|
|
<script> |
|
|
|
import { mapState } from 'vuex'; |
|
|
|
import Sortable from "sortablejs"; |
|
|
|
import { getapi, postapi, putapi, deletapi } from "@/api/api"; |
|
|
|
import { arrayExistObj } from '@/utlis/proFunc'; |
|
|
|
export default { |
|
|
|
components: {}, |
|
|
|
props:["patientId"], |
|
|
|
props: ["patientId"], |
|
|
|
data() { |
|
|
|
return { |
|
|
|
RegisterCheckList: [], |
|
|
|
@ -64,7 +63,12 @@ export default { |
|
|
|
}, |
|
|
|
|
|
|
|
computed: { |
|
|
|
...mapState(['window','dict', 'doctorCheck', 'sumDoctorCheck']), |
|
|
|
...mapState(['window', 'dict', 'doctorCheck', 'sumDoctorCheck']), |
|
|
|
|
|
|
|
divHeight() { |
|
|
|
let tempHeight = this.window.pageHeight < 600 ? 600 : this.window.pageHeight |
|
|
|
return tempHeight - 195 |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
methods: { |
|
|
|
@ -76,13 +80,13 @@ export default { |
|
|
|
} else if (row.completeFlag === '2') { |
|
|
|
return 'info'; //弃检 |
|
|
|
} |
|
|
|
return ''; |
|
|
|
return ''; |
|
|
|
}, |
|
|
|
|
|
|
|
//获取检查组合项目 |
|
|
|
registerCheckList(patientId) { |
|
|
|
this.RegisterCheckList = [] |
|
|
|
if(!patientId) return |
|
|
|
if (!patientId) return |
|
|
|
console.log(`/api/app/sumsummaryreport/gethorizontalcomparisonasbitemlist?PatientId=${patientId}`) |
|
|
|
getapi(`/api/app/sumsummaryreport/gethorizontalcomparisonasbitemlist?PatientId=${patientId}`) |
|
|
|
.then((res) => { |
|
|
|
@ -170,10 +174,10 @@ export default { |
|
|
|
//监听事件 |
|
|
|
watch: { |
|
|
|
//检查项目切换 |
|
|
|
"patientId":{ |
|
|
|
immediate:true, |
|
|
|
"patientId": { |
|
|
|
immediate: true, |
|
|
|
handler(newVal, oldVal) { |
|
|
|
console.log("watch patientId newVal：", newVal, " oldVal：", oldVal); |
|
|
|
console.log("watch patientId newVal：", newVal, " oldVal：", oldVal); |
|
|
|
this.registerCheckList(newVal) |
|
|
|
} |
|
|
|
}, |
|
|
|
@ -181,7 +185,6 @@ export default { |
|
|
|
}; |
|
|
|
</script> |
|
|
|
<style scoped> |
|
|
|
@import '../../assets/css/global_table.css'; |
|
|
|
|
|
|
|
@import '../../assets/css/global_table.css'; |
|
|
|
</style> |
|
|
|
|
pengjun
2 years ago