From 44fe32a5b720638bc57c80f2f93641a3db5a8cc8 Mon Sep 17 00:00:00 2001 From: su1124 <1583764726@qq.com> Date: 星期四, 27 六月 2024 15:11:25 +0800 Subject: [PATCH] su --- src/views/system/tijian/index.vue | 310 ++++++++++++++++++++++++++++++++++++++++++++++++--- 1 files changed, 292 insertions(+), 18 deletions(-) diff --git a/src/views/system/tijian/index.vue b/src/views/system/tijian/index.vue index abe176a..40c5ca4 100644 --- a/src/views/system/tijian/index.vue +++ b/src/views/system/tijian/index.vue @@ -551,8 +551,7 @@ 椤圭洰鍒楄〃 </div> <!-- @input="gaibian" --> - <el-input placeholder="杈撳叆鍏抽敭瀛楄繘琛岃繃婊�" - v-model="filterText"> + <el-input placeholder="杈撳叆鍏抽敭瀛楄繘琛岃繃婊�" v-model="filterText"> </el-input> <div class="tab3"> <el-tree @@ -647,7 +646,152 @@ </template> </el-table-column> </el-table> - <h3 style="font-weight: bold;">鍚堣锛歿{ marryall }}鍏�</h3> + <!-- <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> <!-- <el-collapse v-model="activeName" accordion v-if="list1"> <div> <el-collapse-item title="璇烽�夋嫨椤圭洰"> @@ -1286,6 +1430,8 @@ getIsRequired, getconfigKey, getHistryTjOrderProByCusIdCard, + getZhList, + listByZhId, } from "@/api/system/tijian"; import Packages from "@/components/Packages"; import { MessageBox } from "element-ui"; @@ -1313,7 +1459,9 @@ }, data() { return { - pname:"", + zhxqList: [], + zhList: [], + pname: "", filterText: "", proIdList: [], tableDatas: [], @@ -1322,7 +1470,7 @@ table: false, HistoryList: {}, index: 0, - names:"", + names: "", dictType: [ { value: 0, @@ -1443,10 +1591,19 @@ // 鏍戠姸褰㈢姸 Treedata: [], TreedataList: [], + TreedataLists: [], treedataList: [], checkedkey: [], checkedListkey: [], defaultProps: { + children: [], + label: "proName", + }, + defaultProps1: { + children: [], + label: "zhmc", + }, + defaultProps2: { children: [], label: "proName", }, @@ -1560,9 +1717,9 @@ filterNode(value, data) { if (!value) return true; // return data.proName.indexOf(value) !== -1; - if(data.proName.indexOf(value) !== -1){ + if (data.proName.indexOf(value) !== -1) { return data.proName.indexOf(value) !== -1; - }else{ + } else { return data.proEngName.indexOf(value) !== -1; } }, @@ -2347,7 +2504,7 @@ let _this = this; _this.pacId = ""; this.proIds = []; - this.tjCategory ="12" + this.tjCategory = "12"; let data = { cusId, pacId: _this.pacId, @@ -2454,6 +2611,10 @@ this.DataList = []; this.getDataList(); } + if (tab.label == "缁勫悎") { + this.DataList = []; + this.getzhList(); + } }, // gaibian(val){ // console.log(val); @@ -2464,7 +2625,6 @@ // }) // }, getDataList() { - console.log(111); this.loading = true; // this.pname = "null"; getProParentIdDxList().then((response) => { @@ -2480,18 +2640,18 @@ } this.checkedkey.push("1735504273274236929"); let proId = "1735504273274236929"; - this.Treedata.forEach(item =>{ - if(proId == item.proId){ - this.names = item.proName + 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; + item.propinName = this.names; }); }); this.TotalPrice1 = 0; @@ -2507,7 +2667,51 @@ 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; + }); + } + }); + }); + }, // 鐐瑰嚮鑾峰彇姣忎釜鏍戣妭鐐� handleCurrentChecked(data, checked, checkedNodes) { this.dataObj = data; @@ -2545,6 +2749,51 @@ } }, + 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++) { @@ -2563,6 +2812,14 @@ <span class="custom-tree-node"> 聽 <span>{node.label}</span> <span>({data.proPrice}鍏�)</span> + </span> + ); + }, + renderContent1(h, { node, data, store }) { + return ( + <span class="custom-tree-node"> + 聽 <span>{node.label}</span> + <span>({data.price}鍏�)</span> </span> ); }, @@ -2595,6 +2852,18 @@ /** 鍒犻櫎鎸夐挳鎿嶄綔 */ handleDelete(row) { + this.DataList.forEach((item, index) => { + if (item.proId == row.proId) { + this.DataList.splice(index, 1); + this.marryall = 0; + this.DataList.forEach((item1) => { + this.marryall += item1.proPrice; + }); + } + }); + }, + /** 鍒犻櫎鎸夐挳鎿嶄綔 */ + handleDelete1(row) { this.DataList.forEach((item, index) => { if (item.proId == row.proId) { this.DataList.splice(index, 1); @@ -2648,13 +2917,18 @@ this.proIds.push(item.proId); }); } + if (this.DataLists.length != 0) { + this.DataList.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) => { @@ -2663,8 +2937,8 @@ if (this.tableData1) { this.tableData1.forEach((item) => { this.TotalPrice1 += item.nowPrice; - if (item.tjCategory!=null ) { - this.tjCategory = item.tjCategory + if (item.tjCategory != null) { + this.tjCategory = item.tjCategory; } if (item.pacName == "鍗曢」") { item.list.forEach((item9) => { -- Gitblit v1.8.0