From 5821664d8e34973ec0e0123228c3591da51cdd2f Mon Sep 17 00:00:00 2001
From: wwl <xchao828@163.com>
Date: 星期一, 28 七月 2025 17:38:00 +0800
Subject: [PATCH] 全选问题，动态url
---
src/views/doctor/inspectCheck/index.vue | 418 +++++++++++++++++------------------------------------------
1 files changed, 124 insertions(+), 294 deletions(-)
diff --git a/src/views/doctor/inspectCheck/index.vue b/src/views/doctor/inspectCheck/index.vue
index 5573055..10bcf44 100644
--- a/src/views/doctor/inspectCheck/index.vue
+++ b/src/views/doctor/inspectCheck/index.vue
@@ -17,13 +17,13 @@
</el-button>
</el-form-item>
</el-form>
+
<div class="box">
- <div class="table-header">
- 妫�楠岃褰�
- </div>
+ <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">
+ @select-all="handleSelectAll" :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" />
@@ -49,14 +49,26 @@
</el-table>
</div>
</div>
+
<div class="table-title">
- <h3>
- 浣撴璁板綍锛�
- <span class="highlight">濮撳悕锛歿{ infoList.tjCustomerName || "鏆傛棤" }}</span>
- <span class="highlight">鎬у埆锛歿{ infoList.tjCustomerSex == 0 ? "鐢�" : infoList.tjCustomerSex == 1 ? "濂�" : "鏆傛棤" }}</span>
- <span class="highlight">骞撮緞锛歿{ infoList.tjCustomerAge || "鏆傛棤" }}</span>
- </h3>
-</div>
+ <h3>
+ 浣撴璁板綍锛�
+ <span class="highlight">濮撳悕锛歿{ infoList.tjCustomerName || "鏆傛棤" }}</span>
+ <span class="highlight">
+ 鎬у埆锛�
+ {{
+ infoList.tjCustomerSex == 0
+ ? "鐢�"
+ : infoList.tjCustomerSex == 1
+ ? "濂�"
+ : "鏆傛棤"
+ }}
+ </span>
+ <span class="highlight">骞撮緞锛歿{ infoList.tjCustomerAge || "鏆傛棤" }}</span>
+ <span class="highlight">闂ㄨ瘖鍙凤細{{ infoList.cardId || "鏆傛棤" }}</span>
+ </h3>
+ </div>
+
<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' }">
@@ -81,320 +93,148 @@
<script>
import { getlisList, getJyTjList, asyncPacs } from "@/api/doctor/pacsCheck";
import { getOrderList } from "@/api/hosp/order";
-import moment from "moment";
export default {
- dicts: ["dict_tj_status"],
data() {
return {
- isProcessing: false, // 闃叉姝诲惊鐜�
- isDeselection: false, // 鏍囪鏄惁涓哄彇娑堥�変腑
- infoList: {},
- dis: false,
- code: null,
- createTimeList: "",
- total: 0,
- loading: false,
- isSyncing: false,
- isFetchingRightTableData: false,
queryParams: {
- name: null,
- start: null,
- end: null,
tjNum: null,
},
- checkStatus: "0",
exaLists: [],
- selectedFirstTable: null,
- selectedSecondTable: [],
- form: {},
- clearTimeSet: null,
- tjNumbers: "",
- multipleSelection: "",
- tjnum: "",
- xiangmuList: [],
checkList: [],
- tg: true,
- bh: true,
- pickerOptions: {
- shortcuts: [
- {
- text: "鏈�杩戜竴鍛�",
- onClick(picker) {
- const end = new Date();
- const start = new Date();
- start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
- picker.$emit("pick", [start, end]);
- },
- },
- {
- text: "鏈�杩戜竴涓湀",
- onClick(picker) {
- const end = new Date();
- const start = new Date();
- start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
- picker.$emit("pick", [start, end]);
- },
- },
- {
- text: "鏈�杩戜笁涓湀",
- onClick(picker) {
- const end = new Date();
- const start = new Date();
- start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
- picker.$emit("pick", [start, end]);
- },
- },
- ],
- },
+ infoList: {},
+ selectedFirstTable: [],
+ selectedSecondTable: [],
+ loading: false,
+ isProcessingSelection: false,
};
},
-
mounted() {
this.$nextTick(() => {
this.$refs.inputName.focus();
});
},
-
methods: {
- handleDateChange(val) {
- if (val && val.length === 2) {
- this.queryParams.start = val[0];
- this.queryParams.end = val[1];
- } else {
- this.queryParams.start = null;
- this.queryParams.end = null;
- }
- console.log("Query Params:", this.queryParams);
- },
-
- tableRowClassName({ row }) {
- return !row.brid ? "row-disabled" : "";
- },
-
-handleSelectionChange(val) {
- // 闃叉閲嶅瑙﹀彂
- if (this.isProcessingSelection) {
- console.log('姝ｅ湪澶勭悊閫夋嫨锛岃烦杩囬噸澶嶈Е鍙�');
- return;
- }
- this.isProcessingSelection = true;
-
- // 濡傛灉娌℃湁閫変腑琛岋紝娓呯┖鎵�鏈夐�夋嫨骞惰烦杩囨帴鍙ｈ皟鐢�
- if (val.length === 0) {
- console.log('妫�娴嬪埌鍙栨秷閫変腑锛屾竻绌烘墍鏈夐�夋嫨');
- this.$refs.firstTable.clearSelection();
- this.selectedFirstTable = null;
- this.checkList = [];
- this.isDeselection = true;
- this.$nextTick(() => {
- this.isProcessingSelection = false;
- this.$refs.firstTable.$forceUpdate(); // 寮哄埗鍒锋柊琛ㄦ牸
- });
- return;
- }
-
- // 妫�鏌ユ槸鍚︾偣鍑讳簡鍏ㄩ�夋寜閽紙val 闀垮害绛変簬琛ㄦ牸鎬昏鏁帮級
- if (val.length === this.exaLists.length) {
- console.log('妫�娴嬪埌鍏ㄩ�夛紝閫変腑鎵�鏈夎');
- this.selectedFirstTable = [...this.exaLists]; // 閫変腑鎵�鏈夎
- this.$refs.firstTable.clearSelection();
- this.exaLists.forEach(row => {
- if (!row.brid) {
- console.warn(`鍚嶇О涓� ${row.name} 鐨勮娌℃湁鐢宠鍗曞彿锛岃烦杩囬�夋嫨`);
- return;
- }
- this.$refs.firstTable.toggleRowSelection(row, true, false);
- });
- } else {
- // 鑾峰彇鏈�鏂伴�変腑鐨勮
- const latestSelectedRow = val[val.length - 1];
-
- // 妫�鏌ユ槸鍚︾偣鍑讳簡宸查�変腑鐨勮锛堝彇娑堟墍鏈夐�変腑锛�
- const isTogglingSelectedRow = this.selectedFirstTable && this.selectedFirstTable.some(row => row.tempId === latestSelectedRow.tempId);
- if (isTogglingSelectedRow) {
- console.log('鐐瑰嚮宸查�変腑琛岋紝鍙栨秷鎵�鏈夐�変腑');
- this.$refs.firstTable.clearSelection();
- this.selectedFirstTable = null;
- this.checkList = [];
- this.isDeselection = true;
- this.$nextTick(() => {
- this.isProcessingSelection = false;
- this.$refs.firstTable.$forceUpdate(); // 寮哄埗鍒锋柊琛ㄦ牸
- });
- return;
- }
-
- // 姝ｅ父閫変腑閫昏緫锛氭牴鎹� brid 绛涢��
- const filterKey = 'brid';
- const filterValue = latestSelectedRow.brid;
- console.log(`鎸� ${filterKey} 绛涢��: ${filterValue}`);
-
- // 娓呯┖鎵�鏈夐�変腑鐘舵��
- this.$refs.firstTable.clearSelection();
-
- // 閫変腑涓� brid 鍖归厤鐨勮
- const rowsToSelect = this.exaLists.filter(row => row.brid === filterValue);
- rowsToSelect.forEach(row => {
- if (!row.brid) {
- console.warn(`鍚嶇О涓� ${row.name} 鐨勮娌℃湁鐢宠鍗曞彿锛岃烦杩囬�夋嫨`);
- return;
- }
- this.$refs.firstTable.toggleRowSelection(row, true, false);
- });
-
- // 鏇存柊 selectedFirstTable 涓� brid 鍖归厤鐨勮
- this.selectedFirstTable = rowsToSelect;
- }
-
- // 璋冪敤鍙充晶琛ㄦ牸鏁版嵁
- if (!this.isFetchingRightTableData && this.selectedFirstTable.length > 0) {
- this.isFetchingRightTableData = true;
- this.fetchRightTableData().finally(() => {
- this.isFetchingRightTableData = false;
- this.$nextTick(() => {
- // 浠呮洿鏂版牱寮忥紝涓嶈Е鍙戞柊浜嬩欢
- this.$refs.firstTable.$forceUpdate();
- this.isProcessingSelection = false;
- });
- });
- } else {
- this.isProcessingSelection = false;
- }
-
- // 閲嶇疆 isDeselection 鐘舵��
- this.isDeselection = false;
-},
- fetchRightTableData() {
- const code = this.queryParams.tjNum;
- if (!code) {
- console.warn('鏈彁渚涗綋妫�鍙凤紝璺宠繃 fetchRightTableData');
- this.checkList = [];
- this.loading = false;
- return Promise.resolve();
- }
- this.loading = true;
- return getJyTjList(code)
- .then((response) => {
- this.checkList = response.data || [];
- this.loading = false;
- })
- .catch((error) => {
- console.error('鑾峰彇 checkList 澶辫触:', error);
- this.checkList = [];
- this.loading = false;
- throw error;
- });
- },
-
- handleSelectionChangeSecond(selectedRows) {
- this.selectedSecondTable = selectedRows;
- if (selectedRows.length > 1) {
- let del_row = selectedRows.shift();
- this.$refs.tab1.toggleRowSelection(del_row, false);
- }
- console.log("褰撳墠閫変腑鐨勮鏁版嵁:", this.selectedSecondTable);
- },
-
async handleQuery() {
if (!this.queryParams.tjNum) {
this.$message.error("浣撴鍙蜂笉鑳戒负绌�");
return;
}
-
this.loading = true;
try {
- // 骞惰鎵ц涓や釜鏌ヨ
const [orderResponse, lisResponse] = await Promise.all([
- getOrderList(this.queryParams).catch((error) => {
- console.error('鑾峰彇 orderList 澶辫触:', error);
- return { data: { list: [] } }; // 杩斿洖绌烘暟鎹互缁х画鎵ц
- }),
+ getOrderList(this.queryParams).catch(() => ({ data: { list: [] } })),
getlisList(this.queryParams),
]);
-
- // 澶勭悊 getOrderList 缁撴灉
- if (orderResponse.data?.list?.length > 0) {
- this.infoList = orderResponse.data.list[0];
- } else {
- this.infoList = {};
- console.warn('getOrderList 杩斿洖绌哄垪琛�');
- }
-
- // 澶勭悊 getlisList 缁撴灉
- if (lisResponse.code === 200) {
- this.exaLists = lisResponse.data.map((item, index) => ({
- ...item,
- brid: item.brid?.trim(), // 娓呯悊绌烘牸
- mzh: item.mzh?.trim(),
- tempId: index,
- }));
- console.log('Loaded exaLists:', this.exaLists);
-
- // 鑾峰彇鍙充晶琛ㄦ牸鏁版嵁
- await this.fetchRightTableData();
- } else {
- this.exaLists = [];
- this.$message.error(lisResponse.msg || "鏌ヨ妫�楠岃褰曞け璐�");
- }
- } catch (error) {
- console.error('鏌ヨ澶辫触:', error);
- this.$message.error(error?.msg || "鏌ヨ澶辫触锛岃绋嶅悗閲嶈瘯");
- this.exaLists = [];
- this.checkList = [];
- this.infoList = {};
+ this.infoList = orderResponse.data.list?.[0] || {};
+ this.exaLists = lisResponse.data.map((item, index) => ({
+ ...item,
+ brid: item.brid?.trim(),
+ tempId: index,
+ }));
+ await this.fetchRightTableData();
+ } catch (e) {
+ console.error(e);
} finally {
this.loading = false;
- }
-
- // 澶勭悊鏃堕棿鑼冨洿
- if (this.createTimeList) {
- this.queryParams.start = this.createTimeList[0];
- this.queryParams.end = this.createTimeList[1];
- } else {
- this.queryParams.start = null;
- this.queryParams.end = null;
}
},
resetQuery() {
- this.createTimeList = [];
- this.resetForm("queryForm");
- this.queryParams = {
- name: null,
- start: null,
- end: null,
- tjNum: null,
- };
- this.checkList = [];
+ this.queryParams.tjNum = null;
this.exaLists = [];
+ this.checkList = [];
this.infoList = {};
+ this.selectedFirstTable = [];
+ this.selectedSecondTable = [];
},
- handleCurrentChange(row) {
- this.currentRow = row;
+ // 鉁� 鍒嗙粍澶氶�夌ǔ鍥虹増
+ handleSelectionChange(selection) {
+ if (this.isProcessingSelection) return;
+ this.isProcessingSelection = true;
+
+ // 璁＄畻鎵�鏈夎閫変腑鐨勫垎缁� brid
+ const allBrids = new Set();
+ selection.forEach(row => allBrids.add(row.brid));
+
+ // 娓呯┖鍚庨噸閫�
+ this.$refs.firstTable.clearSelection();
+ this.$nextTick(() => {
+ const newSelection = this.exaLists.filter(row => allBrids.has(row.brid));
+ newSelection.forEach(row => {
+ this.$refs.firstTable.toggleRowSelection(row, true);
+ });
+ this.selectedFirstTable = newSelection;
+ this.isProcessingSelection = false;
+ this.fetchRightTableData();
+ });
},
- setTime() {
- this.clearTimeSet = setInterval(() => {
- this.$modal.closeLoading();
- }, 300000);
+ handleSelectAll(selection) {
+ if (this.isProcessingSelection) return;
+ this.isProcessingSelection = true;
+
+ if (selection.length === 0) {
+ // 鍙栨秷鍏ㄩ��
+ this.$refs.firstTable.clearSelection();
+ this.selectedFirstTable = [];
+ this.isProcessingSelection = false;
+ this.fetchRightTableData();
+ } else {
+ // 鍏ㄩ�夋墍鏈夊垎缁�
+ const allBrids = new Set(this.exaLists.map(row => row.brid));
+ this.$refs.firstTable.clearSelection();
+ this.$nextTick(() => {
+ const newSelection = this.exaLists.filter(row => allBrids.has(row.brid));
+ newSelection.forEach(row => {
+ this.$refs.firstTable.toggleRowSelection(row, true);
+ });
+ this.selectedFirstTable = newSelection;
+ this.isProcessingSelection = false;
+ this.fetchRightTableData();
+ });
+ }
+ },
+
+ // 绗簩涓〃鏍煎彧鍏佽鍗曢��
+ handleSelectionChangeSecond(selected) {
+ this.selectedSecondTable = selected.slice(0, 1);
+ },
+
+ fetchRightTableData() {
+ if (!this.queryParams.tjNum) return;
+ this.loading = true;
+ return getJyTjList(this.queryParams.tjNum)
+ .then(res => {
+ this.checkList = res.data || [];
+ })
+ .finally(() => {
+ this.loading = false;
+ });
},
tongbu() {
this.$modal.loading("姝ｅ湪鍚屾锛岃绋嶅��...");
- this.setTime();
const requestData = {
- 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,
+ 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) => {
+ .then(res => {
if (res.code === 200) {
this.fetchRightTableData();
clearInterval(this.clearTimeSet);
@@ -405,14 +245,17 @@
this.$message.error(res.message || "鍚屾澶辫触锛岃绋嶅悗閲嶈瘯");
}
})
- .catch((error) => {
+ .catch(() => {
clearInterval(this.clearTimeSet);
this.clearTimeSet = null;
this.$modal.closeLoading();
});
},
},
-};</script>
+};
+</script>
+
+
<style lang="scss" scoped>
.app-container {
padding: 20px;
@@ -456,17 +299,4 @@
border-radius: 4px;
font-size: 14px;
}
-
-.el-table .warning-row {
- background: #e5f3ff !important;
-}
-
-::v-deep .el-table__body tr.current-row > td {
- background: #edf2fa !important;
-}
-
-.row-disabled {
- color: #999;
- background-color: #f5f5f5;
-}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.8.0