From db8f49a69a6f4e5e91ddc337b7c87d782997c974 Mon Sep 17 00:00:00 2001 From: lkk <364857242@qq.com> Date: 星期四, 24 十月 2024 09:11:51 +0800 Subject: [PATCH] lkk 10.24 --- src/views/system/tijian/index.vue | 1006 +++++++++++++++++++++++++++++++++++++++------------------- 1 files changed, 671 insertions(+), 335 deletions(-) diff --git a/src/views/system/tijian/index.vue b/src/views/system/tijian/index.vue index 40c5ca4..f84b262 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"> @@ -646,152 +754,7 @@ </template> </el-table-column> </el-table> - <!-- <el-collapse v-model="activeName" accordion v-if="list1"> - <div> - <el-collapse-item title="璇烽�夋嫨椤圭洰"> - <el-table - :data="DataList" - border - style="width: 100%" - height="400" - :span-method="objectSpanMethod" - > - <el-table-column - prop="proName" - label="椤圭洰" - width="180" - > - </el-table-column> - <el-table-column prop="ordPrice" label="鍘熶环"> - </el-table-column> - </el-table> - </el-collapse-item> - </div> - </el-collapse> --> - </div> - </el-col> - </el-row> - </div> - </el-tab-pane> - <el-tab-pane label="缁勫悎" name="third"> - <div class="tab8"> - <!-- <div class="tab7"> - <v-tree-transfer - :treeData="treedataList" - :defaultProps="{ children: 'tjProjectList', label: 'proName' }" - :defaultKeys="defaultKeys" - @changeKeys="changeCategoryKeys" - :key="datekey" - ></v-tree-transfer> --> - <!-- <el-tree :data="data" show-checkbox node-key="proId" :props="defaultProps" :default-checked-keys="treeList" - @check-change="handleCurrentChecked"> - </el-tree> --> - <!-- </div> --> - <el-row :gutter="20"> - <el-col :span="6"> - <div - style=" - text-align: center; - margin-bottom: 10px; - margin-top: 10px; - " - > - 缁勫悎椤圭洰 - </div> - <!-- @input="gaibian" --> - <el-input placeholder="杈撳叆鍏抽敭瀛楄繘琛岃繃婊�" v-model="filterText"> - </el-input> - <div class="tab3"> - <el-tree - class="filter-tree" - v-loading="loading" - :data="Treedata" - :props="defaultProps1" - show-checkbox - node-key="id" - @check="handleCurrentCheckeds" - :default-checked-keys="checkedkey" - :filter-node-method="filterNode" - ref="trees" - :render-content="renderContent1" - > - </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="zhxqList" - node-key="id" - :props="defaultProps2" - :filter-node-method="filterNode" - :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="DataList" - border - style="width: 100%" - height="400" - :span-method="objectSpanMethod" - > - <el-table-column prop="hisXmmc" 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 - 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="handleDelete1(scope.row)" - title="鍒犻櫎" - ></el-button> - </template> - </el-table-column> - </el-table> - <h3 style="font-weight: bold">鍚堣锛歿{ marryall }}鍏�</h3> + <h3 style="font-weight: 600">鍚堣锛歿{ marryall }}鍏�</h3> <!-- <el-collapse v-model="activeName" accordion v-if="list1"> <div> <el-collapse-item title="璇烽�夋嫨椤圭洰"> @@ -1050,23 +1013,28 @@ > <el-collapse-item :name="index"> <template slot="title"> - {{ - item.pacName + - ":" + - item.parentName + - " (搴旀敹閲戦:" + - item.ordPrice + - "鍏� / 瀹炴敹閲戦:" + - item.nowPrice + - "鍏�)" - }} + <div style="width: 70%"> + {{ + item.pacName + + ":" + + item.parentName + + " (搴旀敹閲戦:" + + item.ordPrice + + "鍏� / 瀹炴敹閲戦:" + + item.nowPrice + + "鍏�)" + }} + </div> + + <div style="width: 20%"> + <el-button + type="primary" + @click="candelete(item)" + style="float: right" + >鍒� 闄�</el-button + > + </div> </template> - <el-button - type="primary" - @click="candelete(item)" - style="margin: 5px" - >鍒� 闄�</el-button - > <el-table :data="item.list" border @@ -1352,6 +1320,31 @@ </el-table> </div> </el-dialog> + <el-dialog + title="鎻愮ず" + :visible.sync="cardreader" + width="30%" + :close-on-press-escape="false" + :close-on-click-modal="false" + > + <template> + <el-radio-group v-model="cardreaderradio" @input="changeradio"> + <el-radio :label="3">韬唤璇�</el-radio> + <el-radio :label="6">鍋ュ悍鐮�</el-radio> + </el-radio-group> + <div style="margin-top: 10px" v-show="cardreaderradio == 6"> + <el-input + v-model="inputSSS" + ref="tableHeadFilterInp" + placeholder="璇疯緭鍏ュ唴瀹�" + ></el-input> + </div> + </template> + <span slot="footer" class="dialog-footer"> + <el-button @click="cardreader = false">鍙� 娑�</el-button> + <el-button type="primary" @click="cardreadercopes">纭� 瀹�</el-button> + </span> + </el-dialog> <div style="position: absolute; bottom: 100px; width: 360px; display: none"> <div id="printBill" @@ -1387,12 +1380,7 @@ </span> --> <!-- </el-dialog> --> <historyTj :cusIdCard="form.cusIdcard" ref="historyTj"></historyTj> - <el-dialog - title="鎻愮ず" - :visible.sync="dialogVisiblese" - width="30%" - :before-close="handleClose" - > + <el-dialog title="鎻愮ず" :visible.sync="dialogVisiblese" width="30%"> <span>鏄惁澶嶅埗鏈�杩戜竴娆$殑浣撴椤圭洰锛�</span> <span slot="footer" class="dialog-footer"> <el-button @click="dialogVisiblese = false">鍙� 娑�</el-button> @@ -1413,7 +1401,8 @@ getByTjNum, } from "@/api/hosp/customer"; import { getPrintSetUp } from "@/api/system/examcharge"; - +import axios from "axios"; +import { getIp } from "@/utils/auth"; import { deptTreeSelect, projectGetList, @@ -1430,12 +1419,12 @@ getIsRequired, getconfigKey, getHistryTjOrderProByCusIdCard, - getZhList, - listByZhId, + readCertCardInfos, } from "@/api/system/tijian"; 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: [ @@ -1459,6 +1448,12 @@ }, data() { return { + filterage: "", + checkedkeys: [], + DataLists: [], + marryalls: 0, + packagedataList: [], + packageList: [], zhxqList: [], zhList: [], pname: "", @@ -1466,11 +1461,13 @@ proIdList: [], tableDatas: [], dialogVisiblese: false, + cardreaderradio: 3, lishi: false, table: false, HistoryList: {}, index: 0, names: "", + inputSSS: "", dictType: [ { value: 0, @@ -1576,6 +1573,7 @@ ids: [], // 闈炲崟涓鐢� single: true, + cardreader: false, // 闈炲涓鐢� multiple: true, nodeobj: {}, @@ -1599,11 +1597,11 @@ children: [], label: "proName", }, - defaultProps1: { + defaultProp: { children: [], label: "zhmc", }, - defaultProps2: { + defaultpackProps: { children: [], label: "proName", }, @@ -1618,6 +1616,8 @@ pacRemark: null, }, valueUrl: "ws://127.0.0.1:18890", + valueUrls: "ws://127.0.0.1:6789/websocket", + // valueUrls: "ws://"+getIp() +":6789/websocket", WebSocket: null, // 韬唤璇侀渶瑕� // socket: null, @@ -1676,14 +1676,17 @@ filterText(val) { this.$refs.tree.filter(val); }, + filterage(val) { + this.$refs.treas.filter(val); + }, }, created() { this.getCurrentDateTime(); - this.startTimer(); this.getList1(); // this.getData(); }, + methods: { getCurrentDateTime() { const currentDate = new Date(); @@ -1721,6 +1724,14 @@ 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() { @@ -2251,6 +2262,7 @@ } else { _this.tcShow = true; this.$message.warning("鏆傛棤棰勭害淇℃伅"); + _this.resetpackage(); } _this.isDisabled = true; } else { @@ -2365,9 +2377,257 @@ this.$refs.aaa.open = true; this.$refs.aaa.getAllList(); this.$refs.aaa.title = "璇佷欢瀛楀吀"; + } else if (res.msg == "S") { + this.cardreader = true; + _this.cardreaderradio = 3; + _this.inputSSS = ""; + // let url = window.location.protocol + "//" + window.location.host; + // console.log(url); + // axios + // .get("http://localhost:81/dev-api/readCertCardInfos") + // .then((res) => { + // console.log(res); + // }) + // .catch((err) => { + // console.log(err); + // }); + + // readCertCardInfos().then((res) => { + // _this.form.cusName = res.data.name; + // _this.form.cusSex = + // res.data.sex; + // _this.form.cusNational = res.data.mz; + // _this.form.cusBrithday = res.data.csrq; + // if (_this.form.cusBrithday) { + // _this.form.cusBrithday = _this.form.cusBrithday.replace( + // /^(\d{4})(\d{2})(\d{2})$/, + // "$1-$2-$3" + // ); + // } + // _this.form.cusAddr = res.data.addres; + // _this.form.cusIdcard = res.data.card; + // }); } } }); + } + }, + changeradio() { + if (this.cardreaderradio != 3) { + this.$nextTick(() => { + this.$refs.tableHeadFilterInp.focus(); + }); + } + }, + cardreadercopes() { + let _this = this; + + if (this.cardreaderradio == 3) { + var websocket = null; + var url = this.valueUrls; + // var url = 'ws://'+ getIp() +':6789/websocket' + if ("WebSocket" in window) { + websocket = new WebSocket(url); + } else if ("MozWebSocket" in window) { + websocket = new MozWebSocket(url); + } else { + // console.log("SockJS"); + } + if (websocket == null) { + alert("11111"); + } + websocket.onopen = function () { + try { + // 杩炴帴璁惧 + var jsonObjs = { + type: 1, + data: {}, + }; + var jStrs = JSON.stringify(jsonObjs); + websocket.send(jStrs); + } catch (err) { + var tryTime = 0; + // 閲嶈瘯10娆★紝姣忔涔嬮棿闂撮殧3绉� + if (tryTime < 1) { + var t1 = setTimeout(function () { + tryTime++; + var jsonObjs = { + type: 1, + data: {}, + }; + var jStrs = JSON.stringify(jsonObjs); + websocket.send(jStrs); + }, 1 * 1000); + } else { + console.error("閲嶈繛澶辫触."); + } + } + }; + websocket.onclose = function () { + alert("璇诲崱鍣ㄨ繛鎺ュ叧闂�"); + }; + websocket.onmessage = function (event) { + var resultObj = JSON.parse(event.data); + _this.form.cusName = resultObj.data.name; + _this.form.cusSex = resultObj.data.sex; + _this.form.cusNational = resultObj.data.mz; + _this.form.cusBrithday = resultObj.data.csrq; + if (_this.form.cusBrithday) { + _this.form.cusBrithday = _this.form.cusBrithday.replace( + /^(\d{4})(\d{2})(\d{2})$/, + "$1-$2-$3" + ); + } + _this.form.cusIdcard = resultObj.data.card; + if (_this.form.cusIdcard) { + const reg = + /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/; + if (reg.test(_this.form.cusIdcard)) { + var org_birthday = _this.form.cusIdcard.substring(6, 14); + var birthday = + org_birthday.substring(0, 4) + + "-" + + org_birthday.substring(4, 6) + + "-" + + org_birthday.substring(6, 8); + var birthdays = new Date(birthday.replace(/-/g, "-")); + let d = new Date(); + let age = + d.getFullYear() - + birthdays.getFullYear() - + (d.getMonth() < birthdays.getMonth() || + (d.getMonth() == birthdays.getMonth() && + d.getDate() < birthdays.getDate()) + ? 1 + : 0); + + _this.form.age = age; + } + } + _this.form.cusAddr = resultObj.data.addres; + + _this.cardreader = false; + }; + + //杩炴帴鍙戠敓閿欒鐨勫洖璋冩柟娉� + websocket.onerror = function () { + alert("璇锋鏌ヨ鍗″櫒杩炴帴鏄惁姝e父"); + }; + } else { + // if (_this.inputSSS.indexOf(":1") != -1) { + + // var str1 = _this.inputSSS.indexOf(":1"); + // var result1 = _this.inputSSS.substring(0, str1); + + // var str2 = _this.inputSSS.indexOf(":1"); + // var result2 = _this.inputSSS.substring( + // str2 + 2, + // _this.inputSSS.length + // ); + + // _this.inputSSS = result1 + result2; + // } + _this.inputSSS = _this.inputSSS.replace(":1", ""); + var websocket = null; + var url = this.valueUrls; + // var url = 'ws://'+ getIp() +':6789/websocket' + if ("WebSocket" in window) { + websocket = new WebSocket(url); + } else if ("MozWebSocket" in window) { + websocket = new MozWebSocket(url); + } else { + // console.log("SockJS"); + } + if (websocket == null) { + alert("11111"); + } + websocket.onopen = function () { + try { + // 杩炴帴璁惧 + var jsonObjs = { + type: 2, + data: { + qrcode: _this.inputSSS, + }, + }; + var jStrs = JSON.stringify(jsonObjs); + websocket.send(jStrs); + } catch (err) { + var tryTime = 0; + // 閲嶈瘯10娆★紝姣忔涔嬮棿闂撮殧3绉� + if (tryTime < 1) { + var t1 = setTimeout(function () { + tryTime++; + var jsonObjs = { + type: 2, + data: { + qrcode: _this.inputSSS, + }, + }; + var jStrs = JSON.stringify(jsonObjs); + websocket.send(jStrs); + }, 1 * 1000); + } else { + console.error("閲嶈繛澶辫触."); + } + } + }; + websocket.onclose = function () { + alert("璇诲崱鍣ㄨ繛鎺ュ叧闂�"); + }; + websocket.onmessage = function (event) { + var resultObj = JSON.parse(event.data); + _this.form.cusName = resultObj.data.name; + + if( resultObj.data.nation == "姹夋棌"){ + _this.form.cusNational ="1"; + } + if(resultObj.data.gender == "鐢�"){ + _this.form.cusSex = 0; + }else{ + _this.form.cusSex = 1; + } + _this.form.cusBrithday = resultObj.data.birthday; + if (_this.form.cusBrithday) { + _this.form.cusBrithday = _this.form.cusBrithday.replace( + /^(\d{4})(\d{2})(\d{2})$/, + "$1-$2-$3" + ); + } + _this.form.cusPhone = resultObj.data.phone; + _this.form.cusIdcard = resultObj.data.idenno; + if (_this.form.cusIdcard) { + const reg = + /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/; + if (reg.test(_this.form.cusIdcard)) { + var org_birthday = _this.form.cusIdcard.substring(6, 14); + var birthday = + org_birthday.substring(0, 4) + + "-" + + org_birthday.substring(4, 6) + + "-" + + org_birthday.substring(6, 8); + var birthdays = new Date(birthday.replace(/-/g, "-")); + let d = new Date(); + let age = + d.getFullYear() - + birthdays.getFullYear() - + (d.getMonth() < birthdays.getMonth() || + (d.getMonth() == birthdays.getMonth() && + d.getDate() < birthdays.getDate()) + ? 1 + : 0); + + _this.form.age = age; + } + } + _this.cardreader = false; + }; + + //杩炴帴鍙戠敓閿欒鐨勫洖璋冩柟娉� + websocket.onerror = function () { + alert("璇锋鏌ヨ鍗″櫒杩炴帴鏄惁姝e父"); + }; } }, @@ -2421,6 +2681,7 @@ this.taocan = false; this.malldisble = false; this.defaultKeys = []; + this.DataLists = []; }, cancell() { @@ -2569,51 +2830,121 @@ } this.single = selection.length !== 1; this.multiple = !selection.length; + if (this.tableData1.length != 0) { + this.tableData.forEach((item) => { + this.tableData1.forEach((item1) => { + item.tjProjectList.forEach((item2) => { + console.log(item1); + if (item2.proId == item1.proPrantId && item1.pacName == "鍗曢」") { + this.$confirm( + "璇ュ椁愬寘鍚簡宸查�夊崟椤癸紝鏄惁纭閫夋嫨璇ュ椁愶紵", + "纭淇℃伅", + { + distinguishCancelAndClose: true, + confirmButtonText: "纭", + cancelButtonText: "鍙栨秷", + } + ) + .then(() => { + this.$message({ + type: "success", + message: "璇锋敞鎰忔煡鐪嬩环鏍�", + }); + }) + .catch((action) => { + if (action === "cancel") { + let del_row = selection.shift(); + this.$refs.tb.toggleRowSelection(del_row, false); + this.$message({ + type: "warning", + message: "宸插彇娑�", + }); + } + }); + // this.$message.warning("璇ュ椁愬寘鍚簡宸查�夊崟椤癸紝鑻ラ�夋嫨璇ュ椁愶紝璇峰厛鍒犻櫎鍗曢」"); + } + }); + }); + }); + } if (selection[0]) { // this.DataList = []; // this.data = JSON.parse(JSON.stringify(this.dXData)); - selection[0].tjProjectList.forEach((selectionitem) => { - this.Treedata.forEach((item) => { - if (selectionitem.proName == item.proName) { - item.disabled = true; - item.tjProjectList = []; - } - // if (item.tjProjectList) { - // item.tjProjectList.forEach((item1) => { - // if (selectionitem.proName == item1.proName) { - // item1.disabled = true; - // item1.tjProjectList = []; - // } - // if (item1.tjProjectList) { - // item1.tjProjectList.forEach((item2) => { - // if (selectionitem.proName == item2.proName) { - // item2.disabled = true; - // item2.tjProjectList = []; - // } - // }); - // } - // }); - // } - }); - this.TreedataList.forEach((item3) => { - if (item3.proParentId == selectionitem.proId) { - item.disabled = true; - } - }); - }); + // selection[0].tjProjectList.forEach((selectionitem) => { + // this.Treedata.forEach((item) => { + // if (selectionitem.proName == item.proName) { + // item.disabled = true; + // item.tjProjectList = []; + // } + // if (item.tjProjectList) { + // item.tjProjectList.forEach((item1) => { + // if (selectionitem.proName == item1.proName) { + // item1.disabled = true; + // item1.tjProjectList = []; + // } + // if (item1.tjProjectList) { + // item1.tjProjectList.forEach((item2) => { + // if (selectionitem.proName == item2.proName) { + // item2.disabled = true; + // item2.tjProjectList = []; + // } + // }); + // } + // }); + // } + // }); + // this.TreedataList.forEach((item3) => { + // if (item3.proParentId == selectionitem.proId) { + // item.disabled = true; + // } + // }); + // }); } else { this.treedataList = JSON.parse(JSON.stringify(this.dXData)); return; } }, handleClick(tab, event) { - if (tab.label == "鍗曢」") { + if (this.activeNames == "second") { this.DataList = []; + this.checkedkey = []; this.getDataList(); - } - if (tab.label == "缁勫悎") { - this.DataList = []; - this.getzhList(); + } else if (this.activeNames == "third") { + this.DataLists = []; + this.checkedkeys = []; + 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; + }); } }, // gaibian(val){ @@ -2626,7 +2957,6 @@ // }, getDataList() { this.loading = true; - // this.pname = "null"; getProParentIdDxList().then((response) => { this.Treedata = response.data.list; if (this.tableData[0]) { @@ -2638,80 +2968,121 @@ }); }); } - this.checkedkey.push("1735504273274236929"); - let proId = "1735504273274236929"; - this.Treedata.forEach((item) => { - if (proId == item.proId) { - this.names = item.proName; - } - }); - getProSonDxList(proId).then((res) => { - this.TreedataList = res.data.list; - this.TreedataList.forEach((item) => { - this.checkedListkey.push(item.proId); - this.DataList.push(item); - this.DataList.forEach((item) => { - item.propinName = this.names; - }); - }); - 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; - }); - } - }); + // 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) => { + // this.TreedataList = res.data.list; + // this.TreedataList.forEach((item) => { + // this.checkedListkey.push(item.proId); + // this.DataList.push(item); + // this.DataList.forEach((item) => { + // item.propinName = this.Treedata[0].proName; + // }); + // }); + // 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; }); }, - getzhList() { - // getZhList().then((res) => { - // console.log(res); - // this.zhList = res.data; - // }); - // this.pname = "null"; - getZhList().then((response) => { - this.Treedata = response.data; - if (this.tableData[0]) { - this.tableData[0].tjProjectList.forEach((selectionitem) => { - this.Treedata.forEach((item) => { - if (selectionitem.proId == item.proId) { - item.disabled = true; - } - }); - }); - } - this.checkedkey.push("1735504273274236929"); - let proId = "1735504273274236929"; - this.Treedata.tjProjectList.forEach((item) => { - if (proId == item.proId) { - this.names = item.proName; - } - }); - getProSonDxList(proId).then((res) => { - this.TreedataList = res.data.list; - this.TreedataList.forEach((item) => { - this.checkedListkey.push(item.proId); - this.DataLists.push(item); - this.DataLists.forEach((item) => { - item.propinName = this.names; - }); - }); - this.TotalPrice1 = 0; - this.marryall = 0; - if (this.DataLists.length != 0) { - this.list1 = false; - this.DataLists.forEach((item) => { - this.TotalPrice1 = item.proPrice + this.TotalPrice1; - this.marryall += item.proPrice; + 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; @@ -2749,51 +3120,6 @@ } }, - handleCurrentCheckeds(data, checked, checkedNodes) { - console.log(data,222); - let zhId = data.id; - listByZhId(zhId).then((res) => { - this.zhxqList = res.data.tjProjectList; - this.dataObj = data; - if (checked.checkedNodes.length != 0) { - this.zhxqList.forEach((element) => { - this.$refs.trees.setCheckedKeys([data.id]); - let proId = element.proId; - getProSonDxList(proId).then((rese) => { - this.TreedataLists = rese.data.list; - this.TreedataLists.forEach((item) => { - this.checkedListkey.push(item.proId); - this.DataLists.push(item); - console.log(this.DataLists,333); - this.spliceData(); - this.DataLists.forEach((item1) => { - if (item1.proParentId == data.proId) { - item1.propinName = data.proName; - } - }); - }); - this.TotalPrice1 = 0; - this.marryall = 0; - if (this.DataLists.length != 0) { - this.list1 = false; - this.DataLists.forEach((item) => { - // this.TotalPrice1 = item.proPrice + this.TotalPrice1; - this.marryall += item.proPrice; - }); - } - }); - }); - } else if (checked.checkedNodes.length == 0) { - this.zhxqList.forEach((element) => { - let proId = element.proId; - getProSonDxList(proId).then((res) => { - this.TreedataLists = res.data.list; - this.checkedListkey = []; - }); - }); - } - }); - }, spliceData() { for (var i = 0; i < this.DataList.length; i++) { for (var j = i + 1; j < this.DataList.length; j++) { @@ -2815,10 +3141,10 @@ </span> ); }, - renderContent1(h, { node, data, store }) { + renderContents(h, { node, data, store }) { return ( <span class="custom-tree-node"> - 聽 <span>{node.label}</span> + <span>{node.label}</span> <span>({data.price}鍏�)</span> </span> ); @@ -2862,14 +3188,13 @@ } }); }, - /** 鍒犻櫎鎸夐挳鎿嶄綔 */ - handleDelete1(row) { - this.DataList.forEach((item, index) => { + handleDel(row) { + this.DataLists.forEach((item, index) => { if (item.proId == row.proId) { - this.DataList.splice(index, 1); - this.marryall = 0; - this.DataList.forEach((item1) => { - this.marryall += item1.proPrice; + this.DataLists.splice(index, 1); + this.marryalls = 0; + this.DataLists.forEach((item1) => { + this.marryalls += item1.proPrice; }); } }); @@ -2917,8 +3242,8 @@ this.proIds.push(item.proId); }); } - if (this.DataLists.length != 0) { - this.DataList.forEach((item) => { + if (this.DataLists.length != 0) { + this.DataLists.forEach((item) => { this.proIds.push(item.proId); }); } @@ -2966,6 +3291,7 @@ }); this.taocan = false; this.defaultKeys = []; + this.DataLists = []; }, // changeCategoryKeys(val) { // this.proIds = []; @@ -3364,11 +3690,17 @@ width: 100%; display: flex; } - .tab3 { - max-height: 390px; + border: 1px solid #dcdfe6; +} + +.filter-tree { + /* max-height: 360px; overflow-y: auto; - border: 1px solid #d9d9d9; + border: 1px solid #d9d9d9; */ + overflow: auto; + flex: 1; + height: 350px; } .tab2 { @@ -3466,4 +3798,8 @@ .content { margin-bottom: 25px; } +.tab8 { + width: 100%; + display: flex; +} </style> -- Gitblit v1.8.0