Qx

qx

2025-03-18 dd24a2ea978b1e77ae4a510053cd1df0bf1863e7

Qx

 src/views/doctor/check/index.vue

@@ -274,7 +274,7 @@
        <el-col v-show="baogaoqian">
          <template>
            <el-tabs v-model="radio" type="border-card" @tab-click="handleTabClick" style="margin-left: 10px">
              <el-tab-pane :label="item.proName" :name="item.proId" v-for="(item, index) in Parent" :key="index">
              <el-tab-pane :label="item.proName" :name="item.proId" v-for="(item, index) in Parent" :key="index" :lazy="false">
                <el-table class="bgc" v-loading="loading" :data="proParentList.sons" border height="460px"
                  style="width: 96%; margin: 10px 10px" :row-class-name="tableRowClassName">
                  <el-table-column prop="project.proName" label="检测项目" width="150">
@@ -286,8 +286,8 @@
                        @input="vale($event, scope.row)" :disabled="scope.row.project.proName === 'BMI'"
                        ></el-input> -->
                        <template slot-scope="{ row, $index }">
                      <el-input type="textarea" autosize size="mini" v-model="row.proResult" :ref="`input-${$index}`"
                        @keyup.enter.native="keyInputConfirm($event, $index)" @focus="handleFocus(row)"
                      <el-input type="textarea" autosize size="mini" v-model="row.proResult" :ref="`input-item${index}-row${$index}`"
                      @keydown.enter.native="keyInputConfirm($event,index,$index)" @focus="handleFocus(row)"
                        @blur="handleInputConfirm(row)" @input="vale($event, row)"
                        :disabled="row.project.proName === 'BMI'"
                        ></el-input>
@@ -420,7 +420,7 @@
        <el-col :span="18" v-show="baogaohou">
          <template>
            <el-tabs v-model="radio" type="border-card" @tab-click="handleTabClick" style="margin-left: 10px">
              <el-tab-pane :label="item.proName" :name="item.proId" v-for="(item, index) in Parent" :key="index">
              <el-tab-pane :label="item.proName" :name="item.proId" v-for="(item, index) in Parent" :key="index" :lazy="false">
                <el-table class="bgc" v-loading="loading" :data="proParentList.sons" border height="460px"
                  style="width: 96%; margin: 10px 10px" :row-class-name="tableRowClassName">
                  <el-table-column prop="project.proName" label="检测项目" width="100">
@@ -431,8 +431,8 @@
                        placeholder="请输入检测结果" @focus="handleFocus(scope.row)" @blur="handleInputConfirm(scope.row)"
                        @input="vale"></el-input> -->
                        <template slot-scope="{ row, $index }">
                      <el-input type="textarea" autosize size="mini" v-model="row.proResult" :ref="`input-${$index}`"
                        @keyup.enter.native="keyInputConfirm($event, $index)" @focus="handleFocus(row)"
                      <el-input type="textarea" autosize size="mini" v-model="row.proResult" :ref="`input-item${index}-row${$index}`"
                      @keydown.enter.native="keyInputConfirm($event,index,$index)" @focus="handleFocus(row)"
                        @blur="handleInputConfirm(row)" @input="vale($event, row)"
                        :disabled="row.project.proName === 'BMI'"
                        ></el-input>
@@ -1401,21 +1401,21 @@
    },


    keyInputConfirm(event, currentRowIndex) {
    keyInputConfirm(event,index, currentRowIndex) {
      // 阻止默认回车行为，比如提交表单
      event.preventDefault();
     event.stopPropagation()
      const nextRowIndex = currentRowIndex + 1; // 计算下一行索引

      // 如果下一行存在，则聚焦该行的输入框
      if (nextRowIndex < this.proParentList.sons.length) {
        this.$nextTick(() => {
          const nextInputRef = `input-${nextRowIndex}`;
          const nextInputRef = `input-item${index}-row${nextRowIndex}`;
          const nextInput = this.$refs[nextInputRef];
          if (nextInput) {
            // 处理 ref 可能为数组的情况（如动态渲染）
            const target = Array.isArray(nextInput) ? nextInput[0] : nextInput;
            target.focus(); // 聚焦输入框
            target.select(); // 可选：选中文本
            // target.select(); // 可选：选中文本
          }
        });
      }

 src/views/hosp/project/index.vue

@@ -685,11 +685,22 @@
          project.children = this.handleTree(response.data.list, "proId");
          this.key = response.data.key;
          this.projectOptions.push(project);
          // this.open = true;
          if (row.proId) {
            this.form.proParentId = row.proId || 0;
            this.open = true;
          } else if (this.treeDate.id) {
            this.form.proParentId = this.treeDate.id || 0;
           if(this.treeDate.qf == "0"){
            this.form.proParentId = "0"
            this.projectOptions.forEach((item) => {
              item.children.forEach((item1) => {
                if (this.treeDate.id == item1.deptId) {
                  this.form.deptId = item1.deptId;
                }
              });
            });
           }else{
            this.form.proParentId = this.treeDate.id;
            this.projectOptions.forEach((item) => {
              item.children.forEach((item1) => {
                if (this.form.proParentId == item1.proId) {
@@ -697,8 +708,12 @@
                }
              });
            });
           }
            
           
            this.open = true;
          } else {
             this.form.proParentId = "0"
            this.open = true;
          }
        }
@@ -815,7 +830,9 @@
      });
    },
    handleNodeClick(date) {
     
      this.treeDate = date;
      console.log(this.treeDate)
      this.xiugais = date.qf === "0";
      let proId = date.id;
      getInfoByProId(proId).then((response) => {
@@ -1059,1182 +1076,7 @@
        } else {
          this.form.consumablesList = null;
        }
        if (!this.form.deptId || !this.form.proParentId) {
          this.$message.error("请填写父项名称或科室名称");
          this.open = true;
        } else {
          addProject(this.form).then((response) => {
            this.$modal.msgSuccess("新增成功");
            this.handleSuccess(isY);
          });
        }
      }
    },
    handleSuccess(isY) {
      this.cancel();
      this.getList();
      if (this.proParent || isY) {
        this.getDeptTree().then(() => {
          this.precomputePinyin();
        });
      }
    },
    submit() {
      this.ChangeList.forEach((item) => {
        this.form.proPrice = item.ckdj;
        this.form.hisXmbm = item.xmbm;
        this.form.hisXmmc = item.xmmc;
        this.form.hisdj = item.ckdj;
        this.sfxmId = parseInt(item.id);
      });
      this.dialogTableVisible = false;
    },
    handleDelete(row) {
      const proIds = row.proId || this.ids;
      this.$modal
        .confirm('是否确认删除体检项目编号为"' + proIds + '"的数据项？')
        .then(() => {
          return delProject(proIds).then((response) => {
            if (response.msg === "该项目正在使用暂时不能删除") {
              Message.warning(response.msg);
              this.getList();
            }
          });
        })
        .then(() => {
          this.getList();
          this.$modal.msgSuccess("删除成功");
        })
        .catch(() => {});
    },
    handleExport() {
      this.download(
        "hosp/project/export",
        { ...this.queryParams },
        `project_${new Date().getTime()}.xlsx`
      );
    },
  },
};
</script>

