qxtj

qinxianzhangyao

2024-02-26 e08d725d241c7eca309cb50339ceaf1845471a31

 src/views/hosp/project/index.vue

@@ -3,33 +3,91 @@
    <el-row :gutter="20">
      <el-col :span="3" :xs="24">
        <div class="head-container">
          <el-input v-model="deptName" placeholder="请输入部门名称" clearable size="small" prefix-icon="el-icon-search"
            style="margin-bottom: 15px" />
          <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>
        <el-scrollbar style="height: 629px; width: 100%">
          <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>
        </el-scrollbar>
      </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-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>
@@ -38,52 +96,180 @@
        <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete" v-hasPermi="['hosp:project:remove']">删除</el-button>
      </el-col> -->
          <el-col :span="1.5">
            <el-button type="primary" icon="el-icon-download" size="mini" @click="handleExport"
              v-hasPermi="['hosp:project:export']">导出</el-button>
            <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-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 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"
            :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="proMeaning" width="350px" :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"
            :show-overflow-tooltip="true"
          ></el-table-column>
          <!-- <el-table-column label="科室名称" align="center" prop="deptName" width="110px" :show-overflow-tooltip="true" /> -->
          <el-table-column
            label="检查类别"
            align="center"
            prop="proCheckType"
            width="110px"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="默认值"
            align="center"
            prop="proDefault"
            width="110px"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="临床意义"
            align="center"
            prop="proMeaning"
            width="350px"
            :show-overflow-tooltip="true"
          />
          <!-- <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="110px">
          <el-table-column
            label="参与小结"
            align="center"
            prop="needReport"
            :show-overflow-tooltip="true"
            width="110px"
          >
            <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.needReport"
              />
            </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">
          <el-table-column
            label="是否空腹"
            align="center"
            prop="proCheckMethod"
            :show-overflow-tooltip="true"
            width="110px"
          >
            <template slot-scope="scope">
              <dict-tag :options="dict.type.tj_result_type" :value="scope.row.resultType" />
              <dict-tag
                :options="dict.type.sys_yes_no"
                :value="scope.row.proCheckMethod"
              />
            </template>
          </el-table-column>
          <el-table-column label="备注" prop="remark" align="center" width="120px" :show-overflow-tooltip="true">
          <el-table-column
            label="项目标准值"
            align="center"
            prop="proScope"
            :show-overflow-tooltip="true"
            width="90px"
          >
          </el-table-column>
          <el-table-column label="状态" align="center" prop="proStatus" fixed="right" width="80px">
          <el-table-column
            label="项目类型"
            align="center"
            prop="resultType"
            width="110px"
            :show-overflow-tooltip="true"
          >
            <template slot-scope="scope">
              <dict-tag :options="dict.type.sys_normal_disable" :value="scope.row.proStatus" />
              <dict-tag
                :options="dict.type.tj_result_type"
                :value="scope.row.resultType"
              />
            </template>
          </el-table-column>
          <el-table-column label="操作" align="center" fixed="right" class-name="small-padding fixed-width" width="80px">
          <el-table-column
            label="备注"
            prop="remark"
            align="center"
            width="120px"
            :show-overflow-tooltip="true"
          >
          </el-table-column>
          <el-table-column
            label="状态"
            align="center"
            prop="proStatus"
            fixed="right"
            width="80px"
          >
            <template slot-scope="scope">
              <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
                v-hasPermi="['hosp:project:edit']" 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>
              <dict-tag
                :options="dict.type.sys_normal_disable"
                :value="scope.row.proStatus"
              />
            </template>
          </el-table-column>
          <el-table-column
            label="操作"
            align="center"
            fixed="right"
            class-name="small-padding fixed-width"
            width="80px"
          >
            <template slot-scope="scope">
              <el-button
                size="mini"
                type="text"
                icon="el-icon-edit"
                @click="handleUpdate(scope.row)"
                v-hasPermi="['hosp:project:edit']"
                title="修改"
              ></el-button>
              <el-button
                v-if="scope.row.proParentId == '0'"
                size="mini"
                type="text"
                icon="el-icon-plus"
                @click="handleAdd(scope.row)"
                v-hasPermi="['system:dept:add']"
                title="增加"
              ></el-button>
              <el-button
                size="mini"
                type="text"
                icon="el-icon-delete"
                @click="handleDelete(scope.row)"
                v-hasPermi="['hosp:project:remove']"
                title="删除"
              ></el-button>
            </template>
          </el-table-column>
        </el-table>
