qx

qx

2025-04-23 0d541fcd7dc65b10dc475792bb7646976259c2aa

 src/views/hosp/project/index.vue

@@ -1,104 +1,300 @@
<template>
  <div class="app-container">
    <el-row :gutter="20">
      <el-col :span="3" :xs="24">
      <el-col :span="4" :xs="24">
        <div class="head-container">
          <el-input v-model="deptName" placeholder="请输入部门名称" clearable size="small" prefix-icon="el-icon-search"
            style="margin-bottom: 15px" />
          <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"/>
            <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"
              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-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>
            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
            <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-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-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-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-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-button
              type="primary"
              icon="el-icon-sort"
              size="mini"
              @click="toggleExpandAll"
              >展开/折叠</el-button
            >
          </el-col>
          <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
          <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">
        <el-table
          v-if="refreshTable"
          v-loading="loading"
          :data="projectList"
          ref="tableRef"
          height="580"
          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" />
              <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">
          <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" />
              <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">
          <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" />
              <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
            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
            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
            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
            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">
          <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" />
              <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">
          <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>
              <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>
@@ -106,190 +302,468 @@
    </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-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" />
          <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="请输入项目价格" />
          <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-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
            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
            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
            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
            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
            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-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
            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
            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
            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-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-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-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
            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
            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">
          <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="请输入his编码" style="width: 260px" />
          <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-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">
          <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-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-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: 200px" />
          <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-item label="是否参与异常" prop="sfcyyc">
          <el-select v-model="form.sfcyyc" placeholder="请选择是否参与异常" style="width: 260px">
            <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>
      <el-button style="margin-left: 40px" type="primary" plain size="mini" icon="el-icon-plus"
        @click="addmembers">新增行</el-button>
      <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">
      <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
              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">
        <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>
            <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
        :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-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
              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>
            <el-input
              v-model="scope.row.company"
              autocomplete="off"
              placeholder="请输入内容"
            ></el-input>
          </template>
        </el-table-column>
        <el-table-column label="标准最小值" align="center" prop="tjStandardLtValue">
        <el-table-column
          label="标准最小值"
          align="center"
          prop="tjStandardLtValue"
        >
          <template slot-scope="scope">
            <el-input v-model="scope.row.tjStandardLtValue" autocomplete="off" placeholder="请输入标准最小值"></el-input>
            <el-input
              v-model="scope.row.tjStandardLtValue"
              autocomplete="off"
              placeholder="请输入标准最小值"
            ></el-input>
          </template>
        </el-table-column>
        <el-table-column label="标准最大值" align="center" prop="tjStandardGtValue">
        <el-table-column
          label="标准最大值"
          align="center"
          prop="tjStandardGtValue"
        >
          <template slot-scope="scope">
            <el-input v-model="scope.row.tjStandardGtValue" autocomplete="off" placeholder="请输入标准最大值"></el-input>
            <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">
        <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>
            <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>
@@ -299,61 +773,135 @@
      </div>
    </el-dialog>

    <el-dialog title="收费项目" :visible.sync="dialogTableVisible" width="80%" :close-on-click-modal="false">
    <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" />
                <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" />
                <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
              :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" />
                <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-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
              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-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" />
                <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" />
                <pagination
                  v-show="total > 0"
                  :total="total"
                  :page.sync="queryParam.page"
                  :limit.sync="queryParam.pageSize"
                  @pagination="getListByXmId"
                />
              </div>
            </div>
          </el-col>
@@ -370,8 +918,8 @@
</template>

<script>
import debounce from 'lodash/debounce';
import cnchar from 'cnchar';
import debounce from "lodash/debounce";
import cnchar from "cnchar";
import Packagese from "@/components/Packagese";
import {
  getProject,
@@ -439,6 +987,16 @@
        children: "dictSfxms",
        label: "xmmc",
      },
      dictTypesy: [
        {
          value:"0",
          label:"是"
        },
        {
          value:"1",
          label:"否"
        }
      ],
      xmmc: "",
      chargeId: [],
      List: false,
@@ -453,7 +1011,7 @@
      multiple: true,
      showSearch: true,
      total: 0,
      treeId: ["532"],
      treeId: [],
      ListId: [],
      noclick: false,
      consumableList: [],
