|
|
|
@ -2,21 +2,21 @@ |
|
|
|
<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> |
|
|
|
<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;"></i> |
|
|
|
<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;"></i> |
|
|
|
<i v-show="scope.row.completeFlag == '2'" class="el-icon-remove" style="font-size: 18px;" /> |
|
|
|
</el-tooltip> |
|
|
|
{{ scope.row.asbitemName }} |
|
|
|
</div> |
|
|
|
@ -24,20 +24,19 @@ |
|
|
|
</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 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"; |
|
|
|
@ -65,6 +64,11 @@ export default { |
|
|
|
|
|
|
|
computed: { |
|
|
|
...mapState(['window', 'dict', 'doctorCheck', 'sumDoctorCheck']), |
|
|
|
|
|
|
|
divHeight() { |
|
|
|
let tempHeight = this.window.pageHeight < 600 ? 600 : this.window.pageHeight |
|
|
|
return tempHeight - 195 |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
methods: { |
|
|
|
@ -182,6 +186,5 @@ export default { |
|
|
|
</script> |
|
|
|
<style scoped> |
|
|
|
@import '../../assets/css/global_table.css'; |
|
|
|
|
|
|
|
</style> |
|
|
|
|
pengjun
2 years ago