<style scoped>
.scrollable-container {
  width: 200px;
  height: 629px;
  overflow: auto;
  border: 1px solid #ccc;
  position: relative;
}

.content {
  width: 1000px;
  height: 1000px;
}

.el-table__header-wrapper .el-checkbox {
  display: none;
}

.red-text {
  color: red !important;
}

.pag {
  display: flex;
  justify-content: center;
}

.pag1 {
  width: 40%;
}

.dialog-footer {
  position: absolute;
  left: 40%;
  bottom: 3%;
}

.el-table .warning-row {
  background: #e5f3ff;
}

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

.el-scrollbar__bar.is-vertical {
  opacity: 1;
  padding-right: 5px;
  width: 7px;
}

.el-scrollbar__wrap {
  overflow-x: hidden;
}
</style><template>
  <div class="app-container">
    <el-row :gutter="20">
      <el-col :span="3" :xs="24">
        <div class="head-container">
          <el-input v-model="deptName" placeholder="请输入部门名称" clearable size="small" prefix-icon="el-icon-search"
            style="margin-bottom: 15px" />
        </div>
        <div class="scrollable-container">
          <div class="content">
            <el-tree :data="deptOptions" :props="defaultProps" :expand-on-click-node="false"
              :filter-node-method="filterNode" ref="tree" node-key="id" :default-expanded-keys="treeId"  
              highlight-current @node-click="handleNodeClick" :render-content="renderContent" v-loading="loadings"/>
          </div>
        </div>
      </el-col>
      <el-col :span="20" :xs="24">
        <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
          label-width="68px">
          <el-form-item label="项目名称" prop="proName">
            <el-input v-model="queryParams.proName" placeholder="请输入项目名称" clearable @keyup.enter.native="handleQuery" />
          </el-form-item>
          <el-form-item label="检查类别" prop="checkType">
            <el-input v-model="queryParams.checkType" placeholder="请输入检查类别" clearable
              @keyup.enter.native="handleQuery" />
          </el-form-item>
          <el-form-item>
            <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
          </el-form-item>
        </el-form>

        <el-row :gutter="10" class="mb8">
          <el-col :span="1.5">
            <el-button type="primary" icon="el-icon-plus" size="mini" @click="handleAdd"
              v-hasPermi="['hosp:project:add']">新增</el-button>
          </el-col>
          <el-col :span="1.5">
            <el-button :disabled="xiugais" type="primary" icon="el-icon-plus" size="mini" @click="handleUpdate1"
              v-hasPermi="['hosp:project:add']">修改</el-button>
          </el-col>
          <el-col :span="1.5">
            <el-button type="primary" icon="el-icon-download" size="mini" @click="handleExport"
              v-hasPermi="['hosp:project:export']">导出</el-button>
          </el-col>
          <el-col :span="1.5">
            <el-button type="primary" icon="el-icon-download" size="mini"
              @click="Synchronizationfees">批量同步费用</el-button>
          </el-col>
          <el-col :span="1.5">
            <el-button type="primary" icon="el-icon-sort" size="mini" @click="toggleExpandAll">展开/折叠</el-button>
          </el-col>
          <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
        </el-row>

        <el-table v-if="refreshTable" v-loading="loading" :data="projectList" ref="tableRef" border>
          <el-table-column label="项目名称" prop="proName" fixed="left" :width="flexColumnWidth('proName')" />
          <el-table-column label="价格(/元)" align="center" prop="proPrice" width="75px"
            :show-overflow-tooltip="true"></el-table-column>
          <el-table-column label="数量" align="center" prop="sl" width="65px"
            :show-overflow-tooltip="true"></el-table-column>
          <el-table-column label="检查类别" align="center" prop="proCheckType" width="110px"
            :show-overflow-tooltip="true" />
          <el-table-column label="默认值" align="center" prop="proDefault" width="110px" :show-overflow-tooltip="true" />
          <el-table-column label="结果类型" align="center" prop="resultType" width="80px" :show-overflow-tooltip="true">
            <template slot-scope="scope">
              <dict-tag :options="dict.type.tj_result_type" :value="scope.row.resultType" />
            </template>
          </el-table-column>
          <el-table-column label="参与小结" align="center" prop="needReport" :show-overflow-tooltip="true" width="75px">
            <template slot-scope="scope">
              <dict-tag :options="dict.type.sys_yes_no" :value="scope.row.needReport" />
            </template>
          </el-table-column>
          <el-table-column label="是否空腹" align="center" prop="proCheckMethod" :show-overflow-tooltip="true" width="75px">
            <template slot-scope="scope">
              <dict-tag :options="dict.type.sys_yes_no" :value="scope.row.proCheckMethod" />
            </template>
          </el-table-column>
          <el-table-column label="项目标准值" align="center" prop="proScope" :show-overflow-tooltip="true" width="90px">
          </el-table-column>
          <el-table-column label="Lis项目名称" align="center" prop="lisXmmc"  :show-overflow-tooltip="true" width="200px">
          </el-table-column>
          <el-table-column label="Lis编码" align="center" prop="lisXmbm" :show-overflow-tooltip="true" width="90px">
          </el-table-column>
          <el-table-column label="临床意义" align="center" prop="proMeaning" width="350px" :show-overflow-tooltip="true" />
          <el-table-column label="备注" prop="remark" align="center" width="120px" :show-overflow-tooltip="true">
          </el-table-column>
          <el-table-column label="状态" align="center" prop="proStatus" fixed="right" width="80px">
            <template slot-scope="scope">
              <dict-tag :options="dict.type.sys_normal_disable" :value="scope.row.proStatus" />
            </template>
          </el-table-column>
          <el-table-column label="操作" align="center" fixed="right" class-name="small-padding fixed-width" width="80px">
            <template slot-scope="scope">
              <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
                v-hasPermi="['hosp:project:edit']" title="修改"></el-button>
              <el-button v-if="scope.row.proParentId == '0'" size="mini" type="text" icon="el-icon-plus"
                @click="handleAdd(scope.row)" v-hasPermi="['system:dept:add']" title="增加"></el-button>
              <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
                v-hasPermi="['hosp:project:remove']" title="删除"></el-button>
            </template>
          </el-table-column>
        </el-table>
      </el-col>
    </el-row>

    <!-- 添加或修改体检项目对话框 -->
    <el-dialog :title="title" :visible.sync="open" width="1200px" append-to-body :before-close="handleClose"
      :close-on-click-modal="false">
      <el-form ref="form" :model="form" :rules="rules" label-width="100px" :inline="true">
        <el-form-item label="主项名称" prop="proParentId">
          <treeselect :disabled="proParent" v-model="form.proParentId" :options="projectOptions"
            :normalizer="normalizer" :show-count="true" placeholder="选择主项名称" style="width: 260px" @select="obtain" />
        </el-form-item>
        <el-form-item label="明细项目" prop="proName">
          <el-input v-model="form.proName" placeholder="请输入明细项目"></el-input>
        </el-form-item>
        <el-form-item label="项目价格" prop="proPrice">
          <el-input v-model="form.proPrice" :disabled="isPriceDisabled" placeholder="请输入项目价格" />
        </el-form-item>
        <el-form-item label="检查类别" prop="proCheckType">
          <el-input v-model="form.proCheckType" placeholder="请输入检查类别" style="width: 260px" />
        </el-form-item>
        <el-form-item label="临床意义" prop="proMeaning">
          <el-input v-model="form.proMeaning" placeholder="请输入临床意义" />
        </el-form-item>
        <el-form-item label="参与小结" prop="needReport">
          <el-select v-model="form.needReport" placeholder="请选择是否参与小结" style="width: 200px">
            <el-option v-for="dict in dict.type.sys_yes_no" :key="dict.value" :label="dict.label"
              :value="dict.value"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="是否空腹" prop="proCheckMethod">
          <el-select v-model="form.proCheckMethod" placeholder="请选择是否空腹" style="width: 260px">
            <el-option v-for="dict in dict.type.sys_yes_no" :key="dict.value" :label="dict.label"
              :value="dict.value"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="性别" prop="proSex">
          <el-select v-model="form.proSex" placeholder="请选择体检人性别" style="width: 200px" clearable>
            <el-option v-for="dict in dict.type.sys_user_sex" :key="dict.value" :label="dict.label"
              :value="dict.value"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="项目类型" prop="proType">
          <el-input v-model="form.proType" placeholder="请输入项目类型" />
        </el-form-item>
        <el-form-item label="科室名称" prop="deptId">
          <el-select v-model="form.deptId" placeholder="请选择科室名称" @change="changeType" filterable style="width: 260px">
            <el-option v-for="item in parentNameList" :key="item.deptId" :label="item.deptName" :value="item.deptId" />
          </el-select>
        </el-form-item>
        <el-form-item label="启用标志" prop="proStatus">
          <el-select v-model="form.proStatus" placeholder="请选择状态" style="width: 200px" filterable clearable>
            <el-option v-for="dict in dict.type.sys_normal_disable" :key="dict.value" :label="dict.label"
              :value="dict.value"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="项目默认值" prop="proDefault">
          <el-input v-model="form.proDefault" placeholder="请输入项目默认值" style="width: 200px" />
        </el-form-item>
        <el-form-item label="采样标记" prop="isSampling">
          <el-select v-model="form.isSampling" placeholder="请选择采样标记" style="width: 260px" filterable clearable>
            <el-option v-for="dict in dict.type.dis_sampling_tab" :key="dict.value" :label="dict.label"
              :value="dict.value"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="标本类型" prop="specimenType">
          <el-select v-model="form.specimenType" placeholder="请选择标本类型" style="width: 200px" filterable clearable>
            <el-option v-for="dict in dict.type.sys_dict_specimen" :key="dict.value" :label="dict.label"
              :value="dict.value"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="检查部位" prop="checkBw">
          <el-select v-model="form.checkBw" placeholder="请选择检查部位" style="width: 200px" filterable clearable>
            <el-option v-for="dict in dict.type.sys_dict_position" :key="dict.value" :label="dict.label"
              :value="dict.value"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="单位" prop="proMetering">
          <el-input v-model="form.proMetering" placeholder="请输入单位" style="width: 260px" />
        </el-form-item>
        <el-form-item label="参考范围" prop="proScope">
          <el-input v-model="form.proScope" placeholder="请输入参考范围" style="width: 200px" />
        </el-form-item>
        <el-form-item label="数量" prop="sl">
          <el-input v-model="form.sl" placeholder="请输入数量" style="width: 200px" />
        </el-form-item>
        <el-form-item label="组合标志" prop="sfzhfy">
          <el-select v-model="form.sfzhfy" placeholder="请选择是否组合标志" style="width: 260px">
            <el-option v-for="dict in dict.type.sys_yes_no" :key="dict.value" :label="dict.label"
              :value="dict.value"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="结果类型" prop="resultType">
          <el-select v-model="form.resultType" placeholder="请选择结果类型" style="width: 200px" filterable clearable>
            <el-option v-for="dict in dict.type.tj_result_type" :key="dict.value" :label="dict.label"
              :value="dict.value"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="his项目名称" prop="hisXmmc" v-if="key == 'Y'">
          <span slot="label" style="display: inline-block; border-bottom: 2px solid blue" @click="getDetailed">
            his项目名称
          </span>
          <el-input v-model="form.hisXmmc" placeholder="his项目名称" style="width: 200px"></el-input>
        </el-form-item>
        <el-form-item label="his项目名称" prop="hisXmmc" v-if="key == 'N'">
          <el-input v-model="form.hisXmmc" placeholder="请输入明细项目" style="width: 260px"></el-input>
        </el-form-item>
        <el-form-item label="his编码" prop="hisXmbm">
          <el-input v-model="form.hisXmbm" placeholder="请输入his编码" style="width: 260px" />
        </el-form-item>
        <el-form-item label="his单价" prop="hisdj">
          <el-input v-model="form.hisdj" placeholder="请输入his单价" style="width: 200px" />
        </el-form-item>
        <el-form-item label="LIS项目" prop="lisXmmc">
          <span slot="label" style="display: inline-block; border-bottom: 2px solid blue" @click="handleQuerys">
            LIS项目
          </span>
          <el-input v-model="form.lisXmmc" placeholder="请输入LIS项目" style="width: 200px"></el-input>
        </el-form-item>
        <el-form-item label="LIS编码" prop="lisXmbm">
          <el-input v-model="form.lisXmbm" placeholder="请输入his编码" style="width: 260px" />
        </el-form-item>
        <el-form-item label="备注" prop="proRemark">
          <el-input v-model="form.proRemark" placeholder="请输入备注" style="width: 200px" />
        </el-form-item>
        <el-form-item label="排序" prop="xh">
          <el-input v-model="form.xh" placeholder="请输入排序" style="width: 200px" />
        </el-form-item>
      </el-form>
      <el-button style="margin-left: 40px" type="primary" plain size="mini" icon="el-icon-plus"
        @click="addmembers">新增行</el-button>
      <!-- 耗材表 -->
      <el-table :data="form.consumablesList" border style="margin-top: 10px; margin-left: 40px; width: 890px"
        v-if="showPrise">
        <el-table-column label="耗材名称" align="center" prop="makings" width="200px">
          <template slot-scope="scope">
            <el-select filterable v-model="scope.row.makings" placeholder="请选择收费项目" @change="getSelectValue">
              <el-option v-for="(item, index) in consumableList" :key="index" :label="item.makings"
                :value="item.makings"></el-option>
            </el-select>
          </template>
        </el-table-column>
        <el-table-column label="规格" align="center" prop="specifications"></el-table-column>
        <el-table-column label="价格" align="center" prop="price"></el-table-column>
        <el-table-column label="操作" align="center" fixed="right" class-name="small-padding fixed-width">
          <template slot-scope="scope">
            <el-button size="mini" type="text" icon="el-icon-delete" @click.native.prevent="Delete(scope.$index)"
              v-hasPermi="['hosp:consumables:remove']" title="删除"></el-button>
          </template>
        </el-table-column>
      </el-table>
      <!-- 项目标准值表 -->
      <el-table :data="form.tjStandardList" border style="margin-top: 10px; margin-left: 40px; width: 890px"
        v-if="showRentPrise">
        <el-table-column label="体检人性别" align="center" prop="tjSex">
          <template slot-scope="scope">
            <el-select v-model="scope.row.tjSex" placeholder="请选择体检人性别">
              <el-option v-for="dict in dict.type.sys_user_sex" :key="dict.value" :label="dict.label"
                :value="dict.value"></el-option>
            </el-select>
          </template>
        </el-table-column>
        <el-table-column label="体检人类型" align="center" prop="tjType">
          <template slot-scope="scope">
            <el-select filterable v-model="scope.row.tjType" placeholder="请选择体检人类型">
              <el-option v-for="dict in dict.type.dict_personnel_type" :key="dict.value" :label="dict.label"
                :value="dict.value"></el-option>
            </el-select>
          </template>
        </el-table-column>
        <el-table-column label="单位" align="center" prop="company">
          <template slot-scope="scope">
            <el-input v-model="scope.row.company" autocomplete="off" placeholder="请输入内容"></el-input>
          </template>
        </el-table-column>
        <el-table-column label="标准最小值" align="center" prop="tjStandardLtValue">
          <template slot-scope="scope">
            <el-input v-model="scope.row.tjStandardLtValue" autocomplete="off" placeholder="请输入标准最小值"></el-input>
          </template>
        </el-table-column>
        <el-table-column label="标准最大值" align="center" prop="tjStandardGtValue">
          <template slot-scope="scope">
            <el-input v-model="scope.row.tjStandardGtValue" autocomplete="off" placeholder="请输入标准最大值"></el-input>
          </template>
        </el-table-column>
        <el-table-column label="操作" align="center" fixed="right" class-name="small-padding fixed-width">
          <template slot-scope="scope">
            <el-button size="mini" type="text" icon="el-icon-delete" @click.native.prevent="Delete(scope.$index)"
              v-hasPermi="['hosp:consumables:remove']" title="删除"></el-button>
          </template>
        </el-table-column>
      </el-table>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click.stop="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>

    <el-dialog title="收费项目" :visible.sync="dialogTableVisible" width="80%" :close-on-click-modal="false">
      <div class="app-container">
        <el-row :gutter="24">
          <el-col :span="6" :xs="24">
            <div style="height: 560px; overflow-y: scroll">
              <div class="head-container">
                <el-input v-model="xmmc" placeholder="请输入项目编码" clearable size="small" prefix-icon="el-icon-search"
                  style="margin-bottom: 20px" />
              </div>
              <div id="changtree">
                <el-tree ref="tree" node-key="id" highlight-current :default-expanded-keys="chargeId"
                  :data="deptOptionstree" :props="defaultPropstree" :expand-on-click-node="false"
                  :auto-expand-parent="false" :filter-node-method="filterNode2" @node-click="handleNodecharge" />
              </div>
            </div>
          </el-col>
          <el-col :span="18" :xs="24">
            <el-form :model="querycharge" ref="queryForm" size="small" :inline="true" v-show="showSearch"
              label-width="68px">
              <el-form-item label="项目名称" prop="xmmc">
                <el-input v-model="querycharge.xmmc" placeholder="请输入项目名称" clearable
                  @keyup.enter.native="handlecharge" />
              </el-form-item>
              <el-form-item label="拼音码" prop="pym">
                <el-input v-model="querycharge.pym" placeholder="请输入拼音码" clearable @keyup.enter.native="handlecharge" />
              </el-form-item>
              <el-form-item>
                <el-button type="primary" icon="el-icon-search" size="mini" @click="handlecharge">搜索</el-button>
              </el-form-item>
            </el-form>

            <el-table v-loading="loading" ref="tb" :data="sfxmList" @selection-change="handleSelectionChange" border
              height="520px" style="width: 100%">
              <el-table-column type="selection" align="center" />
              <el-table-column label="序号" align="center" prop="newID" />
              <el-table-column label="项目编码" align="center" prop="xmbm" />
              <el-table-column label="项目名称" align="center" prop="xmmc" />
              <el-table-column label="拼音码" align="center" prop="pym" />
              <el-table-column label="参考单价" align="center" prop="ckdj" />
              <el-table-column label="一级最高限价" align="center" prop="yjzgxj" />
              <el-table-column label="二级最高限价" align="center" prop="ejzgxj" />
              <el-table-column label="三级最高限价" align="center" prop="sjzgxj" />
              <el-table-column label="特定最高限价" align="center" prop="tdzgxj" />
            </el-table>

            <div class="pag" v-if="List == true">
              <div class="pag1">
                <pagination v-show="total > 0" :total="total" :page.sync="querycharge.pageNum"
                  :limit.sync="querycharge.pageSize" @pagination="getlistSfxm" />
              </div>
            </div>
            <div class="pag" v-if="List == false">
              <div class="pag1">
                <pagination v-show="total > 0" :total="total" :page.sync="queryParam.page"
                  :limit.sync="queryParam.pageSize" @pagination="getListByXmId" />
              </div>
            </div>
          </el-col>
        </el-row>
      </div>

      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogTableVisible = false">取 消</el-button>
        <el-button type="primary" @click="submit">确 定</el-button>
      </div>
    </el-dialog>
    <Packagese ref="aaa" @add="handleChanges" />
  </div>
