From d16866b86f7296c40949674fe35d91dee5f3698a Mon Sep 17 00:00:00 2001
From: wwl <xchao828@163.com>
Date: 星期五, 14 三月 2025 17:47:09 +0800
Subject: [PATCH] 1

---
 src/views/hosp/project/index.vue | 1779 ++++++++++++++++++++++++++++++++++++++++++++---------------
 1 files changed, 1,327 insertions(+), 452 deletions(-)

diff --git a/src/views/hosp/project/index.vue b/src/views/hosp/project/index.vue
index 5558efe..a89642f 100644
--- a/src/views/hosp/project/index.vue
+++ b/src/views/hosp/project/index.vue
@@ -10,7 +10,7 @@
           <div class="content">
             <el-tree :data="deptOptions" :props="defaultProps" :expand-on-click-node="false"
               :filter-node-method="filterNode" ref="tree" node-key="id" :default-expanded-keys="treeId"  
-              highlight-current @node-click="handleNodeClick" :render-content="renderContent"  v-loading="loadings"/>
+              highlight-current @node-click="handleNodeClick" :render-content="renderContent" v-loading="loadings"/>
           </div>
         </div>
       </el-col>
@@ -39,12 +39,6 @@
             <el-button :disabled="xiugais" type="primary" icon="el-icon-plus" size="mini" @click="handleUpdate1"
               v-hasPermi="['hosp:project:add']">淇敼</el-button>
           </el-col>
-          <!-- <el-col :span="1.5">
-        <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate" v-hasPermi="['hosp:project:edit']">淇敼</el-button>
-      </el-col> -->
-          <!-- <el-col :span="1.5">
-        <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete" v-hasPermi="['hosp:project:remove']">鍒犻櫎</el-button>
-      </el-col> -->
           <el-col :span="1.5">
             <el-button type="primary" icon="el-icon-download" size="mini" @click="handleExport"
               v-hasPermi="['hosp:project:export']">瀵煎嚭</el-button>
@@ -60,13 +54,11 @@
         </el-row>
 
         <el-table v-if="refreshTable" v-loading="loading" :data="projectList" ref="tableRef" border>
-          <!-- :show-overflow-tooltip="true"  -->
-          <el-table-column label="椤圭洰鍚嶇О" prop="proName" fixed="left" :width="flexColumnWidth('rwdtypeName')" />
+          <el-table-column label="椤圭洰鍚嶇О" prop="proName" fixed="left" :width="flexColumnWidth('proName')" />
           <el-table-column label="浠锋牸(/鍏�)" align="center" prop="proPrice" width="75px"
             :show-overflow-tooltip="true"></el-table-column>
           <el-table-column label="鏁伴噺" align="center" prop="sl" width="65px"
             :show-overflow-tooltip="true"></el-table-column>
-          <!-- <el-table-column label="绉戝鍚嶇О" align="center" prop="deptName" width="110px" :show-overflow-tooltip="true" /> -->
           <el-table-column label="妫�鏌ョ被鍒�" align="center" prop="proCheckType" width="110px"
             :show-overflow-tooltip="true" />
           <el-table-column label="榛樿鍊�" align="center" prop="proDefault" width="110px" :show-overflow-tooltip="true" />
@@ -75,9 +67,6 @@
               <dict-tag :options="dict.type.tj_result_type" :value="scope.row.resultType" />
             </template>
           </el-table-column>
-
-          <!-- <el-table-column label="妫�鏌ユ柟寮�" align="center" prop="proCheckMethod" :show-overflow-tooltip="true"
-            width="110px" /> -->
           <el-table-column label="鍙備笌灏忕粨" align="center" prop="needReport" :show-overflow-tooltip="true" width="75px">
             <template slot-scope="scope">
               <dict-tag :options="dict.type.sys_yes_no" :value="scope.row.needReport" />
@@ -89,6 +78,10 @@
             </template>
           </el-table-column>
           <el-table-column label="椤圭洰鏍囧噯鍊�" align="center" prop="proScope" :show-overflow-tooltip="true" width="90px">
+          </el-table-column>
+          <el-table-column label="Lis椤圭洰鍚嶇О" align="center" prop="lisXmmc"  :show-overflow-tooltip="true" width="200px">
+          </el-table-column>
+          <el-table-column label="Lis缂栫爜" align="center" prop="lisXmbm" :show-overflow-tooltip="true" width="90px">
           </el-table-column>
           <el-table-column label="涓村簥鎰忎箟" align="center" prop="proMeaning" width="350px" :show-overflow-tooltip="true" />
           <el-table-column label="澶囨敞" prop="remark" align="center" width="120px" :show-overflow-tooltip="true">
@@ -120,10 +113,8 @@
           <treeselect :disabled="proParent" v-model="form.proParentId" :options="projectOptions"
             :normalizer="normalizer" :show-count="true" placeholder="閫夋嫨涓婚」鍚嶇О" style="width: 260px" @select="obtain" />
         </el-form-item>
-
         <el-form-item label="鏄庣粏椤圭洰" prop="proName">
-          <el-input v-model="form.proName" placeholder="璇疯緭鍏ユ槑缁嗛」鐩�">
-          </el-input>
+          <el-input v-model="form.proName" placeholder="璇疯緭鍏ユ槑缁嗛」鐩�"></el-input>
         </el-form-item>
         <el-form-item label="椤圭洰浠锋牸" prop="proPrice">
           <el-input v-model="form.proPrice" :disabled="isPriceDisabled" placeholder="璇疯緭鍏ラ」鐩环鏍�" />
@@ -146,12 +137,6 @@
               :value="dict.value"></el-option>
           </el-select>
         </el-form-item>
-        <!-- <el-form-item label="绌鸿吂" prop="isEat">
-          <el-select v-model="form.isEat" placeholder="璇烽�夋嫨鏄惁绌鸿吂" style="width: 200px">
-            <el-option v-for="dict in dict.type.sys_yes_no" :key="dict.value" :label="dict.label"
-              :value="dict.value"></el-option>
-          </el-select>
-        </el-form-item> -->
         <el-form-item label="鎬у埆" prop="proSex">
           <el-select v-model="form.proSex" placeholder="璇烽�夋嫨浣撴浜烘�у埆" style="width: 200px" clearable>
             <el-option v-for="dict in dict.type.sys_user_sex" :key="dict.value" :label="dict.label"
@@ -161,7 +146,6 @@
         <el-form-item label="椤圭洰绫诲瀷" prop="proType">
           <el-input v-model="form.proType" placeholder="璇疯緭鍏ラ」鐩被鍨�" />
         </el-form-item>
-
         <el-form-item label="绉戝鍚嶇О" prop="deptId">
           <el-select v-model="form.deptId" placeholder="璇烽�夋嫨绉戝鍚嶇О" @change="changeType" filterable style="width: 260px">
             <el-option v-for="item in parentNameList" :key="item.deptId" :label="item.deptName" :value="item.deptId" />
@@ -209,7 +193,6 @@
               :value="dict.value"></el-option>
           </el-select>
         </el-form-item>
-
         <el-form-item label="缁撴灉绫诲瀷" prop="resultType">
           <el-select v-model="form.resultType" placeholder="璇烽�夋嫨缁撴灉绫诲瀷" style="width: 200px" filterable clearable>
             <el-option v-for="dict in dict.type.tj_result_type" :key="dict.value" :label="dict.label"
@@ -220,13 +203,10 @@
           <span slot="label" style="display: inline-block; border-bottom: 2px solid blue" @click="getDetailed">
             his椤圭洰鍚嶇О
           </span>
-
-          <el-input v-model="form.hisXmmc" placeholder="his椤圭洰鍚嶇О" style="width: 200px">
-          </el-input>
+          <el-input v-model="form.hisXmmc" placeholder="his椤圭洰鍚嶇О" style="width: 200px"></el-input>
         </el-form-item>
         <el-form-item label="his椤圭洰鍚嶇О" prop="hisXmmc" v-if="key == 'N'">
-          <el-input v-model="form.hisXmmc" placeholder="璇疯緭鍏ユ槑缁嗛」鐩�" style="width: 260px">
-          </el-input>
+          <el-input v-model="form.hisXmmc" placeholder="璇疯緭鍏ユ槑缁嗛」鐩�" style="width: 260px"></el-input>
         </el-form-item>
         <el-form-item label="his缂栫爜" prop="hisXmbm">
           <el-input v-model="form.hisXmbm" placeholder="璇疯緭鍏is缂栫爜" style="width: 260px" />
@@ -238,11 +218,8 @@
           <span slot="label" style="display: inline-block; border-bottom: 2px solid blue" @click="handleQuerys">
             LIS椤圭洰
           </span>
-
-          <el-input v-model="form.lisXmmc" placeholder="璇疯緭鍏IS椤圭洰" style="width: 200px">
-          </el-input>
+          <el-input v-model="form.lisXmmc" placeholder="璇疯緭鍏IS椤圭洰" style="width: 200px"></el-input>
         </el-form-item>
-
         <el-form-item label="LIS缂栫爜" prop="lisXmbm">
           <el-input v-model="form.lisXmbm" placeholder="璇疯緭鍏is缂栫爜" style="width: 260px" />
         </el-form-item>
@@ -250,7 +227,7 @@
           <el-input v-model="form.proRemark" placeholder="璇疯緭鍏ュ娉�" style="width: 200px" />
         </el-form-item>
         <el-form-item label="鎺掑簭" prop="xh">
-          <el-input v-model="form.xh" placeholder="璇疯緭鍏ュ娉�" style="width: 200px" />
+          <el-input v-model="form.xh" placeholder="璇疯緭鍏ユ帓搴�" style="width: 200px" />
         </el-form-item>
       </el-form>
       <el-button style="margin-left: 40px" type="primary" plain size="mini" icon="el-icon-plus"
@@ -262,15 +239,12 @@
           <template slot-scope="scope">
             <el-select filterable v-model="scope.row.makings" placeholder="璇烽�夋嫨鏀惰垂椤圭洰" @change="getSelectValue">
               <el-option v-for="(item, index) in consumableList" :key="index" :label="item.makings"
-                :value="item.makings">
-              </el-option>
+                :value="item.makings"></el-option>
             </el-select>
           </template>
         </el-table-column>
-        <el-table-column label="瑙勬牸" align="center" prop="specifications">
-        </el-table-column>
-        <el-table-column label="浠锋牸" align="center" prop="price">
-        </el-table-column>
+        <el-table-column label="瑙勬牸" align="center" prop="specifications"></el-table-column>
+        <el-table-column label="浠锋牸" align="center" prop="price"></el-table-column>
         <el-table-column label="鎿嶄綔" align="center" fixed="right" class-name="small-padding fixed-width">
           <template slot-scope="scope">
             <el-button size="mini" type="text" icon="el-icon-delete" @click.native.prevent="Delete(scope.$index)"
@@ -328,7 +302,6 @@
     <el-dialog title="鏀惰垂椤圭洰" :visible.sync="dialogTableVisible" width="80%" :close-on-click-modal="false">
       <div class="app-container">
         <el-row :gutter="24">
-          <!--閮ㄩ棬鏁版嵁-->
           <el-col :span="6" :xs="24">
             <div style="height: 560px; overflow-y: scroll">
               <div class="head-container">
@@ -364,7 +337,6 @@
               <el-table-column label="椤圭洰缂栫爜" align="center" prop="xmbm" />
               <el-table-column label="椤圭洰鍚嶇О" align="center" prop="xmmc" />
               <el-table-column label="鎷奸煶鐮�" align="center" prop="pym" />
