弹窗tab组件和video组件样式

wangqi

2021-03-31 b9befd5f6bbafb7de11865cbbaa31ecdf19ed37f

弹窗tab组件和video组件样式

 src/components/BaseNav/PublicBounced/GasComponents/GasTab.vue

@@ -46,6 +46,7 @@
  .main-matter{
    font-size: 13px;
    font-weight: normal;
    padding: 10px 6px;
    border: 1px solid #396d83;
    .row-item-one{
      margin-bottom: 7px;

 src/components/BaseNav/PublicBounced/GasComponents/GasTabs.vue

@@ -10,8 +10,11 @@
</template>

<script>
// import GasECharts from '@components/BaseNav/PublicBounced/GasComponents/GasECharts'
export default {
  name: 'GasTabs'
  name: 'GasTabs',
  components: {}
  // GasECharts
}
</script>


 src/components/BaseNav/PublicBounced/GasComponents/GasVideo.vue

@@ -28,16 +28,16 @@
  background-color: rgba(33, 41, 69,0.9);
}
.main {
  width: 100%;
  height: 100%;
  border: 1px solid #396d83;
  padding: 6px;
  .main-video {
    //border: 1px solid #396d83;
    width: 100%;
    height: 100%;
    video {
      width: 100%;
      height: 100%;
      outline: none;
      //outline: none;
      //margin: 6px;
    }
  }
}

 src/components/BaseNav/PublicBounced/PublicBounced.vue

@@ -10,7 +10,7 @@
        <PublicTable v-if="value === 'gufei'" :requestSolidWasteData="displayContent.StoragePlaceId"></PublicTable>
        <GasECharts v-else></GasECharts>
        <!--        <PublicTable></PublicTable>-->
        <!--        <GasECharts></GasECharts>-->
<!--                <GasECharts></GasECharts>-->
      </div>
      <div class="public-bounced-content-right">
        <GasVideo></GasVideo>

 src/components/LayerController/logic/WasteGas.js

@@ -11,6 +11,7 @@
const ImagBright = '/assets/images/map/exhaust/fq_bright_green.png'

const mapApi = require('../../../api/mapApi').default
const publicBounced = require('../../BaseNav/PublicBounced/PublicBounced').default
module.exports = function () {
  /**
   * 返回marker对象数组
@@ -43,14 +44,23 @@

  this.bindTooltip = (layer) => {
    console.log(layer)
    return '测试废气'
    return '废气点'
  }

  this.clickListener = (e) => {
    console.log(e)
  this.clickListener = async (e) => {
    // console.log(e)
    this.animalService.pulseEffect(e.latlng)
    const dataValue = {
      StoragePlaceId: e.layer.options.test.StoragePlaceId
    }
    const result = await mapApi.GetWasteGas(dataValue)
    const PublicBounced = window.Vue.extend(publicBounced)
    const instance = new PublicBounced()
    instance.setData(result)
    instance.$mount()
    document.body.appendChild(instance.$el)
  }
  // 不同类型图片封装
  // 不同类型图片加载
  this.differentTypes = (ContrLevel) => {
    var effectOfChange
    if (ContrLevel === 1) {

 src/views/MapTemplate.vue

@@ -40,10 +40,10 @@
import Enterprise from '../components/table/enterprise'
// 底图业务js逻辑
// import AddWasteWaterHelper from '@components/BaseNav/WasteWater/WasteWater'
import AddGasHelper from '@components/BaseNav/flueGas/flueGas'
// import AddGasHelper from '@components/BaseNav/flueGas/flueGas'
import AddSolidWasteHelper from '@components/BaseNav/SolidWaste/SolidWaste'
import AddWasteWaterHelper from '@components/BaseNav/WasteWater/WasteWater'
import AddGasHelper from '@components/BaseNav/flueGas/flueGas'
// import AddGasHelper from '@components/BaseNav/flueGas/flueGas'
// // 公共展示数据
import PublicBounced from '@components/BaseNav/PublicBounced/PublicBounced'
import LayerFactory from '@components/LayerController/service/LayerFactory'
@@ -85,25 +85,6 @@
    })
  },
  methods: {
    AddGasHelper () {
      const data = {
        companyId: 3900100145,
        id: '',
        monType: 2,
        userCode: 'wenchun.deng',
        monDuration: '',
        epName: '',
        secdDeptId: '',
        contrLevel: '',
        dataStatus: '',
        dataFlag: '',
        runStatus: '',
        emissTypeId: ''
      }
      const AddGas = new AddGasHelper({ map: this.map })
      AddGas.requestData(data)
      AddGas.SetPlueGasContent(this.config, this.$refs.PublicBounced)
    },
    ChangeState () {
      const data = {
        companyId: 3900100145,
@@ -116,25 +97,25 @@
      AddSolidWaste.requestData(data)
      AddSolidWaste.SetSolidWasteContent(this.config, this.$refs.PublicBounced)
    },
    AddGasHelper () {
      const data = {
        companyId: 3900100145,
        id: '',
        monType: 2,
        userCode: 'wenchun.deng',
        monDuration: '',
        epName: '',
        secdDeptId: '',
        contrLevel: '',
        dataStatus: '',
        dataFlag: '',
        runStatus: '',
        emissTypeId: ''
      }
      const AddGas = new AddGasHelper({ map: this.map })
      AddGas.requestData(data)
      AddGas.SetPlueGasContent(this.config, this.$refs.PublicBounced)
    },
    // AddGasHelper () {
    //   const data = {
    //     companyId: 3900100145,
    //     id: '',
    //     monType: 2,
    //     userCode: 'wenchun.deng',
    //     monDuration: '',
    //     epName: '',
    //     secdDeptId: '',
    //     contrLevel: '',
    //     dataStatus: '',
    //     dataFlag: '',
    //     runStatus: '',
    //     emissTypeId: ''
    //   }
    //   const AddGas = new AddGasHelper({ map: this.map })
    //   AddGas.requestData(data)
    //   AddGas.SetPlueGasContent(this.config, this.$refs.PublicBounced)
    // },
    ChangeWaterState () {
      const data = {
        companyId: 3900100145,