| | |
|---|
| | | <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%" |
|---|
| | | :height="isinventory || islistingrules ? 'calc(100% - 0px)' : ''" |
|---|
| | | :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 { |
|---|
