1

wwl

2025-03-05 cb1f69717eed3b6a61b6c61a8934bac752782b2d

 src/views/hosp/project/index.vue

@@ -6,19 +6,23 @@
          <el-input v-model="deptName" placeholder="请输入部门名称" clearable size="small" prefix-icon="el-icon-search"
            style="margin-bottom: 15px" />
        </div>
        <div class="head-container">
          <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" />
        <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 :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-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>
@@ -31,6 +35,10 @@
            <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="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate" v-hasPermi="['hosp:project:edit']">修改</el-button>
      </el-col> -->
@@ -42,43 +50,47 @@
              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 row-key="proId"
          :expand-row-keys="ListId" :row-class-name="selectSingleRow" :tree-props="{
            children: 'tjProjectList',
            hasChildren: 'tjProjectList.length>0',
          }">
        <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="项目价格(单位/元)" align="center" prop="proPrice" width="75px"
          <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="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="proMeaning" width="350px" :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="proCheckMethod" :show-overflow-tooltip="true"
            width="110px" /> -->
          <el-table-column label="参与小结" align="center" prop="needReport" :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" />
            </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="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="项目类型" align="center" prop="resultType" width="110px" :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="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">
@@ -101,29 +113,20 @@
    </el-row>

    <!-- 添加或修改体检项目对话框 -->
    <el-dialog :title="title" :visible.sync="open" width="1200px" append-to-body :before-close="handleClose">
    <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 v-model="form.proParentId" :options="projectOptions" :normalizer="normalizer" :show-count="true"
            placeholder="选择主项名称" style="width: 260px" @select="obtain" />
          <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" v-if="key == 'Y'">
          <span slot="label" style="display: inline-block; border-bottom: 2px solid blue" @click="getDetailed">
            明细项目
            <!-- <el-tooltip effect="dark" content="明细项目" placement="bottom">
              <i class='el-icon-question' @click="getDetailed" />
            </el-tooltip> -->
          </span>

          <el-input v-model="form.proName" placeholder="请输入明细项目">
          </el-input>
        </el-form-item>
        <el-form-item label="明细项目" prop="proName" v-if="key == 'N'">
        <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" placeholder="请输入项目价格" />
          <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" />
@@ -150,7 +153,7 @@
          </el-select>
        </el-form-item> -->
        <el-form-item label="性别" prop="proSex">
          <el-select v-model="form.proSex" placeholder="请选择体检人性别" style="width: 200px">
          <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>
@@ -160,8 +163,8 @@
        </el-form-item>

        <el-form-item label="科室名称" prop="deptId">
          <el-select v-model="form.deptId" placeholder="请选择科室名称" @change="changeValue" filterable style="width: 260px">
            <el-option v-for="dict in parentNameList" :key="dict.deptId" :label="dict.deptName" :value="dict.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">
@@ -191,14 +194,63 @@
              :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: 260px" filterable clearable>
          <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="请输入his编码" style="width: 260px" />
        </el-form-item>
        <el-form-item label="his单价" prop="hisdj">
          <el-input v-model="form.hisdj" placeholder="请输入his单价" 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="请输入LIS项目" style="width: 200px">
          </el-input>
        </el-form-item>

        <el-form-item label="LIS编码" prop="lisXmbm">
          <el-input v-model="form.lisXmbm" placeholder="请输入his编码" style="width: 260px" />
        </el-form-item>
        <el-form-item label="备注" prop="proRemark">
          <el-input v-model="form.proRemark" placeholder="请输入备注" style="width: 510px" />
          <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"
@@ -209,7 +261,8 @@
        <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 v-for="(item, index) in consumableList" :key="index" :label="item.makings"
                :value="item.makings">
              </el-option>
            </el-select>
          </template>
@@ -267,12 +320,12 @@
        </el-table-column>
      </el-table>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <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%">
    <el-dialog title="收费项目" :visible.sync="dialogTableVisible" width="80%" :close-on-click-modal="false">
      <div class="app-container">
        <el-row :gutter="24">
          <!--部门数据-->
@@ -293,7 +346,8 @@
            <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-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" />
@@ -339,17 +393,24 @@
        <el-button type="primary" @click="submit">确 定</el-button>
      </div>
    </el-dialog>
    <Packagese ref="aaa" @add="handleChanges" />
  </div>
</template>

