style;权利人义务人
Showing
4 changed files
with
22 additions
and
7 deletions
| ... | @@ -10,7 +10,7 @@ | ... | @@ -10,7 +10,7 @@ |
| 10 | 10 | ||
| 11 | <template> | 11 | <template> |
| 12 | <div :class="['lb-table', customClass]"> | 12 | <div :class="['lb-table', customClass]"> |
| 13 | <el-table v-if="!heightNumSetting" class="table-fixed" :row-style="{ height: '45px' }" ref="elTable" :border='border' | 13 | <el-table v-if="!heightNumSetting" class="table-fixed" :row-style="{ height: rowStyleHeight+'px' }" ref="elTable" :border='border' |
| 14 | :row-class-name="tableRowClassName" :show-header='showHeader' @row-click="singleElection" v-bind="$attrs" | 14 | :row-class-name="tableRowClassName" :show-header='showHeader' @row-click="singleElection" v-bind="$attrs" |
| 15 | :height="tableHeight" v-on="$listeners" :data="data" style="width: 100%" | 15 | :height="tableHeight" v-on="$listeners" :data="data" style="width: 100%" |
| 16 | :span-method="this.merge ? this.mergeMethod : this.spanMethod"> | 16 | :span-method="this.merge ? this.mergeMethod : this.spanMethod"> |
| ... | @@ -24,7 +24,7 @@ | ... | @@ -24,7 +24,7 @@ |
| 24 | </lb-column> | 24 | </lb-column> |
| 25 | </el-table> | 25 | </el-table> |
| 26 | 26 | ||
| 27 | <el-table v-else ref="elTable" class="table-fixed heightNumSetting" :row-style="{ height: '45px' }" | 27 | <el-table v-else ref="elTable" class="table-fixed heightNumSetting" :row-style="{ height: rowStyleHeight+'px' }" |
| 28 | :border='border' :row-class-name="tableRowClassName" :show-header='showHeader' @row-click="singleElection" v-bind="$attrs" | 28 | :border='border' :row-class-name="tableRowClassName" :show-header='showHeader' @row-click="singleElection" v-bind="$attrs" |
| 29 | :max-height="maxHeight" :height="tableHeight" v-on="$listeners" :data="data" style="width: 100%" | 29 | :max-height="maxHeight" :height="tableHeight" v-on="$listeners" :data="data" style="width: 100%" |
| 30 | :span-method="this.merge ? this.mergeMethod : this.spanMethod"> | 30 | :span-method="this.merge ? this.mergeMethod : this.spanMethod"> |
| ... | @@ -65,6 +65,10 @@ | ... | @@ -65,6 +65,10 @@ |
| 65 | type: Boolean, | 65 | type: Boolean, |
| 66 | default: true, | 66 | default: true, |
| 67 | }, | 67 | }, |
| 68 | rowStyleHeight: { | ||
| 69 | type: Number, | ||
| 70 | default: 45, | ||
| 71 | }, | ||
| 68 | showHeader: { | 72 | showHeader: { |
| 69 | type: Boolean, | 73 | type: Boolean, |
| 70 | default: true, | 74 | default: true, | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-12-15 09:35:06 | 4 | * @LastEditTime: 2024-01-18 14:55:20 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div> | 7 | <div> |
| 8 | <lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="0" | 8 | <lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="0" :rowStyleHeight='25' |
| 9 | :data="tableDataList"> | 9 | :data="tableDataList"> |
| 10 | </lb-table> | 10 | </lb-table> |
| 11 | <addQlr v-model="dialog" :details="details" :showButton="disabled" @updateDetail="handleupdateDetail" /> | 11 | <addQlr v-model="dialog" :details="details" :showButton="disabled" @updateDetail="handleupdateDetail" /> |
| ... | @@ -126,6 +126,7 @@ | ... | @@ -126,6 +126,7 @@ |
| 126 | if (val.length == 0 || !val) { | 126 | if (val.length == 0 || !val) { |
| 127 | } else { | 127 | } else { |
| 128 | that.tableDataList = _.cloneDeep(val) | 128 | that.tableDataList = _.cloneDeep(val) |
| 129 | that.key++ | ||
| 129 | } | 130 | } |
| 130 | }) | 131 | }) |
| 131 | }, | 132 | }, |
| ... | @@ -138,6 +139,7 @@ | ... | @@ -138,6 +139,7 @@ |
| 138 | if (newVal == 0) { | 139 | if (newVal == 0) { |
| 139 | this.column = _.cloneDeep(dataList) | 140 | this.column = _.cloneDeep(dataList) |
| 140 | this.tableDataList = _.cloneDeep(this.tableData) | 141 | this.tableDataList = _.cloneDeep(this.tableData) |
| 142 | this.key++ | ||
| 141 | } else if ((newVal == '1' || newVal == '3')) { | 143 | } else if ((newVal == '1' || newVal == '3')) { |
| 142 | this.column = dataList | 144 | this.column = dataList |
| 143 | } else { | 145 | } else { |
| ... | @@ -329,6 +331,9 @@ | ... | @@ -329,6 +331,9 @@ |
| 329 | } | 331 | } |
| 330 | </script> | 332 | </script> |
| 331 | <style scoped lang="scss"> | 333 | <style scoped lang="scss"> |
| 334 | /deep/.el-table--small .el-table__cell { | ||
| 335 | padding: 0 0 !important; | ||
| 336 | } | ||
| 332 | /deep/.el-table th { | 337 | /deep/.el-table th { |
| 333 | height: 30px !important; | 338 | height: 30px !important; |
| 334 | } | 339 | } | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2024-01-18 14:21:08 | 4 | * @LastEditTime: 2024-01-18 14:51:42 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div> | 7 | <div> |
| 8 | <lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="0" | 8 | <lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="0" :rowStyleHeight='25' |
| 9 | :data="tableDataList"> | 9 | :data="tableDataList"> |
| 10 | </lb-table> | 10 | </lb-table> |
| 11 | <addQlr v-model="dialog" :details="details" :showButton="disabled" @updateDetail="handleupdateDetail" /> | 11 | <addQlr v-model="dialog" :details="details" :showButton="disabled" @updateDetail="handleupdateDetail" /> |
| ... | @@ -301,10 +301,16 @@ | ... | @@ -301,10 +301,16 @@ |
| 301 | } | 301 | } |
| 302 | </script> | 302 | </script> |
| 303 | <style scoped lang="scss"> | 303 | <style scoped lang="scss"> |
| 304 | /deep/.el-table--small .el-table__cell { | ||
| 305 | padding: 0 0 !important; | ||
| 306 | } | ||
| 304 | /deep/.el-table th { | 307 | /deep/.el-table th { |
| 305 | height: 30px !important; | 308 | height: 30px !important; |
| 306 | } | 309 | } |
| 307 | /deep/.el-table .cell { | 310 | /deep/.el-table .cell { |
| 308 | padding-right: 12px; | 311 | padding-right: 12px; |
| 309 | } | 312 | } |
| 313 | /deep/.el-table__body-wrapper { | ||
| 314 | height: auto !important; | ||
| 315 | } | ||
| 310 | </style> | 316 | </style> | ... | ... |
-
Please register or sign in to post a comment