<template>
|
<div class="app-container">
|
<el-row :gutter="20">
|
<el-col :span="4" :xs="24">
|
<div class="head-container">
|
<el-input
|
v-model="deptName"
|
placeholder="请输入部门名称"
|
clearable
|
size="small"
|
prefix-icon="el-icon-search"
|
style="margin-bottom: 15px"
|
/>
|
</div>
|
<div class="scrollable-container">
|
<div class="content">
|
<el-tree
|
:data="deptOptions"
|
:props="defaultProps"
|
:expand-on-click-node="false"
|
:filter-node-method="filterNode"
|
ref="tree1"
|
node-key="id"
|
:default-expanded-keys="treeId"
|
highlight-current
|
@node-click="handleNodeClick"
|
:render-content="renderContent"
|
v-loading="loadings"
|
/>
|
</div>
|
</div>
|
</el-col>
|
<el-col :span="20" :xs="24">
|
<el-form
|
:model="queryParams"
|
ref="queryForm"
|
size="small"
|
:inline="true"
|
v-show="showSearch"
|
label-width="68px"
|
>
|
<el-form-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.tree1.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.tree1.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) {
|
console.log(value, data, 2233);
|
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
|
);
|
}, */
|
renderContent(h, { node, data }) {
|
const children = [];
|
|
// 主 label，加上颜色判断
|
children.push(
|
h(
|
"span",
|
{
|
style: {
|
color: data.status === "1" ? "red" : "inherit",
|
fontSize: "14px",
|
marginRight: "8px",
|
},
|
},
|
data.label
|
)
|
);
|
|
// 判断 dj 是否是非负数，如果是则展示
|
if (data.dj !== undefined && Number(data.dj) >= 0) {
|
children.push(
|
h(
|
"span",
|
{
|
style: {
|
color: "inherit",
|
fontSize: "12px",
|
},
|
},
|
`${Number(data.dj).toFixed(2)} 元`
|
)
|
);
|
}
|
|
return h("span", children);
|
},
|
handleQuerys() {
|
this.$refs.aaa.open = true;
|
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);
|
// this.open = true;
|
if (row.proId) {
|
this.form.proParentId = row.proId || 0;
|
this.open = true;
|
} else if (this.treeDate.id) {
|
if (this.treeDate.qf == "0") {
|
this.form.proParentId = "0";
|
this.form.deptId = this.treeDate.id;
|
} else {
|
this.form.proParentId = this.treeDate.id;
|
this.projectOptions.forEach((item) => {
|
item.children.forEach((item1) => {
|
if (this.form.proParentId == item1.proId) {
|
this.form.deptId = item1.deptId;
|
}
|
});
|
});
|
}
|
|
this.open = true;
|
} else {
|
this.form.proParentId = "0";
|
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;
|
if (this.deptOptionstree.length != 0) {
|
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;
|
console.log(this.treeDate);
|
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;
|
});
|
this.deptName = "";
|
// 手动调用过滤方法（需等待 DOM 更新）
|
this.$nextTick(() => {
|
this.$refs.tree1.filter(this.deptName);
|
});
|
},
|
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.tree1.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);
|
}
|
}
|
});
|
this.deptName = "";
|
// 手动调用过滤方法（需等待 DOM 更新）
|
this.$nextTick(() => {
|
this.$refs.tree1.filter(this.deptName);
|
});
|
},
|
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 == null) {
|
this.$message.error("请填写父项名称或科室名称");
|
this.open = true;
|
} else {
|
addProject(this.form).then((response) => {
|
this.$modal.msgSuccess("新增成功");
|
this.handleSuccess(isY);
|
});
|
}
|
}
|
},
|
handleSuccess(isY) {
|
this.cancel();
|
this.getList();
|
if (this.proParent || isY) {
|
this.getDeptTree().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;
|
this.getDeptList();
|
this.getDeptTree().then(() => {
|
this.precomputePinyin();
|
});
|
},
|
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>
|