-              <!-- <el-table-column label="浜旂瑪鐮�" align="center" prop="wbm"  /> -->
               <el-table-column label="鍙傝�冨崟浠�" align="center" prop="ckdj" />
               <el-table-column label="涓�绾ф渶楂橀檺浠�" align="center" prop="yjzgxj" />
               <el-table-column label="浜岀骇鏈�楂橀檺浠�" align="center" prop="ejzgxj" />
@@ -398,6 +370,8 @@
 </template>
 
 <script>
+import debounce from 'lodash/debounce';
+import cnchar from 'cnchar';
 import Packagese from "@/components/Packagese";
 import {
   getProject,
@@ -418,7 +392,6 @@
 import IconSelect from "@/components/IconSelect";
 import { listConsumables } from "@/api/hosp/consumables";
 import { Message } from "element-ui";
-import cnchar from 'cnchar';
 import {
   listSfxm,
   getSfxm,
@@ -446,19 +419,18 @@
   data() {
     let checkPhoneNum = (rule, value, callback) => {
       let patter = new RegExp(/^1\s*[3456789]\s*(\d\s*){9}$/);
-      if (value == "" && value == undefined && !value) {
-        return callback("");
-      } else if (value != undefined && value != "") {
+      if (value == "" || value == undefined || !value) {
         return callback();
       } else if (!patter.test(value)) {
-        return callback("");
+        return callback(new Error("璇疯緭鍏ユ湁鏁堢殑鎵嬫満鍙�"));
+      } else {
+        return callback();
       }
     };
     return {
       xiugais: true,
       xiugaiList: [],
-      // 閮ㄩ棬鏍戦�夐」
-      deptOptions: undefined,
+      deptOptions: [],
       dialogTableVisible: false,
       isPriceDisabled: false,
       sfxmList: [],
@@ -470,43 +442,29 @@
       xmmc: "",
       chargeId: [],
       List: false,
-      // 閮ㄩ棬鍚嶇О
       deptName: "",
       deptOption: [],
       ChangeList: [],
-      // 閬僵灞�
       loading: true,
       loadings: false,
       key: "",
-      // 閫変腑鏁扮粍
       ids: [],
-      // 闈炲崟涓鐢�
       single: true,
-      // 闈炲涓鐢�
       multiple: true,
-      // 鏄剧ず鎼滅储鏉′欢
       showSearch: true,
-      // 鎬绘潯鏁�
       total: 0,
       treeId: ["532"],
       ListId: [],
       noclick: false,
-      // 浣撴鑰楁潗琛ㄦ牸鏁版嵁
       consumableList: [],
       tjStandardList: [],
-      // 琛ㄦ牸鏍戞暟鎹�
       deptList: [],
       parentNameList: [],
       sfxmId: null,
-      // 浣撴椤圭洰琛ㄦ牸鏁版嵁
       projectList: [],
-      // 鑿滃崟鏍戦�夐」
       projectOptions: [],
-      // 寮瑰嚭灞傛爣棰�
       title: "",
-      // 鏄惁鏄剧ず寮瑰嚭灞�
       open: false,
-      // 鏄惁灞曞紑锛岄粯璁ゅ叏閮ㄦ姌鍙�
       isExpandAll: false,
       showPrise: false,
       showRentPrise: false,
@@ -517,12 +475,8 @@
       proParent: false,
       id: "",
       isSubmitting: false,
-      // 閲嶆柊娓叉煋琛ㄦ牸鐘舵��
       refreshTable: true,
-      // 鏌ヨ鍙傛暟
       queryParams: {
-        // pageNum: 1,
-        // pageSize: 10,
         proName: null,
         proEngName: null,
         checkType: null,
@@ -541,7 +495,6 @@
         pageSize: 10,
         id: null,
       },
-      // 琛ㄥ崟鍙傛暟
       form: {
         proParentId: "",
         deptId: "",
@@ -551,7 +504,7 @@
         sfzhfy: "Y",
         hisdj: "",
         sl: "",
-        xh:"0",
+        xh: "0",
         proStatus: "0",
         proName: "",
         proPrice: "",
@@ -561,9 +514,8 @@
         proMetering: "",
         proScope: "",
         proSex: "2",
-        resultType: "", // 鍒濆鍊�
+        resultType: "",
       },
-      // 琛ㄥ崟鏍¢獙
       rules: {
         createTime: [
           { required: true, validator: checkPhoneNum, trigger: "blur" },
@@ -575,36 +527,29 @@
           { required: true, validator: checkPhoneNum, trigger: "blur" },
         ],
         proName: [
-          { required: true, validator: checkPhoneNum, trigger: "blur" },
+          { required: true, message: "椤圭洰鍚嶇О涓嶈兘涓虹┖", trigger: "blur" },
         ],
         proPrice: [
-          { required: true, validator: checkPhoneNum, trigger: "blur" },
+          { required: true, message: "椤圭洰浠锋牸涓嶈兘涓虹┖", trigger: "blur" },
         ],
-        deptId: [{ required: true, validator: checkPhoneNum, trigger: "blur" }],
-        // proStandard: [
-        //   { required: true, message: "椤圭洰鏍囧噯鍊间笉鑳戒负绌�", trigger: "blur" },
-        // ],
+        deptId: [
+          { required: true, message: "绉戝鍚嶇О涓嶈兘涓虹┖", trigger: "change" },
+        ],
       },
+      pinyinCache: new Map(),
     };
   },
   watch: {
-    // 鏍规嵁鍚嶇О绛涢�夐儴闂ㄦ爲
     deptName(val) {
-      this.$refs.tree.filter(val);
+      this.debounceFilter(val);
     },
-    treeId(newVal, oldVal) {
+    treeId(newVal) {
       if (newVal && newVal.length > 0) {
         this.$nextTick(() => {
-          // Find the last ID in the treeId array
-          const lastId = newVal[newVal.length - 1] || "532"; // Default to 100 if undefined
-          // Search for the node in deptOptions
+          const lastId = newVal[newVal.length - 1] || "532";
           const node = this.findNodeById(this.deptOptions, lastId);
-
           if (node) {
-            // Set the current key for the tree
             this.$refs.tree.setCurrentKey(lastId);
-
-            // Simulate clicking on the node
             const nodeElement = document.querySelector(`.el-tree-node[data-key="${lastId}"] .el-tree-node__content`);
             if (nodeElement) {
               nodeElement.click();
@@ -613,52 +558,95 @@
         });
       }
     },
-    // 鏍规嵁鍚嶇О绛涢�夐儴闂ㄦ爲
     xmmc(val) {
       this.$refs.tree.filter(val);
     },
-    chargeId(newVal, oldVal) {
+    chargeId(newVal) {
       if (newVal) {
         this.$nextTick(() => {
-          // document.getElementById("changtree").click();;
           document
             .querySelector(
               "#changtree .el-tree-node__children .el-tree-node.is-focusable .el-tree-node__content"
             )
-            .click();
+            ?.click();
         });
       }
     },
   },
-
   created() {
     this.getConsumables();
     this.getDeptList();
-    this.getDeptTree();
-
+    this.getDeptTree().then(() => {
+      this.precomputePinyin();
+    });
   },
   mounted() {
-    this.getDeptTree();
+    this.getDeptTree().then(() => {
+      this.precomputePinyin();
+    });
   },
   methods: {
+    debounceFilter: debounce(function(val) {
+      this.$refs.tree.filter(val);
+    }, 300),
+    precomputePinyin() {
+      const traverse = (nodes) => {
+        nodes.forEach(node => {
+          if (node.label) {
+            const lowerSpell = node.label.spell('low', 'array').join('');
+            const upperSpell = node.label.spell('up', 'array').join('');
+            this.pinyinCache.set(node.id, { lowerSpell, upperSpell, label: node.label });
+          }
+          if (node.children) traverse(node.children);
+        });
+      };
+      traverse(this.deptOptions);
+    },
+    filterNode(value, data) {
+      if (!value) return true;
+      const cached = this.pinyinCache.get(data.id);
+      if (!cached) return false;
+      return (
+        cached.label.includes(value) ||
+        cached.lowerSpell.includes(value) ||
+        cached.upperSpell.includes(value)
+      );
+    },
+    filterNode2(value, data) {
+      if (!value) return true;
+      return data.xmmc.includes(value);
+    },
+    findNodeById(nodes, id) {
+      for (let node of nodes) {
+        if (node.id === id) return node;
+        if (node.children) {
+          let result = this.findNodeById(node.children, id);
+          if (result) return result;
+        }
+      }
+      return null;
+    },
+    renderContent(h, { node, data }) {
+      return h(
+        "span",
+        {
+          style: {
+            color: data.status === "1" ? "red" : "inherit",
+            fontSize: "14px",
+          },
+        },
+        data.label
+      );
+    },
     handleQuerys() {
       this.$refs.aaa.open = true;
       this.$refs.aaa.getAllList();
       this.$refs.aaa.title = "鏁版嵁瀛楀吀";
     },
     handleChanges(param1) {
-      // if(this.form.pacCode == "涓嶈"){
-      //   this.form.cusIdcard = param1[0].xh;
-      // }else{
-      //   this.form.cusIdcard = param1[0].pacCode;
-      // }
-
       this.form.lisXmbm = param1[0].pacCode;
       this.form.lisXmmc = param1[0].pacName;
     },
-    //鏄惁鏄剧ず閫変腑鐨勫��
-    display(value) { },
-    /** 鏌ヨ浣撴椤圭洰鍒楄〃 */
     getList() {
       this.loading = true;
       let data = {
@@ -669,12 +657,9 @@
       };
       getAllChildListById(data).then((response) => {
         this.projectList = response.data.list;
-        // console.log("杩涙潵浜嗗垪琛ㄥ苟涓旇幏鍙栧埌浜嗗��", this.projectList);
-
         this.loading = false;
       });
     },
-    /** 鏌ヨ浣撴鑰楁潗鍒楄〃 */
     getConsumables() {
       this.loading = true;
       listConsumables(this.queryParams).then((response) => {
@@ -682,20 +667,16 @@
         this.loading = false;
       });
     },
-
-    /** 鏂板鎸夐挳鎿嶄綔 */
     handleAdd(row) {
       this.form.hisXmbm = "";
       this.form.hisXmmc = "";
       this.form.hisdj = "";
-      // this.reset();
       this.loading = true;
       this.proParent = false;
       this.form.proPrice = 0.0;
       this.form.proName = "";
       this.form.proId = null;
       this.form.resultType = "1";
-      //  ProjectTree
       getlist().then((response) => {
         if (response.code == 200) {
           this.loading = false;
@@ -705,26 +686,10 @@
           this.key = response.data.key;
           this.projectOptions.push(project);
           if (row.proId) {
-            for (var i = 0; i < project.children.length; i++) {
-              if (project.children[i].proId === row.proId) {
-                this.form.proParentId = row.proId;
-                break;
-              } else {
-                this.form.proParentId = 0;
-              }
-            }
-
+            this.form.proParentId = row.proId || 0;
             this.open = true;
           } else if (this.treeDate.id) {
-            for (var i = 0; i < project.children.length; i++) {
-              if (project.children[i].proId === this.treeDate.id) {
-                this.form.proParentId = this.treeDate.id;
-                break;
-              } else {
-                this.form.proParentId = 0;
-              }
-            }
-
+            this.form.proParentId = this.treeDate.id || 0;
             this.projectOptions.forEach((item) => {
               item.children.forEach((item1) => {
                 if (this.form.proParentId == item1.proId) {
@@ -738,37 +703,20 @@
           }
         }
       });
-
       this.title = "浣撴椤圭洰淇℃伅缁存姢";
-      if (this.queryParams.deptId) {
-        this.form.deptId = this.queryParams.deptId;
-      } else {
-        this.form.deptId = null;
-      }
-      // this.form.proId = this.queryParams.proId;
+      this.form.deptId = this.queryParams.deptId || null;
       this.form.proCheckMethod = "N";
-
-      if ((this.key = "Y")) {
+      if (this.key === "Y") {
         gettreeList().then((response) => {
           this.deptOptionstree = response.data;
         });
       }
     },
-
-    // 鎵撳紑input寮规
     getDetailed() {
       this.querycharge.xmmc = "";
       this.querycharge.pym = "";
-      if (this.selectList) {
-        if (this.selectList.proName === "涓荤被鐩�") {
-          this.dialogTableVisible = false;
-        } else {
-          this.dialogTableVisible = true;
-          this.$nextTick(() => {
-            this.chargeId.push(this.deptOptionstree[0].id);
-          });
-          this.getlistSfxm();
-        }
+      if (this.selectList?.proName === "涓荤被鐩�") {
+        this.dialogTableVisible = false;
       } else if (this.form.proParentId) {
         if (this.form.proParentId != 0) {
           this.dialogTableVisible = true;
@@ -776,7 +724,7 @@
             this.chargeId.push(this.deptOptionstree[0].id);
           });
           this.getlistSfxm();
-        } else if (this.form.proParentId == 0) {
+        } else {
           this.dialogTableVisible = false;
         }
       } else {
@@ -786,11 +734,8 @@
     changeType() {
       this.$forceUpdate();
     },
-
     obtain(vals) {
-      if (this.projectOptions) {
-        this.selectList = vals;
-      }
+      this.selectList = vals;
       if (this.selectList.proName === "涓荤被鐩�") {
         this.showPrise = true;
         this.showRentPrise = false;
@@ -805,51 +750,39 @@
       this.List = true;
       listSfxm(this.querycharge).then((response) => {
         this.sfxmList = response.rows;
-
         response.rows.forEach((item, index) => {
-          item.newID =
-            (this.querycharge.pageNum - 1) * this.querycharge.pageSize +
-            index +
-            1;
+          item.newID = (this.querycharge.pageNum - 1) * this.querycharge.pageSize + index + 1;
         });
         this.total = response.total;
         this.loading = false;
       });
     },
-
     Synchronizationfees() {
       tbhisproprice().then((response) => {
         this.$modal.msgSuccess("鎵归噺鍚屾璐圭敤鎴愬姛");
       });
     },
-    // input寮规鎼滅储
     handlecharge() {
       this.querycharge.pageNum = 1;
       this.List = true;
       this.getlistSfxm();
     },
-
     handleNodecharge(data) {
       this.queryParam.id = data.id;
-
       this.List = false;
       this.getListByXmId();
     },
-
     getListByXmId() {
       this.loading = true;
       getListByXmId(this.queryParam).then((response) => {
         this.sfxmList = response.data.date;
         response.data.date.forEach((item, index) => {
-          item.newID =
-            (this.queryParam.page - 1) * this.queryParam.pageSize + index + 1;
+          item.newID = (this.queryParam.page - 1) * this.queryParam.pageSize + index + 1;
         });
         this.total = response.data.total;
         this.loading = false;
       });
     },
-
-    /** 杞崲鑿滃崟鏁版嵁缁撴瀯 */
     normalizer(node) {
       if (node.children && !node.children.length) {
         delete node.children;
@@ -860,102 +793,30 @@
         children: node.children,
       };
     },
-    // // 鏌ヨ浣撴椤圭洰鍒楄〃(鏍戝舰缁撴瀯)
     getData() {
-      /** 鏌ヨ閮ㄩ棬涓嬫媺鏍戠粨鏋� */
       getAllChildListById().then((response) => {
         this.projectOptions = [];
         const project = { proId: 0, proName: "涓荤被鐩�", children: [] };
         project.children = this.handleTree(response.data.list, "proId");
         this.key = response.data.key;
-        // if (this.key == "Y") {
-        //   this.key = response.data.key
-        // } else if (response.data.key == "N") {
-        //   this.key = response.data.key
-        // }
         this.projectOptions.push(project);
       });
     },
-    /** 鏌ヨ閮ㄩ棬鍒楄〃 */
     getDeptList() {
       listDept(this.queryParams).then((response) => {
         this.parentNameList = response.data;
         this.deptList = this.handleTree(response.data, "proId");
       });
     },
-    /** 鏌ヨ閮ㄩ棬涓嬫媺鏍戠粨鏋� */
     getDeptTree() {
-
-      deptTree111().then((response) => {
+      return deptTree111().then((response) => {
         this.deptOptions = response.data;
         this.treeId.push(this.treeDate.id);
       });
-
     },
-    findNodeById(nodes, id) {
-      for (let node of nodes) {
-        if (node.id === id) {
-          return node;
-        }
-        if (node.children) {
-          let result = this.findNodeById(node.children, id);
-          if (result) return result;
-        }
-      }
-      return null;
-    },
-    renderContent(h, { node, data }) {
-      return h(
-        "span",
-        {
-          style: {
-            color: data.status === "1" ? "red" : "inherit", // 鍔ㄦ�佽缃鑹�
-            fontSize: "14px",
-          },
-        },
-        data.label // 鏄剧ず鑺傜偣鐨� label
-      );
-    },
-
-    // 绛涢�夎妭鐐�
-    filterNode2(value, data) {
-      if (!value) return true;
-      return data.xmmc.indexOf(value) !== -1;
-    },
-    // 绛涢�夎妭鐐�
-    filterNode(value, data) {
-      if (!value) return true;
-      const input = value.toLowerCase();
-      const label = data.label;
-      
-      // 1. 鐩存帴涓枃鍖归厤
-      if (label.includes(input)) return true;
-
-      // 2. 鍏ㄦ嫾鍖归厤锛堟敮鎸佸ぇ灏忓啓锛�
-      const fullPinyin = cnchar.spell(label, 'low', 'array').join('');
-      if (fullPinyin.includes(input)) return true;
-
-      // 3. 棣栧瓧姣嶇畝鎷煎尮閰�
-      const simplePinyin = cnchar.spell(label, 'first', 'low').replace(/\s+/g, '');
-      if (simplePinyin.includes(input)) return true;
-
-      // 4. 甯︾┖鏍肩殑鍏ㄦ嫾鍖归厤锛堝锛歾hang san锛�
-      const spacedPinyin = cnchar.spell(label, 'low', ' ').replace(/\s+/g, ' ');
-      if (spacedPinyin.includes(input)) return true;
-
-      return false;
-    },
-
-    // 鑺傜偣鍗曞嚮浜嬩欢
     handleNodeClick(date) {
-
-      // console.log("璋冪敤浜唄andleNodeClick ", date.id, this.id)
       this.treeDate = date;
-      if (date.qf == "0") {
-        this.xiugais = true;
-      } else {
-        this.xiugais = false;
-      }
+      this.xiugais = date.qf === "0";
       let proId = date.id;
       getInfoByProId(proId).then((response) => {
         this.xiugaiList = response.data;
@@ -964,36 +825,18 @@
       this.queryParams.proId = date.id;
       let data = {
         proId: this.queryParams.proId,
-        proName: this.queryParams.proNamez,
+        proName: this.queryParams.proName,
       };
       this.loading = true;
       getAllChildListById(data).then((response) => {
         if (response.code == 200) {
-          if (response.data.list.length >= 1) {
-            this.projectList = this.handleTree(response.data.list, "proId");
-            this.ListId.push(this.projectList[0].proId);
-            this.key = response.data.key;
-          } else {
-            this.projectList = [];
-          }
-
-          // if (this.key == "Y") {
-          //   this.key = response.data.key
-          // } else if (response.data.key == "N") {
-          //   this.key = response.data.key
-          // }
+          this.projectList = response.data.list.length >= 1 ? this.handleTree(response.data.list, "proId") : [];
+          this.ListId = this.projectList.length ? [this.projectList[0].proId] : [];
+          this.key = response.data.key;
           this.loading = false;
         }
       });
     },
-    selectSingleRow({ row, rowIndex }) {
-      if (rowIndex === 1) {
-        return "warning-row";
-      }
-      return "";
-    },
-
-    /** 灞曞紑/鎶樺彔鎿嶄綔 */
     toggleExpandAll() {
       this.refreshTable = false;
       this.isExpandAll = !this.isExpandAll;
@@ -1001,24 +844,17 @@
         this.refreshTable = true;
       });
     },
-    // 鍙栨秷鎸夐挳
     cancel() {
-      // this.$tab.refreshPage();
       this.open = false;
       this.queryParam.id = this.id;
-      let data = {
-        proId: this.queryParams.proId,
-      };
-      getAllChildListById(data).then((response) => {
-
+      let data = { proId: this.queryParams.proId };
+      getAllChildListById(data).then(() => {
         this.loading = false;
       });
     },
-
     handleClose() {
       this.cancel();
     },
-    // 琛ㄥ崟閲嶇疆
     reset() {
       this.form = {
         proParentId: null,
@@ -1026,7 +862,7 @@
         proEngName: null,
         proPrice: "0.00",
         proRemark: null,
-        xh:"0",
+        xh: "0",
         createBy: null,
         createTime: null,
         updateBy: null,
@@ -1047,55 +883,37 @@
       };
       this.resetForm("form");
     },
-    /** 鎼滅储鎸夐挳鎿嶄綔 */
     handleQuery() {
-      // this.queryParams.pageNum = 1;
       this.getList();
     },
-    /** 閲嶇疆鎸夐挳鎿嶄綔 */
     resetQuery() {
       this.resetForm("queryForm");
       this.queryParams.proId = undefined;
       this.$refs.tree.setCurrentKey(null);
       this.handleQuery();
     },
-
     flexColumnWidth(column) {
-      if (!column) {
-        return;
-      }
-      let maxlength = 160; //鍦ㄦ澶勮缃粯璁ゅ搴�
-      if (column == "rwdtypeName") {
-        //鍦ㄦ澶勪负浜嗕繚璇佽〃澶翠笉鎹㈣锛屽彲浠ユ牴鎹〃澶村悕绉伴暱搴﹁缃粯璁ゅ搴�
-        // column1 灏辨槸瀵瑰簲琛ㄦ牸涓殑prop灞炴�у�硷紝姣斿涓婇潰鐨� rwdtypeName
-        maxlength = 160;
-      }
+      if (!column) return;
+      let maxlength = 160;
+      if (column === "proName") maxlength = 160;
       for (let i = 0; i < this.projectList.length; i++) {
         if (this.projectList[i][column]) {
           let now_temp = this.projectList[i][column] + "";
           let flexWidth = 0;
           for (const char of now_temp) {
             if ((char >= "A" && char <= "Z") || (char >= "a" && char <= "z")) {
-              //鑻辨枃瀛楁瘝 8 鍍忕礌
               flexWidth += 8;
             } else if (char >= "\u4e00" && char <= "\u9fa5") {
-              //涓枃鏂囧瓧 15 鍍忕礌
               flexWidth += 15;
             } else {
-              //鍏朵粬瀛楃 10 鍍忕礌
               flexWidth += 10;
             }
           }
-          if (flexWidth > maxlength) {
-            maxlength = flexWidth;
-          }
+          if (flexWidth > maxlength) maxlength = flexWidth;
         }
       }
-      //el-table涓� cell 鏈夊乏鍙崇殑 padding 涓� 10 鍍忕礌
       return maxlength + 20 + "px";
     },
-
-    // 澶氶�夋閫変腑鏁版嵁
     handleSelectionChange(selection) {
       this.ChangeList = selection;
       this.ids = selection.map((item) => item.id);
@@ -1103,87 +921,49 @@
       this.multiple = !selection.length;
       if (selection.length > 1) {
         let del_row = selection.shift();
-        this.$refs.tb.toggleRowSelection(del_row, false); //璁剧疆杩欎竴琛屽彇娑堥�変腑
+        this.$refs.tb.toggleRowSelection(del_row, false);
       }
     },
-
-    // 鏂板琛�
     addmembers() {
       if (this.form.proName) {
         if (!this.form.consumablesList) {
           this.form.consumablesList = [];
-          this.form.consumablesList.push({
-            // id: parseInt(length),
-            id: "",
-            makings: "",
-            specifications: "",
-            price: "",
-            Selection,
-          });
-        } else {
-          this.form.consumablesList.push({
-            // id: parseInt(length),
-            id: "",
-            makings: "",
-            specifications: "",
-            price: "",
-            Selection,
-          });
         }
+        this.form.consumablesList.push({
+          id: "",
+          makings: "",
+          specifications: "",
+          price: "",
+        });
         if (!this.form.tjStandardList) {
           this.form.tjStandardList = [];
-          this.form.tjStandardList.push({
-            stanId: "",
-            tjSex: "",
-            tjType: "",
-            tjStandardGtValue: "",
-            tjStandardLtValue: "",
-            company: "",
-            Selection,
-          });
-        } else {
-          this.form.tjStandardList.push({
-            stanId: "",
-            tjSex: "",
-            tjType: "",
-            tjStandardGtValue: "",
-            tjStandardLtValue: "",
-            company: "",
-            Selection,
-          });
         }
+        this.form.tjStandardList.push({
+          stanId: "",
+          tjSex: "",
+          tjType: "",
+          tjStandardGtValue: "",
+          tjStandardLtValue: "",
+          company: "",
+        });
       } else {
         Message.warning("璇峰厛濉啓椤圭洰鍚嶇О");
       }
       this.$forceUpdate();
     },
-    // 鍒犻櫎琛�
     Delete(index) {
-      if (this.form.consumablesList.length == 0) {
-        this.$alert("璇峰厛閫夋嫨瑕佸垹闄ょ殑鏁版嵁", "鎻愮ず", {
-          confirmButtonText: "纭畾",
-        });
-      } else {
+      if (this.form.consumablesList.length) {
         this.form.consumablesList.splice(index, 1);
       }
-      if (this.form.tjStandardList.length == 0) {
-        this.$alert("璇峰厛閫夋嫨瑕佸垹闄ょ殑鏁版嵁", "鎻愮ず", {
-          confirmButtonText: "纭畾",
-        });
-      } else {
+      if (this.form.tjStandardList.length) {
         this.form.tjStandardList.splice(index, 1);
       }
     },
     handleUpdate1() {
       this.form = this.xiugaiList;
-
       this.form.proStatus = this.form.proStatus.toString();
       this.proParent = true;
-      // 璁剧疆椤圭洰浠锋牸绂佺敤
       this.isPriceDisabled = true;
-      // if(){
-      //   this.proParent = true
-      // }
       getlist().then((response) => {
         if (response.code == 200) {
           this.loading = false;
@@ -1195,68 +975,26 @@
         }
       });
       this.open = true;
-
     },
-    /** 淇敼鎸夐挳鎿嶄綔 */
     handleUpdate(row) {
-      console.log('璋冪敤浜唄andleUpdate');
-
       this.reset();
       this.getData();
-      // this.form = row;
       const proId = row.proId || this.ids;
       this.proParent = false;
       this.isPriceDisabled = false;
       getProject(proId).then((response) => {
         this.form = response.data;
-        if (this.form.proParentId === "0") {
-          this.showPrise = true;
-          this.showRentPrise = false;
-        } else {
-          this.showPrise = false;
-          this.showRentPrise = true;
-        }
-        // this.form.deptId = Number(this.form.deptId);
-        if (this.form.proStandard === 0) {
-          this.showPrise = true;
-          this.showRentPrise = false;
-        } else {
-          this.showPrise = false;
-          this.showRentPrise = true;
-        }
+        this.showPrise = this.form.proParentId === "0";
+        this.showRentPrise = !this.showPrise;
         this.form.proStatus = this.form.proStatus.toString();
         this.form.consumablesList = response.data.consumablesList;
         this.form.tjStandardList = response.data.tjStandardList;
-        if (this.form.tjStandardList != null) {
+        if (this.form.tjStandardList) {
           this.form.tjStandardList.forEach((item) => {
-            if (item.tjSex === 0 || item.tjSex === "鐢�") {
-              item.tjSex = "鐢�";
-            } else if (item.tjSex === 1 || item.tjSex === "濂�") {
-              item.tjSex = "濂�";
-            } else {
-              item.tjSex = null;
-            }
-            if (item.tjType === 0) {
-              item.tjType = "濠村効";
-            }
-            if (item.tjType === 1) {
-              item.tjType = "骞煎効";
-            }
-            if (item.tjType === 2) {
-              item.tjType = "鍎跨";
-            }
-            if (item.tjType === 3) {
-              item.tjType = "灏戝勾";
-            }
-            if (item.tjType === 4) {
-              item.tjType = "闈掑勾";
-            }
-            if (item.tjType === 5) {
-              item.tjType = "涓勾";
-            }
-            if (item.tjType === 6) {
-              item.tjType = "鑰佸勾";
-            }
+            item.tjSex = item.tjSex === "0" || item.tjSex === "鐢�" ? "鐢�" : (item.tjSex === "1" || item.tjSex === "濂�" ? "濂�" : null);
+            item.tjType = {
+              0: "濠村効", 1: "骞煎効", 2: "鍎跨", 3: "灏戝勾", 4: "闈掑勾", 5: "涓勾", 6: "鑰佸勾"
+            }[item.tjType] || item.tjType;
           });
         }
         getlist().then((response) => {
@@ -1273,10 +1011,6 @@
         this.title = "浣撴椤圭洰淇℃伅缁存姢";
       });
     },
-    changeValue(value) {
-      // this.form.deptName = value;
-      this.form.deptId = value;
-    },
     getSelectValue(val) {
       this.form.consumablesList.forEach((formitem) => {
         if (formitem.makings === val) {
@@ -1290,40 +1024,20 @@
         }
       });
     },
-
-    // sex(sval) {
-    //   if (this.form.tjStandardList) {
-    //     this.form.tjStandardList.forEach((sitem) => {
-    //       if (sitem.tjSex === "鐢�") {
-    //         sitem.tjSex = 0;
-    //       } else {
-    //         sitem.tjSex = 1;
-    //       }
-    //     });
-    //   }
-    // },
-
-    /** 鎻愪氦鎸夐挳 */
     submitForm() {
       this.noclick = true;
-      this.$refs["form"].validate(valid => {
+      this.$refs["form"].validate((valid) => {
         if (valid) {
           const isUpdate = this.form.proId != null;
-
-          // 澶勭悊鎬у埆鍜屽勾榫勭粍鐨勮浆鎹�
           if (this.form.tjStandardList) {
-            this.form.tjStandardList.forEach(item => {
+            this.form.tjStandardList.forEach((item) => {
               item.tjSex = item.tjSex === "鐢�" || item.tjSex === "0" ? "0" : (item.tjSex === "濂�" || item.tjSex === "1" ? "1" : null);
               item.tjType = {
                 "濠村効": 0, "骞煎効": 1, "鍎跨": 2, "灏戝勾": 3, "闈掑勾": 4, "涓勾": 5, "鑰佸勾": 6
               }[item.tjType] || null;
             });
           }
-
-          // 璁剧疆 lisXmbm
           this.form.lisXmbm = this.form.lisXmbm;
-
-          // 鏍规嵁 key 鍊奸�夋嫨涓嶅悓鐨勬搷浣滄祦绋�
           if (this.key === "N") {
             this.processSubmission(isUpdate, false);
           } else if (this.key === "Y") {
@@ -1333,41 +1047,38 @@
         }
       });
     },
-
     processSubmission(isUpdate, isY) {
       if (isUpdate) {
-        updateProject(this.form).then(response => {
+        updateProject(this.form).then((response) => {
           this.$modal.msgSuccess("淇敼鎴愬姛");
           this.handleSuccess(isY);
         });
       } else {
-        // 鏂板閫昏緫
         if (this.form.proParentId === 0) {
           this.form.tjStandardList = null;
         } else {
           this.form.consumablesList = null;
         }
-
-        if (this.form.deptId === null || this.form.proParentId === null) {
+        if (!this.form.deptId || !this.form.proParentId) {
           this.$message.error("璇峰~鍐欑埗椤瑰悕绉版垨绉戝鍚嶇О");
           this.open = true;
         } else {
-          addProject(this.form).then(response => {
+          addProject(this.form).then((response) => {
             this.$modal.msgSuccess("鏂板鎴愬姛");
             this.handleSuccess(isY);
           });
         }
       }
     },
-
     handleSuccess(isY) {
       this.cancel();
       this.getList();
       if (this.proParent || isY) {
-        this.getDeptTree();
+        this.getDeptTree().then(() => {
+          this.precomputePinyin();
+        });
       }
     },
-    // 鏀惰垂椤圭洰纭
     submit() {
       this.ChangeList.forEach((item) => {
         this.form.proPrice = item.ckdj;
@@ -1378,13 +1089,11 @@
       });
       this.dialogTableVisible = false;
     },
-    /** 鍒犻櫎鎸夐挳鎿嶄綔 */
     handleDelete(row) {
       const proIds = row.proId || this.ids;
       this.$modal
         .confirm('鏄惁纭鍒犻櫎浣撴椤圭洰缂栧彿涓�"' + proIds + '"鐨勬暟鎹」锛�')
-        .then(function () {
-          // return delProject(proIds);
+        .then(() => {
           return delProject(proIds).then((response) => {
             if (response.msg === "璇ラ」鐩鍦ㄤ娇鐢ㄦ殏鏃朵笉鑳藉垹闄�") {
               Message.warning(response.msg);
@@ -1396,40 +1105,31 @@
           this.getList();
           this.$modal.msgSuccess("鍒犻櫎鎴愬姛");
         })
-        .catch(() => { });
+        .catch(() => {});
     },
-    /** 瀵煎嚭鎸夐挳鎿嶄綔 */
     handleExport() {
       this.download(
         "hosp/project/export",
-        {
-          ...this.queryParams,
-        },
+        { ...this.queryParams },
         `project_${new Date().getTime()}.xlsx`
       );
     },
   },
 };
 </script>
+
 <style scoped>
 .scrollable-container {
   width: 200px;
-  /* 璁剧疆瀹瑰櫒鐨勫搴� */
   height: 629px;
-  /* 璁剧疆瀹瑰櫒鐨勯珮搴� */
   overflow: auto;
-  /* 鍏佽鍐呭婧㈠嚭鏃舵樉绀烘粴鍔ㄦ潯 */
   border: 1px solid #ccc;
-  /* 鍙�夛細娣诲姞杈规浠ユ洿濂藉湴鏄剧ず瀹瑰櫒 */
   position: relative;
-  /* 鍙�夛細浣垮鍣ㄥ唴鐨勭粷瀵瑰畾浣嶅厓绱犺兘澶熸纭樉绀� */
 }
 
 .content {
   width: 1000px;
-  /* 璁剧疆鍐呭鐨勫搴︼紝浠ヨЕ鍙戞按骞虫粴鍔ㄦ潯 */
   height: 1000px;
-  /* 璁剧疆鍐呭鐨勯珮搴︼紝浠ヨЕ鍙戝瀭鐩存粴鍔ㄦ潯 */
 }
 
 .el-table__header-wrapper .el-checkbox {
@@ -1473,4 +1173,1179 @@
 .el-scrollbar__wrap {
   overflow-x: hidden;
 }
-</style>
+</style><template>
+  <div class="app-container">
+    <el-row :gutter="20">
+      <el-col :span="3" :xs="24">
+        <div class="head-container">
+          <el-input v-model="deptName" placeholder="璇疯緭鍏ラ儴闂ㄥ悕绉�" clearable size="small" prefix-icon="el-icon-search"
+            style="margin-bottom: 15px" />
+        </div>
+        <div class="scrollable-container">
+          <div class="content">
+            <el-tree :data="deptOptions" :props="defaultProps" :expand-on-click-node="false"
+              :filter-node-method="filterNode" ref="tree" node-key="id" :default-expanded-keys="treeId"  
+              highlight-current @node-click="handleNodeClick" :render-content="renderContent" v-loading="loadings"/>
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="20" :xs="24">
+        <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
+          label-width="68px">
+          <el-form-item label="椤圭洰鍚嶇О" prop="proName">
+            <el-input v-model="queryParams.proName" placeholder="璇疯緭鍏ラ」鐩悕绉�" clearable @keyup.enter.native="handleQuery" />
+          </el-form-item>
+          <el-form-item label="妫�鏌ョ被鍒�" prop="checkType">
+            <el-input v-model="queryParams.checkType" placeholder="璇疯緭鍏ユ鏌ョ被鍒�" clearable
+              @keyup.enter.native="handleQuery" />
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">鎼滅储</el-button>
+            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">閲嶇疆</el-button>
+          </el-form-item>
+        </el-form>
+
+        <el-row :gutter="10" class="mb8">
+          <el-col :span="1.5">
+            <el-button type="primary" icon="el-icon-plus" size="mini" @click="handleAdd"
+              v-hasPermi="['hosp:project:add']">鏂板</el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button :disabled="xiugais" type="primary" icon="el-icon-plus" size="mini" @click="handleUpdate1"
+              v-hasPermi="['hosp:project:add']">淇敼</el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button type="primary" icon="el-icon-download" size="mini" @click="handleExport"
+              v-hasPermi="['hosp:project:export']">瀵煎嚭</el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button type="primary" icon="el-icon-download" size="mini"
+              @click="Synchronizationfees">鎵归噺鍚屾璐圭敤</el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button type="primary" icon="el-icon-sort" size="mini" @click="toggleExpandAll">灞曞紑/鎶樺彔</el-button>
+          </el-col>
+          <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+        </el-row>
+
+        <el-table v-if="refreshTable" v-loading="loading" :data="projectList" ref="tableRef" border>
+          <el-table-column label="椤圭洰鍚嶇О" prop="proName" fixed="left" :width="flexColumnWidth('proName')" />
+          <el-table-column label="浠锋牸(/鍏�)" align="center" prop="proPrice" width="75px"
+            :show-overflow-tooltip="true"></el-table-column>
+          <el-table-column label="鏁伴噺" align="center" prop="sl" width="65px"
+            :show-overflow-tooltip="true"></el-table-column>
+          <el-table-column label="妫�鏌ョ被鍒�" align="center" prop="proCheckType" width="110px"
+            :show-overflow-tooltip="true" />
+          <el-table-column label="榛樿鍊�" align="center" prop="proDefault" width="110px" :show-overflow-tooltip="true" />
+          <el-table-column label="缁撴灉绫诲瀷" align="center" prop="resultType" width="80px" :show-overflow-tooltip="true">
+            <template slot-scope="scope">
+              <dict-tag :options="dict.type.tj_result_type" :value="scope.row.resultType" />
+            </template>
+          </el-table-column>
+          <el-table-column label="鍙備笌灏忕粨" align="center" prop="needReport" :show-overflow-tooltip="true" width="75px">
+            <template slot-scope="scope">
+              <dict-tag :options="dict.type.sys_yes_no" :value="scope.row.needReport" />
+            </template>
+          </el-table-column>
+          <el-table-column label="鏄惁绌鸿吂" align="center" prop="proCheckMethod" :show-overflow-tooltip="true" width="75px">
+            <template slot-scope="scope">
+              <dict-tag :options="dict.type.sys_yes_no" :value="scope.row.proCheckMethod" />
+            </template>
+          </el-table-column>
+          <el-table-column label="椤圭洰鏍囧噯鍊�" align="center" prop="proScope" :show-overflow-tooltip="true" width="90px">
+          </el-table-column>
+          <el-table-column label="Lis椤圭洰鍚嶇О" align="center" prop="lisXmmc"  :show-overflow-tooltip="true" width="200px">
+          </el-table-column>
+          <el-table-column label="Lis缂栫爜" align="center" prop="lisXmbm" :show-overflow-tooltip="true" width="90px">
+          </el-table-column>
+          <el-table-column label="涓村簥鎰忎箟" align="center" prop="proMeaning" width="350px" :show-overflow-tooltip="true" />
+          <el-table-column label="澶囨敞" prop="remark" align="center" width="120px" :show-overflow-tooltip="true">
+          </el-table-column>
+          <el-table-column label="鐘舵��" align="center" prop="proStatus" fixed="right" width="80px">
+            <template slot-scope="scope">
+              <dict-tag :options="dict.type.sys_normal_disable" :value="scope.row.proStatus" />
+            </template>
+          </el-table-column>
+          <el-table-column label="鎿嶄綔" align="center" fixed="right" class-name="small-padding fixed-width" width="80px">
+            <template slot-scope="scope">
+              <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
+                v-hasPermi="['hosp:project:edit']" title="淇敼"></el-button>
+              <el-button v-if="scope.row.proParentId == '0'" size="mini" type="text" icon="el-icon-plus"
+                @click="handleAdd(scope.row)" v-hasPermi="['system:dept:add']" title="澧炲姞"></el-button>
+              <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
+                v-hasPermi="['hosp:project:remove']" title="鍒犻櫎"></el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-col>
+    </el-row>
+
+    <!-- 娣诲姞鎴栦慨鏀逛綋妫�椤圭洰瀵硅瘽妗� -->
+    <el-dialog :title="title" :visible.sync="open" width="1200px" append-to-body :before-close="handleClose"
+      :close-on-click-modal="false">
+      <el-form ref="form" :model="form" :rules="rules" label-width="100px" :inline="true">
+        <el-form-item label="涓婚」鍚嶇О" prop="proParentId">
+          <treeselect :disabled="proParent" v-model="form.proParentId" :options="projectOptions"
+            :normalizer="normalizer" :show-count="true" placeholder="閫夋嫨涓婚」鍚嶇О" style="width: 260px" @select="obtain" />
+        </el-form-item>
+        <el-form-item label="鏄庣粏椤圭洰" prop="proName">
+          <el-input v-model="form.proName" placeholder="璇疯緭鍏ユ槑缁嗛」鐩�"></el-input>
+        </el-form-item>
+        <el-form-item label="椤圭洰浠锋牸" prop="proPrice">
+          <el-input v-model="form.proPrice" :disabled="isPriceDisabled" placeholder="璇疯緭鍏ラ」鐩环鏍�" />
+        </el-form-item>
+        <el-form-item label="妫�鏌ョ被鍒�" prop="proCheckType">
+          <el-input v-model="form.proCheckType" placeholder="璇疯緭鍏ユ鏌ョ被鍒�" style="width: 260px" />
+        </el-form-item>
+        <el-form-item label="涓村簥鎰忎箟" prop="proMeaning">
+          <el-input v-model="form.proMeaning" placeholder="璇疯緭鍏ヤ复搴婃剰涔�" />
+        </el-form-item>
+        <el-form-item label="鍙備笌灏忕粨" prop="needReport">
+          <el-select v-model="form.needReport" placeholder="璇烽�夋嫨鏄惁鍙備笌灏忕粨" style="width: 200px">
+            <el-option v-for="dict in dict.type.sys_yes_no" :key="dict.value" :label="dict.label"
+              :value="dict.value"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="鏄惁绌鸿吂" prop="proCheckMethod">
+          <el-select v-model="form.proCheckMethod" placeholder="璇烽�夋嫨鏄惁绌鸿吂" style="width: 260px">
+            <el-option v-for="dict in dict.type.sys_yes_no" :key="dict.value" :label="dict.label"
+              :value="dict.value"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="鎬у埆" prop="proSex">
+          <el-select v-model="form.proSex" placeholder="璇烽�夋嫨浣撴浜烘�у埆" style="width: 200px" clearable>
+            <el-option v-for="dict in dict.type.sys_user_sex" :key="dict.value" :label="dict.label"
+              :value="dict.value"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="椤圭洰绫诲瀷" prop="proType">
+          <el-input v-model="form.proType" placeholder="璇疯緭鍏ラ」鐩被鍨�" />
+        </el-form-item>
+        <el-form-item label="绉戝鍚嶇О" prop="deptId">
+          <el-select v-model="form.deptId" placeholder="璇烽�夋嫨绉戝鍚嶇О" @change="changeType" filterable style="width: 260px">
+            <el-option v-for="item in parentNameList" :key="item.deptId" :label="item.deptName" :value="item.deptId" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="鍚敤鏍囧織" prop="proStatus">
+          <el-select v-model="form.proStatus" placeholder="璇烽�夋嫨鐘舵��" style="width: 200px" filterable clearable>
+            <el-option v-for="dict in dict.type.sys_normal_disable" :key="dict.value" :label="dict.label"
+              :value="dict.value"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="椤圭洰榛樿鍊�" prop="proDefault">
+          <el-input v-model="form.proDefault" placeholder="璇疯緭鍏ラ」鐩粯璁ゅ��" style="width: 200px" />
+        </el-form-item>
+        <el-form-item label="閲囨牱鏍囪" prop="isSampling">
+          <el-select v-model="form.isSampling" placeholder="璇烽�夋嫨閲囨牱鏍囪" style="width: 260px" filterable clearable>
+            <el-option v-for="dict in dict.type.dis_sampling_tab" :key="dict.value" :label="dict.label"
+              :value="dict.value"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="鏍囨湰绫诲瀷" prop="specimenType">
+          <el-select v-model="form.specimenType" placeholder="璇烽�夋嫨鏍囨湰绫诲瀷" style="width: 200px" filterable clearable>
+            <el-option v-for="dict in dict.type.sys_dict_specimen" :key="dict.value" :label="dict.label"
+              :value="dict.value"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="妫�鏌ラ儴浣�" prop="checkBw">
+          <el-select v-model="form.checkBw" placeholder="璇烽�夋嫨妫�鏌ラ儴浣�" style="width: 200px" filterable clearable>
+            <el-option v-for="dict in dict.type.sys_dict_position" :key="dict.value" :label="dict.label"
+              :value="dict.value"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="鍗曚綅" prop="proMetering">
+          <el-input v-model="form.proMetering" placeholder="璇疯緭鍏ュ崟浣�" style="width: 260px" />
+        </el-form-item>
+        <el-form-item label="鍙傝�冭寖鍥�" prop="proScope">
+          <el-input v-model="form.proScope" placeholder="璇疯緭鍏ュ弬鑰冭寖鍥�" style="width: 200px" />
+        </el-form-item>
+        <el-form-item label="鏁伴噺" prop="sl">
+          <el-input v-model="form.sl" placeholder="璇疯緭鍏ユ暟閲�" style="width: 200px" />
+        </el-form-item>
+        <el-form-item label="缁勫悎鏍囧織" prop="sfzhfy">
+          <el-select v-model="form.sfzhfy" placeholder="璇烽�夋嫨鏄惁缁勫悎鏍囧織" style="width: 260px">
+            <el-option v-for="dict in dict.type.sys_yes_no" :key="dict.value" :label="dict.label"
+              :value="dict.value"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="缁撴灉绫诲瀷" prop="resultType">
+          <el-select v-model="form.resultType" placeholder="璇烽�夋嫨缁撴灉绫诲瀷" style="width: 200px" filterable clearable>
+            <el-option v-for="dict in dict.type.tj_result_type" :key="dict.value" :label="dict.label"
+              :value="dict.value"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="his椤圭洰鍚嶇О" prop="hisXmmc" v-if="key == 'Y'">
+          <span slot="label" style="display: inline-block; border-bottom: 2px solid blue" @click="getDetailed">
+            his椤圭洰鍚嶇О
+          </span>
+          <el-input v-model="form.hisXmmc" placeholder="his椤圭洰鍚嶇О" style="width: 200px"></el-input>
+        </el-form-item>
+        <el-form-item label="his椤圭洰鍚嶇О" prop="hisXmmc" v-if="key == 'N'">
+          <el-input v-model="form.hisXmmc" placeholder="璇疯緭鍏ユ槑缁嗛」鐩�" style="width: 260px"></el-input>
+        </el-form-item>
+        <el-form-item label="his缂栫爜" prop="hisXmbm">
+          <el-input v-model="form.hisXmbm" placeholder="璇疯緭鍏is缂栫爜" style="width: 260px" />
+        </el-form-item>
+        <el-form-item label="his鍗曚环" prop="hisdj">
+          <el-input v-model="form.hisdj" placeholder="璇疯緭鍏is鍗曚环" style="width: 200px" />
+        </el-form-item>
+        <el-form-item label="LIS椤圭洰" prop="lisXmmc">
+          <span slot="label" style="display: inline-block; border-bottom: 2px solid blue" @click="handleQuerys">
+            LIS椤圭洰
+          </span>
+          <el-input v-model="form.lisXmmc" placeholder="璇疯緭鍏IS椤圭洰" style="width: 200px"></el-input>
+        </el-form-item>
+        <el-form-item label="LIS缂栫爜" prop="lisXmbm">
+          <el-input v-model="form.lisXmbm" placeholder="璇疯緭鍏is缂栫爜" style="width: 260px" />
+        </el-form-item>
+        <el-form-item label="澶囨敞" prop="proRemark">
+          <el-input v-model="form.proRemark" placeholder="璇疯緭鍏ュ娉�" style="width: 200px" />
+        </el-form-item>
+        <el-form-item label="鎺掑簭" prop="xh">
+          <el-input v-model="form.xh" placeholder="璇疯緭鍏ユ帓搴�" style="width: 200px" />
+        </el-form-item>
+      </el-form>
+      <el-button style="margin-left: 40px" type="primary" plain size="mini" icon="el-icon-plus"
+        @click="addmembers">鏂板琛�</el-button>
+      <!-- 鑰楁潗琛� -->
+      <el-table :data="form.consumablesList" border style="margin-top: 10px; margin-left: 40px; width: 890px"
+        v-if="showPrise">
+        <el-table-column label="鑰楁潗鍚嶇О" align="center" prop="makings" width="200px">
+          <template slot-scope="scope">
+            <el-select filterable v-model="scope.row.makings" placeholder="璇烽�夋嫨鏀惰垂椤圭洰" @change="getSelectValue">
+              <el-option v-for="(item, index) in consumableList" :key="index" :label="item.makings"
+                :value="item.makings"></el-option>
+            </el-select>
+          </template>
+        </el-table-column>
+        <el-table-column label="瑙勬牸" align="center" prop="specifications"></el-table-column>
+        <el-table-column label="浠锋牸" align="center" prop="price"></el-table-column>
+        <el-table-column label="鎿嶄綔" align="center" fixed="right" class-name="small-padding fixed-width">
+          <template slot-scope="scope">
+            <el-button size="mini" type="text" icon="el-icon-delete" @click.native.prevent="Delete(scope.$index)"
+              v-hasPermi="['hosp:consumables:remove']" title="鍒犻櫎"></el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <!-- 椤圭洰鏍囧噯鍊艰〃 -->
+      <el-table :data="form.tjStandardList" border style="margin-top: 10px; margin-left: 40px; width: 890px"
+        v-if="showRentPrise">
+        <el-table-column label="浣撴浜烘�у埆" align="center" prop="tjSex">
+          <template slot-scope="scope">
+            <el-select v-model="scope.row.tjSex" placeholder="璇烽�夋嫨浣撴浜烘�у埆">
+              <el-option v-for="dict in dict.type.sys_user_sex" :key="dict.value" :label="dict.label"
+                :value="dict.value"></el-option>
+            </el-select>
+          </template>
+        </el-table-column>
+        <el-table-column label="浣撴浜虹被鍨�" align="center" prop="tjType">
+          <template slot-scope="scope">
+            <el-select filterable v-model="scope.row.tjType" placeholder="璇烽�夋嫨浣撴浜虹被鍨�">
+              <el-option v-for="dict in dict.type.dict_personnel_type" :key="dict.value" :label="dict.label"
+                :value="dict.value"></el-option>
+            </el-select>
+          </template>
+        </el-table-column>
+        <el-table-column label="鍗曚綅" align="center" prop="company">
+          <template slot-scope="scope">
+            <el-input v-model="scope.row.company" autocomplete="off" placeholder="璇疯緭鍏ュ唴瀹�"></el-input>
+          </template>
+        </el-table-column>
+        <el-table-column label="鏍囧噯鏈�灏忓��" align="center" prop="tjStandardLtValue">
+          <template slot-scope="scope">
+            <el-input v-model="scope.row.tjStandardLtValue" autocomplete="off" placeholder="璇疯緭鍏ユ爣鍑嗘渶灏忓��"></el-input>
+          </template>
+        </el-table-column>
+        <el-table-column label="鏍囧噯鏈�澶у��" align="center" prop="tjStandardGtValue">
+          <template slot-scope="scope">
+            <el-input v-model="scope.row.tjStandardGtValue" autocomplete="off" placeholder="璇疯緭鍏ユ爣鍑嗘渶澶у��"></el-input>
+          </template>
+        </el-table-column>
+        <el-table-column label="鎿嶄綔" align="center" fixed="right" class-name="small-padding fixed-width">
+          <template slot-scope="scope">
+            <el-button size="mini" type="text" icon="el-icon-delete" @click.native.prevent="Delete(scope.$index)"
+              v-hasPermi="['hosp:consumables:remove']" title="鍒犻櫎"></el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click.stop="submitForm">纭� 瀹�</el-button>
+        <el-button @click="cancel">鍙� 娑�</el-button>
+      </div>
+    </el-dialog>
+
+    <el-dialog title="鏀惰垂椤圭洰" :visible.sync="dialogTableVisible" width="80%" :close-on-click-modal="false">
+      <div class="app-container">
+        <el-row :gutter="24">
+          <el-col :span="6" :xs="24">
+            <div style="height: 560px; overflow-y: scroll">
+              <div class="head-container">
+                <el-input v-model="xmmc" placeholder="璇疯緭鍏ラ」鐩紪鐮�" clearable size="small" prefix-icon="el-icon-search"
+                  style="margin-bottom: 20px" />
+              </div>
+              <div id="changtree">
+                <el-tree ref="tree" node-key="id" highlight-current :default-expanded-keys="chargeId"
+                  :data="deptOptionstree" :props="defaultPropstree" :expand-on-click-node="false"
+                  :auto-expand-parent="false" :filter-node-method="filterNode2" @node-click="handleNodecharge" />
+              </div>
+            </div>
+          </el-col>
+          <el-col :span="18" :xs="24">
+            <el-form :model="querycharge" ref="queryForm" size="small" :inline="true" v-show="showSearch"
+              label-width="68px">
+              <el-form-item label="椤圭洰鍚嶇О" prop="xmmc">
+                <el-input v-model="querycharge.xmmc" placeholder="璇疯緭鍏ラ」鐩悕绉�" clearable
+                  @keyup.enter.native="handlecharge" />
+              </el-form-item>
+              <el-form-item label="鎷奸煶鐮�" prop="pym">
+                <el-input v-model="querycharge.pym" placeholder="璇疯緭鍏ユ嫾闊崇爜" clearable @keyup.enter.native="handlecharge" />
+              </el-form-item>
+              <el-form-item>
+                <el-button type="primary" icon="el-icon-search" size="mini" @click="handlecharge">鎼滅储</el-button>
+              </el-form-item>
+            </el-form>
+
+            <el-table v-loading="loading" ref="tb" :data="sfxmList" @selection-change="handleSelectionChange" border
+              height="520px" style="width: 100%">
+              <el-table-column type="selection" align="center" />
+              <el-table-column label="搴忓彿" align="center" prop="newID" />
+              <el-table-column label="椤圭洰缂栫爜" align="center" prop="xmbm" />
+              <el-table-column label="椤圭洰鍚嶇О" align="center" prop="xmmc" />
+              <el-table-column label="鎷奸煶鐮�" align="center" prop="pym" />
+              <el-table-column label="鍙傝�冨崟浠�" align="center" prop="ckdj" />
+              <el-table-column label="涓�绾ф渶楂橀檺浠�" align="center" prop="yjzgxj" />
+              <el-table-column label="浜岀骇鏈�楂橀檺浠�" align="center" prop="ejzgxj" />
+              <el-table-column label="涓夌骇鏈�楂橀檺浠�" align="center" prop="sjzgxj" />
+              <el-table-column label="鐗瑰畾鏈�楂橀檺浠�" align="center" prop="tdzgxj" />
+            </el-table>
+
+            <div class="pag" v-if="List == true">
+              <div class="pag1">
+                <pagination v-show="total > 0" :total="total" :page.sync="querycharge.pageNum"
+                  :limit.sync="querycharge.pageSize" @pagination="getlistSfxm" />
+              </div>
+            </div>
+            <div class="pag" v-if="List == false">
+              <div class="pag1">
+                <pagination v-show="total > 0" :total="total" :page.sync="queryParam.page"
+                  :limit.sync="queryParam.pageSize" @pagination="getListByXmId" />
+              </div>
+            </div>
+          </el-col>
+        </el-row>
+      </div>
+
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogTableVisible = false">鍙� 娑�</el-button>
+        <el-button type="primary" @click="submit">纭� 瀹�</el-button>
+      </div>
+    </el-dialog>
+    <Packagese ref="aaa" @add="handleChanges" />
+  </div>
+</template>
+
+<script>
+import debounce from 'lodash/debounce';
+import cnchar from 'cnchar';
+import Packagese from "@/components/Packagese";
+import {
+  getProject,
+  delProject,
+  addProject,
+  updateProject,
+  ProjectTree,
+  getlist,
+  deptTree,
+  deptTree111,
+  getAllChildListById,
+  getInfoByProId,
+  tbhisproprice,
+} from "@/api/hosp/project";
+import { listDept } from "@/api/system/dept";
+import Treeselect from "@riophae/vue-treeselect";
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
+import IconSelect from "@/components/IconSelect";
+import { listConsumables } from "@/api/hosp/consumables";
+import { Message } from "element-ui";
+import {
+  listSfxm,
+  getSfxm,
+  delSfxm,
+  addSfxm,
+  updateSfxm,
+  gettreeList,
+  getListByXmId,
+} from "@/api/system/sfxm";
+
+export default {
+  name: "Project",
+  dicts: [
+    "sys_normal_disable",
+    "dict_personnel_type",
+    "sys_user_sex",
+    "tj_result_type",
+    "dis_sampling_tab",
+    "sys_dict_specimen",
+    "sys_dict_position",
+    "tj_result_type",
+    "sys_yes_no",
+  ],
+  components: { Treeselect, IconSelect, Packagese },
+  data() {
+    let checkPhoneNum = (rule, value, callback) => {
+      let patter = new RegExp(/^1\s*[3456789]\s*(\d\s*){9}$/);
+      if (value == "" || value == undefined || !value) {
+        return callback();
+      } else if (!patter.test(value)) {
+        return callback(new Error("璇疯緭鍏ユ湁鏁堢殑鎵嬫満鍙�"));
+      } else {
+        return callback();
+      }
+    };
+    return {
+      xiugais: true,
+      xiugaiList: [],
+      deptOptions: [],
+      dialogTableVisible: false,
+      isPriceDisabled: false,
+      sfxmList: [],
+      deptOptionstree: [],
+      defaultPropstree: {
+        children: "dictSfxms",
+        label: "xmmc",
+      },
+      xmmc: "",
+      chargeId: [],
+      List: false,
+      deptName: "",
+      deptOption: [],
+      ChangeList: [],
+      loading: true,
+      loadings: false,
+      key: "",
+      ids: [],
+      single: true,
+      multiple: true,
+      showSearch: true,
+      total: 0,
+      treeId: ["532"],
+      ListId: [],
+      noclick: false,
+      consumableList: [],
+      tjStandardList: [],
+      deptList: [],
+      parentNameList: [],
+      sfxmId: null,
+      projectList: [],
+      projectOptions: [],
+      title: "",
+      open: false,
+      isExpandAll: false,
+      showPrise: false,
+      showRentPrise: false,
+      defaultProps: {
+        children: "children",
+        label: "label",
+      },
+      proParent: false,
+      id: "",
+      isSubmitting: false,
+      refreshTable: true,
+      queryParams: {
+        proName: null,
+        proEngName: null,
+        checkType: null,
+        deptId: undefined,
+        proId: undefined,
+      },
+      querycharge: {
+        pageNum: 1,
+        pageSize: 10,
+        xmmc: null,
+        pym: null,
+      },
+      treeDate: {},
+      queryParam: {
+        page: 1,
+        pageSize: 10,
+        id: null,
+      },
+      form: {
+        proParentId: "",
+        deptId: "",
+        needReport: "Y",
+        hisXmbm: "",
+        hisXmmc: "",
+        sfzhfy: "Y",
+        hisdj: "",
+        sl: "",
+        xh: "0",
+        proStatus: "0",
+        proName: "",
+        proPrice: "",
+        sfxmId: "",
+        lisXmbm: "",
+        lisXmmc: "",
+        proMetering: "",
+        proScope: "",
+        proSex: "2",
+        resultType: "",
+      },
+      rules: {
+        createTime: [
+          { required: true, validator: checkPhoneNum, trigger: "blur" },
+        ],
+        updateTime: [
+          { required: true, validator: checkPhoneNum, trigger: "blur" },
+        ],
+        deleted: [
+          { required: true, validator: checkPhoneNum, trigger: "blur" },
+        ],
+        proName: [
+          { required: true, message: "椤圭洰鍚嶇О涓嶈兘涓虹┖", trigger: "blur" },
+        ],
+        proPrice: [
+          { required: true, message: "椤圭洰浠锋牸涓嶈兘涓虹┖", trigger: "blur" },
+        ],
+        deptId: [
+          { required: true, message: "绉戝鍚嶇О涓嶈兘涓虹┖", trigger: "change" },
+        ],
+      },
+      pinyinCache: new Map(),
+    };
+  },
+  watch: {
+    deptName(val) {
+      this.debounceFilter(val);
+    },
+    treeId(newVal) {
+      if (newVal && newVal.length > 0) {
+        this.$nextTick(() => {
+          const lastId = newVal[newVal.length - 1] || "532";
+          const node = this.findNodeById(this.deptOptions, lastId);
+          if (node) {
+            this.$refs.tree.setCurrentKey(lastId);
+            const nodeElement = document.querySelector(`.el-tree-node[data-key="${lastId}"] .el-tree-node__content`);
+            if (nodeElement) {
+              nodeElement.click();
+            }
+          }
+        });
+      }
+    },
+    xmmc(val) {
+      this.$refs.tree.filter(val);
+    },
+    chargeId(newVal) {
+      if (newVal) {
+        this.$nextTick(() => {
+          document
+            .querySelector(
+              "#changtree .el-tree-node__children .el-tree-node.is-focusable .el-tree-node__content"
+            )
+            ?.click();
+        });
+      }
+    },
+  },
+  created() {
+    this.getConsumables();
+    this.getDeptList();
+    this.getDeptTree().then(() => {
+      this.precomputePinyin();
+    });
+  },
+  mounted() {
+    this.getDeptTree().then(() => {
+      this.precomputePinyin();
+    });
+  },
+  methods: {
+    debounceFilter: debounce(function(val) {
+      this.$refs.tree.filter(val);
+    }, 300),
+    precomputePinyin() {
+      const traverse = (nodes) => {
+        nodes.forEach(node => {
+          if (node.label) {
+            const lowerSpell = node.label.spell('low', 'array').join('');
+            const upperSpell = node.label.spell('up', 'array').join('');
+            this.pinyinCache.set(node.id, { lowerSpell, upperSpell, label: node.label });
+          }
+          if (node.children) traverse(node.children);
+        });
+      };
+      traverse(this.deptOptions);
+    },
+    filterNode(value, data) {
+      if (!value) return true;
+      const cached = this.pinyinCache.get(data.id);
+      if (!cached) return false;
+      return (
+        cached.label.includes(value) ||
+        cached.lowerSpell.includes(value) ||
+        cached.upperSpell.includes(value)
+      );
+    },
+    filterNode2(value, data) {
+      if (!value) return true;
+      return data.xmmc.includes(value);
+    },
+    findNodeById(nodes, id) {
+      for (let node of nodes) {
+        if (node.id === id) return node;
+        if (node.children) {
+          let result = this.findNodeById(node.children, id);
+          if (result) return result;
+        }
+      }
+      return null;
+    },
+    renderContent(h, { node, data }) {
+      return h(
+        "span",
+        {
+          style: {
+            color: data.status === "1" ? "red" : "inherit",
+            fontSize: "14px",
+          },
+        },
+        data.label
+      );
+    },
+    handleQuerys() {
+      this.$refs.aaa.open = true;
+      this.$refs.aaa.getAllList();
+      this.$refs.aaa.title = "鏁版嵁瀛楀吀";
+    },
+    handleChanges(param1) {
+      this.form.lisXmbm = param1[0].pacCode;
+      this.form.lisXmmc = param1[0].pacName;
+    },
+    getList() {
+      this.loading = true;
+      let data = {
+        proName: this.queryParams.proName,
+        checkType: this.queryParams.checkType,
+        deptId: this.queryParams.deptId,
+        proId: this.queryParams.proId,
+      };
+      getAllChildListById(data).then((response) => {
+        this.projectList = response.data.list;
+        this.loading = false;
+      });
+    },
+    getConsumables() {
+      this.loading = true;
+      listConsumables(this.queryParams).then((response) => {
+        this.consumableList = response.rows;
+        this.loading = false;
+      });
+    },
+    handleAdd(row) {
+      this.form.hisXmbm = "";
+      this.form.hisXmmc = "";
+      this.form.hisdj = "";
+      this.loading = true;
+      this.proParent = false;
+      this.form.proPrice = 0.0;
+      this.form.proName = "";
+      this.form.proId = null;
+      this.form.resultType = "1";
+      getlist().then((response) => {
+        if (response.code == 200) {
+          this.loading = false;
+          this.projectOptions = [];
+          const project = { proId: 0, proName: "涓荤被鐩�", children: [] };
+          project.children = this.handleTree(response.data.list, "proId");
+          this.key = response.data.key;
+          this.projectOptions.push(project);
+          if (row.proId) {
+            this.form.proParentId = row.proId || 0;
+            this.open = true;
+          } else if (this.treeDate.id) {
+            this.form.proParentId = this.treeDate.id || 0;
+            this.projectOptions.forEach((item) => {
+              item.children.forEach((item1) => {
+                if (this.form.proParentId == item1.proId) {
+                  this.form.deptId = item1.deptId;
+                }
+              });
+            });
+            this.open = true;
+          } else {
+            this.open = true;
+          }
+        }
+      });
+      this.title = "浣撴椤圭洰淇℃伅缁存姢";
+      this.form.deptId = this.queryParams.deptId || null;
+      this.form.proCheckMethod = "N";
+      if (this.key === "Y") {
+        gettreeList().then((response) => {
+          this.deptOptionstree = response.data;
+        });
+      }
+    },
+    getDetailed() {
+      this.querycharge.xmmc = "";
+      this.querycharge.pym = "";
+      if (this.selectList?.proName === "涓荤被鐩�") {
+        this.dialogTableVisible = false;
+      } else if (this.form.proParentId) {
+        if (this.form.proParentId != 0) {
+          this.dialogTableVisible = true;
+          this.$nextTick(() => {
+            this.chargeId.push(this.deptOptionstree[0].id);
+          });
+          this.getlistSfxm();
+        } else {
+          this.dialogTableVisible = false;
+        }
+      } else {
+        this.$message.error("璇烽�夋嫨涓婚」鍚嶇О");
+      }
+    },
+    changeType() {
+      this.$forceUpdate();
+    },
+    obtain(vals) {
+      this.selectList = vals;
+      if (this.selectList.proName === "涓荤被鐩�") {
+        this.showPrise = true;
+        this.showRentPrise = false;
+      } else {
+        this.form.deptId = this.selectList.deptId;
+        this.showPrise = false;
+        this.showRentPrise = true;
+      }
+    },
+    getlistSfxm() {
+      this.loading = true;
+      this.List = true;
+      listSfxm(this.querycharge).then((response) => {
+        this.sfxmList = response.rows;
+        response.rows.forEach((item, index) => {
+          item.newID = (this.querycharge.pageNum - 1) * this.querycharge.pageSize + index + 1;
+        });
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    Synchronizationfees() {
+      tbhisproprice().then((response) => {
+        this.$modal.msgSuccess("鎵归噺鍚屾璐圭敤鎴愬姛");
+      });
+    },
+    handlecharge() {
+      this.querycharge.pageNum = 1;
+      this.List = true;
+      this.getlistSfxm();
+    },
+    handleNodecharge(data) {
+      this.queryParam.id = data.id;
+      this.List = false;
+      this.getListByXmId();
+    },
+    getListByXmId() {
+      this.loading = true;
+      getListByXmId(this.queryParam).then((response) => {
+        this.sfxmList = response.data.date;
+        response.data.date.forEach((item, index) => {
+          item.newID = (this.queryParam.page - 1) * this.queryParam.pageSize + index + 1;
+        });
+        this.total = response.data.total;
+        this.loading = false;
+      });
+    },
+    normalizer(node) {
+      if (node.children && !node.children.length) {
+        delete node.children;
+      }
+      return {
+        id: node.proId,
+        label: node.proName,
+        children: node.children,
+      };
+    },
+    getData() {
+      getAllChildListById().then((response) => {
+        this.projectOptions = [];
+        const project = { proId: 0, proName: "涓荤被鐩�", children: [] };
+        project.children = this.handleTree(response.data.list, "proId");
+        this.key = response.data.key;
+        this.projectOptions.push(project);
+      });
+    },
+    getDeptList() {
+      listDept(this.queryParams).then((response) => {
+        this.parentNameList = response.data;
+        this.deptList = this.handleTree(response.data, "proId");
+      });
+    },
+    getDeptTree() {
+      return deptTree111().then((response) => {
+        this.deptOptions = response.data;
+        this.treeId.push(this.treeDate.id);
+      });
+    },
+    handleNodeClick(date) {
+      this.treeDate = date;
+      this.xiugais = date.qf === "0";
+      let proId = date.id;
+      getInfoByProId(proId).then((response) => {
+        this.xiugaiList = response.data;
+      });
+      this.id = date.id;
+      this.queryParams.proId = date.id;
+      let data = {
+        proId: this.queryParams.proId,
+        proName: this.queryParams.proName,
+      };
+      this.loading = true;
+      getAllChildListById(data).then((response) => {
+        if (response.code == 200) {
+          this.projectList = response.data.list.length >= 1 ? this.handleTree(response.data.list, "proId") : [];
+          this.ListId = this.projectList.length ? [this.projectList[0].proId] : [];
+          this.key = response.data.key;
+          this.loading = false;
+        }
+      });
+    },
+    toggleExpandAll() {
+      this.refreshTable = false;
+      this.isExpandAll = !this.isExpandAll;
+      this.$nextTick(() => {
+        this.refreshTable = true;
+      });
+    },
+    cancel() {
+      this.open = false;
+      this.queryParam.id = this.id;
+      let data = { proId: this.queryParams.proId };
+      getAllChildListById(data).then(() => {
+        this.loading = false;
+      });
+    },
+    handleClose() {
+      this.cancel();
+    },
+    reset() {
+      this.form = {
+        proParentId: null,
+        proName: null,
+        proEngName: null,
+        proPrice: "0.00",
+        proRemark: null,
+        xh: "0",
+        createBy: null,
+        createTime: null,
+        updateBy: null,
+        updateTime: null,
+        deleted: null,
+        proCheckType: null,
+        proMeaning: null,
+        proCheckMethod: null,
+        proStandard: null,
+        proScope: null,
+        proType: null,
+        deptId: null,
+        deptName: null,
+        consumablesList: [],
+        tjStandardList: [],
+        proStatus: "0",
+        resultType: "1",
+      };
+      this.resetForm("form");
+    },
+    handleQuery() {
+      this.getList();
+    },
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.queryParams.proId = undefined;
+      this.$refs.tree.setCurrentKey(null);
+      this.handleQuery();
+    },
+    flexColumnWidth(column) {
+      if (!column) return;
+      let maxlength = 160;
+      if (column === "proName") maxlength = 160;
+      for (let i = 0; i < this.projectList.length; i++) {
+        if (this.projectList[i][column]) {
+          let now_temp = this.projectList[i][column] + "";
+          let flexWidth = 0;
+          for (const char of now_temp) {
+            if ((char >= "A" && char <= "Z") || (char >= "a" && char <= "z")) {
+              flexWidth += 8;
+            } else if (char >= "\u4e00" && char <= "\u9fa5") {
+              flexWidth += 15;
+            } else {
+              flexWidth += 10;
+            }
+          }
+          if (flexWidth > maxlength) maxlength = flexWidth;
+        }
+      }
+      return maxlength + 20 + "px";
+    },
+    handleSelectionChange(selection) {
+      this.ChangeList = selection;
+      this.ids = selection.map((item) => item.id);
+      this.single = selection.length !== 1;
+      this.multiple = !selection.length;
+      if (selection.length > 1) {
+        let del_row = selection.shift();
+        this.$refs.tb.toggleRowSelection(del_row, false);
+      }
+    },
+    addmembers() {
+      if (this.form.proName) {
+        if (!this.form.consumablesList) {
+          this.form.consumablesList = [];
+        }
+        this.form.consumablesList.push({
+          id: "",
+          makings: "",
+          specifications: "",
+          price: "",
+        });
+        if (!this.form.tjStandardList) {
+          this.form.tjStandardList = [];
+        }
+        this.form.tjStandardList.push({
+          stanId: "",
+          tjSex: "",
+          tjType: "",
+          tjStandardGtValue: "",
+          tjStandardLtValue: "",
+          company: "",
+        });
+      } else {
+        Message.warning("璇峰厛濉啓椤圭洰鍚嶇О");
+      }
+      this.$forceUpdate();
+    },
+    Delete(index) {
+      if (this.form.consumablesList.length) {
+        this.form.consumablesList.splice(index, 1);
+      }
+      if (this.form.tjStandardList.length) {
+        this.form.tjStandardList.splice(index, 1);
+      }
+    },
+    handleUpdate1() {
+      this.form = this.xiugaiList;
+      this.form.proStatus = this.form.proStatus.toString();
+      this.proParent = true;
+      this.isPriceDisabled = true;
+      getlist().then((response) => {
+        if (response.code == 200) {
+          this.loading = false;
+          this.projectOptions = [];
+          const project = { proId: 0, proName: "涓荤被鐩�", children: [] };
+          project.children = this.handleTree(response.data.list, "proId");
+          this.key = response.data.key;
+          this.projectOptions.push(project);
+        }
+      });
+      this.open = true;
+    },
+    handleUpdate(row) {
+      this.reset();
+      this.getData();
+      const proId = row.proId || this.ids;
+      this.proParent = false;
+      this.isPriceDisabled = false;
+      getProject(proId).then((response) => {
+        this.form = response.data;
+        this.showPrise = this.form.proParentId === "0";
+        this.showRentPrise = !this.showPrise;
+        this.form.proStatus = this.form.proStatus.toString();
+        this.form.consumablesList = response.data.consumablesList;
+        this.form.tjStandardList = response.data.tjStandardList;
+        if (this.form.tjStandardList) {
+          this.form.tjStandardList.forEach((item) => {
+            item.tjSex = item.tjSex === "0" || item.tjSex === "鐢�" ? "鐢�" : (item.tjSex === "1" || item.tjSex === "濂�" ? "濂�" : null);
+            item.tjType = {
+              0: "濠村効", 1: "骞煎効", 2: "鍎跨", 3: "灏戝勾", 4: "闈掑勾", 5: "涓勾", 6: "鑰佸勾"
+            }[item.tjType] || item.tjType;
+          });
+        }
+        getlist().then((response) => {
+          if (response.code == 200) {
+            this.loading = false;
+            this.projectOptions = [];
+            const project = { proId: 0, proName: "涓荤被鐩�", children: [] };
+            project.children = this.handleTree(response.data.list, "proId");
+            this.key = response.data.key;
+            this.projectOptions.push(project);
+          }
+        });
+        this.open = true;
+        this.title = "浣撴椤圭洰淇℃伅缁存姢";
+      });
+    },
+    getSelectValue(val) {
+      this.form.consumablesList.forEach((formitem) => {
+        if (formitem.makings === val) {
+          this.consumableList.find((item) => {
+            if (item.makings == val) {
+              formitem.specifications = item.specifications;
+              formitem.price = item.price;
+              formitem.id = item.id;
+            }
+          });
+        }
+      });
+    },
+    submitForm() {
+      this.noclick = true;
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          const isUpdate = this.form.proId != null;
+          if (this.form.tjStandardList) {
+            this.form.tjStandardList.forEach((item) => {
+              item.tjSex = item.tjSex === "鐢�" || item.tjSex === "0" ? "0" : (item.tjSex === "濂�" || item.tjSex === "1" ? "1" : null);
+              item.tjType = {
+                "濠村効": 0, "骞煎効": 1, "鍎跨": 2, "灏戝勾": 3, "闈掑勾": 4, "涓勾": 5, "鑰佸勾": 6
+              }[item.tjType] || null;
+            });
+          }
+          this.form.lisXmbm = this.form.lisXmbm;
+          if (this.key === "N") {
+            this.processSubmission(isUpdate, false);
+          } else if (this.key === "Y") {
+            this.form.sfxmId = this.sfxmId;
+            this.processSubmission(isUpdate, true);
+          }
+        }
+      });
+    },
+    processSubmission(isUpdate, isY) {
+      if (isUpdate) {
+        updateProject(this.form).then((response) => {
+          this.$modal.msgSuccess("淇敼鎴愬姛");
+          this.handleSuccess(isY);
+        });
+      } else {
+        if (this.form.proParentId === 0) {
+          this.form.tjStandardList = null;
+        } else {
+          this.form.consumablesList = null;
+        }
+        if (!this.form.deptId || !this.form.proParentId) {
+          this.$message.error("璇峰~鍐欑埗椤瑰悕绉版垨绉戝鍚嶇О");
+          this.open = true;
+        } else {
+          addProject(this.form).then((response) => {
+            this.$modal.msgSuccess("鏂板鎴愬姛");
+            this.handleSuccess(isY);
+          });
+        }
+      }
+    },
+    handleSuccess(isY) {
+      this.cancel();
+      this.getList();
+      if (this.proParent || isY) {
+        this.getDeptTree().then(() => {
+          this.precomputePinyin();
+        });
+      }
+    },
+    submit() {
+      this.ChangeList.forEach((item) => {
+        this.form.proPrice = item.ckdj;
+        this.form.hisXmbm = item.xmbm;
+        this.form.hisXmmc = item.xmmc;
+        this.form.hisdj = item.ckdj;
+        this.sfxmId = parseInt(item.id);
+      });
+      this.dialogTableVisible = false;
+    },
+    handleDelete(row) {
+      const proIds = row.proId || this.ids;
+      this.$modal
+        .confirm('鏄惁纭鍒犻櫎浣撴椤圭洰缂栧彿涓�"' + proIds + '"鐨勬暟鎹」锛�')
+        .then(() => {
+          return delProject(proIds).then((response) => {
+            if (response.msg === "璇ラ」鐩鍦ㄤ娇鐢ㄦ殏鏃朵笉鑳藉垹闄�") {
+              Message.warning(response.msg);
+              this.getList();
+            }
+          });
+        })
+        .then(() => {
+          this.getList();
+          this.$modal.msgSuccess("鍒犻櫎鎴愬姛");
+        })
+        .catch(() => {});
+    },
+    handleExport() {
+      this.download(
+        "hosp/project/export",
+        { ...this.queryParams },
+        `project_${new Date().getTime()}.xlsx`
+      );
+    },
+  },
+};
+</script>
+
+<style scoped>
+.scrollable-container {
+  width: 200px;
+  height: 629px;
+  overflow: auto;
+  border: 1px solid #ccc;
+  position: relative;
+}
+
+.content {
+  width: 1000px;
+  height: 1000px;
+}
+
+.el-table__header-wrapper .el-checkbox {
+  display: none;
+}
+
+.red-text {
+  color: red !important;
+}
+
+.pag {
+  display: flex;
+  justify-content: center;
+}
+
+.pag1 {
+  width: 40%;
+}
+
+.dialog-footer {
+  position: absolute;
+  left: 40%;
+  bottom: 3%;
+}
+
+.el-table .warning-row {
+  background: #e5f3ff;
+}
+
+.el-tree-node.is-current>.el-tree-node__content {
+  background-color: #e5f3ff !important;
+  color: #333 !important;
+}
+
+.el-scrollbar__bar.is-vertical {
+  opacity: 1;
+  padding-right: 5px;
+  width: 7px;
+}
+
+.el-scrollbar__wrap {
+  overflow-x: hidden;
+}
+</style>
\ No newline at end of file

--
Gitblit v1.8.0