From a4522a95f39debbcd82ce869556a71bf520a3982 Mon Sep 17 00:00:00 2001
From: qinxianzhangyao <11053546+qinxianzhangyao@user.noreply.gitee.com>
Date: 星期四, 27 六月 2024 15:08:17 +0800
Subject: [PATCH] qxtj
---
src/views/system/tijianall/index.vue | 406 ++++++++++++++++++++++++++++++++++++++++++++++++++-------
1 files changed, 351 insertions(+), 55 deletions(-)
diff --git a/src/views/system/tijianall/index.vue b/src/views/system/tijianall/index.vue
index 55e6f44..ee84463 100644
--- a/src/views/system/tijianall/index.vue
+++ b/src/views/system/tijianall/index.vue
@@ -28,7 +28,11 @@
},
]"
>
- <el-input v-model="form.cusName" placeholder="璇疯緭鍏ュ鍚�" style="width: 99%;"/>
+ <el-input
+ v-model="form.cusName"
+ placeholder="璇疯緭鍏ュ鍚�"
+ style="width: 99%"
+ />
</el-form-item>
<el-form-item label="鎬у埆" prop="cusSex">
<el-select
@@ -46,7 +50,11 @@
</el-select>
</el-form-item>
<el-form-item label="璇佷欢绫诲瀷" prop="idType">
- <el-select v-model="form.idType" placeholder="璇烽�夋嫨璇佷欢绫诲瀷" style="width: 93%;">
+ <el-select
+ v-model="form.idType"
+ placeholder="璇烽�夋嫨璇佷欢绫诲瀷"
+ style="width: 93%"
+ >
<el-option
v-for="dict in dict.type.dict_user_cardtype"
:key="dict.value"
@@ -64,7 +72,7 @@
:rules="rules"
label-width="106px"
>
- <el-form-item
+ <el-form-item
label="鐢佃瘽"
prop="cusPhone"
:rules="[
@@ -83,8 +91,8 @@
>
<el-input v-model="form.cusPhone" placeholder="璇疯緭鍏ョ數璇�" />
</el-form-item>
-
- <el-form-item label="濠氬Щ" prop="cusMarryStatus" >
+
+ <el-form-item label="濠氬Щ" prop="cusMarryStatus">
<el-select
v-model="form.cusMarryStatus"
placeholder="璇烽�夋嫨濠氬Щ鐘跺喌"
@@ -142,15 +150,15 @@
:rules="rules"
label-width="106px"
>
- <el-form-item label="閭" prop="cusEmail">
+ <el-form-item label="閭" prop="cusEmail">
<el-input v-model="form.cusEmail" placeholder="璇疯緭鍏ラ偖绠�" />
</el-form-item>
- <el-form-item label="姘戞棌" prop="cusNational">
+ <el-form-item label="姘戞棌" prop="cusNational">
<el-select
filterable
v-model="form.cusNational"
placeholder="璇烽�夋嫨姘戞棌"
- style="width: 93%;"
+ style="width: 93%"
>
<el-option
v-for="dict in dict.type.dict_user_national"
@@ -160,9 +168,6 @@
></el-option>
</el-select>
</el-form-item>
-
-
-
<el-form-item label="骞撮緞" prop="age">
<el-input
@@ -215,7 +220,8 @@
<el-form-item label="浣撴绫诲瀷" prop="tjType">
<el-select
v-model="form.tjType"
- placeholder="璇烽�夋嫨浣撴绫诲瀷" style="width: 94%;"
+ placeholder="璇烽�夋嫨浣撴绫诲瀷"
+ style="width: 94%"
>
<el-option
v-for="dict in dict.type.dict_team"
@@ -238,7 +244,11 @@
<el-input v-model="form.company" placeholder="璇疯緭鍏ュ伐浣滃崟浣�" />
</el-form-item>
<el-form-item label="浣撴绫诲埆" prop="category">
- <el-select v-model="form.category" placeholder="璇烽�夋嫨浣撴绫诲埆" style="width: 95%;">
+ <el-select
+ v-model="form.category"
+ placeholder="璇烽�夋嫨浣撴绫诲埆"
+ style="width: 95%"
+ >
<el-option
v-for="dict in dict.type.dict_tjtype"
:key="dict.value"
@@ -251,7 +261,6 @@
<el-form-item label="閮ㄩ棬" prop="department">
<el-input v-model="form.department" placeholder="璇疯緭鍏ラ儴闂�" />
</el-form-item>
-
</el-form>
<el-form
style="margin: 4px 8px"
@@ -264,10 +273,11 @@
<el-form-item label="鐜颁綇鍦板潃" prop="cusAddr">
<el-input v-model="form.cusAddr" placeholder="璇疯緭鍏ョ幇灞呬綇鍦板潃" />
</el-form-item>
- <el-form-item label="棰勭害鏃堕棿" prop="timeRegion" >
+ <el-form-item label="棰勭害鏃堕棿" prop="timeRegion">
<el-select
v-model="form.timeRegion"
- placeholder="璇烽�夋嫨棰勭害鏃堕棿" style="width: 95%;"
+ placeholder="璇烽�夋嫨棰勭害鏃堕棿"
+ style="width: 95%"
>
<el-option
v-for="dict in dict.type.tj_time_region"
@@ -288,7 +298,6 @@
>
</el-date-picker>
</el-form-item>
-
</el-form>
</div>
</el-col>
@@ -304,7 +313,7 @@
type="border-card"
style="height: 538px; margin: 0 10px; width: 100%"
@tab-click="handleClick"
- v-model="activeNames"
+ v-model="activeNames"
>
<el-tab-pane label="濂楅" name="first">
<el-form
@@ -392,8 +401,116 @@
class="el-icon-d-arrow-right"></i></el-button> -->
</div>
</el-tab-pane>
- <el-tab-pane label="鍗曢」" name="second" >
- <div class="tab8" >
+ <el-tab-pane label="缁勫悎" name="third">
+ <div class="tab8">
+ <el-row :gutter="20" style="width: 100%">
+ <el-col :span="8">
+ <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
:treeData="treedataList"
@@ -406,7 +523,7 @@
@check-change="handleCurrentChecked">
</el-tree> -->
<!-- </div> -->
- <el-row :gutter="20" style="width:100%">
+ <el-row :gutter="20" style="width: 100%">
<el-col :span="8">
<div
style="
@@ -509,7 +626,7 @@
</template>
</el-table-column>
</el-table>
-
+
<el-collapse v-model="activeName" accordion v-if="list1">
<div>
<el-collapse-item title="璇烽�夋嫨椤圭洰">
@@ -532,7 +649,9 @@
</el-collapse-item>
</div>
</el-collapse>
- <h3 v-else style="font-weight: 600;">鍚堣锛歿{ marryall }}鍏�</h3>
+ <h3 v-else style="font-weight: 600">
+ 鍚堣锛歿{ marryall }}鍏�
+ </h3>
</div>
</el-col>
</el-row>
@@ -608,7 +727,7 @@
<el-input-number style="width: 140px" v-model="discount" :precision="2" :step="0.1" :max="10" :min="1"
@change="numberChange" :disabled="isfalse"></el-input-number>
</el-form-item> -->
- <el-form-item label="瀹炴敹閲戦" >
+ <el-form-item label="瀹炴敹閲戦">
<el-input
placeholder="瀹炴敹閲戦"
v-model="TotalPrice"
@@ -619,10 +738,7 @@
<el-button type="primary" @click="Package" size="mini"
>閫夋嫨濂楅</el-button
>
- <el-button
- type="primary"
- @click="resetpackage"
- size="mini"
+ <el-button type="primary" @click="resetpackage" size="mini"
>閲嶇疆濂楅</el-button
>
<el-button
@@ -836,6 +952,7 @@
<script>
import printJS from "print-js";
import { getInfo } from "@/api/login";
+import { getZhList, getlistByZhId } from "@/api/system/package";
import {
deptTreeSelect,
projectGetList,
@@ -909,9 +1026,13 @@
// };
return {
marryall: 0,
+ marryalls: 0,
filterText: "",
+ filterage: "",
proIdList: [],
tableDatas: [],
+ packageList: [],
+ checkedkeys: [],
dialogVisiblese: false,
lishi: false,
table: false,
@@ -941,7 +1062,7 @@
/** 鐓х浉鏈哄脊绐楁ā鍧�-start */
videoWidth: 200,
videoHeight: 200,
- activeNames: 'first',
+ activeNames: "first",
// canvasWidth:300,
// canvasHeight:300,
imgSrc: "",
@@ -1003,12 +1124,22 @@
// 鏍戠姸褰㈢姸
Treedata: [],
TreedataList: [],
+ DataLists: [],
treedataList: [],
checkedkey: [],
checkedListkey: [],
defaultProps: {
children: [],
label: "proName",
+ },
+ packagedataList: [],
+ defaultpackProps: {
+ children: [],
+ label: "proName",
+ },
+ defaultProp: {
+ children: [],
+ label: "zhmc",
},
formPacId: "",
dXData: [],
@@ -1107,6 +1238,9 @@
watch: {
filterText(val) {
this.$refs.tree.filter(val);
+ },
+ filterage(val) {
+ this.$refs.treas.filter(val);
},
},
created() {
@@ -1207,10 +1341,19 @@
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;
}
},
cope() {
@@ -1495,14 +1638,14 @@
// return true;
// }
// },
- resetpackage(){
+ resetpackage() {
if (this.form.cusIdcard) {
var cusId = this.form.cusIdcard;
} else {
this.$message.warning("璇峰厛濉啓淇℃伅锛屽啀閫変綋妫�鍐呭");
}
let _this = this;
- _this.pacId = "";
+ _this.pacId = "";
this.proIds = [];
let data = {
cusId,
@@ -1516,7 +1659,7 @@
getTransitionList(cusId).then((response) => {
this.tableData1 = response.data;
this.TotalPrice1 = 0;
- if (this.tableData1.length>=1) {
+ if (this.tableData1.length >= 1) {
this.list1 = false;
this.list3 = true;
} else {
@@ -1532,7 +1675,7 @@
Package() {
this.taocan = true;
let cusSex = this.form.cusSex;
- this.activeNames="first"
+ this.activeNames = "first";
this.datekey = Date.now();
//鍏ㄩ儴濂楅
this.loading = true;
@@ -1650,9 +1793,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;
+ });
}
},
renderContent(h, { node, data, store }) {
@@ -1660,6 +1838,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>
);
},
@@ -1676,29 +1862,122 @@
});
});
}
- 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;
+ if (this.DataLists.length != 0) {
+ this.DataLists.forEach((selectionitem) => {
+ this.Treedata.forEach((item) => {
+ if (selectionitem.propinName == item.proName) {
+ item.disabled = true;
+ }
});
});
- 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.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;
+ });
+ },
+
+ 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;
+ }
+ });
+ });
+ }
+ });
});
}
});
- this.loading = false;
- });
+ } 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];
+ // }
},
// 鐐瑰嚮鑾峰彇姣忎釜鏍戣妭鐐�
@@ -1725,7 +2004,7 @@
this.list1 = false;
this.DataList.forEach((item) => {
this.TotalPrice1 = item.proPrice + this.TotalPrice1;
- this.marryall += item.proPrice;
+ this.marryall += item.proPrice;
});
}
});
@@ -1780,6 +2059,18 @@
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;
+ });
+ }
+ });
},
/** 鍒犻櫎鎸夐挳鎿嶄綔 */
@@ -1860,6 +2151,11 @@
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,
--
Gitblit v1.8.0