openatc-components 0.0.1 → 0.0.2

package/src/kisscomps/components/SchemeConfig/lockingPhaselControlModal/index.vue

@@ -0,0 +1,214 @@
+/**
+ * Copyright (c) 2020 kedacom
+ * OpenATC is licensed under Mulan PSL v2.
+ * You can use this software according to the terms and conditions of the Mulan PSL v2.
+ * You may obtain a copy of Mulan PSL v2 at:
+ * http://license.coscl.org.cn/MulanPSL2
+ * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
+ * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
+ * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
+ * See the Mulan PSL v2 for more details.
+ **/
+<template>
+  <div class="manual-control-modal lockingphase-control">
+    <div class="title" style="margin-bottom: 18px;">{{$t('edge.overview.phaselocking')}}</div>
+    <el-row>
+      <el-col :span="24">
+         <el-form
+          :inline="true"
+           ref="manual"
+           label-position="left"
+           :model="manualInfo"
+           label-width="100px">
+           <el-form-item
+                :label="$t('edge.phase.greenclear') + ':'"
+                prop="intersection">
+              <el-input-number :min="0" :max="65535" :precision="0" :step="1" :controls="false" v-model.number="manualInfo.tempGreenflash" size="mini"></el-input-number>
+            </el-form-item>
+            <el-form-item
+                :label="$t('edge.overview.duration') + ':'"
+                prop="count">
+              <el-input-number :min="0" :max="65535" :precision="0" :step="1" :controls="false" v-model.number="manualInfo.tempDuration" size="mini"></el-input-number>
+            </el-form-item>
+            <el-form-item
+                :label="$t('edge.overview.yellowflash') + ':'"
+                prop="intersection">
+              <el-input-number :min="0" :max="65535" :precision="0" :step="1" :controls="false" v-model.number="manualInfo.tempYellow" size="mini"></el-input-number>
+            </el-form-item>
+            <el-form-item
+                :label="$t('edge.overview.allred') + ':'"
+                prop="intersection">
+              <el-input-number :min="0" :max="65535" :precision="0" :step="1" :controls="false" v-model.number="manualInfo.tempRedclear" size="mini"></el-input-number>
+            </el-form-item>
+            <el-form-item
+                :label="$t('edge.phase.mingreen') + ':'"
+                prop="count">
+              <el-input-number :min="0" :max="65535" :precision="0" :step="1" :controls="false" v-model.number="manualInfo.tempMingreen" size="mini"></el-input-number>
+            </el-form-item>
+           </el-form>
+      </el-col>
+    </el-row>
+    <el-row>
+        <div class="model-label">{{$t('edge.overview.mode')}}:</div>
+        <div style="width: 100%; overflow: hidden;margin-top: 20px;">
+          <CommonKanban
+            v-for="ring in closePhaseRings"
+            :key="ring.num" class="closephasekanban"
+            :list="ring.phases"
+            :header-text="$t('edge.pattern.ring') + ring.num"
+            :Draggable="false"
+            @handleSort="handleSort">
+              <template v-slot:kanbantitle>
+                <div class="col-title" v-text="$t('edge.overview.closemode')"></div>
+              </template>
+              <template v-slot:kanbancontent="data">
+                <el-select v-model="data.element.locktype" class="col-inner"  size="small" :placeholder="$t('edge.common.select')">
+                  <el-option
+                    v-for="item in lockingOption"
+                    :key="item.value"
+                    :label="$t('edge.overview.lockingOption' + item.value)"
+                    :value="item.value">
+                  </el-option>
+                </el-select>
+            </template>
+          </CommonKanban>
+        </div>
+    </el-row>
+    <div class="footer" v-if="realtimeStatusModalvisible">
+        <el-button @click="handleClose()">{{$t('edge.button.Back')}}</el-button>
+        <el-button type="primary" @click="handleManualControl()">{{$t('edge.overview.implement')}}</el-button>
+    </div>
+    <div class="footer" v-if="!realtimeStatusModalvisible">
+        <el-button @click="handleClose()">{{$t('edge.button.Back')}}</el-button>
+        <el-button type="primary" @click="handleManualControl()">{{$t('edge.overview.comfirm')}}</el-button>
+    </div>
+  </div>
+</template>
+
+<script>
+import CommonKanban from '../../../components/CommonKanban'
+export default {
+  name: 'closePhaselControl',
+  components: {
+    CommonKanban
+  },
+  props: {
+    Visible: {
+      type: Boolean
+    },
+    controlData: {
+      type: Object
+    },
+    modelList: {
+      type: Array
+    },
+    stagesList: {
+      type: Array
+    },
+    currModel: {
+      type: Number
+    },
+    preselectModel: {
+      type: Number
+    },
+    currentStage: {
+      type: Number
+    },
+    preselectStages: {
+      type: Number
+    },
+    specialcontrolList: {
+      type: Array
+    },
+    closePhaseRings: {
+      type: Array
+    },
+    realtimeStatusModalvisible: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data () {
+    return {
+      visible: this.Visible,
+      manualInfo: {
+        tempGreenflash: 6,
+        tempDuration: 600, // 控制方式手动操作的情况下的持续时间的临时值。
+        tempYellow: 3,
+        tempRedclear: 2,
+        tempMingreen: 15
+      },
+      lockingOption: [{
+        value: 0
+      }, {
+        value: 1
+      }, {
+        value: 2
+      }, {
+        value: 3
+      }]
+    }
+  },
+  methods: {
+    handleClose () {
+      this.$emit('closePhaseBack')
+    },
+    handleManualControl () {
+      let submitdata = {
+        control: 22,
+        data: {}
+      }
+      if (this.manualInfo.tempGreenflash !== undefined) {
+        submitdata.data.greenflash = Number(this.manualInfo.tempGreenflash)
+      }
+      if (this.manualInfo.tempDuration !== undefined) {
+        submitdata.data.duration = Number(this.manualInfo.tempDuration)
+      }
+      if (this.manualInfo.tempYellow !== undefined) {
+        submitdata.data.yellow = Number(this.manualInfo.tempYellow)
+      }
+      if (this.manualInfo.tempRedclear !== undefined) {
+        submitdata.data.redclear = Number(this.manualInfo.tempRedclear)
+      }
+      if (this.manualInfo.tempMingreen !== undefined) {
+        submitdata.data.mingreen = Number(this.manualInfo.tempMingreen)
+      }
+      submitdata.data.phases = this.handleSubmitPhaseLocking()
+      this.$emit('closePhaseControl', submitdata)
+    },
+    handleSubmitPhaseLocking () {
+      let allRingsPhases = []
+      for (let i = 0; i < this.closePhaseRings.length; i++) {
+        let ring = this.closePhaseRings[i]
+        let phase = ring.phases
+        for (let j = 0; j < phase.length; j++) {
+          let obj = {}
+          obj.id = phase[j].id
+          obj.type = phase[j].locktype
+          allRingsPhases.push(obj)
+        }
+      }
+      return allRingsPhases
+    },
+    handleSort (sortedlist) {
+      // 重新排序数据
+      let ringid = sortedlist[0].ring
+      for (let i = 0; i < this.closePhaseRings.length; i++) {
+        if (ringid === this.closePhaseRings[i].num) {
+          this.closePhaseRings[i].phases = sortedlist
+        }
+      }
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.col-inner {
+  width: 100%;
+  float: left;
+}
+.col-title {
+  width: 100%;
+  float: left;
+}
+</style>

package/src/kisscomps/components/SchemeConfig/manualControlModal/index.vue

@@ -0,0 +1,176 @@
+/**
+ * Copyright (c) 2020 kedacom
+ * OpenATC is licensed under Mulan PSL v2.
+ * You can use this software according to the terms and conditions of the Mulan PSL v2.
+ * You may obtain a copy of Mulan PSL v2 at:
+ * http://license.coscl.org.cn/MulanPSL2
+ * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
+ * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
+ * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
+ * See the Mulan PSL v2 for more details.
+ **/
+<template>
+  <div class="manual-control-modal">
+    <div class="title" style="margin-bottom: 18px;">{{$t('edge.overview.manual')}}</div>
+    <el-row>
+      <el-col :span="24">
+         <el-form
+           ref="manual"
+           label-position="left"
+           :model="manualInfo"
+           label-width="100px">
+            <el-form-item
+                :label="$t('edge.overview.controlnumber') + ':'"
+                prop="shape">
+                <el-input-number v-model="manualInfo.tempPatternid" :controls="false" size="mini" :max="65535" :min="0" :precision="0" :step="1" :placeholder="$t('edge.common.input')"></el-input-number>
+            </el-form-item>
+            <el-form-item
+                :label="$t('edge.overview.delay') + ':'"
+                prop="intersection">
+              <el-input-number v-model="manualInfo.tempDelay" :controls="false" size="mini" :max="65535" :min="0" :precision="0" :step="1" :placeholder="$t('edge.common.input')"></el-input-number>
+            </el-form-item>
+            <el-form-item
+                :label="$t('edge.overview.duration') + ':'"
+                prop="count">
+              <el-input-number v-model="manualInfo.tempDuration" :controls="false" size="mini" :max="65535" :min="0" :precision="0" :step="1" :placeholder="$t('edge.common.input')"></el-input-number>
+            </el-form-item>
+           </el-form>
+      </el-col>
+    </el-row>
+    <el-row>
+        <div class="model-label">{{$t('edge.overview.mode')}}:</div>
+        <div style="width: 100%; overflow: hidden;">
+          <div class="control-model" v-for="(item, index) in modelList" :key="index">
+            <div class="single-model"
+            @click="selectModel(item.id)"
+            :class="(preselectModel == item.id && preselectStages == -1)? 'single-model-select' : ''"
+            v-if="FuncSort === 'allFunc' || (FuncSort === 'basicFunc'&& basicFuncControlId.indexOf(item.id) !== -1)">
+              <svg-icon :icon-class="item.iconClass" className="model-icon"></svg-icon>
+              <div class="single-model-name">{{$t('edge.overview.modelList' + item.id)}}</div>
+            </div>
+          </div>
+        </div>
+        <div class="stage-label">{{$t('edge.overview.stage')}}:</div>
+        <div style="width: 100%; height: auto;overflow: hidden;">
+          <div class="control-model" v-for="(item, index) in stagesList" :key="index">
+            <div class="single-model" @click="selectStages(index + 1)" :class="preselectStages == index + 1 ? 'single-model-select' : ''">
+              <xdrdirselector Width="40px" Height="40px" :showlist="item"></xdrdirselector>
+              <div style="display:flex;flex-direction:row;justify-content:center;align-items:center;">
+                <div class="current-stage-num" style="width:20%;">{{index + 1}}</div>
+                <div style="width:70%;">
+                  <i class="iconfont icon-BRT" style="font-size:11PX;color:#606266;" v-if="item[item.length-1].controltype === 4"></i>
+                  <i class="iconfont icon-feijidongche" style="font-size:11PX;color:#606266;" v-if="item[item.length-1].controltype === 6"></i>
+                  <i class="iconfont icon-gongjiaoche" style="font-size:11PX;color:#606266;" v-if="item[item.length-1].controltype === 3"></i>
+                  <i class="iconfont icon-youguidianche" style="font-size:11PX;color:#606266;" v-if="item[item.length-1].controltype === 5"></i>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="stage-label" v-if="FuncSort === 'allFunc'">{{$t('edge.overview.specialcontrol')}}:</div>
+        <div style="width: 100%; height: auto;overflow: hidden;" v-if="FuncSort === 'allFunc'">
+          <div class="control-model" v-for="(item, index) in specialcontrolList" :key="index">
+            <div class="single-model" @click="selectSpecialStages(item.id)">
+              <svg-icon :icon-class="item.iconClass" className="closephase-icon"></svg-icon>
+              <div class="single-model-name">{{$t('edge.overview.modelList' + item.id)}}</div>
+            </div>
+          </div>
+        </div>
+    </el-row>
+    <div class="footer" v-if="realtimeStatusModalvisible">
+        <el-button @click="handleClose()">{{$t('edge.button.Back')}}</el-button>
+        <el-button type="primary" @click="handleManualControl()">{{$t('edge.overview.implement')}}</el-button>
+    </div>
+    <div class="footer" v-if="!realtimeStatusModalvisible">
+        <el-button type="primary" @click="handleManualControl()">{{$t('edge.overview.comfirm')}}</el-button>
+    </div>
+  </div>
+</template>
+
+<script>
+import xdrdirselector from '@/components/XRDDirSelector'
+import { mapState } from 'vuex'
+export default {
+  name: 'manualControl',
+  components: {
+    xdrdirselector
+  },
+  props: {
+    Visible: {
+      type: Boolean
+    },
+    controlData: {
+      type: Object
+    },
+    modelList: {
+      type: Array
+    },
+    stagesList: {
+      type: Array
+    },
+    currModel: {
+      type: Number
+    },
+    preselectModel: {
+      type: Number
+    },
+    currentStage: {
+      type: Number
+    },
+    preselectStages: {
+      type: Number
+    },
+    specialcontrolList: {
+      type: Array
+    },
+    realtimeStatusModalvisible: {
+      type: Boolean,
+      default: true
+    }
+  },
+  computed: {
+    ...mapState({
+      FuncSort: state => state.globalParam.FuncSort
+    })
+  },
+  data () {
+    return {
+      basicFuncControlId: [0, 1, 4, 5], // 基础功能包含的控制方式： 自主控制（手动下）、黄闪、步进、定周期
+      visible: this.Visible,
+      manualInfo: {
+        tempPatternid: 0, // 控制方式手动操作的情况下的控制编号的临时值。
+        tempDelay: 0, // 控制方式手动操作的情况下的延迟时间的临时值。
+        tempDuration: 300 // 控制方式手动操作的情况下的持续时间的临时值。
+      }
+    }
+  },
+  methods: {
+    handleClose () {
+      this.$emit('closeManualModal')
+    },
+    handleManualControl () {
+      this.$emit('patternCommit', this.manualInfo)
+    },
+    selectModel (id) {
+      this.$emit('selectModel', id)
+    },
+    selectStages (value) {
+      this.$emit('selectStages', value)
+    },
+    selectSpecialStages (id) {
+      this.$emit('selectSpecialModel', id)
+    }
+  },
+  mounted () {
+    if (this.controlData.patternid) {
+      this.manualInfo.tempPatternid = this.controlData.patternid
+    }
+    if (this.controlData.tempDelay) {
+      this.manualInfo.tempDelay = this.controlData.delay
+    }
+    if (this.controlData.tempDuration) {
+      this.manualInfo.tempDuration = this.controlData.duration
+    }
+  }
+}
+</script>

package/src/kisscomps/components/SchemeConfig/realtimeStatusModal/index.vue

@@ -0,0 +1,294 @@
+/**
+ * Copyright (c) 2020 kedacom
+ * OpenATC is licensed under Mulan PSL v2.
+ * You can use this software according to the terms and conditions of the Mulan PSL v2.
+ * You may obtain a copy of Mulan PSL v2 at:
+ * http://license.coscl.org.cn/MulanPSL2
+ * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
+ * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
+ * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
+ * See the Mulan PSL v2 for more details.
+ **/
+<template>
+<div>
+  <div class="cross-mess" style="margin-bottom: 18px;">{{$t('edge.overview.crossinfo')}}</div>
+  <div class="cross-module">
+    <div class="cross-content">
+      <div style="float: left;" class="cross-name">{{$t('edge.overview.crossname')}}:</div>
+      <div style="margin-left: 85px;" class="cross-value">{{agentName}}</div>
+    </div>
+    <div class="cross-content">
+      <div style="float: left;" class="cross-name">{{$t('edge.overview.divicestate')}}:</div>
+      <div
+        v-show="devStatus===3"
+        style="margin-left: 85px;"
+        class="cross-value"
+      >{{$t('edge.overview.connected')}}</div>
+      <div
+        v-show="devStatus===2"
+        style="margin-left: 85px;"
+        class="cross-value"
+      >{{$t('edge.overview.offline')}}</div>
+      <div
+        v-show="devStatus===1"
+        style="margin-left: 85px;"
+        class="cross-value"
+      >{{$t('edge.overview.onlineing')}}</div>
+    </div>
+    <!-- <div class="cross-content"><div style="float: left;" class="cross-name">{{$t('edge.overview.protocoltype')}}:</div><div style="margin-left: 85px;" class="cross-value">{{protocol}}</div></div> -->
+    <!-- <div class="cross-content"><div style="float: left;" class="cross-name">信号机型号:</div><div style="margin-left: 85px;" class="cross-value">XHJ-CW-GA-KSS100</div></div> -->
+    <div class="cross-content">
+      <div style="float: left;" class="cross-name">{{$t('edge.overview.signalID')}}:</div>
+      <div style="margin-left: 85px;" class="cross-value">{{agentId}}</div>
+    </div>
+    <div class="cross-content">
+      <div style="float: left;" class="cross-name">{{$t('edge.overview.signalIP')}}:</div>
+      <div style="margin-left: 85px;" class="cross-value">{{ip}}</div>
+    </div>
+    <div class="cross-content" v-if="platform">
+      <div style="float: left;" class="cross-name">{{$t('edge.overview.platform')}}:</div>
+      <div style="margin-left: 85px;" class="cross-value">{{platform}}</div>
+    </div>
+    <div class="cross-content">
+      <div style="float: left;" class="cross-name">{{$t('edge.overview.faultinfo')}}:</div>
+      <div style="margin-left: 85px;" v-if="curFaultList.length">
+        <el-tag v-if="confirmedFault.length" type="success">
+          {{$t('edge.overview.confirmed')}}
+          <span style="margin: 0 2px;">{{confirmedFault.length}}</span>
+        </el-tag>
+        <el-tag v-if="untreatedFault.length">
+          {{$t('edge.overview.untreated')}}
+          <span style="margin: 0 2px;">{{untreatedFault.length}}</span>
+        </el-tag>
+        <el-tag v-if="ignoredFault.length" type="info">
+          {{$t('edge.overview.ignored')}}
+          <span style="margin: 0 2px;">{{ignoredFault.length}}</span>
+        </el-tag>
+        <span class="fault-detail-btn" @click="showFaultDetail">{{$t('edge.overview.details')}} >></span>
+      </div>
+      <div
+        style="margin-left: 85px;"
+        class="cross-value"
+        v-if="!curFaultList.length"
+      >{{$t('edge.overview.nofault')}}</div>
+    </div>
+  </div>
+  <div class="control-bottom">
+    <div
+      class="cross-mess"
+      style="float: left;margin-top: 40px;margin-bottom: 18px;"
+    >{{$t('edge.overview.controlmode')}}</div>
+    <el-button
+      type="primary"
+      style="float: right; margin-right: 20px;margin-top: 40px;"
+      size="mini"
+      @click="changeStatus"
+    >{{$t('edge.overview.manual')}}</el-button>
+    <!-- <el-button type="primary" style="float: right; margin-right: 40px;" size="mini" @click="changeStatus" v-show="isOperation">{{$t('edge.overview.exitmanual')}}</el-button> -->
+  </div>
+  <div class="cross-module">
+    <!-- 信号机控制状态模块 Start-->
+    <div class="controlStatePart">
+      <div class="bigPart">
+        <el-row :gutter="7">
+          <el-col :span="12">
+            <div class="grid-content bg-base">
+              <div class="value">{{controlData.mode}}</div>
+              <div class="name">{{$t('edge.overview.controlmodel')}}</div>
+            </div>
+          </el-col>
+          <el-col :span="12">
+            <div class="grid-content bg-base">
+              <div class="value">{{currModel > -1 ? $t('edge.overview.modelList' + currModel) : ''}}</div>
+              <div class="name">{{$t('edge.overview.curModel')}}</div>
+            </div>
+          </el-col>
+        </el-row>
+      </div>
+      <div class="smallPart">
+        <el-row :gutter="7">
+          <el-col :span="8" v-if="controlData.patternid !== undefined">
+            <div class="grid-content bg-base">
+              <div class="value">{{controlData.patternid}}</div>
+              <div class="name">{{$t('edge.overview.controlnumber')}}</div>
+            </div>
+          </el-col>
+          <el-col :span="8" v-if="responseTime !== undefined">
+            <div class="grid-content bg-base">
+              <div class="value">{{responseTime + ' ms'}}</div>
+              <div class="name">{{$t('edge.overview.responseTime')}}</div>
+            </div>
+          </el-col>
+          <el-col :span="8" v-if="controlData.duration !== undefined">
+            <div class="grid-content bg-base">
+              <div class="value">{{controlData.duration + ' s'}}</div>
+              <div class="name">{{$t('edge.overview.duration')}}</div>
+            </div>
+          </el-col>
+          <el-col :span="8" v-if="controlData.delay !== undefined">
+            <div class="grid-content bg-base">
+              <div class="value">{{controlData.delay}}</div>
+              <div class="name">{{$t('edge.overview.delay')}}</div>
+            </div>
+          </el-col>
+          <el-col :span="8" v-if="currentStage !== undefined">
+            <div class="grid-content bg-base">
+              <div class="value">{{currentStage}}</div>
+              <div class="name">{{$t('edge.overview.curStage')}}</div>
+            </div>
+          </el-col>
+        </el-row>
+      </div>
+    </div>
+    <!-- 信号机控制状态模块 End-->
+
+    <div class="cross-content" v-show="stagesList && stagesList.length > 0">
+      <div style="float: left;" class="cross-name">{{$t('edge.overview.currentstage')}}:</div>
+      <div style="margin-left: 85PX;">
+        <div style="width: 100%; height: auto;">
+          <div class="control-model" v-for="(item, index) in stagesList" :key="index">
+            <div
+              style="position:relative;"
+              class="single-model"
+              :class="currentStage == index + 1 ? 'single-model-select' : ''"
+            >
+              <PatternWalkSvg
+                class="patternWalk"
+                v-if="item[0].peddirection.includes(side.id)"
+                v-for="(side, index) in sidewalkPhaseData"
+                :key="side.key + '-' + index"
+                :Data="side"
+                :Width="'44'"
+                :Height="'44'"
+              />
+              <xdrdirselector Width="40PX" Height="40PX" :showlist="item"></xdrdirselector>
+              <div
+                style="display:flex;flex-direction:row;justify-content:center;align-items:center;"
+              >
+                <div class="current-stage-num" style="width:20%;">{{index + 1}}</div>
+                <div style="width:70%;">
+                  <i
+                    class="iconfont icon-BRT"
+                    style="font-size:11PX;color:#606266;"
+                    v-if="item[item.length-1].controltype === 4"
+                  ></i>
+                  <i
+                    class="iconfont icon-feijidongche"
+                    style="font-size:11PX;color:#606266;"
+                    v-if="item[item.length-1].controltype === 6"
+                  ></i>
+                  <i
+                    class="iconfont icon-gongjiaoche"
+                    style="font-size:11PX;color:#606266;"
+                    v-if="item[item.length-1].controltype === 3"
+                  ></i>
+                  <i
+                    class="iconfont icon-youguidianche"
+                    style="font-size:11PX;color:#606266;"
+                    v-if="item[item.length-1].controltype === 5"
+                  ></i>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div class="cross-content" v-show="closePhase && closePhase.length > 0">
+      <div
+        style="float: left;margin-right: 16px;"
+        class="cross-name"
+      >{{$t('edge.overview.phaseclose')}}:</div>
+      <el-tag
+        type="danger"
+        size="small"
+        v-for="(phase, index) in closePhase"
+        :key="index"
+      >{{phase.typename + $t('edge.overview.phase') + phase.id + $t('edge.overview.close')}}</el-tag>
+    </div>
+  </div>
+</div>
+</template>
+
+<script>
+import xdrdirselector from '@/components/XRDDirSelector'
+import PatternWalkSvg from '@/views/overView/crossDirection/baseImg/PatternWalkSvg'
+export default {
+  name: 'realtimestatus',
+  components: {
+    xdrdirselector,
+    PatternWalkSvg
+  },
+  props: {
+    Visible: {
+      type: Boolean
+    },
+    controlData: {
+      type: Object
+    },
+    agentName: {
+      type: String
+    },
+    devStatus: {
+      type: Number
+    },
+    agentId: {
+      type: String
+    },
+    ip: {
+      type: String
+    },
+    platform: {
+      type: String
+    },
+    curFaultList: {
+      type: Array
+    },
+    currModel: {
+      type: Number
+    },
+    responseTime: {
+      type: Number
+    },
+    stagesList: {
+      type: Array
+    },
+    currentStage: {
+      type: Number
+    },
+    preselectStages: {
+      type: Number
+    },
+    closePhase: {
+      type: Array
+    },
+    sidewalkPhaseData: {
+      type: Array
+    },
+    confirmedFault: {
+      type: Array
+    },
+    ignoredFault: {
+      type: Array
+    },
+    untreatedFault: {
+      type: Array
+    }
+  },
+  data () {
+    return {
+    }
+  },
+  methods: {
+    changeStatus () {
+      this.$emit('changeStatus')
+    },
+    showFaultDetail () {
+      this.$emit('showFaultDetail')
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+</style>