From 724c4830ea23cd632802a2f76a318a16b309f8a2 Mon Sep 17 00:00:00 2001 From: lkk <364857242@qq.com> Date: 星期五, 27 十二月 2024 09:00:00 +0800 Subject: [PATCH] 滚动条 --- src/views/doctor/check/index.vue | 307 +++++++++++++++++++++++++++----------------------- 1 files changed, 165 insertions(+), 142 deletions(-) diff --git a/src/views/doctor/check/index.vue b/src/views/doctor/check/index.vue index 1ccb796..696d582 100644 --- a/src/views/doctor/check/index.vue +++ b/src/views/doctor/check/index.vue @@ -513,17 +513,18 @@ :key="index" > <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" - fixed="left" > <!-- <template slot-scope="scope"> {{ scope.row.project.proName }} @@ -532,7 +533,7 @@ <el-table-column prop="proResult" label="妫�娴嬬粨鏋�" - width="200" + width="150" > <template slot-scope="scope"> <el-input @@ -544,11 +545,22 @@ placeholder="璇疯緭鍏ユ娴嬬粨鏋�" @blur="handleInputConfirm(scope.row)" @input="vale" - @focus="handleInConfirm(scope.row)" ></el-input> </template> </el-table-column> - <el-table-column label="瑙勫垯" width="55"> + <el-table-column + prop="exceptionDesc" + label="寮傚父" + width="55px" + align="center" + > + <template slot-scope="scope"> + <el-checkbox + v-model="scope.row.exceptionDesc" + ></el-checkbox> + </template> + </el-table-column> + <el-table-column label="瑙勫垯" width="70"> <template slot-scope="scope"> <el-button class="blue-button" @@ -557,12 +569,20 @@ > </template> </el-table-column> - <el-table-column prop="project.proMetering" label="鍗曚綅"> + <el-table-column + prop="project.proMetering" + label="鍗曚綅" + width="55" + > <!-- <template slot-scope="scope"> {{ scope.row.standard.company }} </template> --> </el-table-column> - <el-table-column prop="project.proScope" label="鍙傝�冭寖鍥�"> + <el-table-column + prop="project.proScope" + label="鍙傝�冭寖鍥�" + width="70" + > </el-table-column> <el-table-column prop="conclusion" @@ -581,37 +601,23 @@ ></el-input> </template> </el-table-column> - <el-table-column - prop="exceptionDesc" - label="鏄惁寮傚父" - width="80px" - align="center" - > - <template slot-scope="scope"> - <el-checkbox - v-model="scope.row.exceptionDesc" - ></el-checkbox> - </template> - </el-table-column> + <el-table-column prop="isReturn" - label="鏄惁澶嶈瘖" - width="80px" + label="澶嶈瘖" + width="60px" align="center" > <template slot-scope="scope"> <el-checkbox v-model="scope.row.isReturn"></el-checkbox> </template> </el-table-column> - <el-table-column prop="resultType" label="缁撴灉绫诲瀷"> - <template slot-scope="scope"> - <dict-tag - :options="dict.type.tj_result_type" - :value="scope.row.resultType" - /> - </template> - </el-table-column> - <el-table-column prop="isPositive" label="閲嶅ぇ闃虫��"> + + <el-table-column + prop="isPositive" + label="閲嶅ぇ闃虫��" + width="55" + > <template slot-scope="scope"> <el-switch v-model="scope.row.isPositive" @@ -619,6 +625,24 @@ inactive-value="0" @change="checkboxchange(scope.row)" ></el-switch> + </template> + </el-table-column> + <el-table-column prop="resultType" label="缁撴灉寤鸿"> + <template slot-scope="scope"> + <el-popover placement="top" trigger="hover" width="400"> + <div> + {{ scope.row.proAdvice }} + </div> + <div slot="reference" class="jianyi"> + <el-input + type="textarea" + autosize + v-model="scope.row.proAdvice" + placeholder="璇疯緭鍏ョ粨鏋滃缓璁�" + :disabled="true" + ></el-input> + </div> + </el-popover> </template> </el-table-column> </el-table> @@ -803,17 +827,18 @@ :key="index" > <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" - fixed="left" + width="100" > <!-- <template slot-scope="scope"> {{ scope.row.project.proName }} @@ -822,7 +847,7 @@ <el-table-column prop="proResult" label="妫�娴嬬粨鏋�" - width="200" + width="150" > <template slot-scope="scope"> <el-input @@ -834,11 +859,10 @@ placeholder="璇疯緭鍏ユ娴嬬粨鏋�" @blur="handleInputConfirm(scope.row)" @input="vale" - @focus="handleInConfirm(scope.row)" ></el-input> </template> </el-table-column> - <el-table-column label="瑙勫垯" width="55"> + <el-table-column label="瑙勫垯" width="70"> <template slot-scope="scope"> <el-button class="blue-button" @@ -847,34 +871,26 @@ > </template> </el-table-column> - <el-table-column prop="project.proMetering" label="鍗曚綅"> + <el-table-column + prop="project.proMetering" + label="鍗曚綅" + width="55" + > <!-- <template slot-scope="scope"> {{ scope.row.standard.company }} </template> --> </el-table-column> - <el-table-column prop="project.proScope" label="鍙傝�冭寖鍥�"> - </el-table-column> <el-table-column - prop="conclusion" - label="缁撴灉缁撹" - width="200" + prop="project.proScope" + label="鍙傝�冭寖鍥�" + width="80" > - <template slot-scope="scope"> - <el-input - size="mini" - type="textarea" - autosize - v-model="scope.row.conclusion" - autocomplete="off" - placeholder="璇疯緭鍏ユ娴嬬粨鏋�" - disabled - ></el-input> - </template> </el-table-column> + <el-table-column prop="exceptionDesc" - label="鏄惁寮傚父" - width="80px" + label="寮傚父" + width="55px" align="center" > <template slot-scope="scope"> @@ -885,23 +901,20 @@ </el-table-column> <el-table-column prop="isReturn" - label="鏄惁澶嶈瘖" - width="80px" + label="澶嶈瘖" + width="55px" align="center" > <template slot-scope="scope"> <el-checkbox v-model="scope.row.isReturn"></el-checkbox> </template> </el-table-column> - <el-table-column prop="resultType" label="缁撴灉绫诲瀷"> - <template slot-scope="scope"> - <dict-tag - :options="dict.type.tj_result_type" - :value="scope.row.resultType" - /> - </template> - </el-table-column> - <el-table-column prop="isPositive" label="閲嶅ぇ闃虫��"> + + <el-table-column + prop="isPositive" + label="閲嶅ぇ闃虫��" + width="55" + > <template slot-scope="scope"> <el-switch v-model="scope.row.isPositive" @@ -909,6 +922,24 @@ inactive-value="0" @change="checkboxchange(scope.row)" ></el-switch> + </template> + </el-table-column> + <el-table-column prop="resultType" label="缁撴灉寤鸿"> + <template slot-scope="scope"> + <el-popover placement="top" trigger="hover" width="400"> + <div> + {{ scope.row.proAdvice }} + </div> + <div slot="reference" class="jianyi"> + <el-input + type="textarea" + autosize + v-model="scope.row.proAdvice" + placeholder="璇疯緭鍏ョ粨鏋滃缓璁�" + :disabled="true" + ></el-input> + </div> + </el-popover> </template> </el-table-column> </el-table> @@ -1500,6 +1531,12 @@ }, methods: { + tableRowClassName({ row }) { + if (row.exceptionDesc) { + return "warning-row"; + } + return ""; + }, getbzlist() { getDeptAdvice(this.queryParam1).then((response) => { this.deptAdviceList = response.data.list; @@ -1728,31 +1765,38 @@ console.log("杈撳叆鍐呭:", value); }, handleInputConfirm(datas) { + this.focusrow = datas; this.proResult = datas; var pattern3 = new RegExp("[0-9]+"); + console.log(typeof this.proResult.proResult); if (pattern3.test(this.proResult)) { let data = { proId: this.focusrow.proId, cusId: this.tableAll.cusId, - keyNum: this.proResult, tjNum: this.tableAll.tjNumber, - keyNum: this.proResult.proResult + keyNum: this.proResult.proResult, }; AutoGetRule(data).then((res) => { this.focusrow.conclusion = ""; if (res.data) { this.autorule = res.data; - this.focusrow.rulesList = this.autorule; + this.focusrow.rulesList = res.data; + if (res.data.length > 0) { + const conditions = ["姝e父", "鏈寮傚父", "闃存��", "鏈鏄庢樉寮傚父"]; + this.focusrow.exceptionDesc = !conditions.some((condition) => + this.autorule[0].bz.includes(condition) + ); + } else { + this.focusrow.exceptionDesc = false; + } + this.focusrow.proAdvice = this.autorule[0].nr; this.autorule.forEach((item) => { if (this.focusrow.conclusion) { - this.focusrow.conclusion += item.bingzhong; + this.focusrow.conclusion += item.bz; } else { - this.focusrow.conclusion = item.bingzhong; + this.focusrow.conclusion += item.bz; } }); - // this.rows.push(this.focusrow); - // console.log(this.rows,5522); - } }); } else { @@ -1761,82 +1805,38 @@ cusId: this.tableAll.cusId, keyWord: this.proResult, tjNum: this.tableAll.tjNumber, - keyNum: this.proResult.proResult - + keyNum: this.proResult.proResult, }; AutoGetRule(data).then((res) => { this.focusrow.conclusion = ""; if (res.data) { this.autorule = res.data; - this.focusrow.rulesList = this.autorule; + this.focusrow.rulesList = res.data; + if (res.data.length > 0) { + const conditions = ["姝e父", "鏈寮傚父", "闃存��", "鏈鏄庢樉寮傚父"]; + this.focusrow.exceptionDesc = !conditions.some((condition) => + this.autorule[0].bz.includes(condition) + ); + } else { + this.focusrow.exceptionDesc = false; + } + this.focusrow.proAdvice = this.autorule[0].nr; this.autorule.forEach((item) => { if (this.focusrow.conclusion) { - this.focusrow.conclusion += item.bingzhong; + this.focusrow.conclusion += item.bz; } else { - this.focusrow.conclusion = item.bingzhong; + this.focusrow.conclusion += item.bz; } }); - // this.rows.push(this.focusrow); + // this.rows.push(this.focusrow); } }); } this.rows.push(datas); - console.log(this.rows,5522) - - // this.$refs.aaa.open = true; - // this.$refs.aaa.getList(); + console.log(this.rows, 5522); }, - /* vale(datas) { - this.proResult = datas; - var pattern3 = new RegExp("[0-9]+"); - if (pattern3.test(this.proResult)) { - let data = { - proId: this.focusrow.proId, - cusId: this.tableAll.cusId, - keyNum: this.proResult, - }; - AutoGetRule(data).then((res) => { - this.focusrow.conclusion = ""; - if (res.data) { - this.autorule = res.data; - this.focusrow.rulesList = this.autorule; - this.autorule.forEach((item) => { - if (this.focusrow.conclusion) { - this.focusrow.conclusion += item.bingzhong; - } else { - this.focusrow.conclusion = item.bingzhong; - } - }); - } - }); - } else { - let data = { - proId: this.focusrow.proId, - cusId: this.tableAll.cusId, - keyWord: this.proResult, - }; - AutoGetRule(data).then((res) => { - this.focusrow.conclusion = ""; - if (res.data) { - this.autorule = res.data; - this.focusrow.rulesList = this.autorule; - this.autorule.forEach((item) => { - if (this.focusrow.conclusion) { - this.focusrow.conclusion += item.bingzhong; - } else { - this.focusrow.conclusion = item.bingzhong; - } - }); - } - }); - } - - // this.$refs.aaa.open = true; - // this.$refs.aaa.getList(); - }, */ - // 瑙勫垯 handleguize(row) { this.row = row; this.$refs.aaa.open = true; @@ -2459,15 +2459,11 @@ if (item1 === item) { item = item1; } - // if (item.isReturn == true) { - // item.isReturn = 1; - // } - // if (item.isReturn == false) { - // item.isReturn = 0; - // } }); } this.tjOrderDetail.push({ + proAdvice: item.proAdvice, + proName: item.project.proName, proId: item.project.proId, orderDetailId: item.orderDetailId, @@ -2654,6 +2650,8 @@ }); } this.tjOrderDetail.push({ + proAdvice: item.proAdvice, + proName: item.project.proName, proId: item.project.proId, orderDetailId: item.orderDetailId, @@ -2799,9 +2797,6 @@ this.getbzlist(); }); }, - handleInConfirm(row) { - this.focusrow = row; - }, // 鐐瑰嚮纭 determine() { @@ -2827,6 +2822,7 @@ }); } this.tjOrderDetail.push({ + proAdvice: item.proAdvice, proName: item.project.proName, proId: item.project.proId, orderDetailId: item.orderDetailId, @@ -2842,6 +2838,8 @@ let data = [ { + proAdvice: item.proAdvice, + tjNumber, proId: this.proId, remark: this.proParentList.remark, // 澶囨敞 @@ -2860,7 +2858,7 @@ }, }; </script> -<style> +<style lang="scss" scoped> .el-table .cell { -webkit-box-sizing: border-box; box-sizing: border-box; @@ -2883,7 +2881,6 @@ } .el-button--medium { - padding: 4px 14px; font-size: 14px; } @@ -2932,4 +2929,30 @@ display: flex; justify-content: center; } + +::v-deep .el-table .warning-row { + background: #ffe6e6 !important; /* 杞诲井鐨勭孩鑹茶儗鏅� */ +} +/* .el-table--enable-row-hover .el-table__body tr:hover>td{ + background-color: #ffe6e6 !important; +} */ +::v-deep .bgc .el-table__body tr:hover > td { + background-color: #ffe6e6 !important; +} +::v-deep .bgc .el-table__cell { + padding: 5px 0 !important; +} +.jianyi { + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; + overflow: hidden; + text-overflow: ellipsis; + cursor: pointer; + font-size: 12px; +} +::v-deep .el-checkbox__input.is-checked .el-checkbox__inner { + background-color: #66cc66; + border-color: #66cc66; +} </style> -- Gitblit v1.8.0