<template>
  <el-col :span="24" class="equipmentStatus modular">
    <div class="title title2" style="margin-left:0">设备状态</div>
    <!-- <div class="selectOpition">
        <el-select  v-model="select" placeholder="请选择设备类型" class="select1">
            <el-option
            v-for="item in selectList"
            :key="item.value"
            :label="item.label"
            :value="item.value"
            >
            </el-option>
        </el-select>
    </div> -->
    <seTable @videoClick="clickData" />
    <!-- :select="select" -->
</el-col>
</template>
<script>
import seTable from "@/components2/equipmentStatus/seTable.vue";
export default {
  name:"equipmentStatus",
  data() {
    return {
      selectList:[
        {label:"摄像头",value:1},
        {label:"消防设备",value:2},
      ],
      select:1,
    }
  },
  components: {
		seTable,
  },
  methods: {
    //点击行
    clickData(row){
      this.$emit("postMsg2", row);
    },
  },
};
</script>

<style lang="scss" scoped>
@import '@/assets/styles/common.scss';
  .title{
      width:80px;
      display: inline-block;
  }
  .selectOpition{
      width:auto;
      float:right
  }


::v-deep .el-input__inner {
  background-color: transparent !important;
  color: $white;
  height: 36px;
}
/**修改边框和字体颜色 */
::v-deep .el-select {
  position: relative;
  width: 200px;
  display: inline-block;
  margin-left:20px;
  .el-input {
    input {
      height: 40px;
      border-color: $white;
      color: $white;
      font-size: 14px;
    }
  }

}
/**修改下拉图标颜色 */
::v-deep .el-input__suffix {
  .el-input__suffix-inner {
    .el-icon-arrow-up:before {
      color: $white;
      padding-left: 0.11rem;
    }
  }
}

.el-select-dropdown__item{
    padding:0 12px !important;
    font-size: 12px !important;
    height:20px !important;
    line-height: 20px !important;
    color:$white;
}
.el-select-dropdown__item.hover{
    background-color: $modularHoverBackGround;
}


</style>
<style >
.el-scrollbar{
    background-color: rgba(35,40,49,1);
}
.el-scrollbar{
    border:1px solid rgba(35,40,49,1) !important;

}
</style>
