| | |
| | | <span></span> |
| | | <span></span> |
| | | <div class="main-table"> |
| | | <el-table :data="listData" style="width: 100%" height="325px" :row-class-name="tableRowClassName"> |
| | | <el-table :data="listData" style="width: 100%" height="200px" :row-class-name="tableRowClassName"> |
| | | <el-table-column v-for="(item, index) in listLabel" :key="index" :prop="item.prop" |
| | | :label="item.label" :show-overflow-tooltip="true"></el-table-column> |
| | | </el-table> |
| | |
| | | }, |
| | | mounted () { |
| | | this.$nextTick(() => { |
| | | this.listData.push({}, {}, {}, {}, {}, {}) |
| | | // this.listData.push(this.listData2, {}, {}, {}, {}, {}) |
| | | }) |
| | | }, |
| | | methods: { |
| | |
| | | } |
| | | const result = await mapApi.getSolidWasteDetail(StoragePlaceId) |
| | | this.listData = result.Result.DataInfo[0] |
| | | console.log(this.listData) |
| | | }, |
| | | // 隔行颜色设置 |
| | | tableRowClassName ({ |
| | |
| | | </script> |
| | | |
| | | <style lang="less" scoped> |
| | | .main-table { |
| | | border: 1px #02a6b5 solid; |
| | | } |
| | | |
| | | /deep/ .el-table td { |
| | | border-bottom: none !important; |
| | |
| | | } |
| | | |
| | | /deep/ .el-table td { |
| | | height: 45px !important; |
| | | line-height: 45px !important; |
| | | height: 30px !important; |
| | | line-height: 30px !important; |
| | | } |
| | | |
| | | /deep/ .el-table tbody tr:hover > td { |
| | |
| | | .slotChildTable { |
| | | position: relative; |
| | | background: rgba(33, 41, 69, 0.9); |
| | | //border: 1px solid red; |
| | | |
| | | .main-table { |
| | | border: 1px #396d83 solid; |
| | | } |
| | | } |
| | | |
| | | .slotChildTable span { |
| | | padding: 6px; |
| | | border-style: solid; |
| | | border-color: #02a6b5; |
| | | } |
| | | |
| | | .slotChildTable span:nth-child(1) { |
| | | position: absolute; |
| | | left: -1px; |
| | | top: -1px; |
| | | padding: 10px; |
| | | border-style: solid; |
| | | border-color: #02a6b5; |
| | | border-width: 1px 0 0 1px; |
| | | } |
| | | |
| | |
| | | position: absolute; |
| | | right: -1px; |
| | | top: -1px; |
| | | padding: 10px; |
| | | border-style: solid; |
| | | border-color: #02a6b5; |
| | | border-width: 1px 1px 0 0; |
| | | } |
| | | |
| | |
| | | position: absolute; |
| | | right: -1px; |
| | | bottom: -1px; |
| | | padding: 10px; |
| | | border-style: solid; |
| | | border-color: #02a6b5; |
| | | border-width: 0 1px 1px 0; |
| | | } |
| | | |
| | |
| | | position: absolute; |
| | | left: -1px; |
| | | bottom: -1px; |
| | | padding: 10px; |
| | | border-style: solid; |
| | | border-color: #02a6b5; |
| | | border-width: 0 0 1px 1px; |
| | | } |
| | | |