From 85207d8aeb414fc67c8c3947cd1e79b27fce53b8 Mon Sep 17 00:00:00 2001 From: su1124 <1583764726@qq.com> Date: 星期五, 28 六月 2024 18:20:07 +0800 Subject: [PATCH] su --- src/views/system/tijian/index.vue | 479 +++++++++++++++++++++++++++++++++++++++++++++++++++++++---- 1 files changed, 447 insertions(+), 32 deletions(-) diff --git a/src/views/system/tijian/index.vue b/src/views/system/tijian/index.vue index ed88b5b..a1e3fbf 100644 --- a/src/views/system/tijian/index.vue +++ b/src/views/system/tijian/index.vue @@ -334,7 +334,6 @@ </el-col> </el-row> </el-form> - <el-row v-show="top"> <el-col :span="19"> @@ -424,15 +423,17 @@ <el-dialog title="閫夋嫨濂楅" :visible.sync="taocan" - width="50%" + width="70%" height="700px" + :close-on-click-modal="false" > <el-tabs type="border-card" style="height: 560px; margin: 0 10px; width: 100%" + v-model="activeNames" @tab-click="handleClick" > - <el-tab-pane label="濂楅"> + <el-tab-pane label="濂楅" name="first"> <el-form :model="queryParam" ref="queryForm" @@ -474,7 +475,6 @@ @selection-change="handleSelectionChange" height="450px" ref="tb" - style="width: 850px" > <el-table-column type="selection" @@ -525,7 +525,115 @@ ></el-button> --> </div> </el-tab-pane> - <el-tab-pane label="鍗曢」"> + <el-tab-pane label="缁勫悎" name="third"> + <!-- <div class="tab3"> --> + <el-row :gutter="20" style="width: 100%"> + <el-col :span="6"> + <div + style=" + text-align: center; + margin-bottom: 10px; + margin-top: 10px; + " + > + 椤圭洰鍒楄〃 + </div> + <el-input placeholder="杈撳叆鍏抽敭瀛楄繘琛岃繃婊�" v-model="filterage"> + </el-input> + <div class="tab3"> + <el-tree + class="filter-tree" + v-loading="loading" + :data="packageList" + :props="defaultProp" + show-checkbox + node-key="id" + @check="handlepackage" + :default-checked-keys="checkedkeys" + :filter-node-method="filterpackage" + ref="treas" + :render-content="renderContents" + > + </el-tree> + </div> + </el-col> + <el-col :span="6"> + <div + style=" + text-align: center; + margin-bottom: 10px; + margin-top: 10px; + " + > + 鏄庣粏椤圭洰鍒楄〃 + </div> + <div class="tab3"> + <el-tree + class="filter-tree" + v-loading="loading" + :data="packagedataList" + node-key="proId" + :props="defaultpackProps" + :render-content="renderContent" + > + </el-tree> + </div> + </el-col> + <el-col :span="11"> + <div class="grid-content bg-purple"> + <div + style=" + text-align: center; + margin-bottom: 10px; + margin-top: 10px; + " + > + 宸查�夐」鐩垪琛� + </div> + <el-table + :data="DataLists" + border + style="width: 100%" + height="400" + :span-method="objectspanmethod" + > + <el-table-column prop="propinName" label="妫�鏌ラ」鐩�"> + </el-table-column> + <el-table-column + prop="proName" + label="鏄庣粏椤圭洰" + width="260px" + > + </el-table-column> + <el-table-column prop="proPrice" label="鍘熶环" width="56px"> + </el-table-column> + + <el-table-column + label="鎿嶄綔" + align="center" + fixed="right" + class-name="small-padding fixed-width" + width="50px" + > + <template slot-scope="scope"> + <el-button + size="mini" + type="text" + icon="el-icon-delete" + @click="handleDel(scope.row)" + title="鍒犻櫎" + ></el-button> + </template> + </el-table-column> + </el-table> + + <h3 style="font-weight: 600">鍚堣锛歿{ marryalls }}鍏�</h3> + </div> + </el-col> + </el-row> + <!-- </div> --> + </el-tab-pane> + <el-tab-pane label="鍗曢」" name="second"> <div class="tab8"> <!-- <div class="tab7"> <v-tree-transfer @@ -550,6 +658,7 @@ > 椤圭洰鍒楄〃 </div> + <!-- @input="gaibian" --> <el-input placeholder="杈撳叆鍏抽敭瀛楄繘琛岃繃婊�" v-model="filterText"> </el-input> <div class="tab3"> @@ -564,6 +673,7 @@ :default-checked-keys="checkedkey" :filter-node-method="filterNode" ref="tree" + :render-content="renderContent" > </el-tree> </div> @@ -589,6 +699,7 @@ show-checkbox @check-change="handleCurrentChecked1" :default-checked-keys="checkedListkey" + :render-content="renderContent" > </el-tree> </div> @@ -614,12 +725,15 @@ <el-table-column prop="propinName" label="妫�鏌ラ」鐩�"> </el-table-column> <el-table-column + prop="proPrice" + label="鍘熶环" + width="56px" + ></el-table-column> + <el-table-column prop="proName" label="鏄庣粏椤圭洰" width="260px" > - </el-table-column> - <el-table-column prop="proPrice" label="鍘熶环" width="56px"> </el-table-column> <el-table-column @@ -640,7 +754,8 @@ </template> </el-table-column> </el-table> - <el-collapse v-model="activeName" accordion v-if="list1"> + <h3 style="font-weight: 600">鍚堣锛歿{ marryall }}鍏�</h3> + <!-- <el-collapse v-model="activeName" accordion v-if="list1"> <div> <el-collapse-item title="璇烽�夋嫨椤圭洰"> <el-table @@ -661,12 +776,13 @@ </el-table> </el-collapse-item> </div> - </el-collapse> + </el-collapse> --> </div> </el-col> </el-row> </div> </el-tab-pane> + </el-tabs> <span slot="footer" class="dialog-footer"> <el-button @click="cancel">鍙� 娑�</el-button> @@ -804,13 +920,20 @@ <!-- <el-input v-model="form.category" placeholder="璇疯緭鍏ヤ綋妫�绫诲埆" /> --> </el-form-item> - <el-form-item style="margin-left: 269px"> + <el-form-item style="margin-left: 149px"> <el-button type="primary" @click="Package" size="mini" style="margin-right: 20px" >閫夋嫨濂楅</el-button + > + <el-button + type="primary" + @click="resetpackage" + size="mini" + style="margin-right: 20px" + >閲嶇疆濂楅</el-button > <el-button type="primary" @@ -902,6 +1025,12 @@ "鍏�)" }} </template> + <el-button + type="primary" + @click="candelete(item)" + style="margin: 5px" + >鍒� 闄�</el-button + > <el-table :data="item.list" border @@ -1260,6 +1389,7 @@ getaddtTransition, getTransitionList, getByTeamNo, + delTbBycusCardIdAndProId, getLoadFile, getIsRequired, getconfigKey, @@ -1268,6 +1398,7 @@ import Packages from "@/components/Packages"; import { MessageBox } from "element-ui"; import VTreeTransfer from "./TreeTransfer.vue"; +import { getZhList, getlistByZhId } from "@/api/system/package"; import historyTj from "@/components/historyTj/index"; export default { dicts: [ @@ -1291,6 +1422,15 @@ }, data() { return { + filterage: "", + checkedkeys: [], + DataLists: [], + marryalls: 0, + packagedataList: [], + packageList: [], + zhxqList: [], + zhList: [], + pname: "", filterText: "", proIdList: [], tableDatas: [], @@ -1299,6 +1439,7 @@ table: false, HistoryList: {}, index: 0, + names: "", dictType: [ { value: 0, @@ -1310,6 +1451,7 @@ }, ], isNow: 1, + marryall: 0, treeId: [], treeList: [], defaultKeys: [], @@ -1327,7 +1469,7 @@ hospName: "", currentDate: "", currentTime: "", - tjCategory: "", + tjCategory: "12", formIn: { tjPro: "浣撴璐�", }, @@ -1414,13 +1556,23 @@ proIds: [], // 鏄剧ず鎼滅储鏉′欢 showSearch: true, + activeNames: "first", // 鏍戠姸褰㈢姸 Treedata: [], TreedataList: [], + TreedataLists: [], treedataList: [], checkedkey: [], checkedListkey: [], defaultProps: { + children: [], + label: "proName", + }, + defaultProp: { + children: [], + label: "zhmc", + }, + defaultpackProps: { children: [], label: "proName", }, @@ -1493,6 +1645,9 @@ filterText(val) { this.$refs.tree.filter(val); }, + filterage(val) { + this.$refs.treas.filter(val); + }, }, created() { this.getCurrentDateTime(); @@ -1533,7 +1688,20 @@ }, filterNode(value, data) { if (!value) return true; - return data.proName.indexOf(value) !== -1; + // return data.proName.indexOf(value) !== -1; + if (data.proName.indexOf(value) !== -1) { + return data.proName.indexOf(value) !== -1; + } else { + return data.proEngName.indexOf(value) !== -1; + } + }, + filterpackage(value, data) { + if (!value) return true; + if (data.zhmc.indexOf(value) !== -1) { + return data.zhmc.indexOf(value) !== -1; + } else { + return data.pym.indexOf(value) !== -1; + } }, beforeDestroy() { clearInterval(this.timer); @@ -1599,6 +1767,48 @@ }, inputChanges() { this.$refs.historyTj.getlist(); + }, + + candelete(item) { + let data = { + cusCardId: this.form.cusIdcard, + proId: item.proPrantId, + }; + delTbBycusCardIdAndProId(data).then((res) => { + getTransitionList(this.form.cusIdcard).then((response) => { + this.tableData1 = response.data; + this.TotalPrice1 = 0; + if (this.tableData1) { + this.tableData1.forEach((item) => { + this.TotalPrice1 += item.nowPrice; + if (item.pacName === null) { + item.pacName = "鍗曢」"; + } + if (item.pacName == "鍗曢」") { + item.list.forEach((item9) => { + this.treeList.push(item9.proId); + }); + } + this.pacName = item.pacName; + }); + + const r = /^\+?[0-9][0-9]*$/; //姝f暣鏁帮紙鍙互0鎵撳ご锛� + let TotalPrice = this.TotalPrice1 * (this.discount / 10); + if (r.test(TotalPrice)) { + this.TotalPrice = TotalPrice + ".00"; + } else { + this.TotalPrice = TotalPrice; + } + + this.list1 = false; + this.list3 = true; + } else { + this.list1 = true; + + this.TotalPrice = "0.00"; + } + }); + }); }, cope() { this.tcShow = true; @@ -1966,7 +2176,6 @@ if (this.tableData1) { this.tableData1.forEach((item) => { this.TotalPrice1 += item.ysPrice; - console.log(this.TotalPrice1); this.TotalPrice = ( this.TotalPrice1 * (this.discount / 10) @@ -1995,7 +2204,6 @@ this.TotalPrice1 = 0; this.tableData1.forEach((item) => { this.TotalPrice1 += item.nowPrice; - console.log(this.TotalPrice1); this.TotalPrice = ( this.TotalPrice1 * (this.discount / 10) @@ -2267,15 +2475,50 @@ // } // }, + resetpackage() { + if (this.form.cusIdcard) { + var cusId = this.form.cusIdcard; + } else { + this.$message.warning("璇峰厛濉啓淇℃伅锛屽啀閫変綋妫�鍐呭"); + } + let _this = this; + _this.pacId = ""; + this.proIds = []; + this.tjCategory = "12"; + let data = { + cusId, + pacId: _this.pacId, + proIds: this.proIds, + }; + getaddtTransition(data).then((response) => { + if (response.code === 200) { + let cusId = this.form.cusIdcard; + this.proIds = []; + getTransitionList(cusId).then((response) => { + this.tableData1 = response.data; + this.TotalPrice1 = 0; + if (this.tableData1.length >= 1) { + this.list1 = false; + this.list3 = true; + } else { + this.list1 = true; + + this.TotalPrice = "0.00"; + } + }); + } + }); + }, + Package() { this.taocan = true; + this.activeNames = "first"; let cusSex = this.form.cusSex; this.datekey = Date.now(); //鍏ㄩ儴濂楅 this.loading = true; deptTreeSelect(cusSex).then((response) => { this.newpacName = response.rows; - try { if (this.tableData1.length >= 1) { this.newpacName.forEach((item3) => { @@ -2299,6 +2542,7 @@ // 鐐瑰嚮澶氶�夋鑾峰彇閫変腑鏁版嵁 handleSelectionChange(selection, row) { + console.log(666); this.tableData = selection; if (selection.length > 1) { let del_row = selection.shift(); @@ -2344,12 +2588,55 @@ } }, handleClick(tab, event) { - if (tab.label == "鍗曢」") { + if (this.activeNames == "second") { this.DataList = []; this.getDataList(); + } else if (this.activeNames == "third") { + this.DataLists = []; + getZhList().then((response) => { + if (response.data) { + this.packageList = response.data; + this.checkedkeys.push(this.packageList[0].id); + let datas = { + zhId: this.packageList[0].id, + }; + getlistByZhId(datas).then((res) => { + this.packagedataList = res.data.tjProjectList; + for (var i = 0; i < this.packagedataList.length; i++) { + let proId = this.packagedataList[i].proId; + getProSonDxList(proId).then((res) => { + this.TreedataList = res.data.list; + this.TreedataList.forEach((item) => { + this.DataLists.push(item); + if (this.DataLists.length >= 1) { + this.marryalls = 0; + this.DataLists.forEach((item1) => { + this.marryalls += item1.proPrice; + this.packagedataList.forEach((item3) => { + if (item1.proParentId == item3.proId) { + item1.propinName = item3.proName; + } + }); + }); + } + }); + }); + } + }); + } + this.loading = false; + }); } }, - getDataList() { + // gaibian(val){ + // console.log(val); + // let pname = val; + // console.log(pname); + // getProParentIdDxList(pname).then(response=>{ + // this.Treedata = response.data.list; + // }) + // }, + getDataList() { this.loading = true; getProParentIdDxList().then((response) => { this.Treedata = response.data.list; @@ -2362,6 +2649,15 @@ }); }); } + // if (this.DataLists.length != 0) { + // this.DataLists.forEach((selectionitem) => { + // this.Treedata.forEach((item) => { + // if (selectionitem.propinName == item.proName) { + // item.disabled = true; + // } + // }); + // }); + // } this.checkedkey.push(this.Treedata[0].proId); let proId = this.Treedata[0].proId; getProSonDxList(proId).then((res) => { @@ -2374,18 +2670,101 @@ }); }); this.TotalPrice1 = 0; - + this.marryall = 0; if (this.DataList.length != 0) { this.list1 = false; this.DataList.forEach((item) => { this.TotalPrice1 = item.proPrice + this.TotalPrice1; + this.marryall += item.proPrice; }); } }); this.loading = false; }); }, + handlepackage(data, checked, checkedNodes) { + if (checked.checkedNodes.length != 0) { + this.$refs.treas.setCheckedKeys([data.id]); + let datas = { + zhId: data.id, + }; + getlistByZhId(datas).then((res) => { + this.packagedataList = res.data.tjProjectList; + for (var i = 0; i < this.packagedataList.length; i++) { + let proId = this.packagedataList[i].proId; + getProSonDxList(proId).then((res) => { + this.TreedataList = res.data.list; + this.TreedataList.forEach((item) => { + this.DataLists.push(item); + if (this.DataLists.length >= 1) { + this.marryalls = 0; + this.DataLists.forEach((item1) => { + this.marryalls += item1.proPrice; + this.packagedataList.forEach((item3) => { + if (item1.proParentId == item3.proId) { + item1.propinName = item3.proName; + } + }); + }); + } + }); + }); + } + }); + } else if (checked.checkedNodes.length == 0) { + // for (var i = 0; i < data.tjProjectList.length; i++) { + // let proId = data.tjProjectList[i].proId; + // getProSonDxList(proId).then((res) => { + // this.TreedataList = res.data.list; + // this.TreedataList.forEach((item) => { + // this.DataLists.forEach((item1, index) => { + // if (item.proId == item1.proId) { + // this.DataLists.splice(index, 1); + + // } + // }); + // }); + // this.marryalls = 0 + // if(this.DataLists.length != 0){ + // this.DataLists.forEach((item1, index) => { + // this.marryalls += item1.proPrice; + // }) + // } + // }); + // } + } + }, + objectspanmethod({ row, column, rowIndex, columnIndex }) { + let fields = ["propinName"]; + let cellValue = row[column.property]; + if (cellValue && fields.includes(column.property)) { + let prevRow = this.DataLists[rowIndex - 1]; + let nextRow = this.DataLists[rowIndex + 1]; + if (prevRow && prevRow[column.property] === cellValue) { + return { rowspan: 0, colspan: 0 }; + } else { + let countRowspan = 1; + while (nextRow && nextRow[column.property] === cellValue) { + nextRow = this.DataLists[++countRowspan + rowIndex]; + } + if (countRowspan > 1) { + return { rowspan: countRowspan, colspan: 1 }; + } + } + } + + // if (columnIndex == 3) { + // let rowspan = 0; + // this.DataLists.forEach((element) => { + // if (element.propinName === row.propinName) { + // rowspan++; + // } + // }); + // return [rowspan, 1]; + // } + }, + // 鐐瑰嚮鑾峰彇姣忎釜鏍戣妭鐐� handleCurrentChecked(data, checked, checkedNodes) { this.dataObj = data; @@ -2405,10 +2784,12 @@ }); }); this.TotalPrice1 = 0; + this.marryall = 0; if (this.DataList.length != 0) { this.list1 = false; this.DataList.forEach((item) => { - this.TotalPrice1 = item.proPrice + this.TotalPrice1; + // this.TotalPrice1 = item.proPrice + this.TotalPrice1; + this.marryall += item.proPrice; }); } }); @@ -2421,6 +2802,7 @@ } }, + spliceData() { for (var i = 0; i < this.DataList.length; i++) { for (var j = i + 1; j < this.DataList.length; j++) { @@ -2434,15 +2816,31 @@ return this.DataList; }, + renderContent(h, { node, data, store }) { + return ( + <span class="custom-tree-node"> + 聽 <span>{node.label}</span> + <span>({data.proPrice}鍏�)</span> + </span> + ); + }, + renderContents(h, { node, data, store }) { + return ( + <span class="custom-tree-node"> + <span>{node.label}</span> + <span>({data.price}鍏�)</span> + </span> + ); + }, // 鐐瑰嚮鑾峰彇姣忎釜鏍戣妭鐐� handleCurrentChecked1(data, checked, checkedNodes) { if (checked == false) { this.DataList.forEach((item, index) => { if (item.proId == data.proId) { this.DataList.splice(index, 1); - this.TotalPrice1 = 0; + this.marryall = 0; this.DataList.forEach((item1) => { - this.TotalPrice1 = item1.proPrice + this.TotalPrice1; + this.marryall += item1.proPrice; }); } }); @@ -2454,9 +2852,9 @@ } }); this.spliceData(); - this.TotalPrice1 = 0; + this.marryall = 0; this.DataList.forEach((item1) => { - this.TotalPrice1 = item1.proPrice + this.TotalPrice1; + this.marryall += item1.proPrice; }); } }, @@ -2466,16 +2864,26 @@ this.DataList.forEach((item, index) => { if (item.proId == row.proId) { this.DataList.splice(index, 1); - this.TotalPrice1 = 0; + this.marryall = 0; this.DataList.forEach((item1) => { - this.TotalPrice1 = item1.proPrice + this.TotalPrice1; + this.marryall += item1.proPrice; + }); + } + }); + }, + handleDel(row) { + this.DataLists.forEach((item, index) => { + if (item.proId == row.proId) { + this.DataLists.splice(index, 1); + this.marryalls = 0; + this.DataLists.forEach((item1) => { + this.marryalls += item1.proPrice; }); } }); }, // // 榛樿鎺ュ彈鍥涗釜鍊� { 褰撳墠琛岀殑鍊�, 褰撳墠鍒楃殑鍊�, 琛岀殑涓嬫爣, 鍒楃殑涓嬫爣 } objectSpanMethod({ row, column, rowIndex, columnIndex }) { - console.log(row, column, rowIndex, columnIndex); let fields = ["propinName"]; let cellValue = row[column.property]; if (cellValue && fields.includes(column.property)) { @@ -2517,13 +2925,18 @@ this.proIds.push(item.proId); }); } + if (this.DataLists.length != 0) { + this.DataLists.forEach((item) => { + this.proIds.push(item.proId); + }); + } let data = { cusId, pacId: _this.pacId, proIds: this.proIds, }; getaddtTransition(data).then((response) => { - if (response.code === 200) { + if (response.code == 200) { let cusId = this.form.cusIdcard; this.proIds = []; getTransitionList(cusId).then((response) => { @@ -2532,8 +2945,8 @@ if (this.tableData1) { this.tableData1.forEach((item) => { this.TotalPrice1 += item.nowPrice; - if (item.pacName === null) { - item.pacName = "鍗曢」"; + if (item.tjCategory != null) { + this.tjCategory = item.tjCategory; } if (item.pacName == "鍗曢」") { item.list.forEach((item9) => { @@ -2550,12 +2963,10 @@ } else { this.TotalPrice = TotalPrice; } - this.list1 = false; this.list3 = true; } else { this.list1 = true; - this.TotalPrice = "0.00"; } }); @@ -2908,7 +3319,7 @@ message: "璇烽�夋嫨濂楅!", }); } - }else { + } else { this.$modal.msgError("璇烽�夋嫨浣撴绫诲埆"); } }, @@ -3063,4 +3474,8 @@ .content { margin-bottom: 25px; } +.tab8 { + width: 100%; + display: flex; +} </style> -- Gitblit v1.8.0