风门故障统计，车辆损坏排查-提交

src/views/vent/monitorManager/gateMonitor/components/CarDamageTable.vue

@@ -0,0 +1,56 @@
+<template>
+  <div class="car-damage">
+    <a-table size="small" :dataSource="dataSource" :columns="carColumns" :pagination="pagination" :scroll="{ y: 200, }"
+      @change="pageChange">
+       <template #bodyCell="{ column, text }">
+        <template v-if="column.dataIndex == 'type'">
+          <div>{{ text == '1' ? '风门损坏' : '正常开闭' }}</div>
+        </template>
+      </template>
+    </a-table>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive,watchEffect } from 'vue'
+import { carColumns } from '../gate.data'
+
+let props = defineProps({
+  deviceListApi: {
+    type: Function,
+    required: false,
+  },
+  gateId:{
+    type:String,
+    default:''
+  }
+})
+
+let dataSource = ref<any[]>([])
+//分页参数配置
+let pagination = reactive({
+  current: 1, // 当前页码
+  pageSize: 10, // 每页显示条数
+  total: 0, // 总条目数，后端返回
+  // showTotal: (total, range) => `${range[0]}-${range[1]} 条，总共 ${total} 条`, // 分页右下角显示信息
+  showSizeChanger: true, // 是否可改变每页显示条数
+  pageSizeOptions: ['10', '20', '50'], // 可选的每页显示条数
+});
+
+//查询列表
+async function getCarList() {
+  let res = await props.deviceListApi({gateIds:props.gateId, pageNo: pagination.current, pageSize: pagination.pageSize })
+  dataSource.value = res.records || []
+  pagination.total = res.total
+}
+function pageChange(val) {
+  pagination.current = val.current;
+  pagination.pageSize = val.pageSize;
+  getCarList()
+}
+watchEffect(()=>{
+  props.deviceListApi &&  getCarList()
+})
+</script>
+
+<style lang="less" scoped></style>

src/views/vent/monitorManager/gateMonitor/components/WindDoorFaultTable.vue

@@ -0,0 +1,55 @@
+<template>
+  <div class="windDoorFaultTable">
+    <a-table size="small" :dataSource="dataSource" :columns="faultColumns" :pagination="pagination"
+      :scroll="{ y: 200, }" @change="pageChange">
+      <template #bodyCell="{ column, text }">
+        <template v-if="column.dataIndex == 'status'">
+          <div>{{ text == '1' ? '是' : '否' }}</div>
+        </template>
+      </template>
+    </a-table>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { reactive, ref, watchEffect } from 'vue'
+import { faultColumns } from '../gate.data'
+
+let props = defineProps({
+  deviceListApi: {
+    type: Function,
+    required: false,
+
+  },
+})
+
+let dataSource = ref<any[]>([])
+
+//分页参数配置
+let pagination = reactive({
+  current: 1, // 当前页码
+  pageSize: 10, // 每页显示条数
+  total: 0, // 总条目数，后端返回
+  // showTotal: (total, range) => `${range[0]}-${range[1]} 条，总共 ${total} 条`, // 分页右下角显示信息
+  showSizeChanger: true, // 是否可改变每页显示条数
+  pageSizeOptions: ['10', '20', '50'], // 可选的每页显示条数
+});
+
+//查询列表
+async function getList() {
+  let res = await props.deviceListApi({ pageNo: pagination.current, pageSize: pagination.pageSize })
+  dataSource.value = res.records || []
+  pagination.total = res.total
+}
+
+function pageChange(val) {
+  pagination.current = val.current;
+  pagination.pageSize = val.pageSize;
+  getList()
+}
+watchEffect(()=>{
+  props.deviceListApi &&  getList()
+})
+</script>
+
+<style lang="less" scoped></style>

src/views/vent/monitorManager/gateMonitor/gate.api.ts

@@ -12,7 +12,14 @@ enum Api {
   baseList = '/safety/ventanalyGate/list',
   cameraList = '/safety/ventanalyCamera/list',
   cameraAddrList = '/monitor/camera/info',
+  getOrderByCount = '/safety/gate-fault-log/list/gate/order-by-count',
+  getCarList = '/safety/gate-fault-log/list'
 }
