<template>
  <div class="bi-different-dialog">
    <el-dialog id="eldig" :visible="visible" :before-close="closeDialog" :title="title" :close-on-click-modal="false" :width="width">
      <!-- 动火 -->
      <!--消防模块对接-->
      <weatherstation v-if="type === '293187ddfd984c9ab3fd716aef58da0e'" :id="id" :type="type" :gangkou="gangkou"/>
      <temperaturestation v-if="type === '561347f0cff641dba8b2b22c0f443348'" :id="id" :type="type" :gangkou="gangkou"/>
      <humiditystation v-if="type === '732fe73933b845c6b1e2aee06a38ed31'" :id="id" :type="type" :gangkou="gangkou"/>
      <windspeedstation v-if="type === '2da29f00852a4653ba3e760b9de57412'" :id="id" :type="type" :gangkou="gangkou"/>
      <windspeedstation-cmt v-if="type === '2da29f00852a4653ba3e760b9de5741200005'" :name="name" :id="id" :type="type" :gangkou="gangkou"/>
      <xf-point v-if="type === 'point'" :id="id" :type="type" :gangkou="gangkou"/>
      <xf-control v-if="type === 'xfbf01' || type ==='xfkzs01' || type ==='xfjyd01' || type ==='xfsy01'" :id="id" :type="type" :gangkou="gangkou"/>
      <mk-gate-machine v-if="type === 'CAR'||type ==='PERSON' || type ==='CAMERA'" :id="id" :type="type" :gangkou="gangkou"/>
      <mk-gate-machine-cfd v-if="type === 'CAR00004'||type ==='PERSON00004' " :id="id" :type="type" :gangkou="gangkou" :infoname="infoname"/>
      <mk-gate-machine-cmt v-if="type === 'CAR00005'||type ==='PERSON00005' " :id="id" :type="type" :gangkou="gangkou" :infoname="infoname"/>
      <zhong_da_info v-if="type === 'majordangersource'" :id="id" :type="type" :gangkou="gangkou"/>
      <video-play v-if="type === 'video'" :id="id" :type="type" :gangkou="gangkou" request-url="/api/homemajor/getVideoInfo"/>
      <video-play-cmt v-if="type === 'platcamera00005' || type === 'CAMERA00005'" :id="id" :type="type" :gangkou="gangkou"/>
      <video-play-cfd v-if="type === 'CAMERA00004' || type === 'platcamera00004'" :id="id" :type="type" :gangkou="gangkou"/>
      <video-play-cmt v-if="type === 'CAMERA00005' || type === 'platcamera00005'" :id="id" :type="type" :gangkou="gangkou"/>
      <video-play-plat v-if="type === 'platcamera'" :id="id" :type="type" :gangkou="gangkou" :corp-info-id="corpInfoId"/>
      <!--秦港一公司 边界入侵  详细页面 start-->
      <video-play-bianjieruqin v-if="type === 'bianjieruqin'" :id="id" :type="type" :gangkou="gangkou"/>
      <!--秦港一公司 边界入侵 详细页面 end-->
      <!--秦港一公司 动火作业  详细页面 start-->
      <hotworkFirst v-if="type === 'HOTWORK' && corpInfoId === '035958e685cf4850bc40151c5e0617a6' " :id="id" :type="type" :gangkou="gangkou"/>
      <!--秦港一公司 动火作业 详细页面 end-->
      <!--其他公司 动火作业  详细页面 start-->
      <hotwork v-if="type === 'HOTWORK'&& corpInfoId !== '635917e77af8461691d5da5507b56347' && corpInfoId !== '035958e685cf4850bc40151c5e0617a6'" :id="id" :type="type" :gangkou="gangkou"/>
      <!--其他公司 动火作业 详细页面 end-->
      <!--其他七项作业共用一个详细页面 start-->
      <confinedspace v-if="type === 'CONFINEDSPACE' && corpInfoId !== '635917e77af8461691d5da5507b56347'" :id="id" :type="type" :gangkou="gangkou"/>
      <electricityOrder v-if="type === 'ELECTRICITY' && corpInfoId !== '635917e77af8461691d5da5507b56347'" :id="id" :type="type" :gangkou="gangkou"/>
      <highworkOrder v-if="type === 'HIGHWORK' && corpInfoId !== '635917e77af8461691d5da5507b56347'" :id="id" :type="type" :gangkou="gangkou"/>
      <hoistingOrder v-if="type === 'HOISTING' && corpInfoId !== '635917e77af8461691d5da5507b56347'" :id="id" :type="type" :gangkou="gangkou"/>
      <blindboardOrder v-if="type === 'BLINDBOARD' && corpInfoId !== '635917e77af8461691d5da5507b56347'" :id="id" :type="type" :gangkou="gangkou"/>
      <cutroadOrder v-if="type === 'CUTROAD' && corpInfoId !== '635917e77af8461691d5da5507b56347'" :id="id" :type="type" :gangkou="gangkou"/>
      <breakgroundOrder v-if="type === 'BREAKGROUND' && corpInfoId !== '635917e77af8461691d5da5507b56347'" :id="id" :type="type" :gangkou="gangkou"/>
      <!--其他七项作业共用一个详细页面 end-->
      <!--曹妃甸东 八项作业  曹实业详细页面 start-->
      <hotworkCfdD v-if="type === 'HOTWORK'&& corpInfoId === '635917e77af8461691d5da5507b56347'" :id="id" :type="type"/>
      <confinedspaceCfdD v-if="type === 'CONFINEDSPACE' && corpInfoId === '635917e77af8461691d5da5507b56347'" :id="id" :type="type"/>
      <electricityCfdD v-if="type === 'ELECTRICITY' && corpInfoId === '635917e77af8461691d5da5507b56347'" :id="id" :type="type"/>
      <highworkCfdD v-if="type === 'HIGHWORK' && corpInfoId === '635917e77af8461691d5da5507b56347'" :id="id" :type="type"/>
      <blindboardCfdD v-if="type === 'BLINDBOARD' && corpInfoId === '635917e77af8461691d5da5507b56347'" :id="id" :type="type"/>
      <cutroadCfdD v-if="type === 'CUTROAD' && corpInfoId === '635917e77af8461691d5da5507b56347'" :id="id" :type="type"/>
      <breakgroundCfdD v-if="type === 'BREAKGROUND' && corpInfoId === '635917e77af8461691d5da5507b56347'" :id="id" :type="type"/>
      <hoistingCfdD v-if="type === 'HOISTING' && corpInfoId === '635917e77af8461691d5da5507b56347'" :id="id" :type="type"/>
      <peoplePositionCfdD v-if="type === 'peoplePosition'" :id="id" :type="type" :infoname="infoname"/>
      <peoplePositionCmt v-if="type === 'peoplePositionCmt'" :id="id" :type="type" :infoname="infoname"/>
      <carPositionCfdD v-if="type === 'carPosition'" :id="id" :type="type" :infoname="infoname"/>
      <!--曹妃甸东 八项作业 曹实业详细页面 end-->
      <peoplePositionNine v-if="type === 'peoplePositionNine'" :id="id" :type="type" :infoname="infoname"/>
      <peoplePositionOne v-if="type === 'peoplePositionOne' && corpInfoId !== '035958e685cf4850bc40151c5e0617a6'" :id="id" :type="type" />
      <peoplePositionYGS v-if="type === 'peoplePositionOne' && corpInfoId === '035958e685cf4850bc40151c5e0617a6'" :id="id" :type="type" />
      <!-- 重点工程 start -->
      <outSourceInfo v-if="type === 'PROJECT'" :id="id" :type="type" />
      <outSourceVideoInfo v-if="type === 'VIDEO'" :id="id" :type="type" />
      <!-- 重点工程 end -->
    </el-dialog>
  </div>