@@ -515,6 +1073,7 @@
        proScope: "",
        proSex: "2",
        resultType: "",
        sfcyyc: "0",
      },
      rules: {
        createTime: [
@@ -544,13 +1103,16 @@
      this.debounceFilter(val);
    },
    treeId(newVal) {
      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);
          if (node) {
            this.$refs.tree.setCurrentKey(lastId);
            const nodeElement = document.querySelector(`.el-tree-node[data-key="${lastId}"] .el-tree-node__content`);
            this.$refs.tree1.setCurrentKey(lastId);
            const nodeElement = document.querySelector(
              `.el-tree-node[data-key="${lastId}"] .el-tree-node__content`
            );
            if (nodeElement) {
              nodeElement.click();
            }
@@ -576,9 +1138,9 @@
  created() {
    this.getConsumables();
    this.getDeptList();
    this.getDeptTree().then(() => {
      this.precomputePinyin();
    });
    // this.getDeptTree().then(() => {
    //   this.precomputePinyin();
    // });
  },
  mounted() {
    this.getDeptTree().then(() => {
@@ -586,16 +1148,20 @@
    });
  },
  methods: {
    debounceFilter: debounce(function(val) {
      this.$refs.tree.filter(val);
    debounceFilter: debounce(function (val) {
      this.$refs.tree1.filter(val);
    }, 300),
    precomputePinyin() {
      const traverse = (nodes) => {
        nodes.forEach(node => {
        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 });
            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);
        });
@@ -626,7 +1192,7 @@
      }
      return null;
    },
    renderContent(h, { node, data }) {
    /* renderContent(h, { node, data }) {
      return h(
        "span",
        {
@@ -637,6 +1203,42 @@
        },
        data.label
      );
    }, */
    renderContent(h, { node, data }) {
      const children = [];

      // 主 label，加上颜色判断
      children.push(
        h(
          "span",
          {
            style: {
              color: data.status === "1" ? "red" : "inherit",
              fontSize: "14px",
              marginRight: "8px",
            },
          },
          data.label
        )
      );

      // 判断 dj 是否是非负数，如果是则展示
      if (data.dj !== undefined && Number(data.dj) >= 0) {
        children.push(
          h(
            "span",
            {
              style: {
                color: "inherit",
                fontSize: "12px",
              },
            },
            `${Number(data.dj).toFixed(2)} 元`
          )
        );
      }

      return h("span", children);
    },
    handleQuerys() {
      this.$refs.aaa.open = true;
@@ -690,24 +1292,23 @@
            this.form.proParentId = row.proId || 0;
            this.open = true;
          } else if (this.treeDate.id) {
           if(this.treeDate.qf == "0"){
            this.form.proParentId = "0"
            this.form.deptId =this.treeDate.id 
           }else{
            this.form.proParentId = this.treeDate.id;
            this.projectOptions.forEach((item) => {
              item.children.forEach((item1) => {
                if (this.form.proParentId == item1.proId) {
                  this.form.deptId = item1.deptId;
                }
            if (this.treeDate.qf == "0") {
              this.form.proParentId = "0";
              this.form.deptId = this.treeDate.id;
            } else {
              this.form.proParentId = this.treeDate.id;
              this.projectOptions.forEach((item) => {
                item.children.forEach((item1) => {
                  if (this.form.proParentId == item1.proId) {
                    this.form.deptId = item1.deptId;
                  }
                });
              });
            });
           }
            
           
            }

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

          this.getlistSfxm();
        } else {
          this.dialogTableVisible = false;
@@ -760,7 +1364,10 @@
      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;
@@ -786,7 +1393,8 @@
      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;
@@ -820,13 +1428,18 @@
    getDeptTree() {
      return deptTree111().then((response) => {
        this.deptOptions = response.data;
        this.treeId.push(this.treeDate.id);
        this.treeId = []
        if(this.treeDate.id){
          this.treeId.push( this.treeDate.id)
        }else{
          this.treeId.push("532")
        }
        
      });
    },
    handleNodeClick(date) {
     
      this.treeDate = date;
      console.log(this.treeDate)
      this.xiugaiList ={}
      this.xiugais = date.qf === "0";
      let proId = date.id;
      getInfoByProId(proId).then((response) => {
@@ -841,8 +1454,13 @@
      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.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;
        }
@@ -861,6 +1479,11 @@
      let data = { proId: this.queryParams.proId };
      getAllChildListById(data).then(() => {
        this.loading = false;
      });
      this.deptName = "";
      // 手动调用过滤方法（需等待 DOM 更新）
      this.$nextTick(() => {
        this.$refs.tree1.filter(this.deptName);
      });
    },
    handleClose() {
@@ -900,7 +1523,7 @@
    resetQuery() {
      this.resetForm("queryForm");
      this.queryParams.proId = undefined;
      this.$refs.tree.setCurrentKey(null);
      this.$refs.tree1.setCurrentKey(null);
      this.handleQuery();
    },
    flexColumnWidth(column) {
@@ -971,8 +1594,10 @@
      }
    },
    handleUpdate1() {
      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) => {
@@ -998,14 +1623,27 @@
        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) {
          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;
            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) => {
@@ -1042,10 +1680,22 @@
          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;
              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;
@@ -1056,6 +1706,11 @@
            this.processSubmission(isUpdate, true);
          }
        }
      });
      this.deptName = "";
      // 手动调用过滤方法（需等待 DOM 更新）
      this.$nextTick(() => {
        this.$refs.tree1.filter(this.deptName);
      });
    },
    processSubmission(isUpdate, isY) {
@@ -1089,6 +1744,7 @@
          this.precomputePinyin();
        });
      }
      console.log(this.treeId)
    },
    submit() {
      this.ChangeList.forEach((item) => {
@@ -1099,6 +1755,10 @@
        this.sfxmId = parseInt(item.id);
      });
      this.dialogTableVisible = false;
      this.getDeptList();
      this.getDeptTree().then(() => {
        this.precomputePinyin();
      });
    },
    handleDelete(row) {
      const proIds = row.proId || this.ids;
@@ -1170,7 +1830,7 @@
  background: #e5f3ff;
}

.el-tree-node.is-current>.el-tree-node__content {
.el-tree-node.is-current > .el-tree-node__content {
  background-color: #e5f3ff !important;
  color: #333 !important;
}