@@ -91,14 +277,37 @@
    </el-row>

    <!-- 添加或修改体检项目对话框 -->
    <el-dialog :title="title" :visible.sync="open" width="1000px" append-to-body :before-close="handleClose">
      <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"
    >
      <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: 200px" @select="obtain" />
          <treeselect
            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">
          <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" />
@@ -116,15 +325,41 @@
          <el-input v-model="form.proPrice" placeholder="请输入项目价格" />
        </el-form-item>
        <el-form-item label="检查类别" prop="proCheckType">
          <el-input v-model="form.proCheckType" placeholder="请输入检查类别" />
          <el-input
            v-model="form.proCheckType"
            placeholder="请输入检查类别"
            style="width: 260px"
          />
        </el-form-item>
        <el-form-item label="临床意义" prop="proMeaning">
          <el-input v-model="form.proMeaning" placeholder="请输入临床意义" />
        </el-form-item>
        <el-form-item label="参与小结" prop="needReport">
          <el-select
            v-model="form.needReport"
            placeholder="请选择是否参与小结"
            style="width: 200px"
          >
            <el-option
              v-for="dict in dict.type.sys_yes_no"
              :key="dict.value"
              :label="dict.label"
              :value="dict.value"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="是否空腹" prop="proCheckMethod">
          <el-select v-model="form.proCheckMethod" placeholder="请选择是否空腹" style="width: 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.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="isEat">
@@ -134,9 +369,18 @@
          </el-select>
        </el-form-item> -->
        <el-form-item label="性别" prop="proSex">
          <el-select v-model="form.proSex" placeholder="请选择体检人性别" style="width: 200px">
            <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">
@@ -144,53 +388,166 @@
        </el-form-item>

        <el-form-item label="科室名称" prop="deptId">
          <el-select v-model="form.deptId" placeholder="请选择科室名称" @change="changeValue" filterable style="width: 205px">
            <el-option v-for="dict in parentNameList" :key="dict.deptId" :label="dict.deptName" :value="dict.deptId" />
          <el-select
            v-model="form.deptId"
            placeholder="请选择科室名称"
            @change="$forceUpdate()"
            filterable
            style="width: 260px"
          >
            <el-option
              v-for="item in parentNameList"
              :key="item.deptId"
              :label="item.deptName"
              :value="item.deptId"
            />
          </el-select>
        </el-form-item>
        <el-form-item label="启用标志" prop="proStatus">
          <el-select v-model="form.proStatus" placeholder="请选择状态" style="width: 200px" filterable clearable>
            <el-option v-for="dict in dict.type.sys_normal_disable" :key="dict.value" :label="dict.label"
              :value="dict.value"></el-option>
          </el-select> </el-form-item>
          <el-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: 210px" 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> </el-form-item>
        <el-form-item label="检查部位" prop="checkBw">
          <el-select v-model="form.checkBw" placeholder="请选择检查部位" style="width: 200px" filterable clearable>
            <el-option v-for="dict in dict.type.sys_dict_position" :key="dict.value" :label="dict.label"
              :value="dict.value"></el-option>
          </el-select> </el-form-item>
        <el-form-item label="结果类型" prop="resultType">
          <el-select v-model="form.resultType" placeholder="请选择结果类型" style="width: 210px" 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="备注" prop="proRemark">
          <el-input v-model="form.proRemark" placeholder="请输入备注" style="width: 510px" />
          <el-select
            v-model="form.specimenType"
            placeholder="请选择标本类型"
            style="width: 200px"
            filterable
            clearable
          >
            <el-option
              v-for="dict in dict.type.sys_dict_specimen"
              :key="dict.value"
              :label="dict.label"
              :value="dict.value"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="检查部位" prop="checkBw">
          <el-select
            v-model="form.checkBw"
            placeholder="请选择检查部位"
            style="width: 200px"
            filterable
            clearable
          >
            <el-option
              v-for="dict in dict.type.sys_dict_position"
              :key="dict.value"
              :label="dict.label"
              :value="dict.value"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="结果类型" prop="resultType">
          <el-select
            v-model="form.resultType"
            placeholder="请选择结果类型"
            style="width: 260px"
            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="LIS项目" prop="lisXmmc">
          <span
            slot="label"
            style="display: inline-block; border-bottom: 2px solid blue"
            @click="handleQuerys"
          >
            LIS项目
            <!-- <el-tooltip effect="dark" content="明细项目" placement="bottom">
              <i class='el-icon-question' @click="getDetailed" />
            </el-tooltip> -->
          </span>

          <el-input v-model="form.lisXmmc" placeholder="请输入LIS项目">
          </el-input>
        </el-form-item>
        <el-form-item label="备注" prop="proRemark">
          <el-input
            v-model="form.proRemark"
            placeholder="请输入备注"
            style="width: 200px"
          />
        </el-form-item>
      </el-form>
      <el-button style="margin-left: 40px" type="primary" plain size="mini" icon="el-icon-plus"
        @click="addmembers">新增行</el-button>
      <el-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-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>