</template>

<script>
import confinedspace from './confinedspace.vue'
import hotwork from './hotwork.vue'
import weatherstation from './weatherstation.vue'
import temperaturestation from './weatherstation.vue'
import humiditystation from './weatherstation.vue'
import windspeedstation from './weatherstation.vue'
import windspeedstationCmt from './weatherstationCmt.vue'
import XfControl from './xfControl.vue'
import XfPoint from './xfPoint.vue'
import MkGateMachine from './mkGateMachine.vue'
import MkGateMachineCfd from './mkGateMachineCfd.vue'
import MkGateMachineCmt from './mkGateMachineCmt.vue'
import Zhong_da_info from './zhong_da_info.vue'
import electricityOrder from './electricityOrder.vue'
import highworkOrder from './highworkOrder.vue'
import cutroadOrder from './cutroadOrder.vue'
import blindboardOrder from './blindboardOrder.vue'
import breakgroundOrder from './breakgroundOrder.vue'
import hoistingOrder from './hoistingOrder.vue'
import videoPlay from './video_play.vue'
import videoPlayCfd from './video_play_cfd.vue'
import videoPlayCmt from './video_play_cmt.vue'
import videoPlayPlat from './video_play_plat.vue'
import videoPlayBianjieruqin from './video_play_bianjieruqin.vue'
import hotworkCfdD from './hotworkCfdD.vue'
import confinedspaceCfdD from './confinedspaceCfdD.vue'
import electricityCfdD from './electricityCfdD.vue'
import highworkCfdD from './highworkCfdD.vue'
import blindboardCfdD from './blindboardCfdD.vue'
import cutroadCfdD from './cutroadCfdD.vue'
import breakgroundCfdD from './breakgroundCfdD.vue'
import hoistingCfdD from './hoistingCfdD.vue'
import peoplePositionCfdD from './peoplePositionCfdD.vue'
import peoplePositionCmt from './peoplePositionCmt.vue'
import carPositionCfdD from './carPositionCfdD.vue'
import peoplePositionOne from './peoplePositionOne.vue'
import hotworkFirst from './hotworkFirst'
import peoplePositionYGS from './peoplePositionYGS.vue'
import outSourceInfo from './outSourceInfo.vue'
import outSourceVideoInfo from './outSourceVideoInfo.vue'

