| | |
|---|
| | | <div class="table"> |
|---|
| | | <el-table ref="productTable" v-loading="getProductLoad" :data="productList" |
|---|
| | | :row-class-name="tableRowClassName" border class="el-table" :height="'calc(100vh - 200px)'" |
|---|
| | | :header-cell-style="{ background: '#f8f8f9', color: '#515a6e' }" |
|---|
| | | tooltip-effect="dark" @select="upProductSelect" |
|---|
| | | @selection-change="selectProduct" @select-all="handleAll"> |
|---|
| | | <el-table-column :selectable="selectable" type="selection" width="65"></el-table-column> |
|---|
| | |
|---|
| | | this.$refs.productTable.doLayout() |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | tableRowClassName({ |
|---|
| | | row, |
|---|
| | | rowIndex |
|---|
| | | }) { |
|---|
| | | tableRowClassName({row, rowIndex}) { |
|---|
| | | if (row.state === 0) { |
|---|
| | | return ''; |
|---|
| | | } |
|---|
| | |
|---|
| | | font-size: 12px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .ins_order_config .el-table .warning-row .cell { |
|---|
| | | color: #3A7BFA; |
|---|
| | | >>>.warning-row { |
|---|
| | | color: #1890FF; |
|---|
| | | } |
|---|
| | | </style> |
|---|
