<script lang="ts">
export default {
  name: "x6查看结果数据",
};
</script>

<script setup lang="ts">
import { onMounted, ref, nextTick } from "vue";
import { ElForm, ElMessage, ElMessageBox } from "element-plus";
import { getByScenario } from "@/api/business/scenario";
const emit = defineEmits([ 'closeEditdevice']);

const props = defineProps({
  deviceId: {
    required: false,
    type: String,
    default: ''
  },
  scenarioId: {
    required: false,
    type: String,
    default: ''
  },

})
const scenarioResultData:any = ref([]) 
function getScenarioResults(){
  scenarioResultData.value = []
  getByScenario({
    scenarioId: props.scenarioId,
    deviceId: props.deviceId,
    pageNum:1,
    pageSize:999
  }).then((res:any) => {
    scenarioResultData.value = res.data.records
  })
}
onMounted(() => {
  getScenarioResults()

});

</script>

<template>
  <div class="editdevice-box">
      
    
  </div>

</template>

<style scoped>
.editdevice-box{
  width: 100%;
  height: calc(100vh - 200px);
}
.editdevice_navigation_left{
  width: 110px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  cursor: pointer;
  font-family: 'Arial Normal', 'Arial';
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #363636;
  background-image: url('@/assets/x6/navleft.png');
}
.editdevice_navigation_left:hover{
  color: #266fff ;
}
.editdevice_navigation_activeleft{
  background-image: url('@/assets/x6/navleft_active.png');
  color: #fff !important;
}
.editdevice_navigation_right{
   width: 110px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  cursor: pointer;
  font-family: 'Arial Normal', 'Arial';
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #363636;
  background-image: url('@/assets/x6/navright.png');
}
.editdevice_navigation_right:hover{
  color: #266fff ;
}
.editdevice_navigation_activeright{
  background-image: url('@/assets/x6/navright_active.png');
  color: #fff !important;
}
</style>
<style>
 .el-table .el-table--enable-row-hover .el-table__body tr:hover > td{
  background-color: #194764 !important;
}

 .editdevice-box .el-table .el-table__row.current-row td{
  background-color: #f3faff !important;
  border-top:1px solid #14aaff;
  border-bottom:1px solid #14aaff
}
.editdevice-box .el-table .el-table__row.current-row td:last-child{
  border-right:1px solid #14aaff;
}
.editdevice-box .el-table .el-table__row.current-row td:first-child{
  border-left:1px solid #14aaff;
}
.editdevice-box .el-table .el-table__row.current-row:last-child td{
  border-bottom:1px solid #14aaff
}
.el-table__inner-wrapper:before{
  background-color: transparent !important;
  border-top: 1px solid var(--el-table-border-color);
}
 .el-table--border:before{
  background-color: transparent !important;
  border-top: 1px solid var(--el-table-border-color);
}
</style>



