From e583f5ca6f6c7845ef4d55ff4db13214dacbe059 Mon Sep 17 00:00:00 2001 From: gaoluyang <2820782392@qq.com> Date: 星期四, 20 三月 2025 13:32:22 +0800 Subject: [PATCH] 样式修改 --- src/components/Table/lims-table.vue | 37 +++++++------------------------------ 1 files changed, 7 insertions(+), 30 deletions(-) diff --git a/src/components/Table/lims-table.vue b/src/components/Table/lims-table.vue index e61c19d..4915359 100644 --- a/src/components/Table/lims-table.vue +++ b/src/components/Table/lims-table.vue @@ -12,8 +12,9 @@ <el-table-column v-for="(item, index) in column" :key="index" :column-key="item.columnKey" :filter-method="item.filterHandler" :filter-multiple="item.filterMultiple" :filtered-value="item.filteredValue" :filters="item.filters" :fixed="item.fixed" :label="item.label" :prop="item.prop" - :show-overflow-tooltip="true" - :sortable="item.sortable ? true : false" :type="item.type" :width="item.dataType == 'action' ? btnWidth : getTitleWidth(item)" align="center"> + :show-overflow-tooltip="item.dataType === 'action' || item.dataType === 'slot' ? false : true" + :min-width="item.dataType == 'action' ? btnWidth : getTitleWidth(item)" + :sortable="item.sortable ? true : false" :type="item.type" :width="item.dataType == 'action' ? btnWidth : item.width" align="center"> <!-- <div class="123" v-if="item.type == ''"> --> <template v-if="item.hasOwnProperty('colunmTemplate')" :slot="item.colunmTemplate" slot-scope="scope"> <slot v-if="item.theadSlot" :index="index" :name="item.theadSlot" :row="scope.row" /> @@ -307,11 +308,13 @@ getTitleWidth(row) { if (row.label.includes('鏃堕棿') || row.label.includes('缂栧彿') || row.label.includes('鏍峰搧鍚嶇О') || row.label.includes('闆朵欢')) { return 160 + } else if (row.label.includes('鎿嶄綔')) { + return row.width } else { const span = document.createElement('span'); span.innerText = row.label; document.body.appendChild(span); - const width = `${span.offsetWidth + 30}px`; + const width = `${span.offsetWidth + 50}px`; document.body.removeChild(span); return width; @@ -464,28 +467,6 @@ }; } } - // // 鐗规畩鐨勫悎骞惰 - // if ( - // this.data.spanConfig != undefined && - // this.data.spanConfig.special && - // this.data.spanConfig.special.main && - // this.data.spanConfig.special.rows && - // this.data.spanConfig.special.rows.length > 0 - // ) { - // let i = null; - // let obj = this.data.spanConfig.special.rows.find((item, index) => { - // i = index; - // return item.index == columnIndex; - // }); - // if (obj) { - // const _row = this.specialSpanList[i].arr[rowIndex]; - // const _col = _row > 0 ? 1 : 0; - // return { - // rowspan: _row, - // colspan: _col, - // }; - // } - // } }, }, }; @@ -501,7 +482,7 @@ cursor: pointer; } >>>.cell { - padding: 0px !important; + padding: 0 !important; } .cell { white-space: nowrap; @@ -511,10 +492,6 @@ padding-left: 10px !important; } ->>>.el-table__body-wrapper::-webkit-scrollbar { - height: 10px; - /* 璁剧疆婊氬姩鏉″搴� */ -} .lims-table .highlight-warning-row-border td:first-child { border-left: 4px solid #ffcd29; } -- Gitblit v1.9.3