@@ -199,51 +556,109 @@
        </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"
          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>
@@ -254,40 +669,82 @@
    </el-dialog>

    <el-dialog title="收费项目" :visible.sync="dialogTableVisible" width="80%">

      <div class="app-container">
        <el-row :gutter="24">
          <!--部门数据-->
          <el-col :span="6" :xs="24">
            <div style="height:560px;overflow-y: scroll;">
            <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="handleQuery" />
                <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="handleQuery" />
                <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" />
@@ -295,22 +752,48 @@
              <el-table-column label="拼音码" align="center" prop="pym" />
              <!-- <el-table-column label="五笔码" align="center" prop="wbm"  /> -->
              <el-table-column label="参考单价" align="center" prop="ckdj" />
              <el-table-column label="一级最高限价" align="center" prop="yjzgxj" />
              <el-table-column label="二级最高限价" align="center" prop="ejzgxj" />
              <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="querycharge.page"
                  :limit.sync="querycharge.pageSize" @pagination="getListByXmId" />
                <pagination
                  v-show="total > 0"
                  :total="total"
                  :page.sync="queryParam.page"
                  :limit.sync="queryParam.pageSize"
                  @pagination="getListByXmId"
                />
              </div>
            </div>
          </el-col>
@@ -322,17 +805,23 @@
        <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,
} from "@/api/hosp/project";
import { listDept } from "@/api/system/dept";
import Treeselect from "@riophae/vue-treeselect";
@@ -347,26 +836,37 @@
  addSfxm,
  updateSfxm,
  gettreeList,
  getListByXmId
  getListByXmId,
} from "@/api/system/sfxm";

