1

lkk

7 小时以前 18f35fe78de41a1b240758c91e05380decb48978

 src/views/hosp/project/index.vue

@@ -1,5 +1,5 @@
<template>
  <div class="app-container">
  <div class="app-container" v-loading="pageLoading">
    <el-row :gutter="20">
      <el-col :span="4" :xs="24">
        <div class="head-container">
@@ -12,11 +12,20 @@
            style="margin-bottom: 15px"
          />
        </div>
        <div class="scrollable-container">
        <div class="scrollable-container" v-loading="loadings">
          <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" />
            <el-tree
              :data="deptOptions"
              :props="defaultProps"
              :expand-on-click-node="false"
              :filter-node-method="filterNode"
              ref="tree1"
              node-key="id"
              :default-expanded-keys="treeId"
              highlight-current
              @node-click="handleNodeClick"
              :render-content="renderContent"
            />
          </div>
        </div>
      </el-col>
@@ -77,6 +86,7 @@
              icon="el-icon-plus"
              size="mini"
              @click="handleUpdate1"
              :loading="updateLoading"
              v-hasPermi="['hosp:project:add']"
              >修改</el-button
            >
@@ -118,8 +128,10 @@
        <el-table
          v-if="refreshTable"
          v-loading="loading"
          style="width: 100%"
          :data="projectList"
          ref="tableRef"
          height="580"
          border
        >
          <el-table-column
@@ -206,7 +218,13 @@
            width="90px"
          >
          </el-table-column>
          <el-table-column label="Lis项目名称" align="center" prop="lisXmmc" :show-overflow-tooltip="true" width="200px">
          <el-table-column
            label="Lis项目名称"
            align="center"
            prop="lisXmmc"
            :show-overflow-tooltip="true"
            width="200px"
          >
          </el-table-column>
          <el-table-column
            label="Lis编码"
@@ -291,6 +309,7 @@
      width="1200px"
      append-to-body
      :before-close="handleClose"
      v-loading="loading"
      :close-on-click-modal="false"
    >
      <el-form
@@ -452,11 +471,27 @@
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="样本类型" prop="yb">
          <el-select
            v-model="form.yb"
            placeholder="请选择样本类型"
            style="width: 200px"
            filterable
            clearable
          >
            <el-option
              v-for="dict in dict.type.yblx"
              :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"
            style="width: 260px"
            filterable
            clearable
          >
@@ -472,7 +507,7 @@
          <el-input
            v-model="form.proMetering"
            placeholder="请输入单位"
            style="width: 260px"
            style="width: 200px"
          />
        </el-form-item>
        <el-form-item label="参考范围" prop="proScope">
@@ -486,14 +521,14 @@
          <el-input
            v-model="form.sl"
            placeholder="请输入数量"
            style="width: 200px"
            style="width: 260px"
          />
        </el-form-item>
        <el-form-item label="组合标志" prop="sfzhfy">
          <el-select
            v-model="form.sfzhfy"
            placeholder="请选择是否组合标志"
            style="width: 260px"
            style="width: 200px"
          >
            <el-option
              v-for="dict in dict.type.sys_yes_no"
@@ -530,7 +565,7 @@
          <el-input
            v-model="form.hisXmmc"
            placeholder="his项目名称"
            style="width: 200px"
            style="width: 260px"
          ></el-input>
        </el-form-item>
        <el-form-item label="his项目名称" prop="hisXmmc" v-if="key == 'N'">
@@ -544,7 +579,7 @@
          <el-input
            v-model="form.hisXmbm"
            placeholder="请输入his编码"
            style="width: 260px"
            style="width: 200px"
          />
        </el-form-item>
        <el-form-item label="his单价" prop="hisdj">
@@ -565,14 +600,14 @@
          <el-input
            v-model="form.lisXmmc"
            placeholder="请输入LIS项目"
            style="width: 200px"
            style="width: 260px"
          ></el-input>
        </el-form-item>
        <el-form-item label="LIS编码" prop="lisXmbm">
          <el-input
            v-model="form.lisXmbm"
            placeholder="请输入his编码"
            style="width: 260px"
            style="width: 200px"
          />
        </el-form-item>
        <el-form-item label="备注" prop="proRemark">