export default {
  components: {
    Zhong_da_info,
    MkGateMachine,
    XfPoint,
    XfControl,
    confinedspace,
    hotwork,
    weatherstation,
    temperaturestation,
    humiditystation,
    windspeedstation,
    windspeedstationCmt,
    electricityOrder,
    highworkOrder,
    cutroadOrder,
    blindboardOrder,
    breakgroundOrder,
    hoistingOrder,
    videoPlay,
    videoPlayCfd,
    videoPlayCmt,
    videoPlayPlat,
    hotworkCfdD,
    confinedspaceCfdD,
    electricityCfdD,
    highworkCfdD,
    blindboardCfdD,
    cutroadCfdD,
    breakgroundCfdD,
    hoistingCfdD,
    MkGateMachineCfd,
    peoplePositionCfdD,
    peoplePositionCmt,
    carPositionCfdD,
    videoPlayBianjieruqin,
    peoplePositionOne,
    hotworkFirst,
    peoplePositionYGS,
    outSourceInfo,
    outSourceVideoInfo,
    MkGateMachineCmt
  },
  props: {
    title: {
      type: String,
      default: ''
    },
    type: {
      type: String,
      default: ''
    },
    width: {
      type: String,
      default: '50%'
    },
    id: {
      type: String,
      default: ''
    },
    visible: {
      type: Boolean,
      default: false
    },
    corpInfoId: {
      type: String,
      default: ''
    },
    gangkou: {
      type: String,
      default: ''
    },
    infoname: {
      type: String,
      default: ''
    },
    name: {
      type: String,
      default: ''
    }
  },
  methods: {
    closeDialog() {
      this.$emit('update:visible', false)
      this.$emit('update:type', '')
      this.$emit('update:id', '')
      this.$emit('update:title', '')
    }
  }
}
</script>

<style lang="scss">
.bi-different-dialog {
  .el-dialog__wrapper {
    overflow: visible;
  }

  .el-dialog {
    border: 1px solid rgba(64, 156, 255, 0.3);
    border-radius: 10px;
    background-color: rgba(2, 30, 81, 0.851);
    padding: 22px 34px;

    .el-dialog__header {
      border-bottom: 2px solid #316b8b;
      padding: 0 0 10px;

      .el-dialog__title {
        color: #fff;
      }

      .el-dialog__headerbtn .el-dialog__close {
        color: #fff;
      }
    }

    .el-dialog__body {
      font-size: 14px;
      color: #fff;
      overflow-y: auto;
      max-height: 60vh;

      //设置滚动条样式
      &::-webkit-scrollbar {
        width: 5px;
      }

      &::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background: rgba(2, 30, 81, 0.851);
      }

      &::-webkit-scrollbar-track {
        border-radius: 5px;
        background: rgba(255, 255, 255, 0.1);
      }
    }
  }

  .print-approval-img {
    width: 200px;
    height: 97px;
    display: inline-block;

    img {
      background: #fff;
      width: 100%;
      height: 100%;
    }
  }

  .table-ui {
    td {
      border: 1px solid rgba(234, 234, 234, 0.51);
      font-size: 12px;
    }
    .col-sty {
      background: transparent;
      width: 150px;
      text-align: center;
    }
    .bbg-transparent {
      background: transparent;
      width: 130px;
      text-align: center;
    }
  }

  .level-title {
    font-size: 14px;

    h1 {
      font-size: 14px;
    }
  }
  .app-container {
    padding: 0px;
  }
}
</style>