New file |
| | |
| | | <template> |
| | | <div class="win"> |
| | | <div class="border_corner border_corner_left_top"></div> |
| | | <div class="border_corner border_corner_right_top"></div> |
| | | <div class="border_corner border_corner_left_bottom"></div> |
| | | <div class="border_corner border_corner_right_bottom"></div> |
| | | <div class="main"> |
| | | <div class="main-matter"> |
| | | <div> |
| | | <ul> |
| | | <!-- <li>场所名称:{{ setSolidWaste.StoragePlaceName }}</li>--> |
| | | <!-- <li>贮存能力:{{ setSolidWaste.StorageQty }}(吨)</li>--> |
| | | <!-- <li>剩余贮存能力:{{ setSolidWaste.SurplusFloorArea }}(吨)</li>--> |
| | | <!-- <li>占地面积(㎡):{{ setSolidWaste.DesignFloorArea }}(㎡)</li>--> |
| | | <!-- <li>最近贮存日期:{{ setSolidWaste.StorageDate }}</li>--> |
| | | <!-- <li class="lastli"></li>--> |
| | | <li v-for="(item,index) in tabList" :key="index"></li> |
| | | </ul> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | name: 'GasTable', |
| | | props: ['setSolidWaste', 'value', 'setWasteGasdata', 'setWasteWaterdata'], |
| | | data () { |
| | | return { |
| | | tabList: [] |
| | | } |
| | | }, |
| | | methods: { |
| | | // async getTabsData () { |
| | | // // 基本信息 和 详细信息 展示数据所需参数 |
| | | // const dataValue = { |
| | | // StoragePlaceId: e.layer.options.totransferData.StoragePlaceId |
| | | // } |
| | | // // 基本信息 tabs |
| | | // const resultBasic = await mapApi.getSolidWasteBaseInfo(dataValue) |
| | | // } |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style scoped lang="less"> |
| | | |
| | | .win { |
| | | position: relative; |
| | | margin-bottom: 0.04rem; |
| | | background-color: @background-color; |
| | | } |
| | | |
| | | .main { |
| | | |
| | | .main-matter { |
| | | font-size: 0.06rem; |
| | | font-weight: normal; |
| | | padding: 0.04rem 0; |
| | | border: 1px solid #396d83; |
| | | |
| | | ul { |
| | | //width: 100%; |
| | | //height: 100%; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-around; |
| | | flex-wrap: wrap; |
| | | margin-bottom: -0.04rem; |
| | | |
| | | li { |
| | | margin-bottom: 0.04rem; |
| | | text-align: center; |
| | | min-width: 31%; |
| | | background-color: #243a55; |
| | | color: #00d0f9; |
| | | border-radius: 0.02rem; |
| | | font-size: 0.08rem; |
| | | line-height: 0.09rem; |
| | | padding: 0.03rem .5%; |
| | | } |
| | | |
| | | .lastli { |
| | | visibility: hidden |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .border_corner { |
| | | z-index: 999; |
| | | position: absolute; |
| | | width: 10px; |
| | | height: 10px; |
| | | background: rgba(0, 0, 0, 0); |
| | | border: 1px solid #47d5ea; |
| | | } |
| | | |
| | | .border_corner_left_top { |
| | | top: 0; |
| | | left: 0; |
| | | border-right: none; |
| | | border-bottom: none; |
| | | } |
| | | |
| | | .border_corner_right_top { |
| | | top: 0; |
| | | right: 0; |
| | | border-left: none; |
| | | border-bottom: none; |
| | | } |
| | | |
| | | .border_corner_left_bottom { |
| | | bottom: 0; |
| | | left: 0; |
| | | border-right: none; |
| | | border-top: none; |
| | | } |
| | | |
| | | .border_corner_right_bottom { |
| | | bottom: 0; |
| | | right: 0; |
| | | border-left: none; |
| | | border-top: none; |
| | | } |
| | | </style> |