From c7a549da66df42d4ec5c78ddf2cc138772616941 Mon Sep 17 00:00:00 2001 From: chenyabin <Chenab123!> Date: 星期一, 19 四月 2021 14:05:46 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/develop' into develop --- src/components/BaseNav/WasteGas/WasteGasIndex.vue | 99 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 99 insertions(+), 0 deletions(-) diff --git a/src/components/BaseNav/WasteGas/WasteGasIndex.vue b/src/components/BaseNav/WasteGas/WasteGasIndex.vue new file mode 100644 index 0000000..6e5886f --- /dev/null +++ b/src/components/BaseNav/WasteGas/WasteGasIndex.vue @@ -0,0 +1,99 @@ +<template> + <public-sector> + <template v-slot:tabs> + <public-tabs ref='refsTabsData' :storagePlaceId="storagePlaceId"></public-tabs> + </template> + <template v-slot:table> + <public-echarts ref="refsTableData"></public-echarts> + </template> + <template v-slot:video> + <public-video></public-video> + </template> + </public-sector> +</template> + +<script> + +import PublicTabs from '@components/BaseNav/WasteGas/PublicTabs' +import PublicEcharts from '@components/BaseNav/PublicBounced/common/PublicChart' +import PublicVideo from '@components/BaseNav/PublicVideo' +import PublicSector from '@components/BaseNav/PublicSector' + +export default { + name: 'WasteGasIndex', + props: ['storagePlaceId'], + components: { + PublicSector, + PublicTabs, + PublicEcharts, + PublicVideo + }, + mounted () { + console.log(this.storagePlaceId) + this.$nextTick(() => { + this.refsData() + }) + }, + data () { + return {} + }, + methods: { + refsData () { + const data = this.storagePlaceId + this.$refs.refsTabsData.refsDataTabs(data) + this.$refs.refsTableData.refsDataTable(data) + } + } +} +</script> + +<style lang="less" scoped> +.public-bounced { + z-index: 2000; + position: absolute; + top: 35%; + left: 20%; + + .public-bounced-title { + cursor: move; + height: 0.1rem; + padding: 10px 0; + display: flex; + align-items: center; + justify-content: space-between; + + span { + color: #f4f7ff; + margin: 0 15px; + font-size: 14px; + } + + i { + color: #C0C4CC; + margin: 0 15px; + font-size: 22px; + cursor: pointer; + } + + i:hover { + color: #00fff6; + } + } + + .public-bounced-content { + //padding: 0.1rem; + display: flex; + //align-items: center; + //justify-content: space-around; + + .public-bounced-content-left { + //width: 4.8rem; + } + + .public-bounced-content-right { + //width: 3rem; + margin-left: 0.1rem; + } + } +} +</style> -- Gitblit v1.8.0