<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="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-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 type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate" v-hasPermi="['hosp:project:edit']">修改</el-button>
|
</el-col> -->
|
<!-- <el-col :span="1.5">
|
<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-col>
|
<el-col :span="1.5">
|
<el-button type="primary" icon="el-icon-sort" size="mini" @click="toggleExpandAll">展开/折叠</el-button>
|
</el-col>
|
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
</el-row>
|
|
<el-table v-if="refreshTable" v-loading="loading" :data="projectList" ref="tableRef" border row-key="proId"
|
:expand-row-keys="ListId" :row-class-name="selectSingleRow"
|
:tree-props="{ children: 'tjProjectList', hasChildren: 'tjProjectList.length>0', }">
|
<el-table-column label="项目名称" prop="proName" fixed="left" width="150px" :show-overflow-tooltip="true" />
|
<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="检查方式" align="center" prop="proCheckMethod" :show-overflow-tooltip="true"
|
width="110px" />
|
<el-table-column label="项目标准值" align="center" prop="proScope" :show-overflow-tooltip="true" width="90px">
|
</el-table-column>
|
<el-table-column label="项目类型" align="center" prop="resultType" width="110px" :show-overflow-tooltip="true">
|
<template slot-scope="scope">
|
<dict-tag :options="dict.type.tj_result_type" :value="scope.row.resultType" />
|
</template>
|
</el-table-column>
|
<el-table-column label="备注" 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 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="1000px" 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" />
|
</el-form-item>
|
<el-form-item label="明细项目" prop="proName" v-if="key == 'Y'">
|
<span slot="label" style="display:inline-block;border-bottom: 2px solid blue;" @click="getDetailed">
|
明细项目
|
<!-- <el-tooltip effect="dark" content="明细项目" placement="bottom">
|
<i class='el-icon-question' @click="getDetailed" />
|
</el-tooltip> -->
|
</span>
|
|
<el-input v-model="form.proName" placeholder="请输入明细项目">
|
</el-input>
|
</el-form-item>
|
<el-form-item label="明细项目" prop="proName" v-if="key == 'N'">
|
<el-input v-model="form.proName" placeholder="请输入明细项目">
|
</el-input>
|
</el-form-item>
|
<el-form-item label="项目价格" prop="proPrice">
|
<el-input v-model="form.proPrice" placeholder="请输入项目价格" />
|
</el-form-item>
|
<el-form-item label="检查类别" prop="proCheckType">
|
<el-input v-model="form.proCheckType" placeholder="请输入检查类别" />
|
</el-form-item>
|
<el-form-item label="临床意义" prop="proMeaning">
|
<el-input v-model="form.proMeaning" placeholder="请输入临床意义" />
|
</el-form-item>
|
<el-form-item label="检查方式" prop="proCheckMethod">
|
<el-input v-model="form.proCheckMethod" placeholder="请输入检查方式" />
|
</el-form-item>
|
<el-form-item label="空腹" prop="isEat">
|
<el-select v-model="form.isEat" 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="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>
|
</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="changeValue" filterable style="width: 205px">
|
<el-option v-for="dict in parentNameList" :key="dict.deptId" :label="dict.deptName" :value="dict.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: 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>
|
</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-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="submitForm">确 定</el-button>
|
<el-button @click="cancel">取 消</el-button>
|
</div>
|
</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 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="handleQuery" />
|
</el-form-item>
|
<el-form-item label="拼音码" prop="pym">
|
<el-input v-model="querycharge.pym" placeholder="请输入拼音码" clearable @keyup.enter.native="handleQuery" />
|
</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="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>
|
|
<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="querycharge.page"
|
:limit.sync="querycharge.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>
|
</div>
|
</template>
|
|
<script>
|
import {
|
getProject,
|
delProject,
|
addProject,
|
updateProject,
|
ProjectTree,
|
deptTree,
|
} 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 },
|
data() {
|
return {
|
// 部门树选项
|
deptOptions: undefined,
|
dialogTableVisible: false,
|
sfxmList: [],
|
deptOptionstree: [],
|
defaultPropstree: {
|
children: "dictSfxms",
|
label: "xmmc",
|
},
|
xmmc: "",
|
chargeId: [],
|
List: false,
|
// 部门名称
|
deptName: "",
|
deptOption: [],
|
ChangeList: [],
|
// 遮罩层
|
loading: true,
|
key: "",
|
// 选中数组
|
ids: [],
|
// 非单个禁用
|
single: true,
|
// 非多个禁用
|
multiple: true,
|
// 显示搜索条件
|
showSearch: true,
|
// 总条数
|
total: 0,
|
treeId: [],
|
ListId: [],
|
// 体检耗材表格数据
|
consumableList: [],
|
tjStandardList: [],
|
// 表格树数据
|
deptList: [],
|
parentNameList: [],
|
sfxmId: null,
|
// 体检项目表格数据
|
projectList: [],
|
// 菜单树选项
|
projectOptions: [],
|
// 弹出层标题
|
title: "",
|
// 是否显示弹出层
|
open: false,
|
// 是否展开，默认全部折叠
|
isExpandAll: false,
|
showPrise: false,
|
showRentPrise: false,
|
defaultProps: {
|
children: "children",
|
label: "label",
|
},
|
id: "",
|
// 重新渲染表格状态
|
refreshTable: true,
|
// 查询参数
|
queryParams: {
|
// pageNum: 1,
|
// pageSize: 10,
|
proName: null,
|
proEngName: null,
|
checkType: null,
|
deptId: undefined,
|
},
|
querycharge: {
|
pageNum: 1,
|
pageSize: 50,
|
xmmc: null,
|
pym: null,
|
},
|
queryParam: {
|
page: 1,
|
pageSize: 10,
|
id: null,
|
},
|
// 表单参数
|
form: {},
|
// 表单校验
|
rules: {
|
createTime: [
|
{ required: true, message: "创建时间不能为空", trigger: "blur" },
|
],
|
updateTime: [
|
{ required: true, message: "修改时间不能为空", trigger: "blur" },
|
],
|
deleted: [
|
{ required: true, message: "删除标记不能为空", trigger: "blur" },
|
],
|
proName: [
|
{ required: true, message: "项目名称不能为空", trigger: "blur" },
|
],
|
proPrice: [
|
{ required: true, message: "项目价格不能为空", trigger: "blur" },
|
],
|
deptId: [
|
{ required: true, message: "科室名称不能为空", trigger: "blur" },
|
],
|
// proStandard: [
|
// { required: true, message: "项目标准值不能为空", trigger: "blur" },
|
// ],
|
},
|
};
|
},
|
watch: {
|
// 根据名称筛选部门树
|
deptName(val) {
|
this.$refs.tree.filter(val);
|
},
|
treeId(newVal, oldVal) {
|
if (newVal) {
|
this.$nextTick(() => {
|
document
|
.querySelector('.el-tree-node__children .el-tree-node__content')
|
.click();
|
});
|
}
|
},
|
// 根据名称筛选部门树
|
xmmc(val) {
|
this.$refs.tree.filter(val);
|
},
|
chargeId(newVal, oldVal) {
|
if (newVal) {
|
this.$nextTick(() => {
|
// document.getElementById("changtree").click();;
|
document
|
.querySelector('#changtree .el-tree-node__children .el-tree-node.is-focusable .el-tree-node__content')
|
.click();
|
});
|
}
|
}
|
},
|
|
created() {
|
this.getConsumables();
|
this.getDeptList();
|
this.getDeptTree();
|
},
|
methods: {
|
|
//是否显示选中的值
|
display(value) { },
|
/** 查询体检项目列表 */
|
getList() {
|
// this.loading = true;
|
// listProject(this.queryParams).then((response) => {
|
// this.projectList = response.rows;
|
// this.total = response.total;
|
// this.loading = false;
|
// });
|
// this.getData();
|
|
this.loading = true;
|
let data = {
|
proName: this.queryParams.proName,
|
checkType: this.queryParams.checkType,
|
deptId: this.queryParams.deptId,
|
};
|
ProjectTree(data).then((response) => {
|
this.projectList = this.handleTree(response.data.list, "proId");
|
this.loading = false;
|
});
|
},
|
/** 查询体检耗材列表 */
|
getConsumables() {
|
this.loading = true;
|
listConsumables(this.queryParams).then((response) => {
|
this.consumableList = response.rows;
|
this.loading = false;
|
});
|
},
|
|
/** 新增按钮操作 */
|
handleAdd() {
|
this.reset();
|
this.getData();
|
// if (row != null && row.proId) {
|
// this.form.proParentId = row.proId;
|
// } else {
|
// this.form.proParentId = 0;
|
// }
|
this.open = true;
|
this.title = "体检项目信息维护";
|
this.form.deptId = this.queryParams.deptId
|
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.proName === "主类目") {
|
this.dialogTableVisible = false;
|
} else {
|
this.dialogTableVisible = true;
|
this.getlistSfxm()
|
}
|
}else{
|
this.$message.error("请选择主项名称");
|
}
|
|
|
},
|
|
obtain(vals) {
|
if (this.projectOptions) {
|
this.selectList = vals;
|
}
|
if (this.selectList.proName === "主类目") {
|
this.showPrise = true;
|
this.showRentPrise = false;
|
} else {
|
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;
|
});
|
},
|
// input弹框搜索
|
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() {
|
/** 查询部门下拉树结构 */
|
ProjectTree().then((response) => {
|
this.projectOptions = [];
|
const project = { proId: 0, proName: "主类目", children: [] };
|
project.children = this.handleTree(response.data.list, "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.projectOptions.push(project);
|
});
|
},
|
/** 查询部门列表 */
|
getDeptList() {
|
listDept(this.queryParams).then((response) => {
|
console.log(response)
|
this.parentNameList = response.data;
|
this.deptList = this.handleTree(response.data, "proId");
|
});
|
},
|
/** 查询部门下拉树结构 */
|
getDeptTree() {
|
deptTree().then((response) => {
|
this.deptOptions = response.data;
|
this.treeId.push(this.deptOptions[0].id)
|
});
|
},
|
|
// 筛选节点
|
filterNode2(value, data) {
|
if (!value) return true;
|
return data.xmmc.indexOf(value) !== -1;
|
},
|
// 筛选节点
|
filterNode(value, data) {
|
if (!value) return true;
|
return data.label.indexOf(value) !== -1;
|
},
|
// 节点单击事件
|
handleNodeClick(date) {
|
this.id = date.id;
|
this.queryParams.deptId = date.id;
|
let data = {
|
deptId: this.queryParams.deptId,
|
};
|
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;
|
});
|
},
|
selectSingleRow({ row, rowIndex }) {
|
if (rowIndex === 1) {
|
return 'warning-row';
|
}
|
return '';
|
},
|
|
/** 展开/折叠操作 */
|
toggleExpandAll() {
|
this.refreshTable = false;
|
this.isExpandAll = !this.isExpandAll;
|
this.$nextTick(() => {
|
this.refreshTable = true;
|
});
|
},
|
// 取消按钮
|
cancel() {
|
// this.$tab.refreshPage();
|
this.open = false;
|
this.queryParam.id = this.id;
|
let data = {
|
deptId: this.queryParams.deptId,
|
};
|
ProjectTree(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()
|
},
|
// 表单重置
|
reset() {
|
this.form = {
|
proParentId: null,
|
proName: null,
|
proEngName: null,
|
proPrice: "0.00",
|
proRemark: null,
|
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: "启用",
|
};
|
this.resetForm("form");
|
},
|
/** 搜索按钮操作 */
|
handleQuery() {
|
// this.queryParams.pageNum = 1;
|
this.getList();
|
},
|
/** 重置按钮操作 */
|
resetQuery() {
|
this.resetForm("queryForm");
|
this.queryParams.deptId = undefined;
|
this.$refs.tree.setCurrentKey(null);
|
this.handleQuery();
|
},
|
|
// 多选框选中数据
|
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: parseInt(length),
|
id: "",
|
makings: "",
|
specifications: "",
|
price: "",
|
Selection,
|
});
|
} else {
|
this.form.consumablesList.push({
|
// id: parseInt(length),
|
id: "",
|
makings: "",
|
specifications: "",
|
price: "",
|
Selection,
|
});
|
}
|
if (!this.form.tjStandardList) {
|
this.form.tjStandardList = [];
|
this.form.tjStandardList.push({
|
stanId: "",
|
tjSex: "",
|
tjType: "",
|
tjStandardGtValue: "",
|
tjStandardLtValue: "",
|
company: "",
|
Selection,
|
});
|
} else {
|
this.form.tjStandardList.push({
|
stanId: "",
|
tjSex: "",
|
tjType: "",
|
tjStandardGtValue: "",
|
tjStandardLtValue: "",
|
company: "",
|
Selection,
|
});
|
}
|
} else {
|
Message.warning("请先填写项目名称");
|
}
|
this.$forceUpdate();
|
},
|
// 删除行
|
Delete(index) {
|
if (this.form.consumablesList.length == 0) {
|
this.$alert("请先选择要删除的数据", "提示", {
|
confirmButtonText: "确定",
|
});
|
} else {
|
this.form.consumablesList.splice(index, 1);
|
}
|
if (this.form.tjStandardList.length == 0) {
|
this.$alert("请先选择要删除的数据", "提示", {
|
confirmButtonText: "确定",
|
});
|
} else {
|
this.form.tjStandardList.splice(index, 1);
|
}
|
},
|
/** 修改按钮操作 */
|
handleUpdate(row) {
|
this.reset();
|
this.getData();
|
// this.form = row;
|
const proId = row.proId || this.ids;
|
getProject(proId).then((response) => {
|
this.form = response.data;
|
if (this.form.proStatus === 0) {
|
this.form.proStatus = "启用";
|
} else {
|
this.form.proStatus = "停用";
|
}
|
if (this.form.proStandard === 0) {
|
this.showPrise = true;
|
this.showRentPrise = false;
|
} else {
|
this.showPrise = false;
|
this.showRentPrise = true;
|
}
|
this.form.consumablesList = response.data.consumablesList;
|
this.form.tjStandardList = response.data.tjStandardList;
|
if (this.form.tjStandardList != null) {
|
this.form.tjStandardList.forEach((item) => {
|
if (item.tjSex === 0 || item.tjSex === "男") {
|
item.tjSex = "男";
|
} else if (item.tjSex === 1 || item.tjSex === "女") {
|
item.tjSex = "女";
|
} else {
|
item.tjSex = null;
|
}
|
if (item.tjType === 0) {
|
item.tjType = "婴儿";
|
}
|
if (item.tjType === 1) {
|
item.tjType = "幼儿";
|
}
|
if (item.tjType === 2) {
|
item.tjType = "儿童";
|
}
|
if (item.tjType === 3) {
|
item.tjType = "少年";
|
}
|
if (item.tjType === 4) {
|
item.tjType = "青年";
|
}
|
if (item.tjType === 5) {
|
item.tjType = "中年";
|
}
|
if (item.tjType === 6) {
|
item.tjType = "老年";
|
}
|
});
|
}
|
|
this.open = true;
|
this.title = "体检项目信息维护";
|
});
|
},
|
changeValue(value) {
|
// this.form.deptName = value;
|
this.form.deptId = value;
|
},
|
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;
|
}
|
});
|
}
|
});
|
},
|
|
// sex(sval) {
|
// if (this.form.tjStandardList) {
|
// this.form.tjStandardList.forEach((sitem) => {
|
// if (sitem.tjSex === "男") {
|
// sitem.tjSex = 0;
|
// } else {
|
// sitem.tjSex = 1;
|
// }
|
// });
|
// }
|
// },
|
|
/** 提交按钮 */
|
submitForm() {
|
if (this.key == "N") {
|
this.$refs["form"].validate((valid) => {
|
if (valid) {
|
if (this.form.proId != null) {
|
if (this.form.tjStandardList != null) {
|
this.form.tjStandardList.forEach((items) => {
|
if (items.tjSex === "男" || items.tjSex === "0") {
|
items.tjSex = "0";
|
} else if (items.tjSex === "女" || items.tjSex === "1") {
|
items.tjSex = "1";
|
} else {
|
items.tjSex = null;
|
}
|
if (items.tjType === "婴儿") {
|
items.tjType = 0;
|
}
|
if (items.tjType === "幼儿") {
|
items.tjType = 1;
|
}
|
if (items.tjType === "儿童") {
|
items.tjType = 2;
|
}
|
if (items.tjType === "少年") {
|
items.tjType = 3;
|
}
|
if (items.tjType === "青年") {
|
items.tjType = 4;
|
}
|
if (items.tjType === "中年") {
|
items.tjType = 5;
|
}
|
if (items.tjType === "老年") {
|
items.tjType = 6;
|
}
|
});
|
}
|
if (this.form.proStatus === "启用") {
|
this.form.proStatus = 0;
|
} else {
|
this.form.proStatus = 1;
|
}
|
updateProject(this.form).then((response) => {
|
this.$modal.msgSuccess("修改成功");
|
this.cancel()
|
});
|
} else {
|
if (this.form.proParentId === 0) {
|
this.form.tjStandardList = null;
|
} else {
|
this.form.consumablesList = null;
|
}
|
|
if (this.form.deptId === null || this.form.proParentId === null) {
|
this.$message.error("请填写父项名称或科室名称");
|
this.open = true;
|
} else {
|
if (this.form.proStatus === "启用") {
|
this.form.proStatus = 0;
|
} else {
|
this.form.proStatus = 1;
|
}
|
addProject(this.form).then((response) => {
|
this.$modal.msgSuccess("新增成功");
|
this.cancel()
|
});
|
}
|
}
|
}
|
});
|
} else if (this.key == "Y") {
|
this.form.sfxmId = this.sfxmId
|
this.$refs["form"].validate((valid) => {
|
if (valid) {
|
if (this.form.proId != null) {
|
if (this.form.tjStandardList != null) {
|
this.form.tjStandardList.forEach((items) => {
|
if (items.tjSex === "男" || items.tjSex === "0") {
|
items.tjSex = "0";
|
} else if (items.tjSex === "女" || items.tjSex === "1") {
|
items.tjSex = "1";
|
} else {
|
items.tjSex = null;
|
}
|
if (items.tjType === "婴儿") {
|
items.tjType = 0;
|
}
|
if (items.tjType === "幼儿") {
|
items.tjType = 1;
|
}
|
if (items.tjType === "儿童") {
|
items.tjType = 2;
|
}
|
if (items.tjType === "少年") {
|
items.tjType = 3;
|
}
|
if (items.tjType === "青年") {
|
items.tjType = 4;
|
}
|
if (items.tjType === "中年") {
|
items.tjType = 5;
|
}
|
if (items.tjType === "老年") {
|
items.tjType = 6;
|
}
|
});
|
}
|
if (this.form.proStatus === "启用") {
|
this.form.proStatus = 0;
|
} else {
|
this.form.proStatus = 1;
|
}
|
updateProject(this.form).then((response) => {
|
this.$modal.msgSuccess("修改成功");
|
this.cancel()
|
});
|
} else {
|
if (this.form.proParentId === 0) {
|
this.form.tjStandardList = null;
|
} else {
|
this.form.consumablesList = null;
|
}
|
|
if (this.form.deptId === null || this.form.proParentId === null) {
|
this.$message.error("请填写父项名称或科室名称");
|
this.open = true;
|
} else {
|
if (this.form.proStatus === "启用") {
|
this.form.proStatus = 0;
|
} else {
|
this.form.proStatus = 1;
|
}
|
addProject(this.form).then((response) => {
|
this.$modal.msgSuccess("新增成功");
|
this.cancel()
|
});
|
}
|
}
|
}
|
});
|
}
|
|
},
|
|
// 收费项目确认
|
submit() {
|
this.ChangeList.forEach(item => {
|
this.form.proName = item.xmmc
|
this.form.proPrice = item.ckdj
|
this.sfxmId = parseInt(item.id)
|
})
|
this.dialogTableVisible = false
|
},
|
/** 删除按钮操作 */
|
handleDelete(row) {
|
const proIds = row.proId || this.ids;
|
this.$modal
|
.confirm('是否确认删除体检项目编号为"' + proIds + '"的数据项？')
|
.then(function () {
|
// return delProject(proIds);
|
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>
|
.el-table__header-wrapper .el-checkbox {
|
display: none;
|
}
|
|
.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
|
}
|
</style>
|