</template>

<script>
import debounce from 'lodash/debounce';
import cnchar from 'cnchar';
import Packagese from "@/components/Packagese";
import {
  getProject,
  delProject,
  addProject,
  updateProject,
  ProjectTree,
  getlist,
  deptTree,
  deptTree111,
  getAllChildListById,
  getInfoByProId,
  tbhisproprice,
} from "@/api/hosp/project";
import { listDept } from "@/api/system/dept";
import Treeselect from "@riophae/vue-treeselect";
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
import IconSelect from "@/components/IconSelect";
import { listConsumables } from "@/api/hosp/consumables";
import { Message } from "element-ui";
import {
  listSfxm,
  getSfxm,
  delSfxm,
  addSfxm,
  updateSfxm,
  gettreeList,
  getListByXmId,
} from "@/api/system/sfxm";

export default {
  name: "Project",
  dicts: [
    "sys_normal_disable",
    "dict_personnel_type",
    "sys_user_sex",
    "tj_result_type",
    "dis_sampling_tab",
    "sys_dict_specimen",
    "sys_dict_position",
    "tj_result_type",
    "sys_yes_no",
  ],
  components: { Treeselect, IconSelect, Packagese },
  data() {
    let checkPhoneNum = (rule, value, callback) => {
      let patter = new RegExp(/^1\s*[3456789]\s*(\d\s*){9}$/);
      if (value == "" || value == undefined || !value) {
        return callback();
      } else if (!patter.test(value)) {
        return callback(new Error("请输入有效的手机号"));
      } else {
        return callback();
      }
    };
    return {
      xiugais: true,
      xiugaiList: [],
      deptOptions: [],
      dialogTableVisible: false,
      isPriceDisabled: false,
      sfxmList: [],
      deptOptionstree: [],
      defaultPropstree: {
        children: "dictSfxms",
        label: "xmmc",
      },
      xmmc: "",
      chargeId: [],
      List: false,
      deptName: "",
      deptOption: [],
      ChangeList: [],
      loading: true,
      loadings: false,
      key: "",
      ids: [],
      single: true,
      multiple: true,
      showSearch: true,
      total: 0,
      treeId: ["532"],
      ListId: [],
      noclick: false,
      consumableList: [],
      tjStandardList: [],
      deptList: [],
      parentNameList: [],
      sfxmId: null,
      projectList: [],
      projectOptions: [],
      title: "",
      open: false,
      isExpandAll: false,
      showPrise: false,
      showRentPrise: false,
      defaultProps: {
        children: "children",
        label: "label",
      },
      proParent: false,
      id: "",
      isSubmitting: false,
      refreshTable: true,
      queryParams: {
        proName: null,
        proEngName: null,
        checkType: null,
        deptId: undefined,
        proId: undefined,
      },
      querycharge: {
        pageNum: 1,
        pageSize: 10,
        xmmc: null,
        pym: null,
      },
      treeDate: {},
      queryParam: {
        page: 1,
        pageSize: 10,
        id: null,
      },
      form: {
        proParentId: "",
        deptId: "",
        needReport: "Y",
        hisXmbm: "",
        hisXmmc: "",
        sfzhfy: "Y",
        hisdj: "",
        sl: "",
        xh: "0",
        proStatus: "0",
        proName: "",
        proPrice: "",
        sfxmId: "",
        lisXmbm: "",
        lisXmmc: "",
        proMetering: "",
        proScope: "",
        proSex: "2",
        resultType: "",
      },
      rules: {
        createTime: [
          { required: true, validator: checkPhoneNum, trigger: "blur" },
        ],
        updateTime: [
          { required: true, validator: checkPhoneNum, trigger: "blur" },
        ],
        deleted: [
          { required: true, validator: checkPhoneNum, trigger: "blur" },
        ],
        proName: [
          { required: true, message: "项目名称不能为空", trigger: "blur" },
        ],
        proPrice: [
          { required: true, message: "项目价格不能为空", trigger: "blur" },
        ],
        deptId: [
          { required: true, message: "科室名称不能为空", trigger: "change" },
        ],
      },
      pinyinCache: new Map(),
    };
  },
  watch: {
    deptName(val) {
      this.debounceFilter(val);
    },
    treeId(newVal) {
      if (newVal && newVal.length > 0) {
        this.$nextTick(() => {
          const lastId = newVal[newVal.length - 1] || "532";
          const node = this.findNodeById(this.deptOptions, lastId);
          if (node) {
            this.$refs.tree.setCurrentKey(lastId);
            const nodeElement = document.querySelector(`.el-tree-node[data-key="${lastId}"] .el-tree-node__content`);
            if (nodeElement) {
              nodeElement.click();
            }
          }
        });
      }
    },
    xmmc(val) {
      this.$refs.tree.filter(val);
    },
    chargeId(newVal) {
      if (newVal) {
        this.$nextTick(() => {
          document
            .querySelector(
              "#changtree .el-tree-node__children .el-tree-node.is-focusable .el-tree-node__content"
            )
            ?.click();
        });
      }
    },
  },
  created() {
    this.getConsumables();
    this.getDeptList();
    this.getDeptTree().then(() => {
      this.precomputePinyin();
    });
  },
  mounted() {
    this.getDeptTree().then(() => {
      this.precomputePinyin();
    });
  },
  methods: {
    debounceFilter: debounce(function(val) {
      this.$refs.tree.filter(val);
    }, 300),
    precomputePinyin() {
      const traverse = (nodes) => {
        nodes.forEach(node => {
          if (node.label) {
            const lowerSpell = node.label.spell('low', 'array').join('');
            const upperSpell = node.label.spell('up', 'array').join('');
            this.pinyinCache.set(node.id, { lowerSpell, upperSpell, label: node.label });
          }
          if (node.children) traverse(node.children);
        });
      };
      traverse(this.deptOptions);
    },
    filterNode(value, data) {
      if (!value) return true;
      const cached = this.pinyinCache.get(data.id);
      if (!cached) return false;
      return (
        cached.label.includes(value) ||
        cached.lowerSpell.includes(value) ||
        cached.upperSpell.includes(value)
      );
    },
    filterNode2(value, data) {
      if (!value) return true;
      return data.xmmc.includes(value);
    },
    findNodeById(nodes, id) {
      for (let node of nodes) {
        if (node.id === id) return node;
        if (node.children) {
          let result = this.findNodeById(node.children, id);
          if (result) return result;
        }
      }
      return null;
    },
    renderContent(h, { node, data }) {
      return h(
        "span",
        {
          style: {
            color: data.status === "1" ? "red" : "inherit",
            fontSize: "14px",
          },
        },
        data.label
      );
    },
    handleQuerys() {
      this.$refs.aaa.open = true;
      this.$refs.aaa.getAllList();
      this.$refs.aaa.title = "数据字典";
    },
    handleChanges(param1) {
      this.form.lisXmbm = param1[0].pacCode;
      this.form.lisXmmc = param1[0].pacName;
    },
    getList() {
      this.loading = true;
      let data = {
        proName: this.queryParams.proName,
        checkType: this.queryParams.checkType,
        deptId: this.queryParams.deptId,
        proId: this.queryParams.proId,
      };
      getAllChildListById(data).then((response) => {
        this.projectList = response.data.list;
        this.loading = false;
      });
    },
    getConsumables() {
      this.loading = true;
      listConsumables(this.queryParams).then((response) => {
        this.consumableList = response.rows;
        this.loading = false;
      });
    },
    handleAdd(row) {
      this.form.hisXmbm = "";
      this.form.hisXmmc = "";
      this.form.hisdj = "";
      this.loading = true;
      this.proParent = false;
      this.form.proPrice = 0.0;
      this.form.proName = "";
      this.form.proId = null;
      this.form.resultType = "1";
      getlist().then((response) => {
        if (response.code == 200) {
          this.loading = false;
          this.projectOptions = [];
          const project = { proId: 0, proName: "主类目", children: [] };
          project.children = this.handleTree(response.data.list, "proId");
          this.key = response.data.key;
          this.projectOptions.push(project);
          if (row.proId) {
            this.form.proParentId = row.proId || 0;
            this.open = true;
          } else if (this.treeDate.id) {
            this.form.proParentId = this.treeDate.id || 0;
            this.projectOptions.forEach((item) => {
              item.children.forEach((item1) => {
                if (this.form.proParentId == item1.proId) {
                  this.form.deptId = item1.deptId;
                }
              });
            });
            this.open = true;
          } else {
            this.open = true;
          }
        }
      });
      this.title = "体检项目信息维护";
      this.form.deptId = this.queryParams.deptId || null;
      this.form.proCheckMethod = "N";
      if (this.key === "Y") {
        gettreeList().then((response) => {
          this.deptOptionstree = response.data;
        });
      }
    },
    getDetailed() {
      this.querycharge.xmmc = "";
      this.querycharge.pym = "";
      if (this.selectList?.proName === "主类目") {
        this.dialogTableVisible = false;
      } else if (this.form.proParentId) {
        if (this.form.proParentId != 0) {
          this.dialogTableVisible = true;
          this.$nextTick(() => {
            this.chargeId.push(this.deptOptionstree[0].id);
          });
          this.getlistSfxm();
        } else {
          this.dialogTableVisible = false;
        }
      } else {
        this.$message.error("请选择主项名称");
      }
    },
    changeType() {
      this.$forceUpdate();
    },
    obtain(vals) {
      this.selectList = vals;
      if (this.selectList.proName === "主类目") {
        this.showPrise = true;
        this.showRentPrise = false;
      } else {
        this.form.deptId = this.selectList.deptId;
        this.showPrise = false;
        this.showRentPrise = true;
      }
    },
    getlistSfxm() {
      this.loading = true;
      this.List = true;
      listSfxm(this.querycharge).then((response) => {
        this.sfxmList = response.rows;
        response.rows.forEach((item, index) => {
          item.newID = (this.querycharge.pageNum - 1) * this.querycharge.pageSize + index + 1;
        });
        this.total = response.total;
        this.loading = false;
      });
    },
    Synchronizationfees() {
      tbhisproprice().then((response) => {
        this.$modal.msgSuccess("批量同步费用成功");
      });
    },
    handlecharge() {
      this.querycharge.pageNum = 1;
      this.List = true;
      this.getlistSfxm();
    },
    handleNodecharge(data) {
      this.queryParam.id = data.id;
      this.List = false;
      this.getListByXmId();
    },
    getListByXmId() {
      this.loading = true;
      getListByXmId(this.queryParam).then((response) => {
        this.sfxmList = response.data.date;
        response.data.date.forEach((item, index) => {
          item.newID = (this.queryParam.page - 1) * this.queryParam.pageSize + index + 1;
        });
        this.total = response.data.total;
        this.loading = false;
      });
    },
    normalizer(node) {
      if (node.children && !node.children.length) {
        delete node.children;
      }
      return {
        id: node.proId,
        label: node.proName,
        children: node.children,
      };
    },
    getData() {
      getAllChildListById().then((response) => {
        this.projectOptions = [];
        const project = { proId: 0, proName: "主类目", children: [] };
        project.children = this.handleTree(response.data.list, "proId");
        this.key = response.data.key;
        this.projectOptions.push(project);
      });
    },
    getDeptList() {
      listDept(this.queryParams).then((response) => {
        this.parentNameList = response.data;
        this.deptList = this.handleTree(response.data, "proId");
      });
    },
    getDeptTree() {
      return deptTree111().then((response) => {
        this.deptOptions = response.data;
        this.treeId.push(this.treeDate.id);
      });
    },
    handleNodeClick(date) {
      this.treeDate = date;
      this.xiugais = date.qf === "0";
      let proId = date.id;
      getInfoByProId(proId).then((response) => {
        this.xiugaiList = response.data;
      });
      this.id = date.id;
      this.queryParams.proId = date.id;
      let data = {
        proId: this.queryParams.proId,
        proName: this.queryParams.proName,
      };
      this.loading = true;
      getAllChildListById(data).then((response) => {
        if (response.code == 200) {
          this.projectList = response.data.list.length >= 1 ? this.handleTree(response.data.list, "proId") : [];
          this.ListId = this.projectList.length ? [this.projectList[0].proId] : [];
          this.key = response.data.key;
          this.loading = false;
        }
      });
    },
    toggleExpandAll() {
      this.refreshTable = false;
      this.isExpandAll = !this.isExpandAll;
      this.$nextTick(() => {
        this.refreshTable = true;
      });
    },
    cancel() {
      this.open = false;
      this.queryParam.id = this.id;
      let data = { proId: this.queryParams.proId };
      getAllChildListById(data).then(() => {
        this.loading = false;
      });
    },
    handleClose() {
      this.cancel();
    },
    reset() {
      this.form = {
        proParentId: null,
        proName: null,
        proEngName: null,
        proPrice: "0.00",
        proRemark: null,
        xh: "0",
        createBy: null,
        createTime: null,
        updateBy: null,
        updateTime: null,
        deleted: null,
        proCheckType: null,
        proMeaning: null,
        proCheckMethod: null,
        proStandard: null,
        proScope: null,
        proType: null,
        deptId: null,
        deptName: null,
        consumablesList: [],
        tjStandardList: [],
        proStatus: "0",
        resultType: "1",
      };
      this.resetForm("form");
    },
    handleQuery() {
      this.getList();
    },
    resetQuery() {
      this.resetForm("queryForm");
      this.queryParams.proId = undefined;
      this.$refs.tree.setCurrentKey(null);
      this.handleQuery();
    },
    flexColumnWidth(column) {
      if (!column) return;
      let maxlength = 160;
      if (column === "proName") maxlength = 160;
      for (let i = 0; i < this.projectList.length; i++) {
        if (this.projectList[i][column]) {
          let now_temp = this.projectList[i][column] + "";
          let flexWidth = 0;
          for (const char of now_temp) {
            if ((char >= "A" && char <= "Z") || (char >= "a" && char <= "z")) {
              flexWidth += 8;
            } else if (char >= "\u4e00" && char <= "\u9fa5") {
              flexWidth += 15;
            } else {
              flexWidth += 10;
            }
          }
          if (flexWidth > maxlength) maxlength = flexWidth;
        }
      }
      return maxlength + 20 + "px";
    },
    handleSelectionChange(selection) {
      this.ChangeList = selection;
      this.ids = selection.map((item) => item.id);
      this.single = selection.length !== 1;
      this.multiple = !selection.length;
      if (selection.length > 1) {
        let del_row = selection.shift();
        this.$refs.tb.toggleRowSelection(del_row, false);
      }
    },
    addmembers() {
      if (this.form.proName) {
        if (!this.form.consumablesList) {
          this.form.consumablesList = [];
        }
        this.form.consumablesList.push({
          id: "",
          makings: "",
          specifications: "",
          price: "",
        });
        if (!this.form.tjStandardList) {
          this.form.tjStandardList = [];
        }
        this.form.tjStandardList.push({
          stanId: "",
          tjSex: "",
          tjType: "",
          tjStandardGtValue: "",
          tjStandardLtValue: "",
          company: "",
        });
      } else {
        Message.warning("请先填写项目名称");
      }
      this.$forceUpdate();
    },
    Delete(index) {
      if (this.form.consumablesList.length) {
        this.form.consumablesList.splice(index, 1);
      }
      if (this.form.tjStandardList.length) {
        this.form.tjStandardList.splice(index, 1);
      }
    },
    handleUpdate1() {
      this.form = this.xiugaiList;
      this.form.proStatus = this.form.proStatus.toString();
      this.proParent = true;
      this.isPriceDisabled = true;
      getlist().then((response) => {
        if (response.code == 200) {
          this.loading = false;
          this.projectOptions = [];
          const project = { proId: 0, proName: "主类目", children: [] };
          project.children = this.handleTree(response.data.list, "proId");
          this.key = response.data.key;
          this.projectOptions.push(project);
        }
      });
      this.open = true;
    },
    handleUpdate(row) {
      this.reset();
      this.getData();
      const proId = row.proId || this.ids;
      this.proParent = false;
      this.isPriceDisabled = false;
      getProject(proId).then((response) => {
        this.form = response.data;
        this.showPrise = this.form.proParentId === "0";
        this.showRentPrise = !this.showPrise;
        this.form.proStatus = this.form.proStatus.toString();
        this.form.consumablesList = response.data.consumablesList;
        this.form.tjStandardList = response.data.tjStandardList;
        if (this.form.tjStandardList) {
          this.form.tjStandardList.forEach((item) => {
            item.tjSex = item.tjSex === "0" || item.tjSex === "男" ? "男" : (item.tjSex === "1" || item.tjSex === "女" ? "女" : null);
            item.tjType = {
              0: "婴儿", 1: "幼儿", 2: "儿童", 3: "少年", 4: "青年", 5: "中年", 6: "老年"
            }[item.tjType] || item.tjType;
          });
        }
        getlist().then((response) => {
          if (response.code == 200) {
            this.loading = false;
            this.projectOptions = [];
            const project = { proId: 0, proName: "主类目", children: [] };
            project.children = this.handleTree(response.data.list, "proId");
            this.key = response.data.key;
            this.projectOptions.push(project);
          }
        });
        this.open = true;
        this.title = "体检项目信息维护";
      });
    },
    getSelectValue(val) {
      this.form.consumablesList.forEach((formitem) => {
        if (formitem.makings === val) {
          this.consumableList.find((item) => {
            if (item.makings == val) {
              formitem.specifications = item.specifications;
              formitem.price = item.price;
              formitem.id = item.id;
            }
          });
        }
      });
    },
    submitForm() {
      this.noclick = true;
      this.$refs["form"].validate((valid) => {
        if (valid) {
          const isUpdate = this.form.proId != null;
          if (this.form.tjStandardList) {
            this.form.tjStandardList.forEach((item) => {
              item.tjSex = item.tjSex === "男" || item.tjSex === "0" ? "0" : (item.tjSex === "女" || item.tjSex === "1" ? "1" : null);
              item.tjType = {
                "婴儿": 0, "幼儿": 1, "儿童": 2, "少年": 3, "青年": 4, "中年": 5, "老年": 6
              }[item.tjType] || null;
            });
          }
          this.form.lisXmbm = this.form.lisXmbm;
          if (this.key === "N") {
            this.processSubmission(isUpdate, false);
          } else if (this.key === "Y") {
            this.form.sfxmId = this.sfxmId;
            this.processSubmission(isUpdate, true);
          }
        }
      });
    },
    processSubmission(isUpdate, isY) {
      if (isUpdate) {
        updateProject(this.form).then((response) => {
          this.$modal.msgSuccess("修改成功");
          this.handleSuccess(isY);
        });
      } else {
        if (this.form.proParentId === 0) {
          this.form.tjStandardList = null;
        } else {
          this.form.consumablesList = null;
        }
        if (!this.form.deptId || !this.form.proParentId) {
        if (!this.form.deptId || this.form.proParentId == null) {
          this.$message.error("请填写父项名称或科室名称");
          this.open = true;
        } else {