@@ -586,8 +621,36 @@
          <el-input
            v-model="form.xh"
            placeholder="请输入排序"
            style="width: 200px"
            style="width: 260px"
          />
        </el-form-item>
        <el-form-item label="是否参与异常" prop="sfcyyc">
          <el-select
            v-model="form.sfcyyc"
            placeholder="请选择是否参与异常"
            style="width: 200px"
          >
            <el-option
              v-for="dict in dictTypesy"
              :key="dict.value"
              :label="dict.label"
              :value="dict.value"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="是否外送" prop="proDelivery">
          <el-select
            v-model="form.proDelivery"
            placeholder="请选择是否外送"
            style="width: 200px"
          >
            <el-option
              v-for="dict in wsTypesy"
              :key="dict.value"
              :label="dict.label"
              :value="dict.value"
            ></el-option>
          </el-select>
        </el-form-item>
      </el-form>
      <el-button
@@ -939,6 +1002,7 @@
    "sys_dict_position",
    "tj_result_type",
    "sys_yes_no",
    "yblx",
  ],
  components: { Treeselect, IconSelect, Packagese },
  data() {
@@ -958,12 +1022,33 @@
      deptOptions: [],
      dialogTableVisible: false,
      isPriceDisabled: false,
      pageLoading: true,
      sfxmList: [],
      deptOptionstree: [],
      defaultPropstree: {
        children: "dictSfxms",
        label: "xmmc",
      },
      dictTypesy: [
        {
          value: "0",
          label: "是",
        },
        {
          value: "1",
          label: "否",
        },
      ],
      wsTypesy: [
        {
          value: "1",
          label: "是",
        },
        {
          value: "0",
          label: "否",
        },
      ],
      xmmc: "",
      chargeId: [],
      List: false,
@@ -972,6 +1057,8 @@
      ChangeList: [],
      loading: true,
      loadings: false,
      addLoading: false,
      updateLoading: false,
      key: "",
      ids: [],
      single: true,
@@ -1040,6 +1127,7 @@
        proScope: "",
        proSex: "2",
        resultType: "",
        sfcyyc: "0",
      },
      rules: {
        createTime: [
@@ -1069,11 +1157,13 @@
      this.debounceFilter(val);
    },
    treeId(newVal) {
      console.log(newVal,8989)
      console.log(newVal, 8989);
      if (newVal && newVal.length > 0) {
        this.$nextTick(() => {
          const lastId = newVal[newVal.length - 1] || "532";
          const node = this.findNodeById(this.deptOptions, lastId);
          this.queryParams.proId = lastId;
          this.getList();
          if (node) {
            this.$refs.tree1.setCurrentKey(lastId);
            const nodeElement = document.querySelector(
@@ -1102,36 +1192,33 @@
    },
  },
  created() {
    this.getConsumables();
    this.getDeptList();
    this.getDeptTree().then(() => {
      this.precomputePinyin();
    });
    // this.getConsumables();
    // this.getDeptList();
    // this.getDeptTree().then(() => {
    //   this.precomputePinyin();
    // });
  },
  mounted() {
    this.getDeptTree().then(() => {
      this.precomputePinyin();
    });
    // this.getDeptTree().then(() => {
    //   this.precomputePinyin();
    // });
    // this.precomputePinyin();
    this.loadPage();
  },
  methods: {
    debounceFilter: debounce(function (val) {
      this.$refs.tree.filter(val);
    }, 800),
      this.$refs.tree1.filter(val);
    }, 300),
    precomputePinyin() {
      const traverse = (nodes) => {
        nodes.forEach((node) => {
          if (node.label) {
            const lowerSpell = cnchar.spell(node.label, 'low', 'array').join(''); // 完整小写拼音
            const upperSpell = cnchar.spell(node.label, 'up', 'array').join('');  // 完整大写拼音
            const shortPinyin = node.label
              .split('')
              .map(char => cnchar.spell(char, 'array')[0]?.[0]?.toLowerCase() || char) // 拼音首字母
              .join('');
            const lowerSpell = node.label.spell("low", "array").join("");
            const upperSpell = node.label.spell("up", "array").join("");
            this.pinyinCache.set(node.id, {
              lowerSpell,
              upperSpell,
              shortPinyin, // 缓存拼音简写
              label: node.label
              label: node.label,
            });
          }
          if (node.children) traverse(node.children);
@@ -1139,15 +1226,66 @@
      };
      traverse(this.deptOptions);
    },

    async loadPage() {
      this.pageLoading = true;
      try {
        await Promise.all([
          this.getDeptTree(), // 获取左侧树
          //this.getList(),  获取右侧表格
        ]);
      } catch (error) {
        console.error("加载页面出错", error);
      } finally {
        this.pageLoading = false; // 两个都加载完再关闭 loading
      }
    },

    async getDeptTree() {
      this.loadings = true;
      try {
        const response = await deptTree111();
        this.deptOptions = response.data;

        // 保证 treeId 是数组格式
        this.treeId = [];

        if (this.treeDate?.id) {
          this.treeId.push(this.treeDate.id);
        } else {
          this.treeId.push("532");
        }
      } catch (error) {
        console.error("加载部门树失败：", error);
      } finally {
        this.loadings = false; // loading 状态结束
      }
    },

    async getList() {
      this.loading = true;
      let data = {
        proName: this.queryParams.proName,
        checkType: this.queryParams.checkType,
        deptId: this.queryParams.deptId,
        proId: this.queryParams.proId,
      };
      try {
        const res = await getAllChildListById(data); // 替换成你实际的接口
        this.projectList = res.data.list;
      } finally {
        this.loading = false;
      }
    },

    filterNode(value, data) {
      if (!value) return true;
      const cached = this.pinyinCache.get(data.id);
      if (!cached) return false; // 如果没有缓存数据，不显示该节点
      const searchLower = value.toLowerCase(); // 将搜索词转为小写
      if (!cached) return false;
      return (
        cached.label.includes(value) ||           // 直接匹配汉字
        cached.shortPinyin.includes(searchLower) || // 匹配拼音简写
        cached.lowerSpell.includes(searchLower)   // 匹配完整拼音
        cached.label.includes(value) ||
        cached.lowerSpell.includes(value) ||
        cached.upperSpell.includes(value)
      );
    },
    filterNode2(value, data) {
@@ -1265,8 +1403,8 @@
            this.open = true;
          } else if (this.treeDate.id) {
            if (this.treeDate.qf == "0") {
              this.form.proParentId = "0"
              this.form.deptId = this.treeDate.id
              this.form.proParentId = "0";
              this.form.deptId = this.treeDate.id;
            } else {
              this.form.proParentId = this.treeDate.id;
              this.projectOptions.forEach((item) => {
@@ -1278,10 +1416,9 @@
              });
            }


            this.open = true;
          } else {
            this.form.proParentId = "0"
            this.form.proParentId = "0";
            this.open = true;
          }
        }
@@ -1305,7 +1442,7 @@
          this.dialogTableVisible = true;
          if (this.deptOptionstree.length != 0) {
            this.$nextTick(() => {
              this.chargeId.push(this.deptOptionstree[0].id);
              // this.chargeId.push(this.deptOptionstree[0].id);
            });
          }

@@ -1332,10 +1469,13 @@
      }
    },
    getlistSfxm() {
      console.log(2222);
      this.loading = true;
      this.List = true;
      listSfxm(this.querycharge).then((response) => {
        this.sfxmList = response.rows;
        this.sfxmList = response.rows || [];
        console.log(response.rows, 111222);

        response.rows.forEach((item, index) => {
          item.newID =
            (this.querycharge.pageNum - 1) * this.querycharge.pageSize +
@@ -1360,18 +1500,26 @@
      this.queryParam.id = data.id;
      this.List = false;
      this.getListByXmId();
      this.total = 0;
    },
    getListByXmId() {
      console.log(this.sfxmList);
      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.sfxmList = response.data.date || [];
        if (response.data.date == null) {
          return;
        } else {
          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;
      });
      this.loading = false;
    },
    normalizer(node) {
      if (node.children && !node.children.length) {
@@ -1399,15 +1547,27 @@
      });
    },
    getDeptTree() {
      return deptTree111().then((response) => {
        this.deptOptions = response.data;
        this.treeId.push(this.treeDate.id);
      });
      this.loadings = true;
      return deptTree111()
        .then((response) => {
          this.deptOptions = response.data;
          this.treeId = [];
          if (this.treeDate.id) {
            this.treeId.push(this.treeDate.id);
          } else {
            this.treeId.push("532");
          }
        })
        .catch((err) => {
          console.error("加载部门树失败：", err);
        })
        .finally(() => {
          this.loadings = false; // 无论成功或失败，结束加载
        });
    },
    handleNodeClick(date) {
      this.treeDate = date;
      this.treeId = []
      console.log(this.treeId,2222);
      this.xiugaiList = {};
      this.xiugais = date.qf === "0";
      let proId = date.id;
      getInfoByProId(proId).then((response) => {
@@ -1562,20 +1722,27 @@
      }
    },
    handleUpdate1() {
      this.updateLoading = true;
      this.form = {};
      this.form = this.xiugaiList;
      this.form.proStatus = this.form.proStatus.toString();
      this.form.sfcyyc = this.form.sfcyyc.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);
        }
      });
      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);
          }
        })
        .finally(() => {
          this.updateLoading = false;
        });
      this.open = true;
    },
    handleUpdate(row) {
@@ -1589,6 +1756,7 @@
        this.showPrise = this.form.proParentId === "0";
        this.showRentPrise = !this.showPrise;
        this.form.proStatus = this.form.proStatus.toString();
        this.form.sfcyyc = this.form.sfcyyc.toString();
        this.form.consumablesList = response.data.consumablesList;
        this.form.tjStandardList = response.data.tjStandardList;
        if (this.form.tjStandardList) {
@@ -1613,7 +1781,7 @@
        }
        getlist().then((response) => {
          if (response.code == 200) {
            this.loading = false;
            // this.loading = false;
            this.projectOptions = [];
            const project = { proId: 0, proName: "主类目", children: [] };
            project.children = this.handleTree(response.data.list, "proId");
@@ -1621,6 +1789,7 @@
            this.projectOptions.push(project);
          }
        });
        // this.loadPage();
        this.open = true;
        this.title = "体检项目信息维护";
      });