<script>
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";
@@ -357,6 +418,7 @@
import IconSelect from "@/components/IconSelect";
import { listConsumables } from "@/api/hosp/consumables";
import { Message } from "element-ui";
import cnchar from 'cnchar';
import {
  listSfxm,
  getSfxm,
@@ -380,7 +442,7 @@
    "tj_result_type",
    "sys_yes_no",
  ],
  components: { Treeselect, IconSelect },
  components: { Treeselect, IconSelect, Packagese },
  data() {
    let checkPhoneNum = (rule, value, callback) => {
      let patter = new RegExp(/^1\s*[3456789]\s*(\d\s*){9}$/);
@@ -393,9 +455,12 @@
      }
    };
    return {
      xiugais: true,
      xiugaiList: [],
      // 部门树选项
      deptOptions: undefined,
      dialogTableVisible: false,
      isPriceDisabled: false,
      sfxmList: [],
      deptOptionstree: [],
      defaultPropstree: {
@@ -411,6 +476,7 @@
      ChangeList: [],
      // 遮罩层
      loading: true,
      loadings: false,
      key: "",
      // 选中数组
      ids: [],
@@ -422,8 +488,9 @@
      showSearch: true,
      // 总条数
      total: 0,
      treeId: [],
      treeId: ["532"],
      ListId: [],
      noclick: false,
      // 体检耗材表格数据
      consumableList: [],
      tjStandardList: [],
@@ -447,7 +514,9 @@
        children: "children",
        label: "label",
      },
      proParent: false,
      id: "",
      isSubmitting: false,
      // 重新渲染表格状态
      refreshTable: true,
      // 查询参数
@@ -458,6 +527,7 @@
        proEngName: null,
        checkType: null,
        deptId: undefined,
        proId: undefined,
      },
      querycharge: {
        pageNum: 1,
@@ -465,6 +535,7 @@
        xmmc: null,
        pym: null,
      },
      treeDate: {},
      queryParam: {
        page: 1,
        pageSize: 10,
@@ -472,7 +543,25 @@
      },
      // 表单参数
      form: {
       needReport :"Y"
        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: {
@@ -504,11 +593,23 @@
      this.$refs.tree.filter(val);
    },
    treeId(newVal, oldVal) {
      if (newVal) {
      if (newVal && newVal.length > 0) {
        this.$nextTick(() => {
          document
            .querySelector(".el-tree-node__children .el-tree-node__content")
            .click();
          // 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 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();
            }
          }
        });
      }
    },
@@ -534,28 +635,42 @@
    this.getConsumables();
    this.getDeptList();
    this.getDeptTree();

  },
  mounted() {
    this.getDeptTree();
  },
  methods: {
    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;
      // listProject(this.queryParams).then((response) => {
      //   this.projectList = response.rows;
      //   this.total = response.total;
      //   this.loading = false;
      // });
      // this.getData();

      this.loading = true;
      let data = {
        proName: this.queryParams.proName,
        checkType: this.queryParams.checkType,
        deptId: this.queryParams.deptId,
        proId: this.queryParams.proId,
      };
      ProjectTree(data).then((response) => {
        this.projectList = this.handleTree(response.data.list, "proId");
      getAllChildListById(data).then((response) => {
        this.projectList = response.data.list;
        // console.log("进来了列表并且获取到了值", this.projectList);

        this.loading = false;
      });
    },
@@ -570,12 +685,18 @@

    /** 新增按钮操作 */
    handleAdd(row) {
      this.form.hisXmbm = "";
      this.form.hisXmmc = "";
      this.form.hisdj = "";
      // this.reset();
      this.loading = true;
      this.form.proPrice = 0.00
      this.form.proName = ""
      this.form.proId = null
      ProjectTree().then((response) => {
      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;
          this.projectOptions = [];
@@ -583,47 +704,77 @@
          project.children = this.handleTree(response.data.list, "proId");
          this.key = response.data.key;
          this.projectOptions.push(project);
          if (row) {
            this.form.proParentId = row.proId;
          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.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.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;
      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.proCheckMethod = "N";
     

      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.$nextTick(() => {
            this.chargeId.push(this.deptOptionstree[0].id);
          })
          });
          this.getlistSfxm();
         
        }
      } else if (this.form.proParentId) {
        if (this.form.proParentId != 0) {
          this.dialogTableVisible = true;
          this.$nextTick(()=>{
          this.$nextTick(() => {
            this.chargeId.push(this.deptOptionstree[0].id);
          })
          });
          this.getlistSfxm();
        } else if (this.form.proParentId == 0) {
          this.dialogTableVisible = false;
@@ -632,16 +783,19 @@
        this.$message.error("请选择主项名称");
      }
    },
    changeType() {
      this.$forceUpdate();
    },

    obtain(vals) {
      if (this.projectOptions) {
        this.selectList = vals;
        console.log(this.selectList);
      }
      if (this.selectList.proName === "主类目") {
        this.showPrise = true;
        this.showRentPrise = false;
      } else {
        this.form.deptId = this.selectList.deptId;
        this.showPrise = false;
        this.showRentPrise = true;
      }
@@ -651,6 +805,7 @@
      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 +
@@ -659,6 +814,12 @@
        });
        this.total = response.total;
        this.loading = false;
      });
    },

    Synchronizationfees() {
      tbhisproprice().then((response) => {
        this.$modal.msgSuccess("批量同步费用成功");
      });
    },
    // input弹框搜索
