| | |
| | | size="small" |
| | | :inline="true" |
| | | label-width="68px" |
| | | @submit.native.prevent |
| | | > |
| | | <el-form-item label="体检号" prop="reportDoctorCode"> |
| | | <el-input |
| | |
| | | style="width: 100%" |
| | | @selection-change="handleSelectionChange" |
| | | :header-cell-style="{ background: '#aad8df' }" |
| | | height="350" |
| | | > |
| | | <el-table-column |
| | | fixed |
| | |
| | | align="center" |
| | | label="选择" |
| | | width="40" |
| | | :selectable="isSelectable" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | |
| | | align="center" |
| | | prop="examinationDate" |
| | | width="150px" |
| | | |
| | | /> |
| | | <!-- :formatter="formatDate" --> |
| | | |
| | | <el-table-column |
| | | label="门诊号" |
| | |
| | | </div> |
| | | <el-table |
| | | border |
| | | max-height="280" |
| | | height="350" |
| | | ref="tab1" |
| | | :data="checkList" |
| | | v-loading="loading" |
| | | style="width: 100%" |
| | | @selection-change="handleSelectionChangeSecond" |
| | | > |
| | | <el-table-column type="selection" width="55"> </el-table-column> |
| | |
| | | |
| | | <script> |
| | | import { getlisList, getJyTjList, asyncPacs } from "@/api/doctor/pacsCheck"; |
| | | import moment from "moment"; |
| | | |
| | | export default { |
| | | dicts: ["dict_tj_status"], |
| | |
| | | } |
| | | console.log("Query Params:", this.queryParams); |
| | | }, |
| | | isSelectable(row) { |
| | | return !!row.mzh; |
| | | }, |
| | | /* formatDate(row) { |
| | | if (!row.examinationDate) return ""; |
| | | |
| | | // 使用 moment 解析指定格式的日期字符串 |
| | | const date = moment(row.examinationDate, "MM DD YYYY hh:mmA"); |
| | | |
| | | if (!date.isValid()) return "无效日期"; |
| | | |
| | | // 格式化为所需格式 |
| | | return date.format("YYYY-MM-DD HH:mm"); |
| | | }, */ |
| | | // isSelectable(row) { |
| | | // return !!row.mzh; |
| | | // }, |
| | | tableRowClassName({ row }) { |
| | | return !row.mzh ? "row-disabled" : ""; |
| | | }, |
| | | |
| | | handleSelectionChange(val) { |
| | | console.log(val); |
| | | // console.log(val); |
| | | /* if (val.length > 1) { |
| | | let del_row = val.shift(); |
| | | this.$refs.tb.toggleRowSelection(del_row, false); //设置这一行取消选中 |
| | |
| | | |
| | | this.selectedFirstTable = val; |
| | | console.log("当前选中的行数据:", this.selectedFirstTable); |
| | | // this.fetchRightTableData(selectedRow); |
| | | this.fetchRightTableData(val); |
| | | } else { |
| | | this.selectedFirstTable = null; |
| | | this.checkList = []; |
| | |
| | | fetchRightTableData() { |
| | | const code = queryParams.tjNum; |
| | | // if (!code) return; |
| | | |
| | | getJyTjList(code).then((response) => { |
| | | this.checkList = response.data; |
| | | this.loading = false; |
| | |
| | | |
| | | handleSelectionChangeSecond(selectedRows) { |
| | | this.selectedSecondTable = selectedRows; |
| | | if (selectedRows.length > 1) { |
| | | if (selectedRows.length > 1) { |
| | | let del_row = selectedRows.shift(); |
| | | this.$refs.tab1.toggleRowSelection(del_row, false); //设置这一行取消选中 |
| | | } |
| | |
| | | this.loading = false; |
| | | this.exaLists = res.data; |
| | | // const code = this.exaLists[0].mzh; |
| | | if ( |
| | | this.exaLists && |
| | | this.exaLists.length > 0 && |
| | | this.exaLists[0].mzh |
| | | ) { |
| | | const code = this.queryParams.tjNum; |
| | | |
| | | getJyTjList(code).then((response) => { |
| | | this.checkList = response.data; |
| | | }); |
| | | } else { |
| | | this.$message.error("查询失败,请稍后重试"); |
| | | } |
| | | const code = this.queryParams.tjNum; |
| | | getJyTjList(code).then((response) => { |
| | | this.checkList = response.data; |
| | | }); |
| | | } |
| | | }) |
| | | .catch((error) => { |
| | |
| | | this.setTime(); |
| | | const requestData = { |
| | | lis: this.selectedFirstTable.map((item) => ({ |
| | | ...item, |
| | | tjNum: this.queryParams.tjNum, |
| | | })), |
| | | ...item, |
| | | tjNum: this.queryParams.tjNum, |
| | | })), |
| | | jcxmid: this.selectedFirstTable.jcxmid, |
| | | shys: this.selectedFirstTable.shys, |
| | | tj: this.selectedSecondTable[0], // 右侧表格选中数据 |
| | |
| | | |
| | | .table-title { |
| | | text-align: center; |
| | | margin-bottom: 15px; |
| | | margin-bottom: 10px; |
| | | } |
| | | .row-disabled { |
| | | color: #ccc; /* 设置禁用行的字体颜色 */ |