| | |
| | | <div class="border_corner border_corner_right_bottom"></div> |
| | | <div class="main"> |
| | | <div class="main-table"> |
| | | <el-table |
| | | stripe='stripe' |
| | | :height="300" |
| | | tooltip-effect="dark" |
| | | :data="displayContentTableData" |
| | | :row-class-name="tableRowClassName" |
| | | > |
| | | <el-table-column prop="StoragePlaceId" label="序号"></el-table-column> |
| | | <el-table-column prop="StoragePlaceTypeName" label="类别"></el-table-column> |
| | | <el-table-column prop="StoragePlaceName" label="固废名称"></el-table-column> |
| | | <el-table-column prop="StorageZDMJ" label="代码"></el-table-column> |
| | | <el-table-column prop="StorageZCNL" label="产生量(t)"></el-table-column> |
| | | <el-table-column prop="StorageZCL" label="储存量(t)"></el-table-column> |
| | | <el-table-column prop="StorageType" label="产生装置"></el-table-column> |
| | | <el-table :data="listData" style="width: 100%" stripe='stripe' |
| | | tooltip-effect="dark" :row-class-name="tableRowClassName"> |
| | | <el-table-column v-for="(item, index) in listLabel" :key="index" :prop="item.prop" |
| | | :label="item.label"></el-table-column> |
| | | </el-table> |
| | | </div> |
| | | </div> |
| | |
| | | props: ['displayContentTable'], |
| | | data () { |
| | | return { |
| | | displayContentTableData: [] |
| | | listData: [], |
| | | listLabel: [ |
| | | { |
| | | label: '序号', |
| | | prop: 'StoragePlaceId' |
| | | }, |
| | | { |
| | | label: '类别', |
| | | prop: 'StoragePlaceTypeName' |
| | | }, |
| | | { |
| | | label: '固废名称', |
| | | prop: 'StoragePlaceName' |
| | | }, |
| | | { |
| | | label: '代码', |
| | | prop: 'StorageZDMJ' |
| | | }, |
| | | { |
| | | label: '产生量(t)', |
| | | prop: 'StorageZCL' |
| | | }, |
| | | { |
| | | label: '贮存量(t)', |
| | | prop: 'StorageZCNL' |
| | | }, |
| | | { |
| | | label: '产生装置', |
| | | prop: 'StorageType' |
| | | } |
| | | ] |
| | | } |
| | | }, |
| | | mounted () { |
| | | this.$nextTick(() => { |
| | | this.displayContentTable.forEach(item => { |
| | | this.displayContentTableData = item |
| | | this.listData = item |
| | | }) |
| | | }) |
| | | }, |
| | |
| | | .win { |
| | | position: relative; |
| | | background-color: rgba(33, 41, 69, 0.9); |
| | | min-height: 300px; |
| | | //width: 6rem; |
| | | height: 1.5rem; |
| | | } |
| | | |
| | | .main { |
| | | width: 100%; |
| | | height: 100%; |
| | | |
| | | .main-table { |
| | | width: 100%; |
| | | } |