-
-
-
训练设备
-
-
100/300
+
训练内容
+
+ 模拟在密闭建筑物内发生火灾，消防员在高温、浓烟、高噪音的情况下进行火情侦察，寻找被困人员，救出被困人员，灭火抢险等战斗
-
-
-
-
配套设备
+
训练内容
+
+
+
+
+
+
{{item.title}}
+
+ 难度:
+
+
+
+ 火点:
+ {{item.point}}个
+
+
-
100/300
-
-
-
- 物资盘点
-
-
-
+
+
+
diff --git a/src/components/view/right/viewRight.component.ts b/src/components/view/right/viewRight.component.ts
index dae8e2e..254414a 100644
--- a/src/components/view/right/viewRight.component.ts
+++ b/src/components/view/right/viewRight.component.ts
@@ -17,274 +17,56 @@ Component.registerHooks([
},
})
export default class ViewRightComponent extends Vue {
- //标题图片
- imgSrc = require("@/assets/icons/png/env/env-title-icon.png");
- //定时器
- timer: any = null;
- //折线图数据
- option: any = {}
- //折线图实例
- lineChart: any = {}
- //雷达图数据
- radarData: any = {}
- //折线图实例
- radar: any = {}
- showPop = false
- showLogPop = false
- popTitle = '开启演练'
- popObj:any = {
- popTitle:'报警记录',
- type:'',
- title: '风险点异常',
- info: '',
- time: '',
- address:'',
- level: '',
- typeName:"",
- reporter:"",
- tel:"",
- position:[],
- content:"",
- typeId:"",
- plan:"",
- linkPlan:"化工园区氢气泄露处理预案",
- id:''
-
- }
- typeList =[
- {
- label:'气体泄露',
- value:'normal',
- level:2,
- id:1
- },{
- label:'火灾爆炸',
- value:'fire',
- level:1,
- id:2
- },{
- label:'气液泄露',
- value:'normal',
- level:1,
- id:3
- },{
- label:'安全事故',
- value:'normal',
- level:2,
- id:4
- },{
- label:'自然灾害',
- value:'normal',
- level:3,
- id:5
- },
- ]
- levelList =[
- {
- label:'一级',
- value:'1',
- id:1
- },{
- label:'二级',
- value:'2',
- id:2
- },{
- label:'三级',
- value:'3',
- id:3
- },{
- label:'四级',
- value:'4',
- id:4
- }
- ]
- planList =[
- {
- label:'氢气泄露演练',
- value:'氢气泄露演练',
- id:1
- },{
- label:'氯气泄露演练',
- value:'氯气泄露演练',
- id:2
- },{
- label:'氯化氢泄露演练',
- value:'氯化氢泄露演练',
- id:3
- },{
- label:'二氧化硫泄露演练',
- value:'二氧化硫泄露演练',
- id:5
- }
- ]
- linkPlanList =[
- {
- label:'化工园区氢气泄露处理预案',
- value:'化工园区氢气泄露处理预案',
- id:1
- }
- ]
tableData = [
{
- type:'火灾爆炸',
- content:'发生火灾',
- alarm:'发生火灾',
- reporter:'罗马',
- address:'A号点位',
- suggestion:'立即救援',
- }, {
- type:'火灾爆炸',
- content:'发生火灾',
- alarm:'发生火灾',
- reporter:'罗马',
- address:'A号点位',
- suggestion:'立即救援',
- }, {
- type:'火灾爆炸',
- content:'发生火灾',
- alarm:'发生火灾',
- reporter:'罗马',
- address:'A号点位',
- suggestion:'立即救援',
- }, {
- type:'火灾爆炸',
- content:'发生火灾',
- alarm:'发生火灾',
- reporter:'罗马',
- address:'A号点位',
- suggestion:'立即救援',
- }, {
- type:'火灾爆炸',
- content:'发生火灾',
- alarm:'发生火灾',
- reporter:'罗马',
- address:'A号点位',
- suggestion:'立即救援',
- }, {
- type:'火灾爆炸',
- content:'发生火灾',
- alarm:'发生火灾',
- reporter:'罗马',
- address:'A号点位',
- suggestion:'立即救援',
+ rate:3,
+ title:'顶层沸溢火',
+ point:'5',
},{
- type:'火灾爆炸',
- content:'发生火灾',
- alarm:'发生火灾',
- reporter:'罗马',
- address:'A号点位',
- suggestion:'立即救援',
- }, {
- type:'火灾爆炸',
- content:'发生火灾',
- alarm:'发生火灾',
- reporter:'罗马',
- address:'A号点位',
- suggestion:'立即救援',
- }, {
- type:'火灾爆炸',
- content:'发生火灾',
- alarm:'发生火灾',
- reporter:'罗马',
- address:'A号点位',
- suggestion:'立即救援',
- }, {
- type:'火灾爆炸',
- content:'发生火灾',
- alarm:'发生火灾',
- reporter:'罗马',
- address:'A号点位',
- suggestion:'立即救援',
- }, {
- type:'火灾爆炸',
- content:'发生火灾',
- alarm:'发生火灾',
- reporter:'罗马',
- address:'A号点位',
- suggestion:'立即救援',
- }, {
- type:'火灾爆炸',
- content:'发生火灾',
- alarm:'发生火灾',
- reporter:'罗马',
- address:'A号点位',
- suggestion:'立即救援',
+ rate:4,
+ title:'顶层沸溢火',
+ point:'5',
+ },{
+ rate:2,
+ title:'顶层沸溢火',
+ point:'5',
+ },{
+ rate:3,
+ title:'顶层沸溢火',
+ point:'5',
+ },{
+ rate:4,
+ title:'顶层沸溢火',
+ point:'5',
+ },{
+ rate:2,
+ title:'顶层沸溢火',
+ point:'5',
},
]
-
- //获取图表实例
- getEcharts(e, type) {
- this[type] = e
- if (type === 'lineChart'){
- this.initLineData()
- }else{
- this.radarData = radarChartData()
- }
-
- }
- setData(val,type){
- if (type === 'typeName'){
- const find = this.typeList.find(item=>item.id == val) as any
- this.popObj.title = find.label
- this.popObj.type = find.value
- }
- this.popObj[type] = val
- }
- //图表自适应
- resize() {
- setTimeout(() => {
- this.lineChart.resize();
- }, 300)
- }
-
- timerForLineData: any = null;
-
- //自动切换line图表数据
- autoChangeLineData() {
- this.timerForLineData = setInterval(() => {
- this.lineChart.clear()
- this.lineChart.setOption(this.option)
- }, 5000)
- }
-
- //获取范围内随机数
- getRandomInt(min: number, max: number) {
- min = Math.ceil(min);
- max = Math.floor(max);
- return Math.floor(Math.random() * (max - min)) + min; //不含最大值，含最小值
+ //训练内容详情
+ @Emit('showDetail')
+ showDetail(item){
+ //
}
mounted() {
- this.autoChangeLineData()
- window.addEventListener("resize", this.resize);
+
+
}
- //初始化line图表
- initLineData() {
- this.option = lineChartData()
- }
+
beforeDestroy() {
- clearInterval(this.timer)
- clearInterval(this.timerForLineData)
+
}
destroyed() {
- window.removeEventListener("resize", this.resize)
- }
-
- //改变污染物监测颜色
- changeColor(val) {
- if (Number(val) <= 30) {
- return '#ffffff'
- } else if (Number(val) > 30 && Number(val) <= 50) {
- return '#F2A183'
- } else {
- return '#DD7171'
- }
}
+
+
}
diff --git a/src/views/overview.component.html b/src/views/overview.component.html
index 52cea6c..5359cd4 100644
--- a/src/views/overview.component.html
+++ b/src/views/overview.component.html
@@ -7,16 +7,16 @@
-
+
- 
+
+ 
+ 
-