@@ -1640,6 +1809,7 @@
    },
    submitForm() {
      this.noclick = true;
      this.pageLoading = true;
      this.$refs["form"].validate((valid) => {
        if (valid) {
          const isUpdate = this.form.proId != null;
@@ -1666,9 +1836,13 @@
          this.form.lisXmbm = this.form.lisXmbm;
          if (this.key === "N") {
            this.processSubmission(isUpdate, false);
            this.open = false;
            // this.pageLoading = false;
          } else if (this.key === "Y") {
            this.form.sfxmId = this.sfxmId;
            this.processSubmission(isUpdate, true);
            this.open = false;
            // this.pageLoading = false;
          }
        }
      });
@@ -1701,15 +1875,29 @@
        }
      }
    },
    handleSuccess(isY) {
    /* handleSuccess(isY) {
      this.cancel();
      this.getList();
      // this.getList();
      if (this.proParent || isY) {
        this.getDeptTree().then(() => {
          this.precomputePinyin();
        });
      }
      console.log(this.treeId)
      console.log(this.treeId);
    }, */
    async handleSuccess(isY) {
      this.cancel();

      if (this.proParent || isY) {
        // 等待左侧树加载和拼音处理
        await this.getDeptTree();
        this.precomputePinyin();
      }

      // 等待右侧表格刷新
      await this.getList();

      this.pageLoading = false; // ✅ 统一加载状态控制
    },
    submit() {
      this.ChangeList.forEach((item) => {
@@ -1741,7 +1929,7 @@
          this.getList();
          this.$modal.msgSuccess("删除成功");
        })
        .catch(() => { });
        .catch(() => {});
    },
    handleExport() {
      this.download(