| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <el-form |
| | | :model="queryParams" |
| | | ref="queryForm" |
| | | size="small" |
| | | :inline="true" |
| | | label-width="68px" |
| | | @submit.native.prevent |
| | | > |
| | | <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px" @submit.native.prevent> |
| | | <el-form-item label="体检号" prop="reportDoctorCode"> |
| | | <el-input |
| | | ref="inputName" |
| | | v-model="queryParams.tjNum" |
| | | placeholder="请输入体检号" |
| | | clearable |
| | | @keyup.enter.native="handleQuery" |
| | | style="width: 170px" |
| | | /> |
| | | <el-input ref="inputName" v-model="queryParams.tjNum" placeholder="请输入体检号" clearable |
| | | @keyup.enter.native="handleQuery" style="width: 170px" /> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | type="primary" |
| | | icon="el-icon-search" |
| | | size="mini" |
| | | @click="handleQuery" |
| | | style="margin-right: 15px" |
| | | > |
| | | <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery" style="margin-right: 15px"> |
| | | 查询 |
| | | </el-button> |
| | | <el-button |
| | | icon="el-icon-refresh" |
| | | type="primary" |
| | | size="mini" |
| | | @click="resetQuery" |
| | | > |
| | | <el-button icon="el-icon-refresh" type="primary" size="mini" @click="resetQuery"> |
| | | 重置 |
| | | </el-button> |
| | | <el-button |
| | | icon="el-icon-check" |
| | | type="primary" |
| | | size="mini" |
| | | style="margin-right: 15px" |
| | | @click="tongbu" |
| | | > |
| | | <el-button icon="el-icon-check" type="primary" size="mini" style="margin-right: 15px" @click="tongbu"> |
| | | 同步 |
| | | </el-button> |
| | | </el-form-item> |
| | |
| | | <div class="box"> |
| | | <div class="table-header">检验记录</div> |
| | | <div> |
| | | <el-table |
| | | :data="exaLists" |
| | | border |
| | | style="width: 100%" |
| | | @selection-change="handleSelectionChange" |
| | | :header-cell-style="{ background: '#aad8df', fontSize: '14px', color: '#333' }" |
| | | height="350" |
| | | ref="firstTable" |
| | | > |
| | | <el-table :data="exaLists" border style="width: 100%" @selection-change="handleSelectionChange" |
| | | :header-cell-style="{ background: '#aad8df', fontSize: '14px', color: '#333' }" height="350" ref="firstTable"> |
| | | <el-table-column fixed type="selection" align="center" label="选择" width="50" /> |
| | | <el-table-column label="姓名" align="center" prop="name" width="80" /> |
| | | <el-table-column label="性别" align="center" prop="gender" width="80" /> |
| | | <el-table-column label="年龄" align="center" prop="patientAge" width="80" /> |
| | | <el-table-column label="送检科室" align="center" prop="deptName" width="100" /> |
| | | <el-table-column |
| | | label="检验项目" |
| | | align="center" |
| | | prop="checkParts" |
| | | width="350" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | <el-table-column label="检验项目" align="center" prop="checkParts" width="350" :show-overflow-tooltip="true" /> |
| | | <el-table-column label="项目编号" align="center" prop="jcxmid" width="150" /> |
| | | <el-table-column label="审核医师" align="center" prop="shys" width="150" /> |
| | | <el-table-column label="报告时间" align="center" prop="examinationDate" width="150" /> |
| | |
| | | infoList.tjCustomerSex == 0 |
| | | ? "男" |
| | | : infoList.tjCustomerSex == 1 |
| | | ? "女" |
| | | : "暂无" |
| | | ? "女" |
| | | : "暂无" |
| | | }} |
| | | </span> |
| | | <span class="highlight">年龄:{{ infoList.tjCustomerAge || "暂无" }}</span> |
| | |
| | | </h3> |
| | | </div> |
| | | |
| | | <el-table |
| | | border |
| | | height="350" |
| | | ref="tab1" |
| | | :data="checkList" |
| | | v-loading="loading" |
| | | style="width: 100%" |
| | | <el-table border height="350" ref="tab1" :data="checkList" v-loading="loading" style="width: 100%" |
| | | @selection-change="handleSelectionChangeSecond" |
| | | :header-cell-style="{ background: '#aad8df', fontSize: '14px', color: '#333' }" |
| | | > |
| | | :header-cell-style="{ background: '#aad8df', fontSize: '14px', color: '#333' }"> |
| | | <el-table-column type="selection" width="60" /> |
| | | <el-table-column |
| | | label="状态" |
| | | align="center" |
| | | prop="type" |
| | | :show-overflow-tooltip="true" |
| | | min-width="60" |
| | | > |
| | | <el-table-column label="状态" align="center" prop="type" :show-overflow-tooltip="true" min-width="60"> |
| | | <template slot-scope="scope"> |
| | | <span v-if="scope.row.type == '0'">未检</span> |
| | | <span v-if="scope.row.type == '1'">已检</span> |
| | |
| | | this.checkList = []; |
| | | this.infoList = {}; |
| | | }, |
| | | handleSelectionChange(selected) { |
| | | if (this.isProcessingSelection) return; |
| | | this.isProcessingSelection = true; |
| | | handleSelectionChange(selected) { |
| | | if (this.isProcessingSelection) return; |
| | | this.isProcessingSelection = true; |
| | | |
| | | // 找到用户刚操作的那一条(对比之前和现在的差异) |
| | | const old = this.selectedFirstTable; |
| | | let changedRow = null; |
| | | // 找到用户刚操作的那一条(对比之前和现在的差异) |
| | | const old = this.selectedFirstTable; |
| | | let changedRow = null; |
| | | |
| | | if (selected.length > old.length) { |
| | | // 新增:找出新增的 |
| | | changedRow = selected.find(row => !old.includes(row)); |
| | | } else { |
| | | // 删除:找出删除的 |
| | | changedRow = old.find(row => !selected.includes(row)); |
| | | } |
| | | if (selected.length > old.length) { |
| | | // 新增:找出新增的 |
| | | changedRow = selected.find(row => !old.includes(row)); |
| | | } else { |
| | | // 删除:找出删除的 |
| | | changedRow = old.find(row => !selected.includes(row)); |
| | | } |
| | | |
| | | if (changedRow) { |
| | | const group = this.exaLists.filter(r => r.brid === changedRow.brid); |
| | | const isAdding = selected.length > old.length; |
| | | if (changedRow) { |
| | | const group = this.exaLists.filter(r => r.brid === changedRow.brid); |
| | | const isAdding = selected.length > old.length; |
| | | |
| | | this.$refs.firstTable.clearSelection(); |
| | | if (isAdding) { |
| | | // 添加,整个组选上 + 原有选的 brid 也选上 |
| | | const allBrids = new Set(); |
| | | selected.forEach(row => allBrids.add(row.brid)); |
| | | allBrids.add(changedRow.brid); |
| | | const newSelection = this.exaLists.filter(row => allBrids.has(row.brid)); |
| | | newSelection.forEach(row => { |
| | | this.$refs.firstTable.toggleRowSelection(row, true); |
| | | }); |
| | | this.selectedFirstTable = newSelection; |
| | | } else { |
| | | // 删除,整个组取消,再把剩下 brid 分组补回去 |
| | | const remaining = old.filter(row => row.brid !== changedRow.brid); |
| | | const remainBrids = [...new Set(remaining.map(r => r.brid))]; |
| | | const newSelection = this.exaLists.filter(row => remainBrids.includes(row.brid)); |
| | | newSelection.forEach(row => { |
| | | this.$refs.firstTable.toggleRowSelection(row, true); |
| | | }); |
| | | this.selectedFirstTable = newSelection; |
| | | } |
| | | } else { |
| | | this.selectedFirstTable = selected; |
| | | } |
| | | this.$refs.firstTable.clearSelection(); |
| | | if (isAdding) { |
| | | // 添加,整个组选上 + 原有选的 brid 也选上 |
| | | const allBrids = new Set(); |
| | | selected.forEach(row => allBrids.add(row.brid)); |
| | | allBrids.add(changedRow.brid); |
| | | const newSelection = this.exaLists.filter(row => allBrids.has(row.brid)); |
| | | newSelection.forEach(row => { |
| | | this.$refs.firstTable.toggleRowSelection(row, true); |
| | | }); |
| | | this.selectedFirstTable = newSelection; |
| | | } else { |
| | | // 删除,整个组取消,再把剩下 brid 分组补回去 |
| | | const remaining = old.filter(row => row.brid !== changedRow.brid); |
| | | const remainBrids = [...new Set(remaining.map(r => r.brid))]; |
| | | const newSelection = this.exaLists.filter(row => remainBrids.includes(row.brid)); |
| | | newSelection.forEach(row => { |
| | | this.$refs.firstTable.toggleRowSelection(row, true); |
| | | }); |
| | | this.selectedFirstTable = newSelection; |
| | | } |
| | | } else { |
| | | this.selectedFirstTable = selected; |
| | | } |
| | | |
| | | this.fetchRightTableData(); |
| | | this.isProcessingSelection = false; |
| | | }, |
| | | this.fetchRightTableData(); |
| | | this.isProcessingSelection = false; |
| | | }, |
| | | |
| | | |
| | | handleSelectionChangeSecond(selected) { |
| | |
| | | }, |
| | | |
| | | tongbu() { |
| | | this.$modal.loading("正在同步,请稍候..."); |
| | | const requestData = { |
| | | lis: this.selectedFirstTable, |
| | | lis: this.selectedFirstTable ? this.selectedFirstTable.map((item) => ({ |
| | | ...item, |
| | | tjNum: this.queryParams.tjNum, |
| | | })) : [], |
| | | jcxmid: this.selectedFirstTable && this.selectedFirstTable.length > 0 ? this.selectedFirstTable[0].jcxmid : null, |
| | | shys: this.selectedFirstTable && this.selectedFirstTable.length > 0 ? this.selectedFirstTable[0].shys : null, |
| | | tj: this.selectedSecondTable[0], |
| | | }; |
| | | asyncPacs(requestData).then(res => { |
| | | if (res.code === 200) { |
| | | this.$message.success("同步成功!"); |
| | | this.fetchRightTableData(); |
| | | } else { |
| | | this.$message.error(res.message || "同步失败"); |
| | | } |
| | | }); |
| | | asyncPacs(requestData) |
| | | .then((res) => { |
| | | if (res.code === 200) { |
| | | this.fetchRightTableData(); |
| | | clearInterval(this.clearTimeSet); |
| | | this.clearTimeSet = null; |
| | | this.$modal.closeLoading(); |
| | | this.$modal.msgSuccess("同步成功!"); |
| | | } else { |
| | | this.$message.error(res.message || "同步失败,请稍后重试"); |
| | | } |
| | | }) |
| | | .catch((error) => { |
| | | clearInterval(this.clearTimeSet); |
| | | this.clearTimeSet = null; |
| | | this.$modal.closeLoading(); |
| | | }); |
| | | }, |
| | | }, |
| | | }; |
| | |
| | | padding: 20px; |
| | | background: #f5f7fa; |
| | | } |
| | | |
| | | .table-header { |
| | | text-align: center; |
| | | background-color: #aad8df; |
| | |
| | | margin-top: 10px; |
| | | border-radius: 4px 4px 0 0; |
| | | } |
| | | |
| | | .table-title { |
| | | text-align: left; |
| | | margin: 20px 0; |
| | | padding: 10px 0; |
| | | } |
| | | |
| | | .table-title h3 { |
| | | font-size: 16px; |
| | | color: #333; |
| | |
| | | flex-wrap: wrap; |
| | | gap: 20px; |
| | | } |
| | | |
| | | .table-title .highlight { |
| | | font-weight: bold; |
| | | color: #2c3e50; |
| | | } |
| | | |
| | | .el-table { |
| | | border-radius: 4px; |
| | | font-size: 14px; |