| | |
| | | <div class="top"> |
| | | <table |
| | | style=" |
| | | width: 98%; |
| | | width: 100%; |
| | | margin: 10px 10px; |
| | | border: 1px solid #dfe6ec; |
| | | border-collapse: collapse; |
| | |
| | | style=" |
| | | font-size: 14px; |
| | | height: calc(100% - 11%); |
| | | width: 1300px; |
| | | width: 1100px; |
| | | margin-left: 10px; |
| | | " |
| | | > |
| | |
| | | :row-style="changRed" |
| | | :header-cell-style="{ background: '#aad8df' }" |
| | | > |
| | | <el-table-column align="center" label="检测项目" width="240"> |
| | | <el-table-column align="center" label="检测项目" width="464"> |
| | | <template slot-scope="scope"> |
| | | <div>{{ scope.row.proName }}</div> |
| | | </template> |
| | |
| | | border |
| | | style="width: 100%" |
| | | :header-cell-style="{ background: '#67C23A' }" |
| | | :expand-row-keys="expends" |
| | | :row-key="getRowKeys" |
| | | > |
| | | <el-table-column align="center" label="检测项目" width="220"> |
| | | <el-table-column type="expand"> |
| | | <template slot-scope="props"> |
| | | <div |
| | | v-if="props.row.advices && props.row.advices.length > 0" |
| | | > |
| | | <div |
| | | v-for="(jianyi, index1) in props.row.advices" |
| | | :key="index1" |
| | | style="padding: 0 10px; margin-bottom: 10px" |
| | | > |
| | | <div>标题:{{ jianyi.bt || "" }}</div> |
| | | <div>内容:{{ jianyi.nr || "" }}</div> |
| | | </div> |
| | | </div> |
| | | <div v-else style="padding: 0 10px">暂无内容</div> |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column align="center" label="检测项目" width="335"> |
| | | <template slot-scope="scope"> |
| | | <div>{{ scope.row.proName }}</div> |
| | | </template> |
| | |
| | | align="center" |
| | | prop="proResult" |
| | | label="检测结果" |
| | | width="160" |
| | | width="85" |
| | | > |
| | | </el-table-column> |
| | | |
| | |
| | | align="center" |
| | | prop="stanId" |
| | | label=" 参考范围" |
| | | width="117" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column align="center" prop="proAdvice" label="单位"> |
| | | |
| | | <el-table-column |
| | | align="center" |
| | | prop="proAdvice" |
| | | label="单位" |
| | | width="78" |
| | | > |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | |
| | | :data="statusList" |
| | | style="width: 100%" |
| | | :header-cell-style="{ background: '#e6a23c' }" |
| | | :expand-row-keys="expends" |
| | | :row-key="getRowKeys" |
| | | :stripe="true" |
| | | > |
| | | <el-table-column type="expand"> |
| | | <template slot-scope="props"> |
| | | <span>{{ props.row.deptName }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | label="部门" |
| | | width="160" |
| | | width="185" |
| | | prop="deptName" |
| | | > |
| | | </el-table-column> |
| | |
| | | align="center" |
| | | prop="proName" |
| | | label="项目" |
| | | width="160" |
| | | width="260" |
| | | > |
| | | </el-table-column> |
| | | |
| | |
| | | }, |
| | | //设置table中的扩展项,展开的id,此处我需要全部展开 |
| | | getExpends() { |
| | | var proId = this.statusList.map((item) => item.proId); |
| | | this.expends = proId; |
| | | // 通过flatMap将每个sone数组中的ID提取出来,并返回一个扁平化的ID数组 |
| | | this.expends = this.yichangList.flatMap((item) => |
| | | item.sone.map((subItem) => subItem.proId) |
| | | ); |
| | | }, |
| | | |
| | | getRowKeys(row) { |
| | | return row.proId; |
| | | }, |
| | |
| | | cSWebGetPro(this.tjNumber).then((res) => { |
| | | this.status = 1; |
| | | this.statusList = res.data; |
| | | this.getExpends(); |
| | | |
| | | if (this.statusList.length == 0) { |
| | | _this.$message.msgSuccess("暂无项目情况"); |
| | | } |
| | |
| | | tjNum: this.tjNumber, |
| | | }).then((res) => { |
| | | this.yichangList = res.data; |
| | | this.getExpends(); |
| | | if (this.yichangList.length == 0) { |
| | | _this.$message.msgSuccess("暂无异常报告"); |
| | | } |
| | |
| | | } |
| | | |
| | | .rightbox { |
| | | margin-left: 30px; |
| | | margin-left: 60px; |
| | | overflow-y: scroll; |
| | | position: sticky; |
| | | top: 0px; |
| | | |
| | | width: 684px; |
| | | .right { |
| | | position: sticky; |
| | | top: 0px; |
| | |
| | | .kong { |
| | | box-shadow: none; |
| | | } |
| | | ::v-deep .el-table--medium .el-table__cell { |
| | | padding: 5px 0; |
| | | } |
| | | </style> |
| | | |
| | | |