From dd24a2ea978b1e77ae4a510053cd1df0bf1863e7 Mon Sep 17 00:00:00 2001 From: qx <1084500556@qq.com> Date: 星期二, 18 三月 2025 15:07:30 +0800 Subject: [PATCH] Qx --- src/views/doctor/check/index.vue | 20 src/views/hosp/project/index.vue | 1196 -------------------------------------------------------- 2 files changed, 29 insertions(+), 1,187 deletions(-) diff --git a/src/views/doctor/check/index.vue b/src/views/doctor/check/index.vue index 282a1df..d612c46 100644 --- a/src/views/doctor/check/index.vue +++ b/src/views/doctor/check/index.vue @@ -274,7 +274,7 @@ <el-col v-show="baogaoqian"> <template> <el-tabs v-model="radio" type="border-card" @tab-click="handleTabClick" style="margin-left: 10px"> - <el-tab-pane :label="item.proName" :name="item.proId" v-for="(item, index) in Parent" :key="index"> + <el-tab-pane :label="item.proName" :name="item.proId" v-for="(item, index) in Parent" :key="index" :lazy="false"> <el-table class="bgc" v-loading="loading" :data="proParentList.sons" border height="460px" style="width: 96%; margin: 10px 10px" :row-class-name="tableRowClassName"> <el-table-column prop="project.proName" label="妫�娴嬮」鐩�" width="150"> @@ -286,8 +286,8 @@ @input="vale($event, scope.row)" :disabled="scope.row.project.proName === 'BMI'" ></el-input> --> <template slot-scope="{ row, $index }"> - <el-input type="textarea" autosize size="mini" v-model="row.proResult" :ref="`input-${$index}`" - @keyup.enter.native="keyInputConfirm($event, $index)" @focus="handleFocus(row)" + <el-input type="textarea" autosize size="mini" v-model="row.proResult" :ref="`input-item${index}-row${$index}`" + @keydown.enter.native="keyInputConfirm($event,index,$index)" @focus="handleFocus(row)" @blur="handleInputConfirm(row)" @input="vale($event, row)" :disabled="row.project.proName === 'BMI'" ></el-input> @@ -420,7 +420,7 @@ <el-col :span="18" v-show="baogaohou"> <template> <el-tabs v-model="radio" type="border-card" @tab-click="handleTabClick" style="margin-left: 10px"> - <el-tab-pane :label="item.proName" :name="item.proId" v-for="(item, index) in Parent" :key="index"> + <el-tab-pane :label="item.proName" :name="item.proId" v-for="(item, index) in Parent" :key="index" :lazy="false"> <el-table class="bgc" v-loading="loading" :data="proParentList.sons" border height="460px" style="width: 96%; margin: 10px 10px" :row-class-name="tableRowClassName"> <el-table-column prop="project.proName" label="妫�娴嬮」鐩�" width="100"> @@ -431,8 +431,8 @@ placeholder="璇疯緭鍏ユ娴嬬粨鏋�" @focus="handleFocus(scope.row)" @blur="handleInputConfirm(scope.row)" @input="vale"></el-input> --> <template slot-scope="{ row, $index }"> - <el-input type="textarea" autosize size="mini" v-model="row.proResult" :ref="`input-${$index}`" - @keyup.enter.native="keyInputConfirm($event, $index)" @focus="handleFocus(row)" + <el-input type="textarea" autosize size="mini" v-model="row.proResult" :ref="`input-item${index}-row${$index}`" + @keydown.enter.native="keyInputConfirm($event,index,$index)" @focus="handleFocus(row)" @blur="handleInputConfirm(row)" @input="vale($event, row)" :disabled="row.project.proName === 'BMI'" ></el-input> @@ -1401,21 +1401,21 @@ }, - keyInputConfirm(event, currentRowIndex) { + keyInputConfirm(event,index, currentRowIndex) { // 闃绘榛樿鍥炶溅琛屼负锛屾瘮濡傛彁浜よ〃鍗� event.preventDefault(); + event.stopPropagation() const nextRowIndex = currentRowIndex + 1; // 璁$畻涓嬩竴琛岀储寮� - // 濡傛灉涓嬩竴琛屽瓨鍦紝鍒欒仛鐒﹁琛岀殑杈撳叆妗� if (nextRowIndex < this.proParentList.sons.length) { this.$nextTick(() => { - const nextInputRef = `input-${nextRowIndex}`; + const nextInputRef = `input-item${index}-row${nextRowIndex}`; const nextInput = this.$refs[nextInputRef]; if (nextInput) { // 澶勭悊 ref 鍙兘涓烘暟缁勭殑鎯呭喌锛堝鍔ㄦ�佹覆鏌擄級 const target = Array.isArray(nextInput) ? nextInput[0] : nextInput; target.focus(); // 鑱氱劍杈撳叆妗� - target.select(); // 鍙�夛細閫変腑鏂囨湰 + // target.select(); // 鍙�夛細閫変腑鏂囨湰 } }); } diff --git a/src/views/hosp/project/index.vue b/src/views/hosp/project/index.vue index a89642f..0e6a6a9 100644 --- a/src/views/hosp/project/index.vue +++ b/src/views/hosp/project/index.vue @@ -685,11 +685,22 @@ project.children = this.handleTree(response.data.list, "proId"); this.key = response.data.key; this.projectOptions.push(project); + // this.open = true; if (row.proId) { this.form.proParentId = row.proId || 0; this.open = true; } else if (this.treeDate.id) { - this.form.proParentId = this.treeDate.id || 0; + if(this.treeDate.qf == "0"){ + this.form.proParentId = "0" + this.projectOptions.forEach((item) => { + item.children.forEach((item1) => { + if (this.treeDate.id == item1.deptId) { + this.form.deptId = item1.deptId; + } + }); + }); + }else{ + this.form.proParentId = this.treeDate.id; this.projectOptions.forEach((item) => { item.children.forEach((item1) => { if (this.form.proParentId == item1.proId) { @@ -697,8 +708,12 @@ } }); }); + } + + this.open = true; } else { + this.form.proParentId = "0" this.open = true; } } @@ -815,7 +830,9 @@ }); }, handleNodeClick(date) { + this.treeDate = date; + console.log(this.treeDate) this.xiugais = date.qf === "0"; let proId = date.id; getInfoByProId(proId).then((response) => { @@ -1059,1182 +1076,7 @@ } else { this.form.consumablesList = null; } - if (!this.form.deptId || !this.form.proParentId) { - this.$message.error("璇峰~鍐欑埗椤瑰悕绉版垨绉戝鍚嶇О"); - this.open = true; - } else { - addProject(this.form).then((response) => { - this.$modal.msgSuccess("鏂板鎴愬姛"); - this.handleSuccess(isY); - }); - } - } - }, - handleSuccess(isY) { - this.cancel(); - this.getList(); - if (this.proParent || isY) { - this.getDeptTree().then(() => { - this.precomputePinyin(); - }); - } - }, - submit() { - this.ChangeList.forEach((item) => { - this.form.proPrice = item.ckdj; - this.form.hisXmbm = item.xmbm; - this.form.hisXmmc = item.xmmc; - this.form.hisdj = item.ckdj; - this.sfxmId = parseInt(item.id); - }); - this.dialogTableVisible = false; - }, - handleDelete(row) { - const proIds = row.proId || this.ids; - this.$modal - .confirm('鏄惁纭鍒犻櫎浣撴椤圭洰缂栧彿涓�"' + proIds + '"鐨勬暟鎹」锛�') - .then(() => { - return delProject(proIds).then((response) => { - if (response.msg === "璇ラ」鐩鍦ㄤ娇鐢ㄦ殏鏃朵笉鑳藉垹闄�") { - Message.warning(response.msg); - this.getList(); - } - }); - }) - .then(() => { - this.getList(); - this.$modal.msgSuccess("鍒犻櫎鎴愬姛"); - }) - .catch(() => {}); - }, - handleExport() { - this.download( - "hosp/project/export", - { ...this.queryParams }, - `project_${new Date().getTime()}.xlsx` - ); - }, - }, -}; -</script> - -<style scoped> -.scrollable-container { - width: 200px; - height: 629px; - overflow: auto; - border: 1px solid #ccc; - position: relative; -} - -.content { - width: 1000px; - height: 1000px; -} - -.el-table__header-wrapper .el-checkbox { - display: none; -} - -.red-text { - color: red !important; -} - -.pag { - display: flex; - justify-content: center; -} - -.pag1 { - width: 40%; -} - -.dialog-footer { - position: absolute; - left: 40%; - bottom: 3%; -} - -.el-table .warning-row { - background: #e5f3ff; -} - -.el-tree-node.is-current>.el-tree-node__content { - background-color: #e5f3ff !important; - color: #333 !important; -} - -.el-scrollbar__bar.is-vertical { - opacity: 1; - padding-right: 5px; - width: 7px; -} - -.el-scrollbar__wrap { - overflow-x: hidden; -} -</style><template> - <div class="app-container"> - <el-row :gutter="20"> - <el-col :span="3" :xs="24"> - <div class="head-container"> - <el-input v-model="deptName" placeholder="璇疯緭鍏ラ儴闂ㄥ悕绉�" clearable size="small" prefix-icon="el-icon-search" - style="margin-bottom: 15px" /> - </div> - <div class="scrollable-container"> - <div class="content"> - <el-tree :data="deptOptions" :props="defaultProps" :expand-on-click-node="false" - :filter-node-method="filterNode" ref="tree" node-key="id" :default-expanded-keys="treeId" - highlight-current @node-click="handleNodeClick" :render-content="renderContent" v-loading="loadings"/> - </div> - </div> - </el-col> - <el-col :span="20" :xs="24"> - <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" - label-width="68px"> - <el-form-item label="椤圭洰鍚嶇О" prop="proName"> - <el-input v-model="queryParams.proName" placeholder="璇疯緭鍏ラ」鐩悕绉�" clearable @keyup.enter.native="handleQuery" /> - </el-form-item> - <el-form-item label="妫�鏌ョ被鍒�" prop="checkType"> - <el-input v-model="queryParams.checkType" placeholder="璇疯緭鍏ユ鏌ョ被鍒�" clearable - @keyup.enter.native="handleQuery" /> - </el-form-item> - <el-form-item> - <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">鎼滅储</el-button> - <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">閲嶇疆</el-button> - </el-form-item> - </el-form> - - <el-row :gutter="10" class="mb8"> - <el-col :span="1.5"> - <el-button type="primary" icon="el-icon-plus" size="mini" @click="handleAdd" - v-hasPermi="['hosp:project:add']">鏂板</el-button> - </el-col> - <el-col :span="1.5"> - <el-button :disabled="xiugais" type="primary" icon="el-icon-plus" size="mini" @click="handleUpdate1" - v-hasPermi="['hosp:project:add']">淇敼</el-button> - </el-col> - <el-col :span="1.5"> - <el-button type="primary" icon="el-icon-download" size="mini" @click="handleExport" - v-hasPermi="['hosp:project:export']">瀵煎嚭</el-button> - </el-col> - <el-col :span="1.5"> - <el-button type="primary" icon="el-icon-download" size="mini" - @click="Synchronizationfees">鎵归噺鍚屾璐圭敤</el-button> - </el-col> - <el-col :span="1.5"> - <el-button type="primary" icon="el-icon-sort" size="mini" @click="toggleExpandAll">灞曞紑/鎶樺彔</el-button> - </el-col> - <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> - </el-row> - - <el-table v-if="refreshTable" v-loading="loading" :data="projectList" ref="tableRef" border> - <el-table-column label="椤圭洰鍚嶇О" prop="proName" fixed="left" :width="flexColumnWidth('proName')" /> - <el-table-column label="浠锋牸(/鍏�)" align="center" prop="proPrice" width="75px" - :show-overflow-tooltip="true"></el-table-column> - <el-table-column label="鏁伴噺" align="center" prop="sl" width="65px" - :show-overflow-tooltip="true"></el-table-column> - <el-table-column label="妫�鏌ョ被鍒�" align="center" prop="proCheckType" width="110px" - :show-overflow-tooltip="true" /> - <el-table-column label="榛樿鍊�" align="center" prop="proDefault" width="110px" :show-overflow-tooltip="true" /> - <el-table-column label="缁撴灉绫诲瀷" align="center" prop="resultType" width="80px" :show-overflow-tooltip="true"> - <template slot-scope="scope"> - <dict-tag :options="dict.type.tj_result_type" :value="scope.row.resultType" /> - </template> - </el-table-column> - <el-table-column label="鍙備笌灏忕粨" align="center" prop="needReport" :show-overflow-tooltip="true" width="75px"> - <template slot-scope="scope"> - <dict-tag :options="dict.type.sys_yes_no" :value="scope.row.needReport" /> - </template> - </el-table-column> - <el-table-column label="鏄惁绌鸿吂" align="center" prop="proCheckMethod" :show-overflow-tooltip="true" width="75px"> - <template slot-scope="scope"> - <dict-tag :options="dict.type.sys_yes_no" :value="scope.row.proCheckMethod" /> - </template> - </el-table-column> - <el-table-column label="椤圭洰鏍囧噯鍊�" align="center" prop="proScope" :show-overflow-tooltip="true" width="90px"> - </el-table-column> - <el-table-column label="Lis椤圭洰鍚嶇О" align="center" prop="lisXmmc" :show-overflow-tooltip="true" width="200px"> - </el-table-column> - <el-table-column label="Lis缂栫爜" align="center" prop="lisXmbm" :show-overflow-tooltip="true" width="90px"> - </el-table-column> - <el-table-column label="涓村簥鎰忎箟" align="center" prop="proMeaning" width="350px" :show-overflow-tooltip="true" /> - <el-table-column label="澶囨敞" prop="remark" align="center" width="120px" :show-overflow-tooltip="true"> - </el-table-column> - <el-table-column label="鐘舵��" align="center" prop="proStatus" fixed="right" width="80px"> - <template slot-scope="scope"> - <dict-tag :options="dict.type.sys_normal_disable" :value="scope.row.proStatus" /> - </template> - </el-table-column> - <el-table-column label="鎿嶄綔" align="center" fixed="right" class-name="small-padding fixed-width" width="80px"> - <template slot-scope="scope"> - <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" - v-hasPermi="['hosp:project:edit']" title="淇敼"></el-button> - <el-button v-if="scope.row.proParentId == '0'" size="mini" type="text" icon="el-icon-plus" - @click="handleAdd(scope.row)" v-hasPermi="['system:dept:add']" title="澧炲姞"></el-button> - <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" - v-hasPermi="['hosp:project:remove']" title="鍒犻櫎"></el-button> - </template> - </el-table-column> - </el-table> - </el-col> - </el-row> - - <!-- 娣诲姞鎴栦慨鏀逛綋妫�椤圭洰瀵硅瘽妗� --> - <el-dialog :title="title" :visible.sync="open" width="1200px" append-to-body :before-close="handleClose" - :close-on-click-modal="false"> - <el-form ref="form" :model="form" :rules="rules" label-width="100px" :inline="true"> - <el-form-item label="涓婚」鍚嶇О" prop="proParentId"> - <treeselect :disabled="proParent" v-model="form.proParentId" :options="projectOptions" - :normalizer="normalizer" :show-count="true" placeholder="閫夋嫨涓婚」鍚嶇О" style="width: 260px" @select="obtain" /> - </el-form-item> - <el-form-item label="鏄庣粏椤圭洰" prop="proName"> - <el-input v-model="form.proName" placeholder="璇疯緭鍏ユ槑缁嗛」鐩�"></el-input> - </el-form-item> - <el-form-item label="椤圭洰浠锋牸" prop="proPrice"> - <el-input v-model="form.proPrice" :disabled="isPriceDisabled" placeholder="璇疯緭鍏ラ」鐩环鏍�" /> - </el-form-item> - <el-form-item label="妫�鏌ョ被鍒�" prop="proCheckType"> - <el-input v-model="form.proCheckType" placeholder="璇疯緭鍏ユ鏌ョ被鍒�" style="width: 260px" /> - </el-form-item> - <el-form-item label="涓村簥鎰忎箟" prop="proMeaning"> - <el-input v-model="form.proMeaning" placeholder="璇疯緭鍏ヤ复搴婃剰涔�" /> - </el-form-item> - <el-form-item label="鍙備笌灏忕粨" prop="needReport"> - <el-select v-model="form.needReport" placeholder="璇烽�夋嫨鏄惁鍙備笌灏忕粨" style="width: 200px"> - <el-option v-for="dict in dict.type.sys_yes_no" :key="dict.value" :label="dict.label" - :value="dict.value"></el-option> - </el-select> - </el-form-item> - <el-form-item label="鏄惁绌鸿吂" prop="proCheckMethod"> - <el-select v-model="form.proCheckMethod" placeholder="璇烽�夋嫨鏄惁绌鸿吂" style="width: 260px"> - <el-option v-for="dict in dict.type.sys_yes_no" :key="dict.value" :label="dict.label" - :value="dict.value"></el-option> - </el-select> - </el-form-item> - <el-form-item label="鎬у埆" prop="proSex"> - <el-select v-model="form.proSex" placeholder="璇烽�夋嫨浣撴浜烘�у埆" style="width: 200px" clearable> - <el-option v-for="dict in dict.type.sys_user_sex" :key="dict.value" :label="dict.label" - :value="dict.value"></el-option> - </el-select> - </el-form-item> - <el-form-item label="椤圭洰绫诲瀷" prop="proType"> - <el-input v-model="form.proType" placeholder="璇疯緭鍏ラ」鐩被鍨�" /> - </el-form-item> - <el-form-item label="绉戝鍚嶇О" prop="deptId"> - <el-select v-model="form.deptId" placeholder="璇烽�夋嫨绉戝鍚嶇О" @change="changeType" filterable style="width: 260px"> - <el-option v-for="item in parentNameList" :key="item.deptId" :label="item.deptName" :value="item.deptId" /> - </el-select> - </el-form-item> - <el-form-item label="鍚敤鏍囧織" prop="proStatus"> - <el-select v-model="form.proStatus" placeholder="璇烽�夋嫨鐘舵��" style="width: 200px" filterable clearable> - <el-option v-for="dict in dict.type.sys_normal_disable" :key="dict.value" :label="dict.label" - :value="dict.value"></el-option> - </el-select> - </el-form-item> - <el-form-item label="椤圭洰榛樿鍊�" prop="proDefault"> - <el-input v-model="form.proDefault" placeholder="璇疯緭鍏ラ」鐩粯璁ゅ��" style="width: 200px" /> - </el-form-item> - <el-form-item label="閲囨牱鏍囪" prop="isSampling"> - <el-select v-model="form.isSampling" placeholder="璇烽�夋嫨閲囨牱鏍囪" style="width: 260px" filterable clearable> - <el-option v-for="dict in dict.type.dis_sampling_tab" :key="dict.value" :label="dict.label" - :value="dict.value"></el-option> - </el-select> - </el-form-item> - <el-form-item label="鏍囨湰绫诲瀷" prop="specimenType"> - <el-select v-model="form.specimenType" placeholder="璇烽�夋嫨鏍囨湰绫诲瀷" style="width: 200px" filterable clearable> - <el-option v-for="dict in dict.type.sys_dict_specimen" :key="dict.value" :label="dict.label" - :value="dict.value"></el-option> - </el-select> - </el-form-item> - <el-form-item label="妫�鏌ラ儴浣�" prop="checkBw"> - <el-select v-model="form.checkBw" placeholder="璇烽�夋嫨妫�鏌ラ儴浣�" style="width: 200px" filterable clearable> - <el-option v-for="dict in dict.type.sys_dict_position" :key="dict.value" :label="dict.label" - :value="dict.value"></el-option> - </el-select> - </el-form-item> - <el-form-item label="鍗曚綅" prop="proMetering"> - <el-input v-model="form.proMetering" placeholder="璇疯緭鍏ュ崟浣�" style="width: 260px" /> - </el-form-item> - <el-form-item label="鍙傝�冭寖鍥�" prop="proScope"> - <el-input v-model="form.proScope" placeholder="璇疯緭鍏ュ弬鑰冭寖鍥�" style="width: 200px" /> - </el-form-item> - <el-form-item label="鏁伴噺" prop="sl"> - <el-input v-model="form.sl" placeholder="璇疯緭鍏ユ暟閲�" style="width: 200px" /> - </el-form-item> - <el-form-item label="缁勫悎鏍囧織" prop="sfzhfy"> - <el-select v-model="form.sfzhfy" placeholder="璇烽�夋嫨鏄惁缁勫悎鏍囧織" style="width: 260px"> - <el-option v-for="dict in dict.type.sys_yes_no" :key="dict.value" :label="dict.label" - :value="dict.value"></el-option> - </el-select> - </el-form-item> - <el-form-item label="缁撴灉绫诲瀷" prop="resultType"> - <el-select v-model="form.resultType" placeholder="璇烽�夋嫨缁撴灉绫诲瀷" style="width: 200px" filterable clearable> - <el-option v-for="dict in dict.type.tj_result_type" :key="dict.value" :label="dict.label" - :value="dict.value"></el-option> - </el-select> - </el-form-item> - <el-form-item label="his椤圭洰鍚嶇О" prop="hisXmmc" v-if="key == 'Y'"> - <span slot="label" style="display: inline-block; border-bottom: 2px solid blue" @click="getDetailed"> - his椤圭洰鍚嶇О - </span> - <el-input v-model="form.hisXmmc" placeholder="his椤圭洰鍚嶇О" style="width: 200px"></el-input> - </el-form-item> - <el-form-item label="his椤圭洰鍚嶇О" prop="hisXmmc" v-if="key == 'N'"> - <el-input v-model="form.hisXmmc" placeholder="璇疯緭鍏ユ槑缁嗛」鐩�" style="width: 260px"></el-input> - </el-form-item> - <el-form-item label="his缂栫爜" prop="hisXmbm"> - <el-input v-model="form.hisXmbm" placeholder="璇疯緭鍏is缂栫爜" style="width: 260px" /> - </el-form-item> - <el-form-item label="his鍗曚环" prop="hisdj"> - <el-input v-model="form.hisdj" placeholder="璇疯緭鍏is鍗曚环" 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="璇疯緭鍏IS椤圭洰" style="width: 200px"></el-input> - </el-form-item> - <el-form-item label="LIS缂栫爜" prop="lisXmbm"> - <el-input v-model="form.lisXmbm" placeholder="璇疯緭鍏is缂栫爜" style="width: 260px" /> - </el-form-item> - <el-form-item label="澶囨敞" prop="proRemark"> - <el-input v-model="form.proRemark" placeholder="璇疯緭鍏ュ娉�" style="width: 200px" /> - </el-form-item> - <el-form-item label="鎺掑簭" prop="xh"> - <el-input v-model="form.xh" placeholder="璇疯緭鍏ユ帓搴�" style="width: 200px" /> - </el-form-item> - </el-form> - <el-button style="margin-left: 40px" type="primary" plain size="mini" icon="el-icon-plus" - @click="addmembers">鏂板琛�</el-button> - <!-- 鑰楁潗琛� --> - <el-table :data="form.consumablesList" border style="margin-top: 10px; margin-left: 40px; width: 890px" - v-if="showPrise"> - <el-table-column label="鑰楁潗鍚嶇О" align="center" prop="makings" width="200px"> - <template slot-scope="scope"> - <el-select filterable v-model="scope.row.makings" placeholder="璇烽�夋嫨鏀惰垂椤圭洰" @change="getSelectValue"> - <el-option v-for="(item, index) in consumableList" :key="index" :label="item.makings" - :value="item.makings"></el-option> - </el-select> - </template> - </el-table-column> - <el-table-column label="瑙勬牸" align="center" prop="specifications"></el-table-column> - <el-table-column label="浠锋牸" align="center" prop="price"></el-table-column> - <el-table-column label="鎿嶄綔" align="center" fixed="right" class-name="small-padding fixed-width"> - <template slot-scope="scope"> - <el-button size="mini" type="text" icon="el-icon-delete" @click.native.prevent="Delete(scope.$index)" - v-hasPermi="['hosp:consumables:remove']" title="鍒犻櫎"></el-button> - </template> - </el-table-column> - </el-table> - <!-- 椤圭洰鏍囧噯鍊艰〃 --> - <el-table :data="form.tjStandardList" border style="margin-top: 10px; margin-left: 40px; width: 890px" - v-if="showRentPrise"> - <el-table-column label="浣撴浜烘�у埆" align="center" prop="tjSex"> - <template slot-scope="scope"> - <el-select v-model="scope.row.tjSex" placeholder="璇烽�夋嫨浣撴浜烘�у埆"> - <el-option v-for="dict in dict.type.sys_user_sex" :key="dict.value" :label="dict.label" - :value="dict.value"></el-option> - </el-select> - </template> - </el-table-column> - <el-table-column label="浣撴浜虹被鍨�" align="center" prop="tjType"> - <template slot-scope="scope"> - <el-select filterable v-model="scope.row.tjType" placeholder="璇烽�夋嫨浣撴浜虹被鍨�"> - <el-option v-for="dict in dict.type.dict_personnel_type" :key="dict.value" :label="dict.label" - :value="dict.value"></el-option> - </el-select> - </template> - </el-table-column> - <el-table-column label="鍗曚綅" align="center" prop="company"> - <template slot-scope="scope"> - <el-input v-model="scope.row.company" autocomplete="off" placeholder="璇疯緭鍏ュ唴瀹�"></el-input> - </template> - </el-table-column> - <el-table-column label="鏍囧噯鏈�灏忓��" align="center" prop="tjStandardLtValue"> - <template slot-scope="scope"> - <el-input v-model="scope.row.tjStandardLtValue" autocomplete="off" placeholder="璇疯緭鍏ユ爣鍑嗘渶灏忓��"></el-input> - </template> - </el-table-column> - <el-table-column label="鏍囧噯鏈�澶у��" align="center" prop="tjStandardGtValue"> - <template slot-scope="scope"> - <el-input v-model="scope.row.tjStandardGtValue" autocomplete="off" placeholder="璇疯緭鍏ユ爣鍑嗘渶澶у��"></el-input> - </template> - </el-table-column> - <el-table-column label="鎿嶄綔" align="center" fixed="right" class-name="small-padding fixed-width"> - <template slot-scope="scope"> - <el-button size="mini" type="text" icon="el-icon-delete" @click.native.prevent="Delete(scope.$index)" - v-hasPermi="['hosp:consumables:remove']" title="鍒犻櫎"></el-button> - </template> - </el-table-column> - </el-table> - <div slot="footer" class="dialog-footer"> - <el-button type="primary" @click.stop="submitForm">纭� 瀹�</el-button> - <el-button @click="cancel">鍙� 娑�</el-button> - </div> - </el-dialog> - - <el-dialog title="鏀惰垂椤圭洰" :visible.sync="dialogTableVisible" width="80%" :close-on-click-modal="false"> - <div class="app-container"> - <el-row :gutter="24"> - <el-col :span="6" :xs="24"> - <div style="height: 560px; overflow-y: scroll"> - <div class="head-container"> - <el-input v-model="xmmc" placeholder="璇疯緭鍏ラ」鐩紪鐮�" clearable size="small" prefix-icon="el-icon-search" - style="margin-bottom: 20px" /> - </div> - <div id="changtree"> - <el-tree ref="tree" node-key="id" highlight-current :default-expanded-keys="chargeId" - :data="deptOptionstree" :props="defaultPropstree" :expand-on-click-node="false" - :auto-expand-parent="false" :filter-node-method="filterNode2" @node-click="handleNodecharge" /> - </div> - </div> - </el-col> - <el-col :span="18" :xs="24"> - <el-form :model="querycharge" ref="queryForm" size="small" :inline="true" v-show="showSearch" - label-width="68px"> - <el-form-item label="椤圭洰鍚嶇О" prop="xmmc"> - <el-input v-model="querycharge.xmmc" placeholder="璇疯緭鍏ラ」鐩悕绉�" clearable - @keyup.enter.native="handlecharge" /> - </el-form-item> - <el-form-item label="鎷奸煶鐮�" prop="pym"> - <el-input v-model="querycharge.pym" placeholder="璇疯緭鍏ユ嫾闊崇爜" clearable @keyup.enter.native="handlecharge" /> - </el-form-item> - <el-form-item> - <el-button type="primary" icon="el-icon-search" size="mini" @click="handlecharge">鎼滅储</el-button> - </el-form-item> - </el-form> - - <el-table v-loading="loading" ref="tb" :data="sfxmList" @selection-change="handleSelectionChange" border - height="520px" style="width: 100%"> - <el-table-column type="selection" align="center" /> - <el-table-column label="搴忓彿" align="center" prop="newID" /> - <el-table-column label="椤圭洰缂栫爜" align="center" prop="xmbm" /> - <el-table-column label="椤圭洰鍚嶇О" align="center" prop="xmmc" /> - <el-table-column label="鎷奸煶鐮�" align="center" prop="pym" /> - <el-table-column label="鍙傝�冨崟浠�" align="center" prop="ckdj" /> - <el-table-column label="涓�绾ф渶楂橀檺浠�" align="center" prop="yjzgxj" /> - <el-table-column label="浜岀骇鏈�楂橀檺浠�" align="center" prop="ejzgxj" /> - <el-table-column label="涓夌骇鏈�楂橀檺浠�" align="center" prop="sjzgxj" /> - <el-table-column label="鐗瑰畾鏈�楂橀檺浠�" align="center" prop="tdzgxj" /> - </el-table> - - <div class="pag" v-if="List == true"> - <div class="pag1"> - <pagination v-show="total > 0" :total="total" :page.sync="querycharge.pageNum" - :limit.sync="querycharge.pageSize" @pagination="getlistSfxm" /> - </div> - </div> - <div class="pag" v-if="List == false"> - <div class="pag1"> - <pagination v-show="total > 0" :total="total" :page.sync="queryParam.page" - :limit.sync="queryParam.pageSize" @pagination="getListByXmId" /> - </div> - </div> - </el-col> - </el-row> - </div> - - <div slot="footer" class="dialog-footer"> - <el-button @click="dialogTableVisible = false">鍙� 娑�</el-button> - <el-button type="primary" @click="submit">纭� 瀹�</el-button> - </div> - </el-dialog> - <Packagese ref="aaa" @add="handleChanges" /> - </div> -</template> - -<script> -import debounce from 'lodash/debounce'; -import cnchar from 'cnchar'; -import Packagese from "@/components/Packagese"; -import { - getProject, - delProject, - addProject, - updateProject, - ProjectTree, - getlist, - deptTree, - deptTree111, - getAllChildListById, - getInfoByProId, - tbhisproprice, -} from "@/api/hosp/project"; -import { listDept } from "@/api/system/dept"; -import Treeselect from "@riophae/vue-treeselect"; -import "@riophae/vue-treeselect/dist/vue-treeselect.css"; -import IconSelect from "@/components/IconSelect"; -import { listConsumables } from "@/api/hosp/consumables"; -import { Message } from "element-ui"; -import { - listSfxm, - getSfxm, - delSfxm, - addSfxm, - updateSfxm, - gettreeList, - getListByXmId, -} from "@/api/system/sfxm"; - -export default { - name: "Project", - dicts: [ - "sys_normal_disable", - "dict_personnel_type", - "sys_user_sex", - "tj_result_type", - "dis_sampling_tab", - "sys_dict_specimen", - "sys_dict_position", - "tj_result_type", - "sys_yes_no", - ], - components: { Treeselect, IconSelect, Packagese }, - data() { - let checkPhoneNum = (rule, value, callback) => { - let patter = new RegExp(/^1\s*[3456789]\s*(\d\s*){9}$/); - if (value == "" || value == undefined || !value) { - return callback(); - } else if (!patter.test(value)) { - return callback(new Error("璇疯緭鍏ユ湁鏁堢殑鎵嬫満鍙�")); - } else { - return callback(); - } - }; - return { - xiugais: true, - xiugaiList: [], - deptOptions: [], - dialogTableVisible: false, - isPriceDisabled: false, - sfxmList: [], - deptOptionstree: [], - defaultPropstree: { - children: "dictSfxms", - label: "xmmc", - }, - xmmc: "", - chargeId: [], - List: false, - deptName: "", - deptOption: [], - ChangeList: [], - loading: true, - loadings: false, - key: "", - ids: [], - single: true, - multiple: true, - showSearch: true, - total: 0, - treeId: ["532"], - ListId: [], - noclick: false, - consumableList: [], - tjStandardList: [], - deptList: [], - parentNameList: [], - sfxmId: null, - projectList: [], - projectOptions: [], - title: "", - open: false, - isExpandAll: false, - showPrise: false, - showRentPrise: false, - defaultProps: { - children: "children", - label: "label", - }, - proParent: false, - id: "", - isSubmitting: false, - refreshTable: true, - queryParams: { - proName: null, - proEngName: null, - checkType: null, - deptId: undefined, - proId: undefined, - }, - querycharge: { - pageNum: 1, - pageSize: 10, - xmmc: null, - pym: null, - }, - treeDate: {}, - queryParam: { - page: 1, - pageSize: 10, - id: null, - }, - form: { - proParentId: "", - deptId: "", - needReport: "Y", - hisXmbm: "", - hisXmmc: "", - sfzhfy: "Y", - hisdj: "", - sl: "", - xh: "0", - proStatus: "0", - proName: "", - proPrice: "", - sfxmId: "", - lisXmbm: "", - lisXmmc: "", - proMetering: "", - proScope: "", - proSex: "2", - resultType: "", - }, - rules: { - createTime: [ - { required: true, validator: checkPhoneNum, trigger: "blur" }, - ], - updateTime: [ - { required: true, validator: checkPhoneNum, trigger: "blur" }, - ], - deleted: [ - { required: true, validator: checkPhoneNum, trigger: "blur" }, - ], - proName: [ - { required: true, message: "椤圭洰鍚嶇О涓嶈兘涓虹┖", trigger: "blur" }, - ], - proPrice: [ - { required: true, message: "椤圭洰浠锋牸涓嶈兘涓虹┖", trigger: "blur" }, - ], - deptId: [ - { required: true, message: "绉戝鍚嶇О涓嶈兘涓虹┖", trigger: "change" }, - ], - }, - pinyinCache: new Map(), - }; - }, - watch: { - deptName(val) { - this.debounceFilter(val); - }, - treeId(newVal) { - if (newVal && newVal.length > 0) { - this.$nextTick(() => { - const lastId = newVal[newVal.length - 1] || "532"; - const node = this.findNodeById(this.deptOptions, lastId); - if (node) { - this.$refs.tree.setCurrentKey(lastId); - const nodeElement = document.querySelector(`.el-tree-node[data-key="${lastId}"] .el-tree-node__content`); - if (nodeElement) { - nodeElement.click(); - } - } - }); - } - }, - xmmc(val) { - this.$refs.tree.filter(val); - }, - chargeId(newVal) { - if (newVal) { - this.$nextTick(() => { - document - .querySelector( - "#changtree .el-tree-node__children .el-tree-node.is-focusable .el-tree-node__content" - ) - ?.click(); - }); - } - }, - }, - created() { - this.getConsumables(); - this.getDeptList(); - this.getDeptTree().then(() => { - this.precomputePinyin(); - }); - }, - mounted() { - this.getDeptTree().then(() => { - this.precomputePinyin(); - }); - }, - methods: { - debounceFilter: debounce(function(val) { - this.$refs.tree.filter(val); - }, 300), - precomputePinyin() { - const traverse = (nodes) => { - nodes.forEach(node => { - if (node.label) { - const lowerSpell = node.label.spell('low', 'array').join(''); - const upperSpell = node.label.spell('up', 'array').join(''); - this.pinyinCache.set(node.id, { lowerSpell, upperSpell, label: node.label }); - } - if (node.children) traverse(node.children); - }); - }; - traverse(this.deptOptions); - }, - filterNode(value, data) { - if (!value) return true; - const cached = this.pinyinCache.get(data.id); - if (!cached) return false; - return ( - cached.label.includes(value) || - cached.lowerSpell.includes(value) || - cached.upperSpell.includes(value) - ); - }, - filterNode2(value, data) { - if (!value) return true; - return data.xmmc.includes(value); - }, - findNodeById(nodes, id) { - for (let node of nodes) { - if (node.id === id) return node; - if (node.children) { - let result = this.findNodeById(node.children, id); - if (result) return result; - } - } - return null; - }, - renderContent(h, { node, data }) { - return h( - "span", - { - style: { - color: data.status === "1" ? "red" : "inherit", - fontSize: "14px", - }, - }, - data.label - ); - }, - handleQuerys() { - this.$refs.aaa.open = true; - this.$refs.aaa.getAllList(); - this.$refs.aaa.title = "鏁版嵁瀛楀吀"; - }, - handleChanges(param1) { - this.form.lisXmbm = param1[0].pacCode; - this.form.lisXmmc = param1[0].pacName; - }, - getList() { - this.loading = true; - let data = { - proName: this.queryParams.proName, - checkType: this.queryParams.checkType, - deptId: this.queryParams.deptId, - proId: this.queryParams.proId, - }; - getAllChildListById(data).then((response) => { - this.projectList = response.data.list; - this.loading = false; - }); - }, - getConsumables() { - this.loading = true; - listConsumables(this.queryParams).then((response) => { - this.consumableList = response.rows; - this.loading = false; - }); - }, - handleAdd(row) { - this.form.hisXmbm = ""; - this.form.hisXmmc = ""; - this.form.hisdj = ""; - this.loading = true; - this.proParent = false; - this.form.proPrice = 0.0; - this.form.proName = ""; - this.form.proId = null; - this.form.resultType = "1"; - getlist().then((response) => { - if (response.code == 200) { - this.loading = false; - this.projectOptions = []; - const project = { proId: 0, proName: "涓荤被鐩�", children: [] }; - project.children = this.handleTree(response.data.list, "proId"); - this.key = response.data.key; - this.projectOptions.push(project); - if (row.proId) { - this.form.proParentId = row.proId || 0; - this.open = true; - } else if (this.treeDate.id) { - this.form.proParentId = this.treeDate.id || 0; - this.projectOptions.forEach((item) => { - item.children.forEach((item1) => { - if (this.form.proParentId == item1.proId) { - this.form.deptId = item1.deptId; - } - }); - }); - this.open = true; - } else { - this.open = true; - } - } - }); - this.title = "浣撴椤圭洰淇℃伅缁存姢"; - this.form.deptId = this.queryParams.deptId || null; - this.form.proCheckMethod = "N"; - if (this.key === "Y") { - gettreeList().then((response) => { - this.deptOptionstree = response.data; - }); - } - }, - getDetailed() { - this.querycharge.xmmc = ""; - this.querycharge.pym = ""; - if (this.selectList?.proName === "涓荤被鐩�") { - this.dialogTableVisible = false; - } else if (this.form.proParentId) { - if (this.form.proParentId != 0) { - this.dialogTableVisible = true; - this.$nextTick(() => { - this.chargeId.push(this.deptOptionstree[0].id); - }); - this.getlistSfxm(); - } else { - this.dialogTableVisible = false; - } - } else { - this.$message.error("璇烽�夋嫨涓婚」鍚嶇О"); - } - }, - changeType() { - this.$forceUpdate(); - }, - obtain(vals) { - this.selectList = vals; - if (this.selectList.proName === "涓荤被鐩�") { - this.showPrise = true; - this.showRentPrise = false; - } else { - this.form.deptId = this.selectList.deptId; - this.showPrise = false; - this.showRentPrise = true; - } - }, - getlistSfxm() { - this.loading = true; - this.List = true; - listSfxm(this.querycharge).then((response) => { - this.sfxmList = response.rows; - response.rows.forEach((item, index) => { - item.newID = (this.querycharge.pageNum - 1) * this.querycharge.pageSize + index + 1; - }); - this.total = response.total; - this.loading = false; - }); - }, - Synchronizationfees() { - tbhisproprice().then((response) => { - this.$modal.msgSuccess("鎵归噺鍚屾璐圭敤鎴愬姛"); - }); - }, - handlecharge() { - this.querycharge.pageNum = 1; - this.List = true; - this.getlistSfxm(); - }, - handleNodecharge(data) { - this.queryParam.id = data.id; - this.List = false; - this.getListByXmId(); - }, - getListByXmId() { - this.loading = true; - getListByXmId(this.queryParam).then((response) => { - this.sfxmList = response.data.date; - response.data.date.forEach((item, index) => { - item.newID = (this.queryParam.page - 1) * this.queryParam.pageSize + index + 1; - }); - this.total = response.data.total; - this.loading = false; - }); - }, - normalizer(node) { - if (node.children && !node.children.length) { - delete node.children; - } - return { - id: node.proId, - label: node.proName, - children: node.children, - }; - }, - getData() { - getAllChildListById().then((response) => { - this.projectOptions = []; - const project = { proId: 0, proName: "涓荤被鐩�", children: [] }; - project.children = this.handleTree(response.data.list, "proId"); - this.key = response.data.key; - this.projectOptions.push(project); - }); - }, - getDeptList() { - listDept(this.queryParams).then((response) => { - this.parentNameList = response.data; - this.deptList = this.handleTree(response.data, "proId"); - }); - }, - getDeptTree() { - return deptTree111().then((response) => { - this.deptOptions = response.data; - this.treeId.push(this.treeDate.id); - }); - }, - handleNodeClick(date) { - this.treeDate = date; - this.xiugais = date.qf === "0"; - let proId = date.id; - getInfoByProId(proId).then((response) => { - this.xiugaiList = response.data; - }); - this.id = date.id; - this.queryParams.proId = date.id; - let data = { - proId: this.queryParams.proId, - proName: this.queryParams.proName, - }; - this.loading = true; - getAllChildListById(data).then((response) => { - if (response.code == 200) { - this.projectList = response.data.list.length >= 1 ? this.handleTree(response.data.list, "proId") : []; - this.ListId = this.projectList.length ? [this.projectList[0].proId] : []; - this.key = response.data.key; - this.loading = false; - } - }); - }, - toggleExpandAll() { - this.refreshTable = false; - this.isExpandAll = !this.isExpandAll; - this.$nextTick(() => { - this.refreshTable = true; - }); - }, - cancel() { - this.open = false; - this.queryParam.id = this.id; - let data = { proId: this.queryParams.proId }; - getAllChildListById(data).then(() => { - this.loading = false; - }); - }, - handleClose() { - this.cancel(); - }, - reset() { - this.form = { - proParentId: null, - proName: null, - proEngName: null, - proPrice: "0.00", - proRemark: null, - xh: "0", - createBy: null, - createTime: null, - updateBy: null, - updateTime: null, - deleted: null, - proCheckType: null, - proMeaning: null, - proCheckMethod: null, - proStandard: null, - proScope: null, - proType: null, - deptId: null, - deptName: null, - consumablesList: [], - tjStandardList: [], - proStatus: "0", - resultType: "1", - }; - this.resetForm("form"); - }, - handleQuery() { - this.getList(); - }, - resetQuery() { - this.resetForm("queryForm"); - this.queryParams.proId = undefined; - this.$refs.tree.setCurrentKey(null); - this.handleQuery(); - }, - flexColumnWidth(column) { - if (!column) return; - let maxlength = 160; - if (column === "proName") maxlength = 160; - for (let i = 0; i < this.projectList.length; i++) { - if (this.projectList[i][column]) { - let now_temp = this.projectList[i][column] + ""; - let flexWidth = 0; - for (const char of now_temp) { - if ((char >= "A" && char <= "Z") || (char >= "a" && char <= "z")) { - flexWidth += 8; - } else if (char >= "\u4e00" && char <= "\u9fa5") { - flexWidth += 15; - } else { - flexWidth += 10; - } - } - if (flexWidth > maxlength) maxlength = flexWidth; - } - } - return maxlength + 20 + "px"; - }, - handleSelectionChange(selection) { - this.ChangeList = selection; - this.ids = selection.map((item) => item.id); - this.single = selection.length !== 1; - this.multiple = !selection.length; - if (selection.length > 1) { - let del_row = selection.shift(); - this.$refs.tb.toggleRowSelection(del_row, false); - } - }, - addmembers() { - if (this.form.proName) { - if (!this.form.consumablesList) { - this.form.consumablesList = []; - } - this.form.consumablesList.push({ - id: "", - makings: "", - specifications: "", - price: "", - }); - if (!this.form.tjStandardList) { - this.form.tjStandardList = []; - } - this.form.tjStandardList.push({ - stanId: "", - tjSex: "", - tjType: "", - tjStandardGtValue: "", - tjStandardLtValue: "", - company: "", - }); - } else { - Message.warning("璇峰厛濉啓椤圭洰鍚嶇О"); - } - this.$forceUpdate(); - }, - Delete(index) { - if (this.form.consumablesList.length) { - this.form.consumablesList.splice(index, 1); - } - if (this.form.tjStandardList.length) { - this.form.tjStandardList.splice(index, 1); - } - }, - handleUpdate1() { - this.form = this.xiugaiList; - this.form.proStatus = this.form.proStatus.toString(); - this.proParent = true; - this.isPriceDisabled = true; - getlist().then((response) => { - if (response.code == 200) { - this.loading = false; - this.projectOptions = []; - const project = { proId: 0, proName: "涓荤被鐩�", children: [] }; - project.children = this.handleTree(response.data.list, "proId"); - this.key = response.data.key; - this.projectOptions.push(project); - } - }); - this.open = true; - }, - handleUpdate(row) { - this.reset(); - this.getData(); - const proId = row.proId || this.ids; - this.proParent = false; - this.isPriceDisabled = false; - getProject(proId).then((response) => { - this.form = response.data; - this.showPrise = this.form.proParentId === "0"; - this.showRentPrise = !this.showPrise; - this.form.proStatus = this.form.proStatus.toString(); - this.form.consumablesList = response.data.consumablesList; - this.form.tjStandardList = response.data.tjStandardList; - if (this.form.tjStandardList) { - this.form.tjStandardList.forEach((item) => { - item.tjSex = item.tjSex === "0" || item.tjSex === "鐢�" ? "鐢�" : (item.tjSex === "1" || item.tjSex === "濂�" ? "濂�" : null); - item.tjType = { - 0: "濠村効", 1: "骞煎効", 2: "鍎跨", 3: "灏戝勾", 4: "闈掑勾", 5: "涓勾", 6: "鑰佸勾" - }[item.tjType] || item.tjType; - }); - } - getlist().then((response) => { - if (response.code == 200) { - this.loading = false; - this.projectOptions = []; - const project = { proId: 0, proName: "涓荤被鐩�", children: [] }; - project.children = this.handleTree(response.data.list, "proId"); - this.key = response.data.key; - this.projectOptions.push(project); - } - }); - this.open = true; - this.title = "浣撴椤圭洰淇℃伅缁存姢"; - }); - }, - getSelectValue(val) { - this.form.consumablesList.forEach((formitem) => { - if (formitem.makings === val) { - this.consumableList.find((item) => { - if (item.makings == val) { - formitem.specifications = item.specifications; - formitem.price = item.price; - formitem.id = item.id; - } - }); - } - }); - }, - submitForm() { - this.noclick = true; - this.$refs["form"].validate((valid) => { - if (valid) { - const isUpdate = this.form.proId != null; - if (this.form.tjStandardList) { - this.form.tjStandardList.forEach((item) => { - item.tjSex = item.tjSex === "鐢�" || item.tjSex === "0" ? "0" : (item.tjSex === "濂�" || item.tjSex === "1" ? "1" : null); - item.tjType = { - "濠村効": 0, "骞煎効": 1, "鍎跨": 2, "灏戝勾": 3, "闈掑勾": 4, "涓勾": 5, "鑰佸勾": 6 - }[item.tjType] || null; - }); - } - this.form.lisXmbm = this.form.lisXmbm; - if (this.key === "N") { - this.processSubmission(isUpdate, false); - } else if (this.key === "Y") { - this.form.sfxmId = this.sfxmId; - this.processSubmission(isUpdate, true); - } - } - }); - }, - processSubmission(isUpdate, isY) { - if (isUpdate) { - updateProject(this.form).then((response) => { - this.$modal.msgSuccess("淇敼鎴愬姛"); - this.handleSuccess(isY); - }); - } else { - if (this.form.proParentId === 0) { - this.form.tjStandardList = null; - } else { - this.form.consumablesList = null; - } - if (!this.form.deptId || !this.form.proParentId) { + if (!this.form.deptId || this.form.proParentId == null) { this.$message.error("璇峰~鍐欑埗椤瑰悕绉版垨绉戝鍚嶇О"); this.open = true; } else { -- Gitblit v1.8.0