| | |
| | | <template> |
| | | <div class="page-view"> |
| | | <el-form ref="form" :model="tableList" :show-message="false" label-position="right"> |
| | | <div class="page-view" :class="{ setHeight: isinventory || islistingrules }"> |
| | | <el-form |
| | | ref="form" |
| | | :model="tableList" |
| | | :show-message="false" |
| | | label-position="right" |
| | | :class="{ setHeight: isinventory || islistingrules }" |
| | | > |
| | | <el-table |
| | | :data="tableList.tableData" |
| | | style="width: 100%" |
| | | :class="{ setHeight: isinventory || islistingrules }" |
| | | :header-cell-style="{ background: '#f1f3f8', color: '#000009' }" |
| | | :row-class-name="tableRowClassName" |
| | | @row-click="tableRowClick" |
| | |
| | | |
| | | <!-- Add "scoped" attribute to limit CSS to this component only --> |
| | | <style lang="scss" scoped> |
| | | .setHeight { |
| | | height: 100%; |
| | | } |
| | | .page-view { |
| | | min-width: 100px; |
| | | |
| | | .el-form-item { |
| | | margin-bottom: 0; |
| | | .custom-name { |
| | |
| | | text-align: left; |
| | | } |
| | | } |
| | | |
| | | ::v-deep .el-table .cell { |
| | | font-size: 12px; |
| | | line-height: 17px; |
| | | font-family: PingFangSC; |
| | | color: rgba(0, 0, 0, 0.9); |
| | | .el-button--text { |
| | | width: auto; |
| | | height: auto; |
| | | font-family: PingFangSC-Medium, sans-serif; |
| | | } |
| | | } |
| | | ::v-deep .el-table .el-table__cell { |
| | | padding: 6px 0 !important; |
| | | height: 35px; |
| | | text-align: center; |
| | | } |
| | | |
| | | ::v-deep { |
| | | .el-table .cell .el-button--text.el-button--small { |
| | | padding: 4px 0; |
| | | } |
| | | } |
| | | |
| | | ::v-deep .el-table .el-table__cell { |
| | | padding: 6px 0 !important; |
| | | height: 35px; |
| | | text-align: center; |
| | | } |
| | | |
| | | .overSpread1 { |
| | | width: 100%; |
| | | height: 100%; |
| | | position: fixed; |
| | | top: 0; |
| | | left: 0; |
| | | background: rgba(0, 0, 0, 0); |
| | | z-index: 10; |
| | | } |
| | | </style> |