From 9807702944b412384ba022b14b669f56df8cb4d7 Mon Sep 17 00:00:00 2001 From: qinxianzhangyao <11053546+qinxianzhangyao@user.noreply.gitee.com> Date: 星期三, 13 十二月 2023 15:23:16 +0800 Subject: [PATCH] qxtj --- src/views/hosp/project/index.vue | 221 +++++++++++++++++++++++++++++++++++++----------------- 1 files changed, 150 insertions(+), 71 deletions(-) diff --git a/src/views/hosp/project/index.vue b/src/views/hosp/project/index.vue index a8b04ec..9e59571 100644 --- a/src/views/hosp/project/index.vue +++ b/src/views/hosp/project/index.vue @@ -50,14 +50,20 @@ <el-table v-if="refreshTable" v-loading="loading" :data="projectList" ref="tableRef" border row-key="proId" :expand-row-keys="ListId" :row-class-name="selectSingleRow" :tree-props="{ children: 'tjProjectList', hasChildren: 'tjProjectList.length>0', }"> - <el-table-column label="椤圭洰鍚嶇О" prop="proName" fixed="left" width="150px" :show-overflow-tooltip="true" /> + <!-- :show-overflow-tooltip="true" --> + <el-table-column label="椤圭洰鍚嶇О" prop="proName" fixed="left" :width="flexColumnWidth('rwdtypeName')" /> <el-table-column label="椤圭洰浠锋牸(鍗曚綅/鍏�)" align="center" prop="proPrice" width="75px" :show-overflow-tooltip="true"></el-table-column> <el-table-column label="绉戝鍚嶇О" align="center" prop="deptName" width="110px" :show-overflow-tooltip="true" /> <el-table-column label="妫�鏌ョ被鍒�" align="center" prop="proCheckType" width="110px" :show-overflow-tooltip="true" /> <el-table-column label="涓村簥鎰忎箟" align="center" prop="proMeaning" width="350px" :show-overflow-tooltip="true" /> - <el-table-column label="妫�鏌ユ柟寮�" align="center" prop="proCheckMethod" :show-overflow-tooltip="true" - width="110px" /> + <!-- <el-table-column label="妫�鏌ユ柟寮�" align="center" prop="proCheckMethod" :show-overflow-tooltip="true" + width="110px" /> --> + <el-table-column label="鏄惁绌鸿吂" align="center" prop="proCheckMethod" :show-overflow-tooltip="true" width="110px"> + <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="椤圭洰绫诲瀷" align="center" prop="resultType" width="110px" :show-overflow-tooltip="true"> @@ -92,7 +98,14 @@ placeholder="閫夋嫨涓婚」鍚嶇О" style="width: 200px" @select="obtain" /> </el-form-item> <el-form-item label="鏄庣粏椤圭洰" prop="proName" v-if="key == 'Y'"> - <el-input v-model="form.proName" placeholder="璇疯緭鍏ユ槑缁嗛」鐩�" @click.native="getDetailed"> + <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'"> @@ -108,27 +121,30 @@ <el-form-item label="涓村簥鎰忎箟" prop="proMeaning"> <el-input v-model="form.proMeaning" placeholder="璇疯緭鍏ヤ复搴婃剰涔�" /> </el-form-item> - <el-form-item label="妫�鏌ユ柟寮�" prop="proCheckMethod"> - <el-input v-model="form.proCheckMethod" placeholder="璇疯緭鍏ユ鏌ユ柟寮�" /> + <el-form-item label="鏄惁绌鸿吂" prop="proCheckMethod"> + <el-select v-model="form.proCheckMethod" 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="isEat"> + <!-- <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-option v-for="dict in dict.type.sys_yes_no" :key="dict.value" :label="dict.label" + :value="dict.value"></el-option> + </el-select> + </el-form-item> --> + <el-form-item label="鎬у埆" prop="proSex"> <el-select v-model="form.proSex" placeholder="璇烽�夋嫨浣撴浜烘�у埆" style="width: 200px"> - <el-option v-for="dict in dict.type.sys_user_sex" :key="dict.value" :label="dict.label" - :value="dict.value"></el-option> - </el-select> + <el-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="deptName "> - <el-select v-model="form.deptName" placeholder="璇烽�夋嫨绉戝鍚嶇О" @change="changeValue" filterable style="width: 205px"> + + <el-form-item label="绉戝鍚嶇О" prop="deptId"> + <el-select v-model="form.deptId" placeholder="璇烽�夋嫨绉戝鍚嶇О" @change="changeValue" filterable style="width: 205px"> <el-option v-for="dict in parentNameList" :key="dict.deptId" :label="dict.deptName" :value="dict.deptId" /> </el-select> </el-form-item> @@ -237,10 +253,10 @@ </div> </el-dialog> - <el-dialog title="鏀惰垂椤圭洰" :visible.sync="dialogTableVisible" width="60%"> + <el-dialog title="鏀惰垂椤圭洰" :visible.sync="dialogTableVisible" width="80%"> <div class="app-container"> - <el-row :gutter="20"> + <el-row :gutter="24"> <!--閮ㄩ棬鏁版嵁--> <el-col :span="6" :xs="24"> <div style="height:560px;overflow-y: scroll;"> @@ -249,14 +265,14 @@ style="margin-bottom: 20px" /> </div> <div id="changtree"> - <el-tree ref="tree" node-key="id" highlight-current :default-expanded-keys="chargeId" + <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="17" :xs="24"> + <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"> @@ -271,19 +287,18 @@ </el-form> <el-table v-loading="loading" ref="tb" :data="sfxmList" @selection-change="handleSelectionChange" border - height="520px"> - <el-table-column type="selection" width="55" align="center" fixed="left" /> - <el-table-column label="搴忓彿" align="center" prop="newID" :show-overflow-tooltip="true" width="60px" - fixed="left" /> - <el-table-column label="椤圭洰缂栫爜" align="center" prop="xmbm" :show-overflow-tooltip="true" /> - <el-table-column label="椤圭洰鍚嶇О" align="center" prop="xmmc" :show-overflow-tooltip="true" /> - <el-table-column label="鎷奸煶鐮�" align="center" prop="pym" :show-overflow-tooltip="true" /> - <el-table-column label="浜旂瑪鐮�" align="center" prop="wbm" :show-overflow-tooltip="true" /> - <el-table-column label="鍙傝�冨崟浠�" align="center" prop="ckdj" :show-overflow-tooltip="true" /> - <el-table-column label="涓�绾ф渶楂橀檺浠�" align="center" prop="yjzgxj" :show-overflow-tooltip="true" width="60px" /> - <el-table-column label="浜岀骇鏈�楂橀檺浠�" align="center" prop="ejzgxj" :show-overflow-tooltip="true" width="60px" /> - <el-table-column label="涓夌骇鏈�楂橀檺浠�" align="center" prop="sjzgxj" :show-overflow-tooltip="true" width="60px" /> - <el-table-column label="鐗瑰畾鏈�楂橀檺浠�" align="center" prop="tdzgxj" :show-overflow-tooltip="true" /> + height="520px" style="width: 100%"> + <el-table-column type="selection" align="center" /> + <el-table-column label="搴忓彿" align="center" prop="newID" /> + <el-table-column label="椤圭洰缂栫爜" align="center" prop="xmbm" /> + <el-table-column label="椤圭洰鍚嶇О" align="center" prop="xmmc" /> + <el-table-column label="鎷奸煶鐮�" align="center" prop="pym" /> + <!-- <el-table-column label="浜旂瑪鐮�" align="center" prop="wbm" /> --> + <el-table-column label="鍙傝�冨崟浠�" align="center" prop="ckdj" /> + <el-table-column label="涓�绾ф渶楂橀檺浠�" align="center" prop="yjzgxj" /> + <el-table-column label="浜岀骇鏈�楂橀檺浠�" align="center" prop="ejzgxj" /> + <el-table-column label="涓夌骇鏈�楂橀檺浠�" align="center" prop="sjzgxj" /> + <el-table-column label="鐗瑰畾鏈�楂橀檺浠�" align="center" prop="tdzgxj" /> </el-table> <div class="pag" v-if="List == true"> @@ -337,9 +352,20 @@ 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"], + dicts: ["sys_normal_disable", "dict_personnel_type", "sys_user_sex", "tj_result_type", "dis_sampling_tab", "sys_dict_specimen", "sys_dict_position", "tj_result_type", "sys_yes_no"], components: { Treeselect, IconSelect }, data() { + let checkPhoneNum = (rule, value, callback) => { + console.log(value) + let patter = new RegExp(/^1\s*[3456789]\s*(\d\s*){9}$/); + if (value == "" && value == undefined && !value) { + return callback(''); + } else if (value != undefined && value != "") { + return callback(); + } else if (!patter.test(value)) { + return callback(''); + } + }; return { // 閮ㄩ棬鏍戦�夐」 deptOptions: undefined, @@ -378,7 +404,7 @@ // 琛ㄦ牸鏍戞暟鎹� deptList: [], parentNameList: [], - sfxmId:null, + sfxmId: null, // 浣撴椤圭洰琛ㄦ牸鏁版嵁 projectList: [], // 鑿滃崟鏍戦�夐」 @@ -395,7 +421,7 @@ children: "children", label: "label", }, - id:"", + id: "", // 閲嶆柊娓叉煋琛ㄦ牸鐘舵�� refreshTable: true, // 鏌ヨ鍙傛暟 @@ -423,22 +449,22 @@ // 琛ㄥ崟鏍¢獙 rules: { createTime: [ - { required: true, message: "鍒涘缓鏃堕棿涓嶈兘涓虹┖", trigger: "blur" }, + { required: true, validator: checkPhoneNum, trigger: "blur" }, ], updateTime: [ - { required: true, message: "淇敼鏃堕棿涓嶈兘涓虹┖", trigger: "blur" }, + { required: true, validator: checkPhoneNum, trigger: "blur" }, ], deleted: [ - { required: true, message: "鍒犻櫎鏍囪涓嶈兘涓虹┖", trigger: "blur" }, + { required: true, validator: checkPhoneNum, trigger: "blur" }, ], proName: [ - { required: true, message: "椤圭洰鍚嶇О涓嶈兘涓虹┖", trigger: "blur" }, + { required: true, validator: checkPhoneNum, trigger: "blur" }, ], proPrice: [ - { required: true, message: "椤圭洰浠锋牸涓嶈兘涓虹┖", trigger: "blur" }, + { required: true, validator: checkPhoneNum, trigger: "blur" }, ], - deptName: [ - { required: true, message: "绉戝鍚嶇О涓嶈兘涓虹┖", trigger: "blur" }, + deptId: [ + { required: true, validator: checkPhoneNum, trigger: "blur" }, ], // proStandard: [ // { required: true, message: "椤圭洰鏍囧噯鍊间笉鑳戒负绌�", trigger: "blur" }, @@ -482,7 +508,7 @@ this.getDeptTree(); }, methods: { - + //鏄惁鏄剧ず閫変腑鐨勫�� display(value) { }, /** 鏌ヨ浣撴椤圭洰鍒楄〃 */ @@ -526,18 +552,42 @@ // } this.open = true; this.title = "浣撴椤圭洰淇℃伅缁存姢"; + this.form.deptId = this.queryParams.deptId if (this.key = "Y") { - gettreeList().then((response) => { - this.deptOptionstree = response.data; - this.chargeId.push(this.deptOptionstree[0].id) - }); - } + gettreeList().then((response) => { + this.deptOptionstree = response.data; + this.chargeId.push(this.deptOptionstree[0].id) + }); + } }, // 鎵撳紑input寮规 getDetailed() { - this.dialogTableVisible = true; - this.getlistSfxm() + if (this.form.proParentId) { + if (this.selectList.proName === "涓荤被鐩�") { + this.dialogTableVisible = false; + } else { + this.dialogTableVisible = true; + this.getlistSfxm() + } + } else { + this.$message.error("璇烽�夋嫨涓婚」鍚嶇О"); + } + + + }, + + obtain(vals) { + if (this.projectOptions) { + this.selectList = vals; + } + if (this.selectList.proName === "涓荤被鐩�") { + this.showPrise = true; + this.showRentPrise = false; + } else { + this.showPrise = false; + this.showRentPrise = true; + } }, getlistSfxm() { this.loading = true; @@ -600,13 +650,12 @@ // } else if (response.data.key == "N") { // this.key = response.data.key // } - this.projectOptions.push(project); + this.projectOptions.push(project); }); }, /** 鏌ヨ閮ㄩ棬鍒楄〃 */ getDeptList() { listDept(this.queryParams).then((response) => { - console.log(response) this.parentNameList = response.data; this.deptList = this.handleTree(response.data, "proId"); }); @@ -722,6 +771,44 @@ this.handleQuery(); }, + + + flexColumnWidth(column) { + if (!column) { + return; + } + let maxlength = 160;//鍦ㄦ澶勮缃粯璁ゅ搴� + if (column == 'rwdtypeName') { + //鍦ㄦ澶勪负浜嗕繚璇佽〃澶翠笉鎹㈣锛屽彲浠ユ牴鎹〃澶村悕绉伴暱搴﹁缃粯璁ゅ搴� + // column1 灏辨槸瀵瑰簲琛ㄦ牸涓殑prop灞炴�у�硷紝姣斿涓婇潰鐨� rwdtypeName + 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') { + console.log(22222) + //涓枃鏂囧瓧 15 鍍忕礌 + flexWidth += 15; + } else { + //鍏朵粬瀛楃 10 鍍忕礌 + flexWidth += 10; + } + } + if (flexWidth > maxlength) { + maxlength = flexWidth; + } + } + } + //el-table涓� cell 鏈夊乏鍙崇殑 padding 涓� 10 鍍忕礌 + return maxlength + 20 + 'px'; + }, + // 澶氶�夋閫変腑鏁版嵁 handleSelectionChange(selection) { this.ChangeList = selection @@ -734,20 +821,9 @@ } }, - - obtain(vals) { - if (this.projectOptions) { - this.selectList = vals; - } - if (this.selectList.proName === "涓荤被鐩�") { - this.showPrise = true; - this.showRentPrise = false; - } else { - this.showPrise = false; - this.showRentPrise = true; - } - }, + + // 鏂板琛� addmembers() { if (this.form.proName) { @@ -823,6 +899,7 @@ const proId = row.proId || this.ids; getProject(proId).then((response) => { this.form = response.data; + this.form.deptId = Number(this.form.deptId) if (this.form.proStatus === 0) { this.form.proStatus = "鍚敤"; } else { @@ -957,7 +1034,8 @@ } else { this.form.consumablesList = null; } - if (this.form.deptName === null || this.form.proParentId === null) { + + if (this.form.deptId === null || this.form.proParentId === null) { this.$message.error("璇峰~鍐欑埗椤瑰悕绉版垨绉戝鍚嶇О"); this.open = true; } else { @@ -974,7 +1052,7 @@ } } }); - }else if(this.key == "Y"){ + } else if (this.key == "Y") { this.form.sfxmId = this.sfxmId this.$refs["form"].validate((valid) => { if (valid) { @@ -1026,7 +1104,8 @@ } else { this.form.consumablesList = null; } - if (this.form.deptName === null || this.form.proParentId === null) { + + if (this.form.deptId === null || this.form.proParentId === null) { this.$message.error("璇峰~鍐欑埗椤瑰悕绉版垨绉戝鍚嶇О"); this.open = true; } else { -- Gitblit v1.8.0