export default {
  name: "Project",
  dicts: ["sys_normal_disable", "dict_personnel_type", "sys_user_sex", "tj_result_type", "dis_sampling_tab", "sys_dict_specimen", "sys_dict_position", "tj_result_type", "sys_yes_no"],
  components: { Treeselect, IconSelect },
  dicts: [
    "sys_normal_disable",
    "dict_personnel_type",
    "sys_user_sex",
    "tj_result_type",
    "dis_sampling_tab",
    "sys_dict_specimen",
    "sys_dict_position",
    "tj_result_type",
    "sys_yes_no",
  ],
  components: { Treeselect, IconSelect, Packagese },
  data() {
    let checkPhoneNum = (rule, value, callback) => {
      console.log(value)
      let patter = new RegExp(/^1\s*[3456789]\s*(\d\s*){9}$/);
      if (value == "" && value == undefined && !value) {
        return callback('');
        return callback("");
      } else if (value != undefined && value != "") {
        return callback();
      } else if (!patter.test(value)) {
        return callback('');
        return callback("");
      }
    };
    return {
      xiugais: true,
      xiugaiList: [],
      // 部门树选项
      deptOptions: undefined,
      dialogTableVisible: false,
@@ -432,10 +932,11 @@
        proEngName: null,
        checkType: null,
        deptId: undefined,
        proId: undefined,
      },
      querycharge: {
        pageNum: 1,
        pageSize: 50,
        pageSize: 10,
        xmmc: null,
        pym: null,
      },
@@ -445,7 +946,14 @@
        id: null,
      },
      // 表单参数
      form: {},
      form: {
        needReport: "Y",
        proName: "",
        proPrice: "",
        sfxmId: "",
        lisXmbm: "",
        lisXmmc: "",
      },
      // 表单校验
      rules: {
        createTime: [
@@ -463,9 +971,7 @@
        proPrice: [
          { required: true, validator: checkPhoneNum, trigger: "blur" },
        ],
        deptId: [
          { required: true, validator: checkPhoneNum, trigger: "blur" },
        ],
        deptId: [{ required: true, validator: checkPhoneNum, trigger: "blur" }],
        // proStandard: [
        //   { required: true, message: "项目标准值不能为空", trigger: "blur" },
        // ],
@@ -481,7 +987,7 @@
      if (newVal) {
        this.$nextTick(() => {
          document
            .querySelector('.el-tree-node__children .el-tree-node__content')
            .querySelector(".el-tree-node__children .el-tree-node__content")
            .click();
        });
      }
@@ -495,11 +1001,13 @@
        this.$nextTick(() => {
          // document.getElementById("changtree").click();;
          document
            .querySelector('#changtree .el-tree-node__children .el-tree-node.is-focusable .el-tree-node__content')
            .querySelector(
              "#changtree .el-tree-node__children .el-tree-node.is-focusable .el-tree-node__content"
            )
            .click();
        });
      }
    }
    },
  },

  created() {
@@ -508,9 +1016,23 @@
    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) { },
    display(value) {},
    /** 查询体检项目列表 */
    getList() {
      // this.loading = true;
@@ -526,9 +1048,11 @@
        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 = this.handleTree(response.data.list, "proId");
        this.projectList = response.data.list;
        this.loading = false;
      });
    },