@@ -670,6 +831,7 @@

    handleNodecharge(data) {
      this.queryParam.id = data.id;

      this.List = false;
      this.getListByXmId();
    },
@@ -701,7 +863,7 @@
    // // 查询体检项目列表(树形结构)
    getData() {
      /** 查询部门下拉树结构 */
      ProjectTree().then((response) => {
      getAllChildListById().then((response) => {
        this.projectOptions = [];
        const project = { proId: 0, proName: "主类目", children: [] };
        project.children = this.handleTree(response.data.list, "proId");
@@ -723,10 +885,36 @@
    },
    /** 查询部门下拉树结构 */
    getDeptTree() {
      deptTree().then((response) => {

      deptTree111().then((response) => {
        this.deptOptions = response.data;
        this.treeId.push(this.deptOptions[0].id);
        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
      );
    },

    // 筛选节点
@@ -735,19 +923,55 @@
      return data.xmmc.indexOf(value) !== -1;
    },
    // 筛选节点
    // filterNode(value, data) {
    //   console.log(value, data)
    //   if (!value) return true;
    //   return data.label.indexOf(value) !== -1;
    // },
    filterNode(value, data) {
      if (!value) return true;
      return data.label.indexOf(value) !== -1;
        if (!value) return true;
        if (data.label.indexOf(value) !== -1) return true;
        // 匹配小写
        let arr = data.label.spell('low', 'array');
        let spell = arr.join('');
        let lengths = [0];
        for (var i = 0; i < arr.length - 1; i++) {
            lengths.push(lengths[i] + arr[i].length);
        };
        //判断label完整拼音 中 输入值的 index 是不是等于某个汉字第一个拼音字母的index值
        if(lengths.indexOf(spell.indexOf(value)) !== -1) return true
        // 大写
        let arrUp = data.label.spell('up', 'array');
        let spellUp = arrUp.join('');
        let lengthsUp = [0];
        for (var i = 0; i < arrUp.length - 1; i++) {
            lengthsUp.push(lengthsUp[i] + arrUp[i].length);
        };
        return lengthsUp.indexOf(spellUp.indexOf(value)) !== -1;      
    },

    // 节点单击事件
    handleNodeClick(date) {

      // console.log("调用了handleNodeClick ", date.id, this.id)
      this.treeDate = date;
      if (date.qf == "0") {
        this.xiugais = true;
      } else {
        this.xiugais = false;
      }
      let proId = date.id;
      getInfoByProId(proId).then((response) => {
        this.xiugaiList = response.data;
      });
      this.id = date.id;
      this.queryParams.deptId = date.id;
      this.queryParams.proId = date.id;
      let data = {
        deptId: this.queryParams.deptId,
        proId: this.queryParams.proId,
        proName: this.queryParams.proNamez,
      };
      this.loading = true;
      ProjectTree(data).then((response) => {
      getAllChildListById(data).then((response) => {
        if (response.code == 200) {
          if (response.data.list.length >= 1) {
            this.projectList = this.handleTree(response.data.list, "proId");
@@ -787,12 +1011,10 @@
      this.open = false;
      this.queryParam.id = this.id;
      let data = {
        deptId: this.queryParams.deptId,
        proId: this.queryParams.proId,
      };
      ProjectTree(data).then((response) => {
        this.projectList = this.handleTree(response.data.list, "proId");
        this.ListId.push(this.projectList[0].proId);
        this.key = response.data.key;
      getAllChildListById(data).then((response) => {

        this.loading = false;
      });
    },
@@ -808,6 +1030,7 @@
        proEngName: null,
        proPrice: "0.00",
        proRemark: null,
        xh:"0",
        createBy: null,
        createTime: null,
        updateBy: null,
@@ -824,6 +1047,7 @@
        consumablesList: [],
        tjStandardList: [],
        proStatus: "0",
        resultType: "1",
      };
      this.resetForm("form");
    },
@@ -835,7 +1059,7 @@
    /** 重置按钮操作 */
    resetQuery() {
      this.resetForm("queryForm");
      this.queryParams.deptId = undefined;
      this.queryParams.proId = undefined;
      this.$refs.tree.setCurrentKey(null);
      this.handleQuery();
    },
@@ -954,12 +1178,39 @@
        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;
          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) {
      console.log('调用了handleUpdate');

      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") {
@@ -969,7 +1220,7 @@
          this.showPrise = false;
          this.showRentPrise = true;
        }
        this.form.deptId = Number(this.form.deptId);
        // this.form.deptId = Number(this.form.deptId);
        if (this.form.proStandard === 0) {
          this.showPrise = true;
          this.showRentPrise = false;
@@ -977,7 +1228,7 @@
          this.showPrise = false;
          this.showRentPrise = true;
        }
        this.form.proStatus =  this.form.proStatus.toString()
        this.form.proStatus = this.form.proStatus.toString();
        this.form.consumablesList = response.data.consumablesList;
        this.form.tjStandardList = response.data.tjStandardList;
        if (this.form.tjStandardList != null) {
@@ -1012,7 +1263,16 @@
            }
          });
        }

        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 = "体检项目信息维护";
      });
@@ -1049,138 +1309,75 @@

    /** 提交按钮 */
    submitForm() {
      if (this.key == "N") {
        this.$refs["form"].validate((valid) => {
          if (valid) {
            if (this.form.proId != null) {
              if (this.form.tjStandardList != null) {
                this.form.tjStandardList.forEach((items) => {
                  if (items.tjSex === "男" || items.tjSex === "0") {
                    items.tjSex = "0";
                  } else if (items.tjSex === "女" || items.tjSex === "1") {
                    items.tjSex = "1";
                  } else {
                    items.tjSex = null;
                  }
                  if (items.tjType === "婴儿") {
                    items.tjType = 0;
                  }
                  if (items.tjType === "幼儿") {
                    items.tjType = 1;
                  }
                  if (items.tjType === "儿童") {
                    items.tjType = 2;
                  }
                  if (items.tjType === "少年") {
                    items.tjType = 3;
                  }
                  if (items.tjType === "青年") {
                    items.tjType = 4;
                  }
                  if (items.tjType === "中年") {
                    items.tjType = 5;
                  }
                  if (items.tjType === "老年") {
                    items.tjType = 6;
                  }
                });
              }
              
              
              updateProject(this.form).then((response) => {
                this.$modal.msgSuccess("修改成功");
                this.cancel();
              });
            } else {
              if (this.form.proParentId === 0) {
                this.form.tjStandardList = null;
              } else {
                this.form.consumablesList = null;
              }
      this.noclick = true;
      this.$refs["form"].validate(valid => {
        if (valid) {
          const isUpdate = this.form.proId != null;

              if (this.form.deptId === null || this.form.proParentId === null) {
                this.$message.error("请填写父项名称或科室名称");
                this.open = true;
              } else {
               
                addProject(this.form).then((response) => {
                  this.$modal.msgSuccess("新增成功");
                  this.cancel();
                });
              }
            }
          // 处理性别和年龄组的转换
          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;
            });
          }
        });
      } else if (this.key == "Y") {
        this.form.sfxmId = this.sfxmId;
        this.$refs["form"].validate((valid) => {
          if (valid) {
            if (this.form.proId != null) {
              if (this.form.tjStandardList != null) {
                this.form.tjStandardList.forEach((items) => {
                  if (items.tjSex === "男" || items.tjSex === "0") {
                    items.tjSex = "0";
                  } else if (items.tjSex === "女" || items.tjSex === "1") {
                    items.tjSex = "1";
                  } else {
                    items.tjSex = null;
                  }
                  if (items.tjType === "婴儿") {
                    items.tjType = 0;
                  }
                  if (items.tjType === "幼儿") {
                    items.tjType = 1;
                  }
                  if (items.tjType === "儿童") {
                    items.tjType = 2;
                  }
                  if (items.tjType === "少年") {
                    items.tjType = 3;
                  }
                  if (items.tjType === "青年") {
                    items.tjType = 4;
                  }
                  if (items.tjType === "中年") {
                    items.tjType = 5;
                  }
                  if (items.tjType === "老年") {
                    items.tjType = 6;
                  }
                });
              }
        
              updateProject(this.form).then((response) => {
                this.$modal.msgSuccess("修改成功");
                this.cancel();
              });
            } else {
              if (this.form.proParentId === 0) {
                this.form.tjStandardList = null;
              } else {
                this.form.consumablesList = null;
              }

              if (this.form.deptId === null || this.form.proParentId === null) {
                this.$message.error("请填写父项名称或科室名称");
                this.open = true;
              } else {
              
                addProject(this.form).then((response) => {
                  this.$modal.msgSuccess("新增成功");
                  this.cancel();
                });
              }
            }
          // 设置 lisXmbm
          this.form.lisXmbm = this.form.lisXmbm;

          // 根据 key 值选择不同的操作流程
          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 === null || this.form.proParentId === null) {
          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();
      }
    },
    // 收费项目确认
    submit() {
      this.ChangeList.forEach((item) => {
        this.form.proName = item.xmmc;
        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;
@@ -1219,8 +1416,32 @@
};
</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 {
@@ -1246,4 +1467,14 @@
  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>