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 | 334 +++++++++++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 310 insertions(+), 24 deletions(-)
diff --git a/src/views/system/tijian/index.vue b/src/views/system/tijian/index.vue
index abe176a..a1e3fbf 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">
@@ -551,8 +659,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 +754,7 @@
</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="璇烽�夋嫨椤圭洰">
@@ -675,6 +782,7 @@
</el-row>
</div>
</el-tab-pane>
+
</el-tabs>
<span slot="footer" class="dialog-footer">
<el-button @click="cancel">鍙� 娑�</el-button>
@@ -1290,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: [
@@ -1313,7 +1422,15 @@
},
data() {
return {
- pname:"",
+ filterage: "",
+ checkedkeys: [],
+ DataLists: [],
+ marryalls: 0,
+ packagedataList: [],
+ packageList: [],
+ zhxqList: [],
+ zhList: [],
+ pname: "",
filterText: "",
proIdList: [],
tableDatas: [],
@@ -1322,7 +1439,7 @@
table: false,
HistoryList: {},
index: 0,
- names:"",
+ names: "",
dictType: [
{
value: 0,
@@ -1443,10 +1560,19 @@
// 鏍戠姸褰㈢姸
Treedata: [],
TreedataList: [],
+ TreedataLists: [],
treedataList: [],
checkedkey: [],
checkedListkey: [],
defaultProps: {
+ children: [],
+ label: "proName",
+ },
+ defaultProp: {
+ children: [],
+ label: "zhmc",
+ },
+ defaultpackProps: {
children: [],
label: "proName",
},
@@ -1519,6 +1645,9 @@
filterText(val) {
this.$refs.tree.filter(val);
},
+ filterage(val) {
+ this.$refs.treas.filter(val);
+ },
},
created() {
this.getCurrentDateTime();
@@ -1560,10 +1689,18 @@
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;
+ }
+ },
+ 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() {
@@ -2347,7 +2484,7 @@
let _this = this;
_this.pacId = "";
this.proIds = [];
- this.tjCategory ="12"
+ this.tjCategory = "12";
let data = {
cusId,
pacId: _this.pacId,
@@ -2405,6 +2542,7 @@
// 鐐瑰嚮澶氶�夋鑾峰彇閫変腑鏁版嵁
handleSelectionChange(selection, row) {
+ console.log(666);
this.tableData = selection;
if (selection.length > 1) {
let del_row = selection.shift();
@@ -2450,9 +2588,44 @@
}
},
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;
+ });
}
},
// gaibian(val){
@@ -2463,10 +2636,8 @@
// this.Treedata = response.data.list;
// })
// },
- getDataList() {
- console.log(111);
+ getDataList() {
this.loading = true;
- // this.pname = "null";
getProParentIdDxList().then((response) => {
this.Treedata = response.data.list;
if (this.tableData[0]) {
@@ -2478,20 +2649,24 @@
});
});
}
- this.checkedkey.push("1735504273274236929");
- let proId = "1735504273274236929";
- this.Treedata.forEach(item =>{
- if(proId == item.proId){
- this.names = item.proName
- }
- })
+ // 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.names;
+ item.propinName = this.Treedata[0].proName;
});
});
this.TotalPrice1 = 0;
@@ -2507,7 +2682,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;
@@ -2545,6 +2802,7 @@
}
},
+
spliceData() {
for (var i = 0; i < this.DataList.length; i++) {
for (var j = i + 1; j < this.DataList.length; j++) {
@@ -2563,6 +2821,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>
);
},
@@ -2601,6 +2867,17 @@
this.marryall = 0;
this.DataList.forEach((item1) => {
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;
});
}
});
@@ -2648,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) => {
@@ -2663,8 +2945,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) => {
@@ -3092,7 +3374,7 @@
}
.tab3 {
- max-height: 390px;
+ max-height: 400px;
overflow-y: auto;
border: 1px solid #d9d9d9;
}
@@ -3192,4 +3474,8 @@
.content {
margin-bottom: 25px;
}
+.tab8 {
+ width: 100%;
+ display: flex;
+}
</style>
--
Gitblit v1.8.0