+
+//风门故障统计分析
+export const getOrderByCount = (params) => defHttp.get({ url: Api.getOrderByCount, params });
+//车辆损坏排查列表
+export const getCarList = (params) => defHttp.get({ url: Api.getCarList, params });
 /**
  * 导出api
  * @param params

src/views/vent/monitorManager/gateMonitor/gate.data.ts

@@ -71,6 +71,93 @@ export const recycleColumns: BasicColumn[] = [
   },
 ];
 
+//风门故障统计分析
+export const faultColumns: BasicColumn[] = [
+  {
+    title: '安装位置',
+    dataIndex: 'strInstallPos',
+    align: 'center'
+  },
+  {
+    title: '设备名称',
+    dataIndex: 'strName',
+    align: 'center'
+  },
+  {
+    title: '是否开启统计',
+    dataIndex: 'status',
+    align: 'center'
+  },
+  {
+    title: '总成功次数',
+    dataIndex: 'totalSuccess',
+    align: 'center'
+  },
+  {
+    title: '总故障次数',
+    dataIndex: 'totalFail',
+    align: 'center'
+  },
+  {
+    title: '自动开闭成功次数',
+    dataIndex: 'successByAuto',
+    align: 'center'
+  },
+  {
+    title: '开关未到位故障次数',
+    dataIndex: 'failBySwitch',
+    align: 'center'
+  },
+  {
+    title: '气源压力不足故障次数',
+    dataIndex: 'failByPressure',
+    align: 'center'
+  },
+  {
+    title: '网络断开故障次数',
+    dataIndex: 'failByNetwork',
+    align: 'center'
+  },
+];
+//车辆损坏排查
+export const carColumns: BasicColumn[] = [
+  {
+    title: '安装位置',
+    dataIndex: 'strInstallPos',
+    align: 'center'
+  },
+  {
+    title: '设备名称',
+    dataIndex: 'strName',
+    align: 'center'
+  },
+  {
+    title: '状态',
+    dataIndex: 'type',
+    align: 'center'
+  },
+  {
+    title: '车辆编号',
+    dataIndex: 'carNo',
+    align: 'center'
+  },
+  {
+    title: '车与门的距离',
+    dataIndex: 'distance',
+    align: 'center'
+  },
+  {
+    title: '抓拍图像路径',
+    dataIndex: 'photo',
+    align: 'center'
+  },
+  {
+    title: '抓拍时间',
+    dataIndex: 'captureTime',
+    align: 'center'
+  },
+];
+
 export const searchFormSchema: FormSchema[] = [
   {
     label: '名称',

src/views/vent/monitorManager/gateMonitor/index.vue

@@ -5,38 +5,22 @@
       <div class="top-center row">
         <div v-if="hasPermission('btn:control')" class="button-box" @click="playAnimation(1)">打开前门</div>
         <div v-if="hasPermission('btn:control')" class="button-box" @click="playAnimation(2)">关闭前门</div>
-        <div v-if="hasPermission('btn:control') && selectData.ndoorcount == '3'" class="button-box" @click="playAnimation(8)">打开中间门</div>
-        <div v-if="hasPermission('btn:control') && selectData.ndoorcount == '3'" class="button-box" @click="playAnimation(9)">关闭中间门</div>
-        <div
-          v-if="hasPermission('btn:control') && (selectData.ndoorcount == '2' || selectData.ndoorcount == '3')"
-          class="button-box"
-          @click="playAnimation(3)"
-          >打开后门</div
-        >
-        <div
-          v-if="hasPermission('btn:control') && (selectData.ndoorcount == '2' || selectData.ndoorcount == '3')"
-          class="button-box"
-          @click="playAnimation(4)"
-          >关闭后门</div
-        >
-        <div
-          v-if="
-            hasPermission('btn:totalControl') ||
-            (selectData['isShowGatesContrl'] == 1 && (selectData.ndoorcount == '2' || selectData.ndoorcount == '3'))
-          "
-          class="button-box"
-          @click="playAnimation(5)"
-          >同时打开</div
-        >
-        <div
-          v-if="
-            hasPermission('btn:totalControl') ||
-            (selectData['isShowGatesContrl'] == 1 && (selectData.ndoorcount == '2' || selectData.ndoorcount == '3'))
-          "
-          class="button-box"
-          @click="playAnimation(6)"
-          >同时关闭</div
-        >
+        <div v-if="hasPermission('btn:control') && selectData.ndoorcount == '3'" class="button-box"
+          @click="playAnimation(8)">打开中间门</div>
+        <div v-if="hasPermission('btn:control') && selectData.ndoorcount == '3'" class="button-box"
+          @click="playAnimation(9)">关闭中间门</div>
+        <div v-if="hasPermission('btn:control') && (selectData.ndoorcount == '2' || selectData.ndoorcount == '3')"
+          class="button-box" @click="playAnimation(3)">打开后门</div>
+        <div v-if="hasPermission('btn:control') && (selectData.ndoorcount == '2' || selectData.ndoorcount == '3')"
+          class="button-box" @click="playAnimation(4)">关闭后门</div>
+        <div v-if="
+          hasPermission('btn:totalControl') ||
+          (selectData['isShowGatesContrl'] == 1 && (selectData.ndoorcount == '2' || selectData.ndoorcount == '3'))
+        " class="button-box" @click="playAnimation(5)">同时打开</div>
+        <div v-if="
+          hasPermission('btn:totalControl') ||
+          (selectData['isShowGatesContrl'] == 1 && (selectData.ndoorcount == '2' || selectData.ndoorcount == '3'))
+        " class="button-box" @click="playAnimation(6)">同时关闭</div>
         <template v-if="selectData['gateStyle'] && selectData['gateStyle'].includes('fm_fc')">
           <template v-if="selectData['nwindownum'] == 4">
             <div v-if="hasPermission('btn:controlWindow')" class="button-box" @click="playAnimation(10)">A窗控制</div>
@@ -70,7 +54,9 @@
               <a-radio :value="item.value" :disabled="true">{{ item.text }}</a-radio>
             </template>
           </a-radio-group>
-          <div class="button-box" v-for="(item, index) in modelList" @click="playAnimation(7, item.value)" :key="index">{{ item.text }}</div>
+          <div class="button-box" v-for="(item, index) in modelList" @click="playAnimation(7, item.value)" :key="index">
+            {{
+              item.text }}</div>
         </div>
         <!-- 济南嘉鸿远程、就地、自动控制，自动切换，点位为true就是选中状态 -->
         <div class="vent-flex-m row" v-else-if="selectData.contrlMod == 'jnjhCtrl' && modelList.length > 0">
@@ -87,7 +73,9 @@
               <a-radio :value="item.value" :disabled="true">{{ item.text }}</a-radio>
             </template>
           </a-radio-group>
-          <div class="button-box" v-for="(item, index) in modelList" @click="playAnimation(7, item.value)" :key="index">{{ item.text }}</div>
+          <div class="button-box" v-for="(item, index) in modelList" @click="playAnimation(7, item.value)" :key="index">
+            {{
+              item.text }}</div>
         </div>
       </div>
       <div v-if="hasPermission('gate:overhaul')" class="run-type row">
@@ -103,56 +91,46 @@
       <dv-border-box8 :dur="5" :style="`padding: 5px; height: ${scroll.y + 120}px`">
         <a-tabs class="tabs-box" v-model:activeKey="activeKey" @change="tabChange">
           <a-tab-pane v-if="!hasPermission('show:noMonitor')" key="1" tab="实时监测">
-            <MonitorTable
-              v-if="activeKey === '1'"
-              ref="MonitorDataTable"
-              class="monitor-table"
-              :columnsType="deviceType"
-              :isShowActionColumn="true"
-              :dataSource="dataSource"
-              design-scope="gate-monitor"
-              @select-row="getSelectRow"
-              :scroll="{ y: scroll.y - 40 }"
-              title="风门监测"
-              :isShowPagination="true"
-            >
+            <MonitorTable v-if="activeKey === '1'" ref="MonitorDataTable" class="monitor-table"
+              :columnsType="deviceType" :isShowActionColumn="true" :dataSource="dataSource" design-scope="gate-monitor"
+              @select-row="getSelectRow" :scroll="{ y: scroll.y - 40 }" title="风门监测" :isShowPagination="true">
               <template #filterCell="{ column, record }">
-                <a-tag v-if="column.dataIndex === 'frontGateOpen' && record.frontGateOpen == '0' && record.frontGateClose == '0'" color="red"
-                  >正在运行</a-tag
-                >
-                <a-tag v-else-if="column.dataIndex === 'frontGateOpen' && record.frontGateOpen == '0' && record.frontGateClose == 1" color="default"
-                  >关闭</a-tag
-                >
-                <a-tag v-else-if="column.dataIndex === 'frontGateOpen' && record.frontGateOpen == '1' && record.frontGateClose == '0'" color="#46C66F"
-                  >打开</a-tag
-                >
-                <a-tag v-else-if="column.dataIndex === 'frontGateOpen' && record.frontGateOpen == '1' && record.frontGateClose == '1'" color="#FF0000"
-                  >点位异常</a-tag
-                >
-                <a-tag v-if="column.dataIndex === 'rearGateOpen' && record.rearGateOpen == '0' && record.rearGateClose == '0'" color="red"
-                  >正在运行</a-tag
-                >
-                <a-tag v-else-if="column.dataIndex === 'rearGateOpen' && record.rearGateOpen == '0' && record.rearGateClose == '1'" color="default"
-                  >关闭</a-tag
-                >
-                <a-tag v-else-if="column.dataIndex === 'rearGateOpen' && record.rearGateOpen == '1' && record.rearGateClose == '0'" color="#46C66F"
-                  >打开</a-tag
-                >
-                <a-tag v-else-if="column.dataIndex === 'rearGateOpen' && record.rearGateOpen == '1' && record.rearGateClose == '1'" color="#FF0000"
-                  >点位异常</a-tag
-                >
-                <a-tag v-if="column.dataIndex === 'midGateOpen' && record.midGateOpen == '0' && record.midGateClose == '0'" color="red"
-                  >正在运行</a-tag
-                >
-                <a-tag v-else-if="column.dataIndex === 'midGateOpen' && record.midGateOpen == '0' && record.midGateClose == 1" color="default"
-                  >关闭</a-tag
-                >
-                <a-tag v-else-if="column.dataIndex === 'midGateOpen' && record.midGateOpen == '1' && record.midGateClose == '0'" color="#46C66F"
-                  >打开</a-tag
-                >
-                <a-tag v-else-if="column.dataIndex === 'midGateOpen' && record.midGateOpen == '1' && record.midGateClose == '1'" color="#FF0000"
-                  >点位异常</a-tag
-                >
+                <a-tag
+                  v-if="column.dataIndex === 'frontGateOpen' && record.frontGateOpen == '0' && record.frontGateClose == '0'"
+                  color="red">正在运行</a-tag>
+                <a-tag
+                  v-else-if="column.dataIndex === 'frontGateOpen' && record.frontGateOpen == '0' && record.frontGateClose == 1"
+                  color="default">关闭</a-tag>
+                <a-tag
+                  v-else-if="column.dataIndex === 'frontGateOpen' && record.frontGateOpen == '1' && record.frontGateClose == '0'"
+                  color="#46C66F">打开</a-tag>
+                <a-tag
+                  v-else-if="column.dataIndex === 'frontGateOpen' && record.frontGateOpen == '1' && record.frontGateClose == '1'"
+                  color="#FF0000">点位异常</a-tag>
+                <a-tag
+                  v-if="column.dataIndex === 'rearGateOpen' && record.rearGateOpen == '0' && record.rearGateClose == '0'"
+                  color="red">正在运行</a-tag>
+                <a-tag
+                  v-else-if="column.dataIndex === 'rearGateOpen' && record.rearGateOpen == '0' && record.rearGateClose == '1'"
+                  color="default">关闭</a-tag>
+                <a-tag
+                  v-else-if="column.dataIndex === 'rearGateOpen' && record.rearGateOpen == '1' && record.rearGateClose == '0'"
+                  color="#46C66F">打开</a-tag>
+                <a-tag
+                  v-else-if="column.dataIndex === 'rearGateOpen' && record.rearGateOpen == '1' && record.rearGateClose == '1'"
+                  color="#FF0000">点位异常</a-tag>
+                <a-tag
+                  v-if="column.dataIndex === 'midGateOpen' && record.midGateOpen == '0' && record.midGateClose == '0'"
+                  color="red">正在运行</a-tag>
+                <a-tag
+                  v-else-if="column.dataIndex === 'midGateOpen' && record.midGateOpen == '0' && record.midGateClose == 1"
+                  color="default">关闭</a-tag>
+                <a-tag
+                  v-else-if="column.dataIndex === 'midGateOpen' && record.midGateOpen == '1' && record.midGateClose == '0'"
+                  color="#46C66F">打开</a-tag>
+                <a-tag
+                  v-else-if="column.dataIndex === 'midGateOpen' && record.midGateOpen == '1' && record.midGateClose == '1'"
+                  color="#FF0000">点位异常</a-tag>
                 <template v-if="column.dataIndex === 'ndoortype'">
                   <span>{{ render.renderDictText(record.ndoortype, 'ndoortype') }}</span>
                 </template>
@@ -171,16 +149,18 @@
                 </template>
                 <a-tag v-else-if="column.dataIndex === 'warnFlag'" :color="record.warnFlag == '0' ? 'green' : 'red'">{{
                   record.warnFlag == '0' ? '正常' : '报警'
-                }}</a-tag>
-                <a-tag v-if="column.dataIndex === 'runRoRecondition'" :color="record.runRoRecondition == '1' ? '#f00' : 'green'">{{
-                  record.runRoRecondition == '1' ? '检修' : '运行'
-                }}</a-tag>
+                  }}</a-tag>
+                <a-tag v-if="column.dataIndex === 'runRoRecondition'"
+                  :color="record.runRoRecondition == '1' ? '#f00' : 'green'">{{
+                    record.runRoRecondition == '1' ? '检修' : '运行'
+                  }}</a-tag>
                 <a-tag v-if="column.dataIndex === 'netStatus'" :color="record.netStatus == '0' ? '#f00' : 'green'">{{
                   record.netStatus == '0' ? '断开' : '连接'
-                }}</a-tag>
+                  }}</a-tag>
               </template>
               <template #action="{ record }">
-                <a v-if="globalConfig?.showReport" class="table-action-link" @click="deviceEdit($event, 'reportInfo', record)">报表录入</a>
+                <a v-if="globalConfig?.showReport" class="table-action-link"
+                  @click="deviceEdit($event, 'reportInfo', record)">报表录入</a>
                 <a class="table-action-link" @click="deviceEdit($event, 'deviceInfo', record)">设备编辑</a>
               </template>
             </MonitorTable>
@@ -193,48 +173,45 @@
           </a-tab-pane> -->
           <a-tab-pane v-if="!hasPermission('show:noHistory')" key="3" tab="历史数据">
             <div class="tab-item" v-if="activeKey === '3'">
-              <HistoryTable :columnsType="deviceType" :device-type="deviceType" designScope="gate-history" :scroll="scroll">
+              <HistoryTable :columnsType="deviceType" :device-type="deviceType" designScope="gate-history"
+                :scroll="scroll">
                 <template #filterCell="{ column, record }">
-                  <a-tag v-if="column.dataIndex === 'frontGateOpen' && record.frontGateOpen == '0' && record.frontGateClose == '0'" color="red"
-                    >正在运行</a-tag
-                  >
-                  <a-tag v-else-if="column.dataIndex === 'frontGateOpen' && record.frontGateOpen == '0' && record.frontGateClose == 1" color="default"
-                    >关闭</a-tag
-                  >
+                  <a-tag
+                    v-if="column.dataIndex === 'frontGateOpen' && record.frontGateOpen == '0' && record.frontGateClose == '0'"
+                    color="red">正在运行</a-tag>
+                  <a-tag
+                    v-else-if="column.dataIndex === 'frontGateOpen' && record.frontGateOpen == '0' && record.frontGateClose == 1"
+                    color="default">关闭</a-tag>
                   <a-tag
                     v-else-if="column.dataIndex === 'frontGateOpen' && record.frontGateOpen == '1' && record.frontGateClose == '0'"
-                    color="#46C66F"
-                    >打开</a-tag
-                  >
+                    color="#46C66F">打开</a-tag>
                   <a-tag
                     v-else-if="column.dataIndex === 'frontGateOpen' && record.frontGateOpen == '1' && record.frontGateClose == '1'"
-                    color="#FF0000"
-                    >点位异常</a-tag
-                  >
-                  <a-tag v-if="column.dataIndex === 'rearGateOpen' && record.rearGateOpen == '0' && record.rearGateClose == '0'" color="red"
-                    >正在运行</a-tag
-                  >
-                  <a-tag v-else-if="column.dataIndex === 'rearGateOpen' && record.rearGateOpen == '0' && record.rearGateClose == '1'" color="default"
-                    >关闭</a-tag
-                  >
-                  <a-tag v-else-if="column.dataIndex === 'rearGateOpen' && record.rearGateOpen == '1' && record.rearGateClose == '0'" color="#46C66F"
-                    >打开</a-tag
-                  >
-                  <a-tag v-else-if="column.dataIndex === 'rearGateOpen' && record.rearGateOpen == '1' && record.rearGateClose == '1'" color="#FF0000"
-                    >点位异常</a-tag
-                  >
-                  <a-tag v-if="column.dataIndex === 'midGateOpen' && record.midGateOpen == '0' && record.midGateClose == '0'" color="red"
-                    >正在运行</a-tag
-                  >
-                  <a-tag v-else-if="column.dataIndex === 'midGateOpen' && record.midGateOpen == '0' && record.midGateClose == 1" color="default"
-                    >关闭</a-tag
-                  >
-                  <a-tag v-else-if="column.dataIndex === 'midGateOpen' && record.midGateOpen == '1' && record.midGateClose == '0'" color="#46C66F"
-                    >打开</a-tag
-                  >
-                  <a-tag v-else-if="column.dataIndex === 'midGateOpen' && record.midGateOpen == '1' && record.midGateClose == '1'" color="#FF0000"
-                    >点位异常</a-tag
-                  >
+                    color="#FF0000">点位异常</a-tag>
+                  <a-tag
+                    v-if="column.dataIndex === 'rearGateOpen' && record.rearGateOpen == '0' && record.rearGateClose == '0'"
+                    color="red">正在运行</a-tag>
+                  <a-tag
+                    v-else-if="column.dataIndex === 'rearGateOpen' && record.rearGateOpen == '0' && record.rearGateClose == '1'"
+                    color="default">关闭</a-tag>
+                  <a-tag
+                    v-else-if="column.dataIndex === 'rearGateOpen' && record.rearGateOpen == '1' && record.rearGateClose == '0'"
+                    color="#46C66F">打开</a-tag>
+                  <a-tag
+                    v-else-if="column.dataIndex === 'rearGateOpen' && record.rearGateOpen == '1' && record.rearGateClose == '1'"
+                    color="#FF0000">点位异常</a-tag>
+                  <a-tag
+                    v-if="column.dataIndex === 'midGateOpen' && record.midGateOpen == '0' && record.midGateClose == '0'"
+                    color="red">正在运行</a-tag>
+                  <a-tag
+                    v-else-if="column.dataIndex === 'midGateOpen' && record.midGateOpen == '0' && record.midGateClose == 1"
+                    color="default">关闭</a-tag>
+                  <a-tag
+                    v-else-if="column.dataIndex === 'midGateOpen' && record.midGateOpen == '1' && record.midGateClose == '0'"
+                    color="#46C66F">打开</a-tag>
+                  <a-tag
+                    v-else-if="column.dataIndex === 'midGateOpen' && record.midGateOpen == '1' && record.midGateClose == '1'"
+                    color="#FF0000">点位异常</a-tag>
                   <template v-if="column.dataIndex === 'ndoortype'">
                     <span v-if="record.ndoortype == '0'">气动风门</span>
                     <span v-else color="default">液压风门</span>
@@ -262,23 +239,17 @@
           <a-tab-pane v-if="!hasPermission('show:noAlarm')" key="4" tab="报警历史">
             <div class="tab-item" v-if="activeKey === '4'">
               <template v-if="sysOrgCode != 'zmhjhzmy'">
-                <AlarmHistoryTable
-                  columns-type="alarm"
-                  :device-type="deviceType"
-                  :device-list-api="getTableList"
-                  designScope="alarm-history"
-                  :scroll="scroll"
-                >
+                <AlarmHistoryTable columns-type="alarm" :device-type="deviceType" :device-list-api="getTableList"
+                  designScope="alarm-history" :scroll="scroll">
                   <template #filterCell="{ column, record }">
-                    <a-tag
-                      v-if="column.dataIndex === 'warnFlag'"
-                      :color="record.warnFlag == '0' ? 'green' : record.warnFlag == 1 ? '#FF5812' : 'gray'"
-                    >
-                      {{ record.warnFlag == '0' ? '正常' : record.warnFlag == 1 ? '报警' : record.warnFlag == 2 ? '断开' : '未监测' }}</a-tag
-                    >
-                    <a-tag v-if="column.dataIndex === 'netStatus'" :color="record.netStatus == '0' ? '#f00' : 'green'">{{
-                      record.netStatus == '0' ? '断开' : '连接'
-                    }}</a-tag>
+                    <a-tag v-if="column.dataIndex === 'warnFlag'"
+                      :color="record.warnFlag == '0' ? 'green' : record.warnFlag == 1 ? '#FF5812' : 'gray'">
+                      {{ record.warnFlag == '0' ? '正常' : record.warnFlag == 1 ? '报警' : record.warnFlag == 2 ? '断开' :
+                      '未监测' }}</a-tag>
+                    <a-tag v-if="column.dataIndex === 'netStatus'"
+                      :color="record.netStatus == '0' ? '#f00' : 'green'">{{
+                        record.netStatus == '0' ? '断开' : '连接'
+                      }}</a-tag>
                   </template>
                 </AlarmHistoryTable>
               </template>
@@ -289,15 +260,23 @@
           </a-tab-pane>
           <a-tab-pane v-if="!hasPermission('show:noHandleHistory')" key="5" tab="操作历史">
             <div class="tab-item" v-if="activeKey === '5'">
-              <HandlerHistoryTable
-                columns-type="operator_history"
-                :device-type="deviceType"
-                :device-list-api="getTableList"
-                designScope="operator_history"
-                :scroll="scroll"
-              />
+              <HandlerHistoryTable columns-type="operator_history" :device-type="deviceType"
+                :device-list-api="getTableList" designScope="operator_history" :scroll="scroll" />
+            </div>
+          </a-tab-pane>
+
+           <a-tab-pane v-if="!hasPermission('show:noHandleHistory')" key="6" tab="风门故障统计分析">
+            <div class="tab-item" v-if="activeKey === '6'">
+              <WindDoorFaultTable :device-list-api="getOrderByCount" :device-type="deviceType" ></WindDoorFaultTable>
+            </div>
+          </a-tab-pane>
+
+           <a-tab-pane v-if="!hasPermission('show:noHandleHistory')" key="7" tab="车辆损坏排查">
+            <div class="tab-item" v-if="activeKey === '7'">
+             <CarDamageTable :device-list-api="getCarList" :gateId="gateId" :device-type="deviceType"></CarDamageTable>
             </div>
           </a-tab-pane>
+
           <!-- v-if="sysOrgCode === 'sdmtjtswmk'" -->
           <a-tab-pane v-if="sysOrgCode === 'sdmtjtswmk'" key="2" tab="风门轴反馈推力曲线">
             <div class="tab-item" v-if="activeKey === '2'">
@@ -311,24 +290,16 @@
                   :x-axis-prop-type="stationType !== 'redis' ? 'ttime' : 'time'"
                 />
               </div> -->
-              <HistoryTableChart
-                chartsColumnsType="gate_chart"
-                :dataSource="sharedData"
-                height="100%"
-                :chartsColumns="chartsColumns"
-                device-type="gate"
-                :is-show-child-type="true"
-              />
+              <HistoryTableChart chartsColumnsType="gate_chart" :dataSource="sharedData" height="100%"
+                :chartsColumns="chartsColumns" device-type="gate" :is-show-child-type="true" />
             </div>
           </a-tab-pane>
+         
         </a-tabs>
       </dv-border-box8>
     </div>
   </div>
-  <div
-    v-if="renderPlayer"
-    ref="playerRef"
-    style="
+  <div v-if="renderPlayer" ref="playerRef" style="
       z-index: 1;
       position: absolute;
       top: 100px;
@@ -338,706 +309,699 @@
       pointer-events: none;
       overflow-y: auto;
       flex-direction: column;
-    "
-  >
+    ">
   </div>
-  <LivePlayer
-    id="fm-player1"
-    style="height: 220px; width: 300px; position: absolute; top: 0px; z-index: -1"
-    ref="player1"
-    :videoUrl="flvURL1()"
-    muted
-    live
-    loading
-    controls
-  />
-  <HandleModal
-    v-if="!globalConfig?.simulatedPassword"
-    :modal-is-show="modalIsShow"
-    :modal-title="modalTitle"
-    :modal-type="modalType"
-    @handle-ok="handleOK"
-    @handle-cancel="handleCancel"
-  />
+  <LivePlayer id="fm-player1" style="height: 220px; width: 300px; position: absolute; top: 0px; z-index: -1"
+    ref="player1" :videoUrl="flvURL1()" muted live loading controls />
+  <HandleModal v-if="!globalConfig?.simulatedPassword" :modal-is-show="modalIsShow" :modal-title="modalTitle"
+    :modal-type="modalType" @handle-ok="handleOK" @handle-cancel="handleCancel" />
   <DeviceBaseInfo @register="registerModal" :device-type="selectData['deviceType']" />
 </template>
 
 <script setup lang="ts">
-  import { onBeforeUnmount, onUnmounted, onMounted, ref, reactive, nextTick, inject, unref, defineAsyncComponent, provide } from 'vue';
-  import MonitorTable from '../comment/MonitorTable.vue';
-  import HistoryTable from '../comment/HistoryTable.vue';
-  import AlarmHistoryTable from '../comment/AlarmHistoryTable.vue';
-  import HandlerHistoryTable from '../comment/HandlerHistoryTable.vue';
-  import AlarmHistoryTableHj from './components/AlarmHistoryTableHj.vue';
-  import HandleModal from './modal.vue';
-  import DeviceBaseInfo from '../comment/components/DeviceBaseInfo.vue';
-  import { mountedThree, addMonitorText, play, destroy, setModelType, computePlay } from './gate.threejs';
-  import { deviceControlApi } from '/@/api/vent/index';
-  import { message } from 'ant-design-vue';
-  import { list, getTableList, cameraList, cameraAddrList } from './gate.api';
-  import { chartsColumns, getModelComponent } from './gate.data';
-  import lodash from 'lodash';
-  import { setDivHeight } from '/@/utils/event';
-  import { BorderBox8 as DvBorderBox8 } from '@kjgl77/datav-vue3';
-  import { useRouter } from 'vue-router';
-  import LivePlayer from '@liveqing/liveplayer-v3';
-  import { useModal } from '/@/components/Modal';
-  import { useCamera } from '/@/hooks/system/useCamera';
-  import { usePermission } from '/@/hooks/web/usePermission';
-  import { getDictItems } from '/@/api/common/api';
-  import { render } from '/@/utils/common/renderUtils';
-  import { useGlobSetting } from '/@/hooks/setting';
-  import { getDictItemsByCode } from '/@/utils/dict';
-  import HistoryTableChart from '../comment/HistoryTableChart.vue';
-
-  const { hasPermission } = usePermission();
-  const { sysOrgCode } = useGlobSetting();
-  const globalConfig = inject<any>('globalConfig');
-
-  const modelRef = ref();
-  /** 模型对应的组件，根据实际情况分为二维三维 */
-  const modelComponent = getModelComponent(globalConfig.is2DModel, sysOrgCode);
-
-  const { currentRoute } = useRouter();
-  const MonitorDataTable = ref();
-  let contrlValue = '';
-  const playerRef = ref();
-  const deviceType = ref('gate');
-  const activeKey = ref('1'); // tab
-  const loading = ref(false);
-  const renderPlayer = ref(true);
-  // const stationType = ref('plc1');
-  const scroll = reactive({
-    y: 230,
-  });
-  const modelList = ref<{ text: string; value: string }[]>([]);
-  const frontDoorIsOpen = ref(false); //前门是否开启
-  const backDoorIsOpen = ref(false); //后门是否开启
-  const midDoorIsOpen = ref(false); //中间门是否开启
-
-  const modalIsShow = ref<boolean>(false); // 是否显示模态框
-  const modalTitle = ref(''); // 模态框标题显示内容，根据设备操作类型决定
-  const modalType = ref(''); // 模态框内容显示类型，设备操作类型
-
-  const selectRowIndex = ref(-1); // 选中行
-  const dataSource = ref([]);
-  const sharedData = ref([]);
-  const deviceBaseList = ref([]); // 设备基本信息
-  const updateSharedData = (data) => {
-    sharedData.value = data;
-  };
-  const Option = {
-    grid: {
-      top: '20%',
-      left: '5%',
-      right: '5%',
-      bottom: '3%',
-      containLabel: true,
-    },
-    toolbox: {
-      feature: null,
-    },
-  };
-  const [registerModal, { openModal, closeModal }] = useModal();
-
-  const { getCamera, removeCamera } = useCamera();
-
-  const tabChange = (activeKeyVal) => {
-    activeKey.value = activeKeyVal;
-    if (activeKeyVal == 1) {
-      nextTick(() => {
-        if (MonitorDataTable.value) MonitorDataTable.value.setSelectedRowKeys([selectData.deviceID]);
-      });
-    }
-  };
-
-  const initData = {
-    deviceID: '',
-    deviceType: '',
-    strname: '',
-    frontRearDP: '-', //压差
-    // sourcePressure: '-', //气源压力
-    runRoRecondition: null,
-    autoRoManual: null,
-    netStatus: '0', //通信状态
-    frontGateOpen: '0',
-    frontGateClose: '1',
-    rearGateOpen: '0',
-    rearGateClose: '1',
-    midGateOpen: '0',
-    midGateClose: '1',
-    fault: '气源压力超限',
-    masterComputer: 0,
-    frontGateOpenCtrl: false,
-    rearGateOpenCtrl: false,
-    cameras: [],
-  };
-
-  // 监测数据
-  const selectData = reactive(lodash.cloneDeep(initData));
-
-  const flvURL1 = () => {
-    // return ''
-    return `/video/gate.mp4`;
-  };
-
-  function deviceEdit(e: Event, type: string, record) {
-    e.stopPropagation();
-    openModal(true, {
-      type,
-      deviceId: record['deviceID'],
-    });
-  }
-  // 获取设备基本信息列表
-  function getDeviceBaseList() {
-    getTableList({ pageSize: 1000 }).then((res) => {
-      deviceBaseList.value = res.records;
+import { onBeforeUnmount, onUnmounted, onMounted, ref, reactive, nextTick, inject, unref, defineAsyncComponent, provide } from 'vue';
+import MonitorTable from '../comment/MonitorTable.vue';
+import HistoryTable from '../comment/HistoryTable.vue';
+import AlarmHistoryTable from '../comment/AlarmHistoryTable.vue';
+import HandlerHistoryTable from '../comment/HandlerHistoryTable.vue';
+import WindDoorFaultTable from './components/WindDoorFaultTable.vue';
+import CarDamageTable from './components/CarDamageTable.vue'
+import AlarmHistoryTableHj from './components/AlarmHistoryTableHj.vue';
+import HandleModal from './modal.vue';
+import DeviceBaseInfo from '../comment/components/DeviceBaseInfo.vue';
+import { mountedThree, addMonitorText, play, destroy, setModelType, computePlay } from './gate.threejs';
+import { deviceControlApi } from '/@/api/vent/index';
+import { message } from 'ant-design-vue';
+import { list, getTableList, cameraList, cameraAddrList,getOrderByCount,getCarList } from './gate.api';
+import { chartsColumns, getModelComponent } from './gate.data';
+import lodash from 'lodash';
+import { setDivHeight } from '/@/utils/event';
+import { BorderBox8 as DvBorderBox8 } from '@kjgl77/datav-vue3';
+import { useRouter } from 'vue-router';
+import LivePlayer from '@liveqing/liveplayer-v3';
+import { useModal } from '/@/components/Modal';
+import { useCamera } from '/@/hooks/system/useCamera';
+import { usePermission } from '/@/hooks/web/usePermission';
+import { getDictItems } from '/@/api/common/api';
+import { render } from '/@/utils/common/renderUtils';
+import { useGlobSetting } from '/@/hooks/setting';
+import { getDictItemsByCode } from '/@/utils/dict';
+import HistoryTableChart from '../comment/HistoryTableChart.vue';
+
+const { hasPermission } = usePermission();
+const { sysOrgCode } = useGlobSetting();
+const globalConfig = inject<any>('globalConfig');
+
+const modelRef = ref();
+/** 模型对应的组件，根据实际情况分为二维三维 */
+const modelComponent = getModelComponent(globalConfig.is2DModel, sysOrgCode);
+
+const { currentRoute } = useRouter();
+const gateId=ref<any>(currentRoute.value['query']['id'])//风门ID
+const MonitorDataTable = ref();
+let contrlValue = '';
+const playerRef = ref();
+const deviceType = ref('gate');
+const activeKey = ref('1'); // tab
+const loading = ref(false);
+const renderPlayer = ref(true);
+// const stationType = ref('plc1');
+const scroll = reactive({
+  y: 230,
+});
+const modelList = ref<{ text: string; value: string }[]>([]);
+const frontDoorIsOpen = ref(false); //前门是否开启
+const backDoorIsOpen = ref(false); //后门是否开启
+const midDoorIsOpen = ref(false); //中间门是否开启
+
+const modalIsShow = ref<boolean>(false); // 是否显示模态框
+const modalTitle = ref(''); // 模态框标题显示内容，根据设备操作类型决定
+const modalType = ref(''); // 模态框内容显示类型，设备操作类型
+
+const selectRowIndex = ref(-1); // 选中行
+const dataSource = ref([]);
+const sharedData = ref([]);
+const deviceBaseList = ref([]); // 设备基本信息
+const updateSharedData = (data) => {
+  sharedData.value = data;
+};
+const Option = {
+  grid: {
+    top: '20%',
+    left: '5%',
+    right: '5%',
+    bottom: '3%',
+    containLabel: true,
+  },
+  toolbox: {
+    feature: null,
+  },
+};
+const [registerModal, { openModal, closeModal }] = useModal();
+
+const { getCamera, removeCamera } = useCamera();
+
+const tabChange = (activeKeyVal) => {
+  activeKey.value = activeKeyVal;
+  if (activeKeyVal == 1) {
+    nextTick(() => {
+      if (MonitorDataTable.value) MonitorDataTable.value.setSelectedRowKeys([selectData.deviceID]);
     });
   }
-
-  // https获取监测数据
-  let timer: null | NodeJS.Timeout = null;
-  async function getMonitor(flag?) {
-    if (Object.prototype.toString.call(timer) === '[object Null]') {
-      timer = await setTimeout(
-        async () => {
-          const res = await list({ devicetype: deviceType.value, pagetype: 'normal' });
-          if (res.msgTxt && res.msgTxt[0]) {
-            dataSource.value = res.msgTxt[0].datalist || [];
-            dataSource.value.forEach((data: any) => {
-              const readData = data.readData;
-              data = Object.assign(data, readData);
-            });
-            if (dataSource.value.length > 0 && selectRowIndex.value == -1 && MonitorDataTable.value) {
-              // 初始打开页面
-              if (currentRoute.value && currentRoute.value['query'] && currentRoute.value['query']['id']) {
-                MonitorDataTable.value.setSelectedRowKeys([currentRoute.value['query']['id']]);
-              } else {
-                MonitorDataTable.value.setSelectedRowKeys([dataSource.value[0]['deviceID']]);
-              }
-            }
-            Object.assign(selectData, dataSource.value[selectRowIndex.value]);
-            if (selectData.contrlMod == 'jnjhCtrl') {
-              selectData['autoRoManual'] = selectData['autoRoManual'] == 1 ? true : false;
-              selectData['autoRoManual1'] = selectData['autoRoManual1'] == 1 ? true : false;
-              selectData['autoRoManual2'] = selectData['autoRoManual2'] == 1 ? true : false;
-            }
-            addMonitorText(selectData);
-            monitorAnimation(selectData);
-            if (timer) {
-              timer = null;
+};
+
+const initData = {
+  deviceID: '',
+  deviceType: '',
+  strname: '',
+  frontRearDP: '-', //压差
+  // sourcePressure: '-', //气源压力
+  runRoRecondition: null,
+  autoRoManual: null,
+  netStatus: '0', //通信状态
+  frontGateOpen: '0',
+  frontGateClose: '1',
+  rearGateOpen: '0',
+  rearGateClose: '1',
+  midGateOpen: '0',
+  midGateClose: '1',
+  fault: '气源压力超限',
+  masterComputer: 0,
+  frontGateOpenCtrl: false,
+  rearGateOpenCtrl: false,
+  cameras: [],
+};
+
+// 监测数据
+const selectData = reactive(lodash.cloneDeep(initData));
+
+const flvURL1 = () => {
+  // return ''
+  return `/video/gate.mp4`;
+};
+
+function deviceEdit(e: Event, type: string, record) {
+  e.stopPropagation();
+  openModal(true, {
+    type,
+    deviceId: record['deviceID'],
+  });
+}
+// 获取设备基本信息列表
+function getDeviceBaseList() {
+  getTableList({ pageSize: 1000 }).then((res) => {
+    deviceBaseList.value = res.records;
+  });
+}
+
+// https获取监测数据
+let timer: null | NodeJS.Timeout = null;
+async function getMonitor(flag?) {
+  if (Object.prototype.toString.call(timer) === '[object Null]') {
+    timer = await setTimeout(
+      async () => {
+        const res = await list({ devicetype: deviceType.value, pagetype: 'normal' });
+        if (res.msgTxt && res.msgTxt[0]) {
+          dataSource.value = res.msgTxt[0].datalist || [];
+          dataSource.value.forEach((data: any) => {
+            const readData = data.readData;
+            data = Object.assign(data, readData);
+          });
+          if (dataSource.value.length > 0 && selectRowIndex.value == -1 && MonitorDataTable.value) {
+            // 初始打开页面
+            if (currentRoute.value && currentRoute.value['query'] && currentRoute.value['query']['id']) {
+              MonitorDataTable.value.setSelectedRowKeys([currentRoute.value['query']['id']]);
+            } else {
+              MonitorDataTable.value.setSelectedRowKeys([dataSource.value[0]['deviceID']]);
             }
-            getMonitor();
           }
-        },
-        flag ? 0 : 1000
-      );
-    }
-  }
-
-  // 切换检测数据
-  async function getSelectRow(selectRow, index) {
-    if (!selectRow) return;
-    loading.value = true;
-    selectRowIndex.value = index;
-
-    const baseData: any = deviceBaseList.value.find((baseData: any) => baseData.id === selectRow.deviceID);
-    Object.assign(selectData, initData, selectRow, baseData);
-    isFrontOpenRunning = false; //开关门动作是否在进行
-    isRearOpenRunning = false; //开关门动作是否在进行
-    isMidOpenRunning = false; //开关门动作是否在进行
-    frontDeviceState = 0; //记录设备状态，为了与下一次监测数据做比较
-    rearDeviceState = 0; //记录设备状态，为了与下一次监测数据做比较
-    midDeviceState = 0; //记录设备状态，为了与下一次监测数据做比较
-
-    let type;
-    const dictCodes = getDictItemsByCode('gateStyle');
-    if (selectData && dictCodes && dictCodes.length > 0) {
-      const gateStyle = selectData['gateStyle'];
-      switch (gateStyle) {
-        case 'gate_qd':
-          type = 'fm3';
-          break;
-        case 'fmtl3':
-          type = 'fmThreeTl';
-          break;
-        case 'fmSs':
-          type = 'fmTwoSs';
-          break;
-        case 'fm_fc':
-          type = 'fmWindow';
-          break;
-        case 'fmXr':
-          type = 'fmXr';
-          break;
-        case 'fmYy':
-          type = 'fm1';
-          break;
-        case 'fmSs3':
-          type = 'fm2';
-          break;
-        case 'fm_fc_hjg':
-          type = 'fmWindowHjg';
-          break;
-        case 'fm_fc_zhq':
-          type = 'fmWindowZhq';
-          break;
-        default:
-          type = gateStyle;
-      }
-    } else {
-      type = selectData.nwindownum == 1 ? 'singleWindow' : 'doubleWindow';
-      if (selectData['doorUse'] == 2) {
-        type = 'fmXr';
-      } else if (selectData.ndoorcount == '3' || selectData.deviceType == 'gate_nomal3') {
-        type = 'fmThreeTl';
-      } else {
-        if (selectData.deviceType == 'gate_ss') {
-          type = 'fm2';
-        } else if (selectData.deviceType == 'gate_qd' || selectData.deviceType == 'gate_normal') {
-          type = 'fm3';
-        } else if (selectData.deviceType == 'gate_ss_two' || selectData.deviceType == 'gate_ss_two1') {
-          type = 'fmTwoSs';
-        } else if (selectData.deviceType == 'gate_tj') {
-          type = 'fmWindow';
-        } else {
-          type = 'fm1'; // 液压
+          Object.assign(selectData, dataSource.value[selectRowIndex.value]);
+          if (selectData.contrlMod == 'jnjhCtrl') {
+            selectData['autoRoManual'] = selectData['autoRoManual'] == 1 ? true : false;
+            selectData['autoRoManual1'] = selectData['autoRoManual1'] == 1 ? true : false;
+            selectData['autoRoManual2'] = selectData['autoRoManual2'] == 1 ? true : false;
+          }
+          addMonitorText(selectData);
+          monitorAnimation(selectData);
+          if (timer) {
+            timer = null;
+          }
+          getMonitor();
         }
-      }
-    }
-
-    debugger;
-    setModelType(type).then(async () => {
-      addMonitorText(selectData);
-      loading.value = false;
-    });
-    await getCamera(selectRow.deviceID, playerRef, renderPlayer);
+      },
+      flag ? 0 : 1000
+    );
   }
-
-  // 播放动画
-  function playAnimation(handlerState, data: any = null) {
-    const value = data;
-    switch (handlerState) {
-      case 1: // 打开前门
-        modalTitle.value = '打开前门';
-        modalType.value = '1';
-        modalIsShow.value = true;
+}
+
+// 切换检测数据
+async function getSelectRow(selectRow, index) {
+  if (!selectRow) return;
+  loading.value = true;
+  selectRowIndex.value = index;
+
+  const baseData: any = deviceBaseList.value.find((baseData: any) => baseData.id === selectRow.deviceID);
+  Object.assign(selectData, initData, selectRow, baseData);
+  isFrontOpenRunning = false; //开关门动作是否在进行
+  isRearOpenRunning = false; //开关门动作是否在进行
+  isMidOpenRunning = false; //开关门动作是否在进行
+  frontDeviceState = 0; //记录设备状态，为了与下一次监测数据做比较
+  rearDeviceState = 0; //记录设备状态，为了与下一次监测数据做比较
+  midDeviceState = 0; //记录设备状态，为了与下一次监测数据做比较
+
+  let type;
+  const dictCodes = getDictItemsByCode('gateStyle');
+  if (selectData && dictCodes && dictCodes.length > 0) {
+    const gateStyle = selectData['gateStyle'];
+    switch (gateStyle) {
+      case 'gate_qd':
+        type = 'fm3';
         break;
-      case 2: // 关闭前门
-        modalTitle.value = '关闭前门';
-        modalType.value = '2';
-        modalIsShow.value = true;
-        break;
-      case 3: // 打开后门
-        modalTitle.value = '打开后门';
-        modalType.value = '3';
-        modalIsShow.value = true;
-        break;
-      case 4: // 关闭后门
-        modalTitle.value = '关闭后门';
-        modalType.value = '4';
-        modalIsShow.value = true;
-        break;
-      case 8: // 打开中间门
-        modalTitle.value = '打开中间门';
-        modalType.value = '8';
-        modalIsShow.value = true;
-        break;
-      case 9: // 关闭中间门
-        modalTitle.value = '关闭中间门';
-        modalType.value = '9';
-        modalIsShow.value = true;
-        break;
-      case 5: // 打开前后门
-        modalTitle.value = '同时打开';
-        modalType.value = '5';
-        modalIsShow.value = true;
-        break;
-      case 6: // 关闭前后门
-        modalTitle.value = '同时关闭';
-        modalType.value = '6';
-        modalIsShow.value = true;
+      case 'fmtl3':
+        type = 'fmThreeTl';
         break;
-
-      case 7: // 控制模式切换
-        modalTitle.value = '控制模式切换';
-        modalType.value = '7';
-        modalIsShow.value = true;
+      case 'fmSs':
+        type = 'fmTwoSs';
         break;
-
-      case 10: // 风窗控制
-        modalTitle.value = 'A窗控制';
-        modalType.value = '10';
-        modalIsShow.value = true;
+      case 'fm_fc':
+        type = 'fmWindow';
         break;
-
-      case 11: // 风窗控制
-        modalTitle.value = 'B窗控制';
-        modalType.value = '11';
-        modalIsShow.value = true;
+      case 'fmXr':
+        type = 'fmXr';
         break;
-      case 12: // 风窗控制
-        modalTitle.value = 'C窗控制';
-        modalType.value = '12';
-        modalIsShow.value = true;
+      case 'fmYy':
+        type = 'fm1';
         break;
-      case 13: // 风窗控制
-        modalTitle.value = 'D窗控制';
-        modalType.value = '13';
-        modalIsShow.value = true;
+      case 'fmSs3':
+        type = 'fm2';
         break;
-      case 14: // 风窗控制
-        modalTitle.value = '前窗控制';
-        modalType.value = '14';
-        modalIsShow.value = true;
+      case 'fm_fc_hjg':
+        type = 'fmWindowHjg';
         break;
-      case 15: // 风窗控制
-        modalTitle.value = '后窗控制';
-        modalType.value = '15';
-        modalIsShow.value = true;
+      case 'fm_fc_zhq':
+        type = 'fmWindowZhq';
         break;
+      default:
+        type = gateStyle;
     }
-
-    if (globalConfig?.simulatedPassword) {
-      handleOK('', handlerState + '');
+  } else {
+    type = selectData.nwindownum == 1 ? 'singleWindow' : 'doubleWindow';
+    if (selectData['doorUse'] == 2) {
+      type = 'fmXr';
+    } else if (selectData.ndoorcount == '3' || selectData.deviceType == 'gate_nomal3') {
+      type = 'fmThreeTl';
+    } else {
+      if (selectData.deviceType == 'gate_ss') {
+        type = 'fm2';
+      } else if (selectData.deviceType == 'gate_qd' || selectData.deviceType == 'gate_normal') {
+        type = 'fm3';
+      } else if (selectData.deviceType == 'gate_ss_two' || selectData.deviceType == 'gate_ss_two1') {
+        type = 'fmTwoSs';
+      } else if (selectData.deviceType == 'gate_tj') {
+        type = 'fmWindow';
+      } else {
+        type = 'fm1'; // 液压
+      }
     }
-    contrlValue = value;
   }
 
-  const changeOverhaul = (e) => {
-    modalTitle.value = '检修控制';
-    modalType.value = '16';
-    modalIsShow.value = true;
-    contrlValue = e;
-  };
-
-  function handleOK(passWord, handlerState, value?) {
-    if (!passWord && !globalConfig?.simulatedPassword) {
-      message.warning('请输入密码');
-      return;
-    }
-    const data = {
-      deviceid: selectData.deviceID,
-      devicetype: selectData.deviceType,
-      paramcode: '',
-      value: contrlValue,
-      password: passWord || globalConfig?.simulatedPassword,
-      masterComputer: selectData.masterComputer,
-    };
-    let handler = () => {};
+  debugger;
+  setModelType(type).then(async () => {
+    addMonitorText(selectData);
+    loading.value = false;
+  });
+  await getCamera(selectRow.deviceID, playerRef, renderPlayer);
+}
+
+// 播放动画
+function playAnimation(handlerState, data: any = null) {
+  const value = data;
+  switch (handlerState) {
+    case 1: // 打开前门
+      modalTitle.value = '打开前门';
+      modalType.value = '1';
+      modalIsShow.value = true;
+      break;
+    case 2: // 关闭前门
+      modalTitle.value = '关闭前门';
+      modalType.value = '2';
+      modalIsShow.value = true;
+      break;
+    case 3: // 打开后门
+      modalTitle.value = '打开后门';
+      modalType.value = '3';
+      modalIsShow.value = true;
+      break;
+    case 4: // 关闭后门
+      modalTitle.value = '关闭后门';
+      modalType.value = '4';
+      modalIsShow.value = true;
+      break;
+    case 8: // 打开中间门
+      modalTitle.value = '打开中间门';
+      modalType.value = '8';
+      modalIsShow.value = true;
+      break;
+    case 9: // 关闭中间门
+      modalTitle.value = '关闭中间门';
+      modalType.value = '9';
+      modalIsShow.value = true;
+      break;
+    case 5: // 打开前后门
+      modalTitle.value = '同时打开';
+      modalType.value = '5';
+      modalIsShow.value = true;
+      break;
+    case 6: // 关闭前后门
+      modalTitle.value = '同时关闭';
+      modalType.value = '6';
+      modalIsShow.value = true;
+      break;
+
+    case 7: // 控制模式切换
+      modalTitle.value = '控制模式切换';
+      modalType.value = '7';
+      modalIsShow.value = true;
+      break;
+
+    case 10: // 风窗控制
+      modalTitle.value = 'A窗控制';
+      modalType.value = '10';
+      modalIsShow.value = true;
+      break;
+
+    case 11: // 风窗控制
+      modalTitle.value = 'B窗控制';
+      modalType.value = '11';
+      modalIsShow.value = true;
+      break;
+    case 12: // 风窗控制
+      modalTitle.value = 'C窗控制';
+      modalType.value = '12';
+      modalIsShow.value = true;
+      break;
+    case 13: // 风窗控制
+      modalTitle.value = 'D窗控制';
+      modalType.value = '13';
+      modalIsShow.value = true;
+      break;
+    case 14: // 风窗控制
+      modalTitle.value = '前窗控制';
+      modalType.value = '14';
+      modalIsShow.value = true;
+      break;
+    case 15: // 风窗控制
+      modalTitle.value = '后窗控制';
+      modalType.value = '15';
+      modalIsShow.value = true;
+      break;
+  }
 
-    switch (handlerState) {
-      case '1': // 打开前门
-        data.paramcode = 'frontGateOpen_S';
-        break;
-      case '2': // 关闭前门
-        data.paramcode = 'frontGateClose_S';
-        break;
-      case '3': // 打开后门
-        data.paramcode = 'rearGateOpen_S';
-        break;
-      case '4': // 关闭后门
-        data.paramcode = 'rearGateClose_S';
-        break;
-      case '8': // 打开中间门
-        data.paramcode = 'midGateOpen_S';
-        break;
-      case '9': // 关闭中间门
-        data.paramcode = 'midGateClose_S';
-        break;
-      case '5': // 打开前后门
-        data.paramcode = 'sameTimeOpen';
-        break;
-      case '6': // 关闭前后门
-        data.paramcode = 'sameTimeClose';
-        break;
-      case '7': // 远程与就地
-        if (selectData.contrlMod == 'codeCtrl') {
-          if (contrlValue == '1') {
-            data.paramcode = 'autoRoManualControl1';
-          } else if (contrlValue == '0') {
-            data.paramcode = 'autoRoManualControl2';
-          } else {
-            data.paramcode = 'autoRoManualControl0';
-          }
-          data.value = '';
-          selectData.autoRoManual = null;
-        } else if (selectData.contrlMod == 'loopCtrl' || selectData.contrlMod == 'jnjhCtrl') {
-          data.paramcode = 'autoRoManualControl';
-          data.value = '';
-          selectData.autoRoManual = null;
+  if (globalConfig?.simulatedPassword) {
+    handleOK('', handlerState + '');
+  }
+  contrlValue = value;
+}
+
+const changeOverhaul = (e) => {
+  modalTitle.value = '检修控制';
+  modalType.value = '16';
+  modalIsShow.value = true;
+  contrlValue = e;
+};
+
+function handleOK(passWord, handlerState, value?) {
+  if (!passWord && !globalConfig?.simulatedPassword) {
+    message.warning('请输入密码');
+    return;
+  }
+  const data = {
+    deviceid: selectData.deviceID,
+    devicetype: selectData.deviceType,
+    paramcode: '',
+    value: contrlValue,
+    password: passWord || globalConfig?.simulatedPassword,
+    masterComputer: selectData.masterComputer,
+  };
+  let handler = () => { };
+
+  switch (handlerState) {
+    case '1': // 打开前门
+      data.paramcode = 'frontGateOpen_S';
+      break;
+    case '2': // 关闭前门
+      data.paramcode = 'frontGateClose_S';
+      break;
+    case '3': // 打开后门
+      data.paramcode = 'rearGateOpen_S';
+      break;
+    case '4': // 关闭后门
+      data.paramcode = 'rearGateClose_S';
+      break;
+    case '8': // 打开中间门
+      data.paramcode = 'midGateOpen_S';
+      break;
+    case '9': // 关闭中间门
+      data.paramcode = 'midGateClose_S';
+      break;
+    case '5': // 打开前后门
+      data.paramcode = 'sameTimeOpen';
+      break;
+    case '6': // 关闭前后门
+      data.paramcode = 'sameTimeClose';
+      break;
+    case '7': // 远程与就地
+      if (selectData.contrlMod == 'codeCtrl') {
+        if (contrlValue == '1') {
+          data.paramcode = 'autoRoManualControl1';
+        } else if (contrlValue == '0') {
+          data.paramcode = 'autoRoManualControl2';
         } else {
-          data.paramcode = 'autoRoManualControl';
-          data.value = contrlValue;
-          selectData.autoRoManual = null;
+          data.paramcode = 'autoRoManualControl0';
         }
-        break;
-      case '10': // 前(A)窗控制
-        data.paramcode = 'frontSetValue1';
-        data.value = value;
-        break;
-      case '11': // 后(B)窗控制
-        data.paramcode = 'frontSetValue2';
-        data.value = value;
-        break;
-      case '12': // 后(B)窗控制
-        data.paramcode = 'rearSetValue1';
-        data.value = value;
-        break;
-      case '13': // 后(B)窗控制
-        data.paramcode = 'rearSetValue2';
-        data.value = value;
-        break;
-      case '14': // 后(B)窗控制
-        data.paramcode = 'frontSetValue';
-        data.value = value;
-        break;
-      case '15': // 后(B)窗控制
-        data.paramcode = 'rearSetValue';
-        data.value = value;
-        break;
-      case '16': // 检修控制
-        data.paramcode = 'runRoRecondition_S';
-        data.value = selectData['runRoRecondition'] == 0 ? '1' : '0';
-        break;
-    }
+        data.value = '';
+        selectData.autoRoManual = null;
+      } else if (selectData.contrlMod == 'loopCtrl' || selectData.contrlMod == 'jnjhCtrl') {
+        data.paramcode = 'autoRoManualControl';
+        data.value = '';
+        selectData.autoRoManual = null;
+      } else {
+        data.paramcode = 'autoRoManualControl';
+        data.value = contrlValue;
+        selectData.autoRoManual = null;
+      }
+      break;
+    case '10': // 前(A)窗控制
+      data.paramcode = 'frontSetValue1';
+      data.value = value;
+      break;
+    case '11': // 后(B)窗控制
+      data.paramcode = 'frontSetValue2';
+      data.value = value;
+      break;
+    case '12': // 后(B)窗控制
+      data.paramcode = 'rearSetValue1';
+      data.value = value;
+      break;
+    case '13': // 后(B)窗控制
+      data.paramcode = 'rearSetValue2';
+      data.value = value;
+      break;
+    case '14': // 后(B)窗控制
+      data.paramcode = 'frontSetValue';
+      data.value = value;
+      break;
+    case '15': // 后(B)窗控制
+      data.paramcode = 'rearSetValue';
+      data.value = value;
+      break;
+    case '16': // 检修控制
+      data.paramcode = 'runRoRecondition_S';
+      data.value = selectData['runRoRecondition'] == 0 ? '1' : '0';
+      break;
+  }
 
-    if (data.paramcode) {
-      deviceControlApi(data)
-        .then((res) => {
-          // 模拟时开启
-          if (res.success) {
-            modalIsShow.value = false;
-            if (globalConfig.History_Type == 'remote') {
-              message.success('指令已下发至生产管控平台成功！');
-            } else {
-              message.success('指令已下发成功！');
-            }
+  if (data.paramcode) {
+    deviceControlApi(data)
+      .then((res) => {
+        // 模拟时开启
+        if (res.success) {
+          modalIsShow.value = false;
+          if (globalConfig.History_Type == 'remote') {
+            message.success('指令已下发至生产管控平台成功！');
           } else {
-            message.error(res.message);
+            message.success('指令已下发成功！');
           }
-          contrlValue = '';
-        })
-        .catch(() => {
-          message.error('控制异常，请排查问题。。。');
-          contrlValue = '';
-        });
-    }
+        } else {
+          message.error(res.message);
+        }
+        contrlValue = '';
+      })
+      .catch(() => {
+        message.error('控制异常，请排查问题。。。');
+        contrlValue = '';
+      });
   }
-  let isOpenRunning = false; //开关门动作是否在进行
-  /** 开关门动画调用 */
-  let isFrontOpenRunning = false; //开关门动作是否在进行
-  // let isFrontCloseRunning = false; //开关门动作是否在进行
-  let isRearOpenRunning = false; //开关门动作是否在进行
-  // let isRearCloseRunning = false; //开关门动作是否在进行
-  let isMidOpenRunning = false; //中间门动作是否在进行
-  // let isMidCloseRunning = false; //中间门动作是否在进行
-  // 0 关闭 1 正在打开 2 打开 3正在关闭
-  let frontDeviceState = 0; //记录设备状态，为了与下一次监测数据做比较
-  let rearDeviceState = 0; //记录设备状态，为了与下一次监测数据做比较
-  let midDeviceState = 0; //记录设备状态，为了与下一次监测数据做比较
-
-  function monitorAnimation(selectData) {
-    const timeScale = 0.005;
-    // 带风窗 风窗动画
-    if (selectData['gateStyle'] && selectData['gateStyle'].includes('fm_fc')) playWindowAnimation(selectData);
-
-    if (selectData.frontGateOpen == '1' && selectData.frontGateClose == '0' && !isFrontOpenRunning) {
-      isFrontOpenRunning = true;
-      if (frontDeviceState != 1) {
-        // import.meta.env.VITE_GLOB_IS_SIMULATE ? play(1, timeScale) : play(1);
-        play(1, timeScale);
-        frontDeviceState = 1;
-        frontDoorIsOpen.value = false;
-        backDoorIsOpen.value = true;
-      }
+}
+let isOpenRunning = false; //开关门动作是否在进行
+/** 开关门动画调用 */
+let isFrontOpenRunning = false; //开关门动作是否在进行
+// let isFrontCloseRunning = false; //开关门动作是否在进行
+let isRearOpenRunning = false; //开关门动作是否在进行
+// let isRearCloseRunning = false; //开关门动作是否在进行
+let isMidOpenRunning = false; //中间门动作是否在进行
+// let isMidCloseRunning = false; //中间门动作是否在进行
+// 0 关闭 1 正在打开 2 打开 3正在关闭
+let frontDeviceState = 0; //记录设备状态，为了与下一次监测数据做比较
+let rearDeviceState = 0; //记录设备状态，为了与下一次监测数据做比较
+let midDeviceState = 0; //记录设备状态，为了与下一次监测数据做比较
+
+function monitorAnimation(selectData) {
+  const timeScale = 0.005;
+  // 带风窗 风窗动画
+  if (selectData['gateStyle'] && selectData['gateStyle'].includes('fm_fc')) playWindowAnimation(selectData);
+
+  if (selectData.frontGateOpen == '1' && selectData.frontGateClose == '0' && !isFrontOpenRunning) {
+    isFrontOpenRunning = true;
+    if (frontDeviceState != 1) {
+      // import.meta.env.VITE_GLOB_IS_SIMULATE ? play(1, timeScale) : play(1);
+      play(1, timeScale);
+      frontDeviceState = 1;
+      frontDoorIsOpen.value = false;
+      backDoorIsOpen.value = true;
     }
+  }
 
-    if (selectData.frontGateOpen == '0' && selectData.frontGateClose == '0' && !isFrontOpenRunning) {
-      isFrontOpenRunning = true;
-      if (frontDeviceState != 1) {
-        // import.meta.env.VITE_GLOB_IS_SIMULATE ? play(1, timeScale) : play(1);
-        play(1, timeScale);
-        frontDeviceState = 1;
-        frontDoorIsOpen.value = false;
-        backDoorIsOpen.value = true;
-      }
+  if (selectData.frontGateOpen == '0' && selectData.frontGateClose == '0' && !isFrontOpenRunning) {
+    isFrontOpenRunning = true;
+    if (frontDeviceState != 1) {
+      // import.meta.env.VITE_GLOB_IS_SIMULATE ? play(1, timeScale) : play(1);
+      play(1, timeScale);
+      frontDeviceState = 1;
+      frontDoorIsOpen.value = false;
+      backDoorIsOpen.value = true;
     }
+  }
 
-    if (selectData.frontGateClose == '1' && selectData.frontGateOpen == '0' && isFrontOpenRunning) {
-      isFrontOpenRunning = false;
-      if (frontDeviceState != 0) {
-        // import.meta.env.VITE_GLOB_IS_SIMULATE ? play(2, timeScale) : play(2);
-        play(2, timeScale);
-        frontDeviceState = 0;
-        frontDoorIsOpen.value = false;
-        // backDoorIsOpen.value = false
-      }
+  if (selectData.frontGateClose == '1' && selectData.frontGateOpen == '0' && isFrontOpenRunning) {
+    isFrontOpenRunning = false;
+    if (frontDeviceState != 0) {
+      // import.meta.env.VITE_GLOB_IS_SIMULATE ? play(2, timeScale) : play(2);
+      play(2, timeScale);
+      frontDeviceState = 0;
+      frontDoorIsOpen.value = false;
+      // backDoorIsOpen.value = false
     }
-    if (selectData.rearGateOpen == '1' && selectData.rearGateClose == '0' && !isRearOpenRunning) {
-      isRearOpenRunning = true;
-
-      if (rearDeviceState != 1) {
-        // import.meta.env.VITE_GLOB_IS_SIMULATE ? play(3, timeScale) : play(3);
-        play(3, timeScale);
-        rearDeviceState = 1;
-        backDoorIsOpen.value = false;
-        frontDoorIsOpen.value = true;
-      }
+  }
+  if (selectData.rearGateOpen == '1' && selectData.rearGateClose == '0' && !isRearOpenRunning) {
+    isRearOpenRunning = true;
+
+    if (rearDeviceState != 1) {
+      // import.meta.env.VITE_GLOB_IS_SIMULATE ? play(3, timeScale) : play(3);
+      play(3, timeScale);
+      rearDeviceState = 1;
+      backDoorIsOpen.value = false;
+      frontDoorIsOpen.value = true;
     }
-    if (selectData.rearGateOpen == '0' && selectData.rearGateClose == '0' && !isRearOpenRunning) {
-      isRearOpenRunning = true;
-
-      if (rearDeviceState != 1) {
-        // import.meta.env.VITE_GLOB_IS_SIMULATE ? play(3, timeScale) : play(3);
-        play(3, timeScale);
-        rearDeviceState = 1;
-        backDoorIsOpen.value = false;
-        frontDoorIsOpen.value = true;
-      }
+  }
+  if (selectData.rearGateOpen == '0' && selectData.rearGateClose == '0' && !isRearOpenRunning) {
+    isRearOpenRunning = true;
+
+    if (rearDeviceState != 1) {
+      // import.meta.env.VITE_GLOB_IS_SIMULATE ? play(3, timeScale) : play(3);
+      play(3, timeScale);
+      rearDeviceState = 1;
+      backDoorIsOpen.value = false;
+      frontDoorIsOpen.value = true;
     }
+  }
 
-    if (selectData.rearGateClose == '1' && selectData.rearGateOpen == '0' && isRearOpenRunning) {
-      isRearOpenRunning = false;
-      if (rearDeviceState != 0) {
-        // import.meta.env.VITE_GLOB_IS_SIMULATE ? play(4, timeScale) : play(4);
-        play(4, timeScale);
-        rearDeviceState = 0;
-        backDoorIsOpen.value = false;
-      }
+  if (selectData.rearGateClose == '1' && selectData.rearGateOpen == '0' && isRearOpenRunning) {
+    isRearOpenRunning = false;
+    if (rearDeviceState != 0) {
+      // import.meta.env.VITE_GLOB_IS_SIMULATE ? play(4, timeScale) : play(4);
+      play(4, timeScale);
+      rearDeviceState = 0;
+      backDoorIsOpen.value = false;
     }
+  }
 
-    if (selectData.midGateOpen == '1' && selectData.midGateClose == '0' && !isMidOpenRunning) {
-      isMidOpenRunning = true;
+  if (selectData.midGateOpen == '1' && selectData.midGateClose == '0' && !isMidOpenRunning) {
+    isMidOpenRunning = true;
 
-      if (midDeviceState != 1) {
-        // import.meta.env.VITE_GLOB_IS_SIMULATE ? play(3, timeScale) : play(3);
-        play(8, timeScale);
-        midDeviceState = 1;
-        backDoorIsOpen.value = false;
-        frontDoorIsOpen.value = true;
-      }
+    if (midDeviceState != 1) {
+      // import.meta.env.VITE_GLOB_IS_SIMULATE ? play(3, timeScale) : play(3);
+      play(8, timeScale);
+      midDeviceState = 1;
+      backDoorIsOpen.value = false;
+      frontDoorIsOpen.value = true;
     }
+  }
 
-    if (selectData.midGateOpen == '0' && selectData.midGateClose == '0' && !isMidOpenRunning) {
-      isMidOpenRunning = true;
-
-      if (midDeviceState != 1) {
-        // import.meta.env.VITE_GLOB_IS_SIMULATE ? play(3, timeScale) : play(3);
-        play(8, timeScale);
-        midDeviceState = 1;
-        backDoorIsOpen.value = false;
-        frontDoorIsOpen.value = true;
-      }
-    }
+  if (selectData.midGateOpen == '0' && selectData.midGateClose == '0' && !isMidOpenRunning) {
+    isMidOpenRunning = true;
 
-    if (selectData.midGateClose == '1' && selectData.midGateOpen == '0' && isMidOpenRunning) {
-      isMidOpenRunning = false;
-      if (midDeviceState != 0) {
-        // import.meta.env.VITE_GLOB_IS_SIMULATE ? play(4, timeScale) : play(4);
-        play(9, timeScale);
-        midDeviceState = 0;
-        backDoorIsOpen.value = false;
-      }
+    if (midDeviceState != 1) {
+      // import.meta.env.VITE_GLOB_IS_SIMULATE ? play(3, timeScale) : play(3);
+      play(8, timeScale);
+      midDeviceState = 1;
+      backDoorIsOpen.value = false;
+      frontDoorIsOpen.value = true;
     }
-
-    modelRef.value?.animate?.(selectData.frontGateOpen == '1', selectData.midGateOpen == '1', selectData.rearGateOpen == '1');
   }
 
-  function playWindowAnimation(data, maxarea = 90, isFirst = false) {
-    computePlay(data, maxarea, isFirst);
-  }
-
-  function handleCancel() {
-    modalIsShow.value = false;
-    modalTitle.value = '';
-    modalType.value = '';
+  if (selectData.midGateClose == '1' && selectData.midGateOpen == '0' && isMidOpenRunning) {
+    isMidOpenRunning = false;
+    if (midDeviceState != 0) {
+      // import.meta.env.VITE_GLOB_IS_SIMULATE ? play(4, timeScale) : play(4);
+      play(9, timeScale);
+      midDeviceState = 0;
+      backDoorIsOpen.value = false;
+    }
   }
 
-  onMounted(async () => {
-    const { query } = unref(currentRoute);
-    if (query['deviceType']) deviceType.value = query['deviceType'] as string;
-    modelList.value = await getDictItems('gateModel');
-    if (globalConfig.is2DModel) {
-      await getMonitor(true);
-    } else {
-      loading.value = true;
-      const playerDom = document.getElementById('fm-player1')?.getElementsByClassName('vjs-tech')[0];
+  modelRef.value?.animate?.(selectData.frontGateOpen == '1', selectData.midGateOpen == '1', selectData.rearGateOpen == '1');
+}
+
+function playWindowAnimation(data, maxarea = 90, isFirst = false) {
+  computePlay(data, maxarea, isFirst);
+}
+
+function handleCancel() {
+  modalIsShow.value = false;
+  modalTitle.value = '';
+  modalType.value = '';
+}
+
+onMounted(async () => {
+  const { query } = unref(currentRoute);
+  if (query['deviceType']) deviceType.value = query['deviceType'] as string;
+  modelList.value = await getDictItems('gateModel');
+  if (globalConfig.is2DModel) {
+    await getMonitor(true);
+  } else {
+    loading.value = true;
+    const playerDom = document.getElementById('fm-player1')?.getElementsByClassName('vjs-tech')[0];
 
-      mountedThree(playerDom)
-        .then(async () => {
-          if (sysOrgCode != 'zmhjhzmy') {
-            await getMonitor(true);
+    mountedThree(playerDom)
+      .then(async () => {
+        if (sysOrgCode != 'zmhjhzmy') {
+          await getMonitor(true);
+          loading.value = false;
+        } else {
+          // 韩咀无风门设备,只有报警历史数据,无其他数据
+          setModelType('fm1').then(async () => {
             loading.value = false;
-          } else {
-            // 韩咀无风门设备,只有报警历史数据,无其他数据
-            setModelType('fm1').then(async () => {
-              loading.value = false;
-              dataSource.value = [];
-              addMonitorText(selectData);
-            });
-          }
-        })
-        .catch(() => {});
-    }
-  });
+            dataSource.value = [];
+            addMonitorText(selectData);
+          });
+        }
+      })
+      .catch(() => { });
+  }
+});
 
-  onBeforeUnmount(() => {
-    removeCamera(playerRef);
-    getDeviceBaseList();
-  });
+onBeforeUnmount(() => {
+  removeCamera(playerRef);
+  getDeviceBaseList();
+});
 
-  onUnmounted(() => {
-    if (timer) {
-      clearTimeout(timer);
-      timer = undefined;
-    }
-    destroy();
-  });
+onUnmounted(() => {
+  if (timer) {
+    clearTimeout(timer);
+    timer = undefined;
+  }
+  destroy();
+});
 </script>
 
 <style lang="less" scoped>
-  @import '/@/design/theme.less';
-  @import '/@/design/vent/modal.less';
-  .scene-box {
-    .bottom-tabs-box {
-      height: 350px;
-    }
+@import '/@/design/theme.less';
+@import '/@/design/vent/modal.less';
+
+.scene-box {
+  .bottom-tabs-box {
+    height: 350px;
   }
-  .button-box {
-    border: none !important;
-    height: 34px !important;
+}
 
-    &:hover {
-      background: var(--vent-device-manager-control-btn-hover) !important;
-    }
+.button-box {
+  border: none !important;
+  height: 34px !important;
 
-    &::before {
-      height: 27px !important;
-      background: var(--vent-device-manager-control-btn) !important;
-    }
-
-    &::after {
-      top: 35px !important;
-    }
+  &:hover {
+    background: var(--vent-device-manager-control-btn-hover) !important;
   }
 
-  :deep(.@{ventSpace}-tabs-tabpane-active) {
-    height: 100%;
+  &::before {
+    height: 27px !important;
+    background: var(--vent-device-manager-control-btn) !important;
   }
 
-  ::-webkit-scrollbar-thumb {
-    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
-    background: #4288a444;
-  }
-  :deep(.zxm-radio-disabled + span) {
-    color: var(--vent-font-color) !important;
-  }
-  :deep(.zxm-radio-disabled .zxm-radio-inner::after) {
-    background-color: #127cb5 !important;
-  }
-  :deep(.@{ventSpace}-picker-datetime-panel) {
-    height: 200px !important;
-    overflow-y: auto !important;
+  &::after {
+    top: 35px !important;
   }
+}
+
+:deep(.@{ventSpace}-tabs-tabpane-active) {
+  height: 100%;
+}
+
+::-webkit-scrollbar-thumb {
+  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+  background: #4288a444;
+}
+
+:deep(.zxm-radio-disabled + span) {
+  color: var(--vent-font-color) !important;
+}
+
+:deep(.zxm-radio-disabled .zxm-radio-inner::after) {
+  background-color: #127cb5 !important;
+}
+
+:deep(.@{ventSpace}-picker-datetime-panel) {
+  height: 200px !important;
+  overflow-y: auto !important;
+}
 </style>