| | |
| | | <i style=" background: #fc1d04;"></i> |
| | | </div> |
| | | </div> |
| | | <component :is="currentTab" ref="RealData"></component> |
| | | <component :is="currentTab" :OnlineMonEmissPointId="OnlineMonEmissPointId" :LabMonPointId="LabMonPointId" ref="RealData"></component> |
| | | </div> |
| | | </template> |
| | | <template v-slot:video> |
| | | <!-- <template v-slot:video> |
| | | <public-video></public-video> |
| | | </template> |
| | | </template>--> |
| | | </public-sector> |
| | | </template> |
| | | |
| | |
| | | |
| | | export default { |
| | | name: 'WasteGasIndex', |
| | | props: ['storagePlaceId'], |
| | | props: { |
| | | storagePlaceId: { |
| | | type: Object |
| | | }, |
| | | OnlineMonEmissPointId: { |
| | | type: Number |
| | | }, |
| | | LabMonPointId: { |
| | | type: Number |
| | | } |
| | | }, |
| | | components: { |
| | | PublicSector, |
| | | PublicTabs, |
| | |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | padding: 5px 0; |
| | | padding-left: 0.07rem; |
| | | border-bottom: 1px #243a55 solid; |
| | | |
| | | .navigation-left { |
| | | display: flex; |
| | | align-items: center; |
| | | |
| | | .uncheck { |
| | | margin: 0 10px; |
| | | cursor: pointer; |
| | | padding: 5px; |
| | | margin-left: -0.05rem; |
| | | width: .8rem; |
| | | padding: 6px 0; |
| | | /*border: 1px solid #2b87c8;*/ |
| | | /*border-radius: 4px;*/ |
| | | background-position: 0 0; |
| | | background-repeat: no-repeat; |
| | | background-size: 100% 100%; |
| | | background-image: url("../../../../public/assets/images/map-pages/title_bg.png"); |
| | | text-align: center; |
| | | vertical-align: middle !important; |
| | | color: #fff; |
| | | -webkit-transform: skew(30deg); |
| | | -moz-transform: skew(30deg); |
| | | -o-transform: skew(30deg); |
| | | transform: skew(15deg); |
| | | } |
| | | |
| | | .default-uncheck { |
| | | background-color: #0e639e; |
| | | color: #fff; |
| | | color: #C0C0C0; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | .hover { |
| | | background-color: #0e639e; |
| | | color: #fff; |
| | | background-image: url("../../../../public/assets/images/map-pages/title_bg2.png"); |
| | | color: #ffffff; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | .hover:hover { |
| | | cursor: pointer; |
| | | padding: 5px; |
| | | border: 1px solid #2b87c8; |
| | | border-radius: 4px; |
| | | text-align: center; |
| | | color: #fff; |
| | | color: #F0FFFF; |
| | | } |
| | | } |
| | | |
| | | .navigation-left :hover { |
| | | background-color: #0e639e; |
| | | color: #fff; |
| | | cursor: pointer; |
| | | } |
| | |
| | | |
| | | .public-part { |
| | | position: relative; |
| | | |
| | | background-color: @background-color; |
| | | font-size: 0.06rem; |
| | | font-weight: normal; |