@@ -542,39 +1066,73 @@
    },

    /** 新增按钮操作 */
    handleAdd() {
      this.reset();
      this.getData();
      // if (row != null && row.proId) {
      //   this.form.proParentId = row.proId;
      // } else {
      //   this.form.proParentId = 0;
      // }
      this.open = true;
    handleAdd(row) {
      // this.reset();
      this.loading = true;
      this.form.proPrice = 0.0;
      this.form.proName = "";
      this.form.proId = null;
      //  ProjectTree
      getlist().then((response) => {
        if (response.code == 200) {
          this.loading = false;
          this.projectOptions = [];
          const project = { proId: 0, proName: "主类目", children: [] };
          project.children = this.handleTree(response.data.list, "proId");
          this.key = response.data.key;
          this.projectOptions.push(project);
          if (row) {
            this.form.proParentId = row.proId;
            this.open = true;
          } else {
            this.open = true;
          }
        }
      });
     
      this.title = "体检项目信息维护";
      this.form.deptId = this.queryParams.deptId
      if (this.key = "Y") {
      if(this.queryParams.deptId){
        this.form.deptId = this.queryParams.deptId;
      }else{
        this.form.deptId = null
      }
      
      console.log(this.form.deptId)
      // this.form.proId = this.queryParams.proId;
      this.form.proCheckMethod = "N";

      if ((this.key = "Y")) {
        gettreeList().then((response) => {
          this.deptOptionstree = response.data;
          this.chargeId.push(this.deptOptionstree[0].id)
        });
      }
    },

    // 打开input弹框
    getDetailed() {
      if (this.form.proParentId) {
      if (this.selectList) {
        if (this.selectList.proName === "主类目") {
          this.dialogTableVisible = false;
        } else {
          this.dialogTableVisible = true;
          this.getlistSfxm()
          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.chargeId.push(this.deptOptionstree[0].id);
          });
          this.getlistSfxm();
        } else if (this.form.proParentId == 0) {
          this.dialogTableVisible = false;
        }
      } else {
        this.$message.error("请选择主项名称");
      }


    },

    obtain(vals) {
@@ -591,11 +1149,14 @@
    },
    getlistSfxm() {
      this.loading = true;
      this.List = true
      this.List = true;
      listSfxm(this.querycharge).then((response) => {
        this.sfxmList = response.rows;
        response.rows.forEach((item, index) => {
          item.newID = (this.querycharge.pageNum - 1) * this.querycharge.pageSize + index + 1;
          item.newID =
            (this.querycharge.pageNum - 1) * this.querycharge.pageSize +
            index +
            1;
        });
        this.total = response.total;
        this.loading = false;
@@ -604,14 +1165,14 @@
    // input弹框搜索
    handlecharge() {
      this.querycharge.pageNum = 1;
      this.List = true
      this.getlistSfxm()
      this.List = true;
      this.getlistSfxm();
    },

    handleNodecharge(data) {
      this.queryParam.id = data.id;
      this.List = false
      this.getListByXmId()
      this.List = false;
      this.getListByXmId();
    },

    getListByXmId() {
@@ -619,7 +1180,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;
@@ -640,11 +1202,11 @@
    // // 查询体检项目列表(树形结构)
    getData() {
      /** 查询部门下拉树结构 */
      ProjectTree().then((response) => {
      getAllChildListById().then((response) => {
        this.projectOptions = [];
        const project = { proId: 0, proName: "主类目", children: [] };
        project.children = this.handleTree(response.data.list, "proId");
        this.key = response.data.key
        this.key = response.data.key;
        // if (this.key == "Y") {
        //   this.key = response.data.key
        // } else if (response.data.key == "N") {
@@ -657,14 +1219,15 @@
    getDeptList() {
      listDept(this.queryParams).then((response) => {
        this.parentNameList = response.data;
        console.log(this.parentNameList)
        this.deptList = this.handleTree(response.data, "proId");
      });
    },
    /** 查询部门下拉树结构 */
    getDeptTree() {
      deptTree().then((response) => {
      deptTree111().then((response) => {
        this.deptOptions = response.data;
        this.treeId.push(this.deptOptions[0].id)
        this.treeId.push(this.deptOptions[0].id);
      });
    },

@@ -680,28 +1243,46 @@
    },
    // 节点单击事件
    handleNodeClick(date) {
      if (date.children) {
        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,
      };
      ProjectTree(data).then((response) => {
        this.projectList = this.handleTree(response.data.list, "proId");
        this.ListId.push(this.projectList[0].proId)
        this.key = response.data.key
        // if (this.key == "Y") {
        //   this.key = response.data.key
        // } else if (response.data.key == "N") {
        //   this.key = response.data.key
        // }
        this.loading = false;
      this.loading = true;
      getAllChildListById(data).then((response) => {
        if (response.code == 200) {
          if (response.data.list.length >= 1) {
            this.projectList = this.handleTree(response.data.list, "proId");
            this.ListId.push(this.projectList[0].proId);
            this.key = response.data.key;
          } else {
            this.projectList = [];
          }

          // if (this.key == "Y") {
          //   this.key = response.data.key
          // } else if (response.data.key == "N") {
          //   this.key = response.data.key
          // }
          this.loading = false;
        }
      });
    },
    selectSingleRow({ row, rowIndex }) {
      if (rowIndex === 1) {
        return 'warning-row';
        return "warning-row";
      }
      return '';
      return "";
    },

    /** 展开/折叠操作 */
@@ -718,18 +1299,18 @@
      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.projectList = this.handleTree(response.data.list, "proId");
        // this.ListId.push(this.projectList[0].proId);
        // this.key = response.data.key;
        this.loading = false;
      });
    },

    handleClose() {
      this.cancel()
      this.cancel();
    },
    // 表单重置
    reset() {
@@ -754,7 +1335,7 @@
        deptName: null,
        consumablesList: [],
        tjStandardList: [],
        proStatus: "启用",
        proStatus: "0",
      };
      this.resetForm("form");
    },
@@ -766,33 +1347,30 @@
    /** 重置按钮操作 */
    resetQuery() {
      this.resetForm("queryForm");
      this.queryParams.deptId = undefined;
      this.queryParams.proId = undefined;
      this.$refs.tree.setCurrentKey(null);
      this.handleQuery();
    },



    flexColumnWidth(column) {
      if (!column) {
        return;
      }
      let maxlength = 160;//在此处设置默认宽度
      if (column == 'rwdtypeName') {
      let maxlength = 160; //在此处设置默认宽度
      if (column == "rwdtypeName") {
        //在此处为了保证表头不换行，可以根据表头名称长度设置默认宽度
        // column1 就是对应表格中的prop属性值，比如上面的 rwdtypeName
        maxlength = 160;
      }
      for (let i = 0; i < this.projectList.length; i++) {
        if (this.projectList[i][column]) {
          let now_temp = this.projectList[i][column] + '';
          let now_temp = this.projectList[i][column] + "";
          let flexWidth = 0;
          for (const char of now_temp) {
            if (char >= 'A' && char <= 'Z' || char >= 'a' && char <= 'z') {
            if ((char >= "A" && char <= "Z") || (char >= "a" && char <= "z")) {
              //英文字母 8 像素
              flexWidth += 8;
            } else if (char >= '\u4e00' && char <= '\u9fa5') {
              console.log(22222)
            } else if (char >= "\u4e00" && char <= "\u9fa5") {
              //中文文字 15 像素
              flexWidth += 15;
            } else {
@@ -806,12 +1384,12 @@
        }
      }
      //el-table中 cell 有左右的 padding 个 10 像素
      return maxlength + 20 + 'px';
      return maxlength + 20 + "px";
    },

    // 多选框选中数据
    handleSelectionChange(selection) {
      this.ChangeList = selection
      this.ChangeList = selection;
      this.ids = selection.map((item) => item.id);
      this.single = selection.length !== 1;
      this.multiple = !selection.length;
@@ -820,9 +1398,6 @@
        this.$refs.tb.toggleRowSelection(del_row, false); //设置这一行取消选中
      }
    },




    // 新增行
    addmembers() {
@@ -891,6 +1466,10 @@
        this.form.tjStandardList.splice(index, 1);
      }
    },
    handleUpdate1() {
      this.open = true;
      this.form = this.xiugaiList;
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      this.reset();
@@ -899,12 +1478,14 @@
      const proId = row.proId || this.ids;
      getProject(proId).then((response) => {
        this.form = response.data;
        this.form.deptId = Number(this.form.deptId)
        if (this.form.proStatus === 0) {
          this.form.proStatus = "启用";
        if (this.form.proParentId === "0") {
          this.showPrise = true;
          this.showRentPrise = false;
        } else {
          this.form.proStatus = "停用";
          this.showPrise = false;
          this.showRentPrise = true;
        }
        this.form.deptId = Number(this.form.deptId);
        if (this.form.proStandard === 0) {
          this.showPrise = true;
          this.showRentPrise = false;
@@ -912,6 +1493,7 @@
          this.showPrise = false;
          this.showRentPrise = true;
        }
        this.form.proStatus = this.form.proStatus.toString();
        this.form.consumablesList = response.data.consumablesList;
        this.form.tjStandardList = response.data.tjStandardList;
        if (this.form.tjStandardList != null) {
@@ -952,6 +1534,7 @@
      });
    },
    changeValue(value) {
      console.log(value)
      // this.form.deptName = value;
      this.form.deptId = value;
    },
@@ -1019,14 +1602,11 @@
                  }
                });
              }
              if (this.form.proStatus === "启用") {
                this.form.proStatus = 0;
              } else {
                this.form.proStatus = 1;
              }
              this.form.lisXmbm = this.form.lisXmbm;
              updateProject(this.form).then((response) => {
                this.$modal.msgSuccess("修改成功");
                this.cancel()
                this.cancel();
                this.getList();
              });
            } else {
              if (this.form.proParentId === 0) {
@@ -1039,21 +1619,18 @@
                this.$message.error("请填写父项名称或科室名称");
                this.open = true;
              } else {
                if (this.form.proStatus === "启用") {
                  this.form.proStatus = 0;
                } else {
                  this.form.proStatus = 1;
                }
                this.form.lisXmbm = this.form.lisXmbm;
                addProject(this.form).then((response) => {
                  this.$modal.msgSuccess("新增成功");
                  this.cancel()
                  this.cancel();
                  this.getList();
                });
              }
            }
          }
        });
      } else if (this.key == "Y") {
        this.form.sfxmId = this.sfxmId
        this.form.sfxmId = this.sfxmId;
        this.$refs["form"].validate((valid) => {
          if (valid) {
            if (this.form.proId != null) {
@@ -1089,14 +1666,11 @@
                  }
                });
              }
              if (this.form.proStatus === "启用") {
                this.form.proStatus = 0;
              } else {
                this.form.proStatus = 1;
              }
              this.form.lisXmbm = this.form.lisXmbm;
              updateProject(this.form).then((response) => {
                this.$modal.msgSuccess("修改成功");
                this.cancel()
                this.cancel();
                this.getList();
              });
            } else {
              if (this.form.proParentId === 0) {
@@ -1109,31 +1683,27 @@
                this.$message.error("请填写父项名称或科室名称");
                this.open = true;
              } else {
                if (this.form.proStatus === "启用") {
                  this.form.proStatus = 0;
                } else {
                  this.form.proStatus = 1;
                }
                this.form.lisXmbm = this.form.lisXmbm;
                addProject(this.form).then((response) => {
                  this.$modal.msgSuccess("新增成功");
                  this.cancel()
                  this.cancel();
                  this.getList();
                });
              }
            }
          }
        });
      }

    },

    // 收费项目确认
    submit() {
      this.ChangeList.forEach(item => {
        this.form.proName = item.xmmc
        this.form.proPrice = item.ckdj
        this.sfxmId = parseInt(item.id)
      })
      this.dialogTableVisible = false
      this.ChangeList.forEach((item) => {
        this.form.proName = item.xmmc;
        this.form.proPrice = item.ckdj;
        this.sfxmId = parseInt(item.id);
      });
      this.dialogTableVisible = false;
    },
    /** 删除按钮操作 */
    handleDelete(row) {
@@ -1153,7 +1723,7 @@
          this.getList();
          this.$modal.msgSuccess("删除成功");
        })
        .catch(() => { });
        .catch(() => {});
    },
    /** 导出按钮操作 */
    handleExport() {
@@ -1166,8 +1736,7 @@
      );
    },
  },
}

};
</script>
<style scoped>
.el-table__header-wrapper .el-checkbox {
@@ -1193,8 +1762,16 @@
  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
  color: #333 !important;
}
.el-scrollbar__bar.is-vertical {
  opacity: 1;
  padding-right: 5px;
  width: 7px;
}
.el-scrollbar__wrap {
  overflow-x: hidden;
}
</style>