| | |
| | | <el-button :disabled="xiugais" type="primary" icon="el-icon-plus" size="mini" @click="handleUpdate1" |
| | | v-hasPermi="['hosp:project:add']">修改</el-button> |
| | | </el-col> |
| | | <!-- <el-col :span="1.5"> |
| | | <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate" v-hasPermi="['hosp:project:edit']">修改</el-button> |
| | | </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-row> |
| | | |
| | | <el-table v-if="refreshTable" v-loading="loading" :data="projectList" ref="tableRef" border> |
| | | <!-- :show-overflow-tooltip="true" --> |
| | | <el-table-column label="项目名称" prop="proName" fixed="left" :width="flexColumnWidth('rwdtypeName')" /> |
| | | <el-table-column label="项目名称" 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="deptName" width="110px" :show-overflow-tooltip="true" /> --> |
| | | <el-table-column label="检查类别" align="center" prop="proCheckType" width="110px" |
| | | :show-overflow-tooltip="true" /> |
| | | <el-table-column label="默认值" align="center" prop="proDefault" width="110px" :show-overflow-tooltip="true" /> |
| | |
| | | <dict-tag :options="dict.type.tj_result_type" :value="scope.row.resultType" /> |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <!-- <el-table-column label="检查方式" align="center" prop="proCheckMethod" :show-overflow-tooltip="true" |
| | | width="110px" /> --> |
| | | <el-table-column label="参与小结" align="center" prop="needReport" :show-overflow-tooltip="true" width="75px"> |
| | | <template slot-scope="scope"> |
| | | <dict-tag :options="dict.type.sys_yes_no" :value="scope.row.needReport" /> |
| | |
| | | <treeselect :disabled="proParent" v-model="form.proParentId" :options="projectOptions" |
| | | :normalizer="normalizer" :show-count="true" placeholder="选择主项名称" style="width: 260px" @select="obtain" /> |
| | | </el-form-item> |
| | | |
| | | <el-form-item label="明细项目" prop="proName"> |
| | | <el-input v-model="form.proName" placeholder="请输入明细项目"> |
| | | </el-input> |
| | | <el-input v-model="form.proName" placeholder="请输入明细项目"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="项目价格" prop="proPrice"> |
| | | <el-input v-model="form.proPrice" :disabled="isPriceDisabled" placeholder="请输入项目价格" /> |
| | |
| | | :value="dict.value"></el-option> |
| | | </el-select> |
| | | </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" clearable> |
| | | <el-option v-for="dict in dict.type.sys_user_sex" :key="dict.value" :label="dict.label" |
| | |
| | | <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" /> |
| | |
| | | :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" |
| | |
| | | <span slot="label" style="display: inline-block; border-bottom: 2px solid blue" @click="getDetailed"> |
| | | his项目名称 |
| | | </span> |
| | | |
| | | <el-input v-model="form.hisXmmc" placeholder="his项目名称" style="width: 200px"> |
| | | </el-input> |
| | | <el-input v-model="form.hisXmmc" placeholder="his项目名称" style="width: 200px"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="his项目名称" prop="hisXmmc" v-if="key == 'N'"> |
| | | <el-input v-model="form.hisXmmc" placeholder="请输入明细项目" style="width: 260px"> |
| | | </el-input> |
| | | <el-input v-model="form.hisXmmc" placeholder="请输入明细项目" style="width: 260px"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="his编码" prop="hisXmbm"> |
| | | <el-input v-model="form.hisXmbm" placeholder="请输入his编码" style="width: 260px" /> |
| | |
| | | <span slot="label" style="display: inline-block; border-bottom: 2px solid blue" @click="handleQuerys"> |
| | | LIS项目 |
| | | </span> |
| | | |
| | | <el-input v-model="form.lisXmmc" placeholder="请输入LIS项目" style="width: 200px"> |
| | | </el-input> |
| | | <el-input v-model="form.lisXmmc" placeholder="请输入LIS项目" style="width: 200px"></el-input> |
| | | </el-form-item> |
| | | |
| | | <el-form-item label="LIS编码" prop="lisXmbm"> |
| | | <el-input v-model="form.lisXmbm" placeholder="请输入his编码" style="width: 260px" /> |
| | | </el-form-item> |
| | |
| | | <el-input v-model="form.proRemark" placeholder="请输入备注" style="width: 200px" /> |
| | | </el-form-item> |
| | | <el-form-item label="排序" prop="xh"> |
| | | <el-input v-model="form.xh" placeholder="请输入备注" style="width: 200px" /> |
| | | <el-input v-model="form.xh" placeholder="请输入排序" style="width: 200px" /> |
| | | </el-form-item> |
| | | </el-form> |
| | | <el-button style="margin-left: 40px" type="primary" plain size="mini" icon="el-icon-plus" |
| | |
| | | <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> |
| | | :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" 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)" |
| | |
| | | <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-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" /> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import debounce from 'lodash/debounce'; |
| | | import cnchar from 'cnchar'; |
| | | import Packagese from "@/components/Packagese"; |
| | | import { |
| | | getProject, |
| | |
| | | import IconSelect from "@/components/IconSelect"; |
| | | import { listConsumables } from "@/api/hosp/consumables"; |
| | | import { Message } from "element-ui"; |
| | | import cnchar from 'cnchar'; |
| | | import { |
| | | listSfxm, |
| | | getSfxm, |
| | |
| | | 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 (value != undefined && value != "") { |
| | | if (value == "" || value == undefined || !value) { |
| | | return callback(); |
| | | } else if (!patter.test(value)) { |
| | | return callback(""); |
| | | return callback(new Error("请输入有效的手机号")); |
| | | } else { |
| | | return callback(); |
| | | } |
| | | }; |
| | | return { |
| | | xiugais: true, |
| | | xiugaiList: [], |
| | | // 部门树选项 |
| | | deptOptions: undefined, |
| | | deptOptions: [], |
| | | dialogTableVisible: false, |
| | | isPriceDisabled: false, |
| | | sfxmList: [], |
| | |
| | | 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, |
| | |
| | | proParent: false, |
| | | id: "", |
| | | isSubmitting: false, |
| | | // 重新渲染表格状态 |
| | | refreshTable: true, |
| | | // 查询参数 |
| | | queryParams: { |
| | | // pageNum: 1, |
| | | // pageSize: 10, |
| | | proName: null, |
| | | proEngName: null, |
| | | checkType: null, |
| | |
| | | pageSize: 10, |
| | | id: null, |
| | | }, |
| | | // 表单参数 |
| | | form: { |
| | | proParentId: "", |
| | | deptId: "", |
| | |
| | | proMetering: "", |
| | | proScope: "", |
| | | proSex: "2", |
| | | resultType: "", // 初始值 |
| | | resultType: "", |
| | | }, |
| | | // 表单校验 |
| | | rules: { |
| | | createTime: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | | ], |
| | | proName: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | | { required: true, message: "项目名称不能为空", trigger: "blur" }, |
| | | ], |
| | | proPrice: [ |
| | | { required: true, validator: checkPhoneNum, trigger: "blur" }, |
| | | { required: true, message: "项目价格不能为空", trigger: "blur" }, |
| | | ], |
| | | deptId: [{ required: true, validator: checkPhoneNum, trigger: "blur" }], |
| | | // proStandard: [ |
| | | // { required: true, message: "项目标准值不能为空", trigger: "blur" }, |
| | | // ], |
| | | deptId: [ |
| | | { required: true, message: "科室名称不能为空", trigger: "change" }, |
| | | ], |
| | | }, |
| | | pinyinCache: new Map(), |
| | | }; |
| | | }, |
| | | watch: { |
| | | // 根据名称筛选部门树 |
| | | deptName(val) { |
| | | this.$refs.tree.filter(val); |
| | | this.debounceFilter(val); |
| | | }, |
| | | treeId(newVal, oldVal) { |
| | | treeId(newVal) { |
| | | if (newVal && newVal.length > 0) { |
| | | this.$nextTick(() => { |
| | | // Find the last ID in the treeId array |
| | | const lastId = newVal[newVal.length - 1] || "532"; // Default to 100 if undefined |
| | | // Search for the node in deptOptions |
| | | const lastId = newVal[newVal.length - 1] || "532"; |
| | | const node = this.findNodeById(this.deptOptions, lastId); |
| | | |
| | | if (node) { |
| | | // Set the current key for the tree |
| | | this.$refs.tree.setCurrentKey(lastId); |
| | | |
| | | // Simulate clicking on the node |
| | | 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, oldVal) { |
| | | chargeId(newVal) { |
| | | 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(); |
| | | ?.click(); |
| | | }); |
| | | } |
| | | }, |
| | | }, |
| | | |
| | | created() { |
| | | this.getConsumables(); |
| | | this.getDeptList(); |
| | | this.getDeptTree(); |
| | | |
| | | this.getDeptTree().then(() => { |
| | | this.precomputePinyin(); |
| | | }); |
| | | }, |
| | | mounted() { |
| | | this.getDeptTree(); |
| | | 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) { |
| | | // if(this.form.pacCode == "不详"){ |
| | | // this.form.cusIdcard = param1[0].xh; |
| | | // }else{ |
| | | // this.form.cusIdcard = param1[0].pacCode; |
| | | // } |
| | | |
| | | this.form.lisXmbm = param1[0].pacCode; |
| | | this.form.lisXmmc = param1[0].pacName; |
| | | }, |
| | | //是否显示选中的值 |
| | | display(value) { }, |
| | | /** 查询体检项目列表 */ |
| | | getList() { |
| | | this.loading = true; |
| | | let data = { |
| | |
| | | }; |
| | | getAllChildListById(data).then((response) => { |
| | | this.projectList = response.data.list; |
| | | // console.log("进来了列表并且获取到了值", this.projectList); |
| | | |
| | | this.loading = false; |
| | | }); |
| | | }, |
| | | /** 查询体检耗材列表 */ |
| | | getConsumables() { |
| | | this.loading = true; |
| | | listConsumables(this.queryParams).then((response) => { |
| | |
| | | this.loading = false; |
| | | }); |
| | | }, |
| | | |
| | | /** 新增按钮操作 */ |
| | | handleAdd(row) { |
| | | this.form.hisXmbm = ""; |
| | | this.form.hisXmmc = ""; |
| | | this.form.hisdj = ""; |
| | | // this.reset(); |
| | | this.loading = true; |
| | | this.proParent = false; |
| | | this.form.proPrice = 0.0; |
| | | this.form.proName = ""; |
| | | this.form.proId = null; |
| | | this.form.resultType = "1"; |
| | | // ProjectTree |
| | | getlist().then((response) => { |
| | | if (response.code == 200) { |
| | | this.loading = false; |
| | |
| | | this.key = response.data.key; |
| | | this.projectOptions.push(project); |
| | | if (row.proId) { |
| | | for (var i = 0; i < project.children.length; i++) { |
| | | if (project.children[i].proId === row.proId) { |
| | | this.form.proParentId = row.proId; |
| | | break; |
| | | } else { |
| | | this.form.proParentId = 0; |
| | | } |
| | | } |
| | | |
| | | this.form.proParentId = row.proId || 0; |
| | | this.open = true; |
| | | } else if (this.treeDate.id) { |
| | | for (var i = 0; i < project.children.length; i++) { |
| | | if (project.children[i].proId === this.treeDate.id) { |
| | | this.form.proParentId = this.treeDate.id; |
| | | break; |
| | | } else { |
| | | this.form.proParentId = 0; |
| | | } |
| | | } |
| | | |
| | | this.form.proParentId = this.treeDate.id || 0; |
| | | this.projectOptions.forEach((item) => { |
| | | item.children.forEach((item1) => { |
| | | if (this.form.proParentId == item1.proId) { |
| | |
| | | } |
| | | } |
| | | }); |
| | | |
| | | this.title = "体检项目信息维护"; |
| | | if (this.queryParams.deptId) { |
| | | this.form.deptId = this.queryParams.deptId; |
| | | } else { |
| | | this.form.deptId = null; |
| | | } |
| | | // this.form.proId = this.queryParams.proId; |
| | | this.form.deptId = this.queryParams.deptId || null; |
| | | this.form.proCheckMethod = "N"; |
| | | |
| | | if ((this.key = "Y")) { |
| | | if (this.key === "Y") { |
| | | gettreeList().then((response) => { |
| | | this.deptOptionstree = response.data; |
| | | }); |
| | | } |
| | | }, |
| | | |
| | | // 打开input弹框 |
| | | getDetailed() { |
| | | this.querycharge.xmmc = ""; |
| | | this.querycharge.pym = ""; |
| | | if (this.selectList) { |
| | | if (this.selectList.proName === "主类目") { |
| | | if (this.selectList?.proName === "主类目") { |
| | | this.dialogTableVisible = false; |
| | | } else { |
| | | this.dialogTableVisible = true; |
| | | this.$nextTick(() => { |
| | | this.chargeId.push(this.deptOptionstree[0].id); |
| | | }); |
| | | this.getlistSfxm(); |
| | | } |
| | | } else if (this.form.proParentId) { |
| | | if (this.form.proParentId != 0) { |
| | | this.dialogTableVisible = true; |
| | |
| | | this.chargeId.push(this.deptOptionstree[0].id); |
| | | }); |
| | | this.getlistSfxm(); |
| | | } else if (this.form.proParentId == 0) { |
| | | } else { |
| | | this.dialogTableVisible = false; |
| | | } |
| | | } else { |
| | |
| | | changeType() { |
| | | this.$forceUpdate(); |
| | | }, |
| | | |
| | | obtain(vals) { |
| | | if (this.projectOptions) { |
| | | this.selectList = vals; |
| | | } |
| | | if (this.selectList.proName === "主类目") { |
| | | this.showPrise = true; |
| | | this.showRentPrise = false; |
| | |
| | | this.List = true; |
| | | listSfxm(this.querycharge).then((response) => { |
| | | this.sfxmList = response.rows; |
| | | |
| | | response.rows.forEach((item, index) => { |
| | | item.newID = |
| | | (this.querycharge.pageNum - 1) * this.querycharge.pageSize + |
| | | index + |
| | | 1; |
| | | item.newID = (this.querycharge.pageNum - 1) * this.querycharge.pageSize + index + 1; |
| | | }); |
| | | this.total = response.total; |
| | | this.loading = false; |
| | | }); |
| | | }, |
| | | |
| | | Synchronizationfees() { |
| | | tbhisproprice().then((response) => { |
| | | this.$modal.msgSuccess("批量同步费用成功"); |
| | | }); |
| | | }, |
| | | // 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; |
| | | 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; |
| | |
| | | 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; |
| | | // 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) => { |
| | | this.parentNameList = response.data; |
| | | this.deptList = this.handleTree(response.data, "proId"); |
| | | }); |
| | | }, |
| | | /** 查询部门下拉树结构 */ |
| | | getDeptTree() { |
| | | |
| | | deptTree111().then((response) => { |
| | | return deptTree111().then((response) => { |
| | | this.deptOptions = response.data; |
| | | this.treeId.push(this.treeDate.id); |
| | | }); |
| | | |
| | | }, |
| | | 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 // 显示节点的 label |
| | | ); |
| | | }, |
| | | |
| | | // 筛选节点 |
| | | filterNode2(value, data) { |
| | | if (!value) return true; |
| | | return data.xmmc.indexOf(value) !== -1; |
| | | }, |
| | | // 筛选节点 |
| | | // filterNode(value, data) { |
| | | // console.log(value, data) |
| | | // if (!value) return true; |
| | | // return data.label.indexOf(value) !== -1; |
| | | // }, |
| | | filterNode(value, data) { |
| | | if (!value) return true; |
| | | if (data.label.indexOf(value) !== -1) return true; |
| | | // 匹配小写 |
| | | let arr = data.label.spell('low', 'array'); |
| | | let spell = arr.join(''); |
| | | let lengths = [0]; |
| | | for (var i = 0; i < arr.length - 1; i++) { |
| | | lengths.push(lengths[i] + arr[i].length); |
| | | }; |
| | | //判断label完整拼音 中 输入值的 index 是不是等于某个汉字第一个拼音字母的index值 |
| | | if(lengths.indexOf(spell.indexOf(value)) !== -1) return true |
| | | // 大写 |
| | | let arrUp = data.label.spell('up', 'array'); |
| | | let spellUp = arrUp.join(''); |
| | | let lengthsUp = [0]; |
| | | for (var i = 0; i < arrUp.length - 1; i++) { |
| | | lengthsUp.push(lengthsUp[i] + arrUp[i].length); |
| | | }; |
| | | return lengthsUp.indexOf(spellUp.indexOf(value)) !== -1; |
| | | }, |
| | | |
| | | // 节点单击事件 |
| | | handleNodeClick(date) { |
| | | |
| | | // console.log("调用了handleNodeClick ", date.id, this.id) |
| | | this.treeDate = date; |
| | | if (date.qf == "0") { |
| | | this.xiugais = true; |
| | | } else { |
| | | this.xiugais = false; |
| | | } |
| | | this.xiugais = date.qf === "0"; |
| | | let proId = date.id; |
| | | getInfoByProId(proId).then((response) => { |
| | | this.xiugaiList = response.data; |
| | |
| | | this.queryParams.proId = date.id; |
| | | let data = { |
| | | proId: this.queryParams.proId, |
| | | proName: this.queryParams.proNamez, |
| | | proName: this.queryParams.proName, |
| | | }; |
| | | this.loading = true; |
| | | getAllChildListById(data).then((response) => { |
| | | if (response.code == 200) { |
| | | if (response.data.list.length >= 1) { |
| | | this.projectList = this.handleTree(response.data.list, "proId"); |
| | | this.ListId.push(this.projectList[0].proId); |
| | | this.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; |
| | | } else { |
| | | this.projectList = []; |
| | | } |
| | | |
| | | // if (this.key == "Y") { |
| | | // this.key = response.data.key |
| | | // } else if (response.data.key == "N") { |
| | | // this.key = response.data.key |
| | | // } |
| | | this.loading = false; |
| | | } |
| | | }); |
| | | }, |
| | | selectSingleRow({ row, rowIndex }) { |
| | | if (rowIndex === 1) { |
| | | return "warning-row"; |
| | | } |
| | | return ""; |
| | | }, |
| | | |
| | | /** 展开/折叠操作 */ |
| | | toggleExpandAll() { |
| | | this.refreshTable = false; |
| | | this.isExpandAll = !this.isExpandAll; |
| | |
| | | this.refreshTable = true; |
| | | }); |
| | | }, |
| | | // 取消按钮 |
| | | cancel() { |
| | | // this.$tab.refreshPage(); |
| | | this.open = false; |
| | | this.queryParam.id = this.id; |
| | | let data = { |
| | | proId: this.queryParams.proId, |
| | | }; |
| | | getAllChildListById(data).then((response) => { |
| | | |
| | | let data = { proId: this.queryParams.proId }; |
| | | getAllChildListById(data).then(() => { |
| | | this.loading = false; |
| | | }); |
| | | }, |
| | | |
| | | handleClose() { |
| | | this.cancel(); |
| | | }, |
| | | // 表单重置 |
| | | reset() { |
| | | this.form = { |
| | | proParentId: null, |
| | |
| | | }; |
| | | this.resetForm("form"); |
| | | }, |
| | | /** 搜索按钮操作 */ |
| | | handleQuery() { |
| | | // this.queryParams.pageNum = 1; |
| | | 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 == "rwdtypeName") { |
| | | //在此处为了保证表头不换行,可以根据表头名称长度设置默认宽度 |
| | | // column1 就是对应表格中的prop属性值,比如上面的 rwdtypeName |
| | | maxlength = 160; |
| | | } |
| | | 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")) { |
| | | //英文字母 8 像素 |
| | | flexWidth += 8; |
| | | } else if (char >= "\u4e00" && char <= "\u9fa5") { |
| | | //中文文字 15 像素 |
| | | flexWidth += 15; |
| | | } else { |
| | | //其他字符 10 像素 |
| | | flexWidth += 10; |
| | | } |
| | | } |
| | | if (flexWidth > maxlength) { |
| | | maxlength = flexWidth; |
| | | if (flexWidth > maxlength) maxlength = flexWidth; |
| | | } |
| | | } |
| | | } |
| | | //el-table中 cell 有左右的 padding 个 10 像素 |
| | | return maxlength + 20 + "px"; |
| | | }, |
| | | |
| | | // 多选框选中数据 |
| | | handleSelectionChange(selection) { |
| | | this.ChangeList = selection; |
| | | this.ids = selection.map((item) => item.id); |
| | |
| | | this.multiple = !selection.length; |
| | | if (selection.length > 1) { |
| | | let del_row = selection.shift(); |
| | | this.$refs.tb.toggleRowSelection(del_row, false); //设置这一行取消选中 |
| | | 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, |
| | | }); |
| | | } |
| | | 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: "", |
| | | Selection, |
| | | }); |
| | | } else { |
| | | this.form.tjStandardList.push({ |
| | | stanId: "", |
| | | tjSex: "", |
| | | tjType: "", |
| | | tjStandardGtValue: "", |
| | | tjStandardLtValue: "", |
| | | company: "", |
| | | Selection, |
| | | }); |
| | | } |
| | | this.form.tjStandardList.push({ |
| | | stanId: "", |
| | | tjSex: "", |
| | | tjType: "", |
| | | tjStandardGtValue: "", |
| | | tjStandardLtValue: "", |
| | | company: "", |
| | | }); |
| | | } else { |
| | | Message.warning("请先填写项目名称"); |
| | | } |
| | | this.$forceUpdate(); |
| | | }, |
| | | // 删除行 |
| | | Delete(index) { |
| | | if (this.form.consumablesList.length == 0) { |
| | | this.$alert("请先选择要删除的数据", "提示", { |
| | | confirmButtonText: "确定", |
| | | }); |
| | | } else { |
| | | if (this.form.consumablesList.length) { |
| | | this.form.consumablesList.splice(index, 1); |
| | | } |
| | | if (this.form.tjStandardList.length == 0) { |
| | | this.$alert("请先选择要删除的数据", "提示", { |
| | | confirmButtonText: "确定", |
| | | }); |
| | | } else { |
| | | 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; |
| | | // if(){ |
| | | // this.proParent = true |
| | | // } |
| | | getlist().then((response) => { |
| | | if (response.code == 200) { |
| | | this.loading = false; |
| | |
| | | } |
| | | }); |
| | | this.open = true; |
| | | |
| | | }, |
| | | /** 修改按钮操作 */ |
| | | handleUpdate(row) { |
| | | console.log('调用了handleUpdate'); |
| | | |
| | | this.reset(); |
| | | this.getData(); |
| | | // this.form = row; |
| | | const proId = row.proId || this.ids; |
| | | this.proParent = false; |
| | | this.isPriceDisabled = false; |
| | | getProject(proId).then((response) => { |
| | | this.form = response.data; |
| | | if (this.form.proParentId === "0") { |
| | | this.showPrise = true; |
| | | this.showRentPrise = false; |
| | | } else { |
| | | this.showPrise = false; |
| | | this.showRentPrise = true; |
| | | } |
| | | // this.form.deptId = Number(this.form.deptId); |
| | | if (this.form.proStandard === 0) { |
| | | this.showPrise = true; |
| | | this.showRentPrise = false; |
| | | } else { |
| | | this.showPrise = false; |
| | | this.showRentPrise = true; |
| | | } |
| | | 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 != null) { |
| | | if (this.form.tjStandardList) { |
| | | 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 = "老年"; |
| | | } |
| | | 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) => { |
| | |
| | | this.title = "体检项目信息维护"; |
| | | }); |
| | | }, |
| | | changeValue(value) { |
| | | // this.form.deptName = value; |
| | | this.form.deptId = value; |
| | | }, |
| | | getSelectValue(val) { |
| | | this.form.consumablesList.forEach((formitem) => { |
| | | if (formitem.makings === val) { |
| | |
| | | } |
| | | }); |
| | | }, |
| | | |
| | | // sex(sval) { |
| | | // if (this.form.tjStandardList) { |
| | | // this.form.tjStandardList.forEach((sitem) => { |
| | | // if (sitem.tjSex === "男") { |
| | | // sitem.tjSex = 0; |
| | | // } else { |
| | | // sitem.tjSex = 1; |
| | | // } |
| | | // }); |
| | | // } |
| | | // }, |
| | | |
| | | /** 提交按钮 */ |
| | | submitForm() { |
| | | this.noclick = true; |
| | | this.$refs["form"].validate(valid => { |
| | | this.$refs["form"].validate((valid) => { |
| | | if (valid) { |
| | | const isUpdate = this.form.proId != null; |
| | | |
| | | // 处理性别和年龄组的转换 |
| | | if (this.form.tjStandardList) { |
| | | this.form.tjStandardList.forEach(item => { |
| | | 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; |
| | | }); |
| | | } |
| | | |
| | | // 设置 lisXmbm |
| | | this.form.lisXmbm = this.form.lisXmbm; |
| | | |
| | | // 根据 key 值选择不同的操作流程 |
| | | if (this.key === "N") { |
| | | this.processSubmission(isUpdate, false); |
| | | } else if (this.key === "Y") { |
| | |
| | | } |
| | | }); |
| | | }, |
| | | |
| | | processSubmission(isUpdate, isY) { |
| | | if (isUpdate) { |
| | | updateProject(this.form).then(response => { |
| | | 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 === null || this.form.proParentId === null) { |
| | | if (!this.form.deptId || !this.form.proParentId) { |
| | | this.$message.error("请填写父项名称或科室名称"); |
| | | this.open = true; |
| | | } else { |
| | | addProject(this.form).then(response => { |
| | | addProject(this.form).then((response) => { |
| | | this.$modal.msgSuccess("新增成功"); |
| | | this.handleSuccess(isY); |
| | | }); |
| | | } |
| | | } |
| | | }, |
| | | |
| | | handleSuccess(isY) { |
| | | this.cancel(); |
| | | this.getList(); |
| | | if (this.proParent || isY) { |
| | | this.getDeptTree(); |
| | | this.getDeptTree().then(() => { |
| | | this.precomputePinyin(); |
| | | }); |
| | | } |
| | | }, |
| | | // 收费项目确认 |
| | | submit() { |
| | | this.ChangeList.forEach((item) => { |
| | | this.form.proPrice = item.ckdj; |
| | |
| | | }); |
| | | this.dialogTableVisible = false; |
| | | }, |
| | | /** 删除按钮操作 */ |
| | | handleDelete(row) { |
| | | const proIds = row.proId || this.ids; |
| | | this.$modal |
| | | .confirm('是否确认删除体检项目编号为"' + proIds + '"的数据项?') |
| | | .then(function () { |
| | | // return delProject(proIds); |
| | | .then(() => { |
| | | return delProject(proIds).then((response) => { |
| | | if (response.msg === "该项目正在使用暂时不能删除") { |
| | | Message.warning(response.msg); |
| | |
| | | }) |
| | | .catch(() => { }); |
| | | }, |
| | | /** 导出按钮操作 */ |
| | | handleExport() { |
| | | this.download( |
| | | "hosp/project/export", |
| | | { |
| | | ...this.queryParams, |
| | | }, |
| | | { ...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 { |