From 93594afdf8567822384ad3b893e612c1cff082b8 Mon Sep 17 00:00:00 2001 From: lkk <364857242@qq.com> Date: 星期一, 06 一月 2025 18:00:14 +0800 Subject: [PATCH] 检查检验结果弹框 --- src/views/hosp/project/index.vue | 262 ++++++++++++++++++++++++++++++++++++---------------- 1 files changed, 182 insertions(+), 80 deletions(-) diff --git a/src/views/hosp/project/index.vue b/src/views/hosp/project/index.vue index 7e73761..1413453 100644 --- a/src/views/hosp/project/index.vue +++ b/src/views/hosp/project/index.vue @@ -12,7 +12,23 @@ style="margin-bottom: 15px" /> </div> - <el-scrollbar style="height: 629px; width: 100%"> + <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" + /> + </div> + </div> + <!-- <el-scrollbar style="height: 629px; width: 100%"> <div class="head-container"> <el-tree :data="deptOptions" @@ -26,7 +42,7 @@ @node-click="handleNodeClick" /> </div> - </el-scrollbar> + </el-scrollbar> --> </el-col> <el-col :span="20" :xs="24"> <el-form @@ -166,12 +182,20 @@ :show-overflow-tooltip="true" /> <el-table-column - label="涓村簥鎰忎箟" + label="缁撴灉绫诲瀷" align="center" - prop="proMeaning" - width="350px" + 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="妫�鏌ユ柟寮�" align="center" prop="proCheckMethod" :show-overflow-tooltip="true" width="110px" /> --> <el-table-column @@ -211,19 +235,12 @@ > </el-table-column> <el-table-column - label="椤圭洰绫诲瀷" + label="涓村簥鎰忎箟" align="center" - prop="resultType" - width="110px" + prop="proMeaning" + width="350px" :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" @@ -292,6 +309,7 @@ width="1200px" append-to-body :before-close="handleClose" + :close-on-click-modal="false" > <el-form ref="form" @@ -312,22 +330,8 @@ @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-form-item label="鏄庣粏椤圭洰" prop="proName"> <el-input v-model="form.proName" placeholder="璇疯緭鍏ユ槑缁嗛」鐩�"> </el-input> </el-form-item> @@ -484,11 +488,47 @@ ></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: 260px" + style="width: 200px" filterable clearable > @@ -500,49 +540,36 @@ ></el-option> </el-select> </el-form-item> - <el-form-item label="LIS椤圭洰" prop="lisXmmc"> + <el-form-item label="his椤圭洰鍚嶇О" prop="hisXmmc" v-if="key == 'Y'"> <span slot="label" style="display: inline-block; border-bottom: 2px solid blue" - @click="handleQuerys" + @click="getDetailed" > - LIS椤圭洰 - <!-- <el-tooltip effect="dark" content="鏄庣粏椤圭洰" placement="bottom"> - <i class='el-icon-question' @click="getDetailed" /> - </el-tooltip> --> + his椤圭洰鍚嶇О </span> - <el-input v-model="form.lisXmmc" placeholder="璇疯緭鍏IS椤圭洰"> + <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: 200px" - /> - </el-form-item> - <el-form-item label="his椤圭洰鍚嶇О" prop="hisXmmc"> - <el-input - v-model="form.hisXmmc" - placeholder="璇疯緭鍏is椤圭洰鍚嶇О" style="width: 260px" /> - </el-form-item> - <el-form-item label="缁勫悎鏍囧織" prop="sfzhfy"> - - <el-select - v-model="form.sfzhfy" - 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="his鍗曚环" prop="hisdj"> <el-input @@ -550,14 +577,31 @@ placeholder="璇疯緭鍏is鍗曚环" style="width: 200px" /> - </el-form-item> <el-form-item label="鏁伴噺" prop="sl"> + </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.sl" - placeholder="璇疯緭鍏ユ暟閲�" + 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" @@ -721,7 +765,12 @@ </div> </el-dialog> - <el-dialog title="鏀惰垂椤圭洰" :visible.sync="dialogTableVisible" width="80%"> + <el-dialog + title="鏀惰垂椤圭洰" + :visible.sync="dialogTableVisible" + width="80%" + :close-on-click-modal="false" + > <div class="app-container"> <el-row :gutter="24"> <!--閮ㄩ棬鏁版嵁--> @@ -874,7 +923,8 @@ deptTree, deptTree111, getAllChildListById, - getInfoByProId,tbhisproprice + getInfoByProId, + tbhisproprice, } from "@/api/hosp/project"; import { listDept } from "@/api/system/dept"; import Treeselect from "@riophae/vue-treeselect"; @@ -1005,17 +1055,21 @@ proParentId: "", deptId: "", needReport: "Y", - hisXmbm:"", - hisXmmc:"", + hisXmbm: "", + hisXmmc: "", sfzhfy: "Y", - hisdj:"", - sl:"", + hisdj: "", + sl: "", proStatus: "0", proName: "", proPrice: "", sfxmId: "", lisXmbm: "", lisXmmc: "", + proMetering: "", + proScope: "", + proSex:'2', + resultType: "", // 鍒濆鍊� }, // 琛ㄥ崟鏍¢獙 rules: { @@ -1078,6 +1132,9 @@ this.getDeptList(); this.getDeptTree(); }, + mounted() { + this.getDeptTree(); + }, methods: { handleQuerys() { this.$refs.aaa.open = true; @@ -1115,6 +1172,8 @@ }; getAllChildListById(data).then((response) => { // this.projectList = this.handleTree(response.data.list, "proId"); + console.log(response, 1122); + this.projectList = response.data.list; this.loading = false; }); @@ -1130,12 +1189,16 @@ /** 鏂板鎸夐挳鎿嶄綔 */ 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) { @@ -1147,22 +1210,22 @@ this.projectOptions.push(project); if (row.proId) { for (var i = 0; i < project.children.length; i++) { - if (project.children[i].proId === row.proId) { + if (project.children[i].proId === row.proId) { this.form.proParentId = row.proId; break; - }else{ - this.form.proParentId =0 + } else { + this.form.proParentId = 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) { + if (project.children[i].proId === this.treeDate.id) { this.form.proParentId = this.treeDate.id; break; - }else{ - this.form.proParentId =0 + } else { + this.form.proParentId = 0; } } @@ -1198,6 +1261,8 @@ // 鎵撳紑input寮规 getDetailed() { + this.querycharge.xmmc = ""; + this.querycharge.pym = ""; if (this.selectList) { if (this.selectList.proName === "涓荤被鐩�") { this.dialogTableVisible = false; @@ -1244,6 +1309,7 @@ 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 + @@ -1255,7 +1321,7 @@ }); }, - Synchronizationfees(){ + Synchronizationfees() { tbhisproprice().then((response) => { this.$modal.msgSuccess("鎵归噺鍚屾璐圭敤鎴愬姛"); }); @@ -1269,6 +1335,7 @@ handleNodecharge(data) { this.queryParam.id = data.id; + this.List = false; this.getListByXmId(); }, @@ -1326,6 +1393,19 @@ this.deptOptions = response.data; this.treeId.push(this.deptOptions[0].id); }); + }, + + renderContent(h, { node, data }) { + return h( + "span", + { + style: { + color: data.status === "1" ? "red" : "inherit", // 鍔ㄦ�佽缃鑹� + fontSize: "14px", + }, + }, + data.label // 鏄剧ず鑺傜偣鐨� label + ); }, // 绛涢�夎妭鐐� @@ -1434,6 +1514,7 @@ consumablesList: [], tjStandardList: [], proStatus: "0", + resultType: "1", }; this.resetForm("form"); }, @@ -1567,6 +1648,7 @@ handleUpdate1() { this.open = true; this.form = this.xiugaiList; + this.form.proStatus = this.form.proStatus.toString(); this.proParent = true; // if(){ // this.proParent = true @@ -1590,6 +1672,7 @@ const proId = row.proId || this.ids; this.proParent = false; getProject(proId).then((response) => { + console.log(response, 999); this.form = response.data; if (this.form.proParentId === "0") { this.showPrise = true; @@ -1830,8 +1913,10 @@ // 鏀惰垂椤圭洰纭 submit() { this.ChangeList.forEach((item) => { - this.form.proName = item.xmmc; 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; @@ -1870,10 +1955,27 @@ }; </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; -- Gitblit v1.8.0