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