From 5ebcabde1dc951e512c7a58c24f08d58ab0679c8 Mon Sep 17 00:00:00 2001 From: su1124 <1583764726@qq.com> Date: 星期四, 27 六月 2024 16:05:04 +0800 Subject: [PATCH] su --- src/views/system/tijian/index.vue | 389 +++++++++++++++++++++++++++++++++++++++++++++++++------ 1 files changed, 345 insertions(+), 44 deletions(-) diff --git a/src/views/system/tijian/index.vue b/src/views/system/tijian/index.vue index b693f41..12df251 100644 --- a/src/views/system/tijian/index.vue +++ b/src/views/system/tijian/index.vue @@ -525,6 +525,114 @@ ></el-button> --> </div> </el-tab-pane> + <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"> @@ -550,6 +658,7 @@ > 椤圭洰鍒楄〃 </div> + <!-- @input="gaibian" --> <el-input placeholder="杈撳叆鍏抽敭瀛楄繘琛岃繃婊�" v-model="filterText"> </el-input> <div class="tab3"> @@ -645,7 +754,6 @@ </template> </el-table-column> </el-table> - <div>鍚堣锛歿{ marryall }}鍏�</div> <!-- <el-collapse v-model="activeName" accordion v-if="list1"> <div> <el-collapse-item title="璇烽�夋嫨椤圭洰"> @@ -673,6 +781,7 @@ </el-row> </div> </el-tab-pane> + </el-tabs> <span slot="footer" class="dialog-footer"> <el-button @click="cancel">鍙� 娑�</el-button> @@ -1288,6 +1397,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: [ @@ -1311,6 +1421,15 @@ }, data() { return { + filterage: "", + checkedkeys: [], + DataLists: [], + marryalls: 0, + packagedataList: [], + packageList: [], + zhxqList: [], + zhList: [], + pname: "", filterText: "", proIdList: [], tableDatas: [], @@ -1319,6 +1438,7 @@ table: false, HistoryList: {}, index: 0, + names: "", dictType: [ { value: 0, @@ -1348,7 +1468,7 @@ hospName: "", currentDate: "", currentTime: "", - tjCategory: "", + tjCategory: "12", formIn: { tjPro: "浣撴璐�", }, @@ -1439,10 +1559,19 @@ // 鏍戠姸褰㈢姸 Treedata: [], TreedataList: [], + TreedataLists: [], treedataList: [], checkedkey: [], checkedListkey: [], defaultProps: { + children: [], + label: "proName", + }, + defaultProp: { + children: [], + label: "zhmc", + }, + defaultpackProps: { children: [], label: "proName", }, @@ -1515,6 +1644,9 @@ filterText(val) { this.$refs.tree.filter(val); }, + filterage(val) { + this.$refs.treas.filter(val); + }, }, created() { this.getCurrentDateTime(); @@ -1555,7 +1687,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); @@ -1628,39 +1773,40 @@ 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; - }); + 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"; + 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.TotalPrice = TotalPrice; + this.list1 = true; + + this.TotalPrice = "0.00"; } - - this.list1 = false; - this.list3 = true; - } else { - this.list1 = true; - - this.TotalPrice = "0.00"; - } + }); }); }, cope() { @@ -2029,7 +2175,6 @@ if (this.tableData1) { this.tableData1.forEach((item) => { this.TotalPrice1 += item.ysPrice; - console.log(this.TotalPrice1); this.TotalPrice = ( this.TotalPrice1 * (this.discount / 10) @@ -2338,6 +2483,7 @@ let _this = this; _this.pacId = ""; this.proIds = []; + this.tjCategory = "12"; let data = { cusId, pacId: _this.pacId, @@ -2440,13 +2586,55 @@ } }, handleClick(tab, event) { - console.log(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; @@ -2459,6 +2647,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) => { @@ -2483,7 +2680,89 @@ 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; @@ -2521,6 +2800,7 @@ } }, + spliceData() { for (var i = 0; i < this.DataList.length; i++) { for (var j = i + 1; j < this.DataList.length; j++) { @@ -2539,6 +2819,14 @@ <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> ); }, @@ -2581,9 +2869,19 @@ } }); }, + 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)) { @@ -2625,13 +2923,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) => { @@ -2640,8 +2943,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) => { @@ -2658,12 +2961,10 @@ } else { this.TotalPrice = TotalPrice; } - this.list1 = false; this.list3 = true; } else { this.list1 = true; - this.TotalPrice = "0.00"; } }); @@ -3071,7 +3372,7 @@ } .tab3 { - max-height: 390px; + max-height: 400; overflow-y: auto; border: 1px solid #d9d9d9; } -- Gitblit v1.8.0