From 720381cfb95f06c87c0b11fe92531d06c2b02e12 Mon Sep 17 00:00:00 2001 From: lkk <364857242@qq.com> Date: 星期三, 15 一月 2025 17:58:05 +0800 Subject: [PATCH] 11 --- src/views/hosp/project/index.vue | 161 ++++++++++++++++++++++++++++++++++++++++------------- 1 files changed, 121 insertions(+), 40 deletions(-) diff --git a/src/views/hosp/project/index.vue b/src/views/hosp/project/index.vue index 27ebed6..282d716 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 @@ -144,10 +160,17 @@ :width="flexColumnWidth('rwdtypeName')" /> <el-table-column - label="椤圭洰浠锋牸(鍗曚綅/鍏�)" + 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" /> --> @@ -166,12 +189,20 @@ :show-overflow-tooltip="true" /> <el-table-column - label="涓村簥鎰忎箟" + label="缁撴灉绫诲瀷" align="center" - prop="proMeaning" - width="350px" + 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="proCheckMethod" :show-overflow-tooltip="true" width="110px" /> --> <el-table-column @@ -179,7 +210,7 @@ align="center" prop="needReport" :show-overflow-tooltip="true" - width="110px" + width="75px" > <template slot-scope="scope"> <dict-tag @@ -193,7 +224,7 @@ align="center" prop="proCheckMethod" :show-overflow-tooltip="true" - width="110px" + width="75px" > <template slot-scope="scope"> <dict-tag @@ -211,19 +242,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" @@ -313,13 +337,17 @@ @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" placeholder="璇疯緭鍏ラ」鐩环鏍�" /> + <el-input + v-model="form.proPrice" + :disabled="isPriceDisabled" + placeholder="璇疯緭鍏ラ」鐩环鏍�" + /> </el-form-item> <el-form-item label="妫�鏌ョ被鍒�" prop="proCheckType"> <el-input @@ -506,7 +534,7 @@ ></el-option> </el-select> </el-form-item> - + <el-form-item label="缁撴灉绫诲瀷" prop="resultType"> <el-select v-model="form.resultType" @@ -529,15 +557,22 @@ style="display: inline-block; border-bottom: 2px solid blue" @click="getDetailed" > - his椤圭洰鍚嶇О - + his椤圭洰鍚嶇О </span> - <el-input v-model="form.hisXmmc" placeholder="his椤圭洰鍚嶇О" style="width: 200px;"> + <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 + v-model="form.hisXmmc" + placeholder="璇疯緭鍏ユ槑缁嗛」鐩�" + style="width: 260px" + > </el-input> </el-form-item> <el-form-item label="his缂栫爜" prop="hisXmbm"> @@ -563,10 +598,14 @@ LIS椤圭洰 </span> - <el-input v-model="form.lisXmmc" placeholder="璇疯緭鍏IS椤圭洰" style="width: 200px;"> + <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" @@ -945,6 +984,7 @@ // 閮ㄩ棬鏍戦�夐」 deptOptions: undefined, dialogTableVisible: false, + isPriceDisabled: false, sfxmList: [], deptOptionstree: [], defaultPropstree: { @@ -1038,8 +1078,10 @@ sfxmId: "", lisXmbm: "", lisXmmc: "", - proMetering:'', - proScope:'' + proMetering: "", + proScope: "", + proSex: "2", + resultType: "", // 鍒濆鍊� }, // 琛ㄥ崟鏍¢獙 rules: { @@ -1102,6 +1144,9 @@ this.getDeptList(); this.getDeptTree(); }, + mounted() { + this.getDeptTree(); + }, methods: { handleQuerys() { this.$refs.aaa.open = true; @@ -1139,8 +1184,8 @@ }; getAllChildListById(data).then((response) => { // this.projectList = this.handleTree(response.data.list, "proId"); - console.log(response,1122); - + console.log(response, 1122); + this.projectList = response.data.list; this.loading = false; }); @@ -1156,15 +1201,16 @@ /** 鏂板鎸夐挳鎿嶄綔 */ handleAdd(row) { - this.form.hisXmbm = ''; - this.form.hisXmmc = ''; - this.form.hisdj = ''; + 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) { @@ -1227,8 +1273,8 @@ // 鎵撳紑input寮规 getDetailed() { - this.querycharge.xmmc = '' - this.querycharge.pym = '' + this.querycharge.xmmc = ""; + this.querycharge.pym = ""; if (this.selectList) { if (this.selectList.proName === "涓荤被鐩�") { this.dialogTableVisible = false; @@ -1275,6 +1321,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 + @@ -1300,6 +1347,7 @@ handleNodecharge(data) { this.queryParam.id = data.id; + this.List = false; this.getListByXmId(); }, @@ -1357,6 +1405,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 + ); }, // 绛涢�夎妭鐐� @@ -1465,6 +1526,7 @@ consumablesList: [], tjStandardList: [], proStatus: "0", + resultType: "1", }; this.resetForm("form"); }, @@ -1598,8 +1660,11 @@ handleUpdate1() { this.open = true; this.form = this.xiugaiList; + this.form.proStatus = this.form.proStatus.toString(); this.proParent = true; + // 璁剧疆椤圭洰浠锋牸绂佺敤 + this.isPriceDisabled = true; // if(){ // this.proParent = true // } @@ -1621,9 +1686,8 @@ // this.form = row; const proId = row.proId || this.ids; this.proParent = false; + this.isPriceDisabled = false; getProject(proId).then((response) => { - console.log(response,999); - this.form = response.data; if (this.form.proParentId === "0") { this.showPrise = true; @@ -1906,10 +1970,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