openatc-components 0.2.70 → 0.2.72

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "openatc-components",
-  "version": "0.2.70",
+  "version": "0.2.72",
   "description": "A Vue.js project",
   "author": "openatc developer",
   "private": false,

package/src/api/cross.js

@@ -22,6 +22,10 @@ export const getDuration = (data) => {
 }
 
 export const getChannelizatonChart = (agentid) => {
+  if (!agentid || agentid === '0') {
+    console.log('getChannelizatonChart agentid:', agentid)
+    return false
+  }
   let api = new Authapi('getChannelizatonChart')
   return api.Send({}, {}, [agentid])
 }

package/src/api/template.js

@@ -20,6 +20,10 @@ export function createTemplate (param) {
   return api.Send({}, param, [])
 }
 export function getIntersectionInfo (agentid) {
+  if (!agentid || agentid === '0') {
+    console.log('getIntersectionInfo agentid:', agentid)
+    return false
+  }
   // 获取路口类型和相位信息
   let api = new Authapi('getIntersectionInfo')
   let paramList = [agentid]

package/src/i18n/language/zh.js

@@ -264,7 +264,7 @@ const zh = {
       'modelList21': '预留21',
       'modelList22': '相位锁定',
       'modelList25': '方位锁定',
-      'modelList23': '相位放行控制',
+      'modelList23': '相位关断',
       'modelList100': '临时方案',
       'modelList101': '方向锁定',
       'modelList24': '优先控制',
@@ -446,7 +446,7 @@ const zh = {
       'delaystart': '晚启动时间 ',
       'advanceend': '早结束时间',
       'stageConfig': '阶段配置',
-      'parameters': '扩展参数配置',
+      'parameters': '扩展参数',
       'overLap': '跟随相位',
       'plan': '方案',
       'patternOptimize': '方案优化',

package/src/kisscomps/components/BoardCard/BoardCard.vue

@@ -12,7 +12,6 @@
         :controlPhase="controlPhase"
         :localPatternList="localPatternList"
         :showCondition="showCondition"
-        :patternType="patternType"
         :contrloType="contrloType"
         :allPatternList="allPatternList"
         :stagesChange="stagesChange"
@@ -88,9 +87,6 @@ export default {
     patternId: {
       type: Number
     },
-    patternType: {
-      type: String
-    },
     agentId: {
       type: String
     },

package/src/kisscomps/components/IntersectionMap/crossDirection/crossDiagram.vue

@@ -32,11 +32,14 @@
     <div class="right-dir-road" v-if="roadDir === 'right'">
       <div class="centerText" v-if="crossType !== 'Customroads' && isHasPhase">
       <!-- 相位倒计时 -->
-      <div class="phaseCountdown" v-show="isShowInterval" v-if="isLoaded && isHasPhase" :class="{'countdownBg': isLoaded}">
+      <div class="phaseCountdown" v-show="isShowInterval" v-if="isLoaded && isHasPhase && isHasCountdown" :class="{'countdownBg': isLoaded}">
         <div v-for="curPhase in phaseCountdownList" :key="curPhase.id" :style="{color: curPhase.phaseCountdownColor}">
-          <div v-if="curPhase.phaseCountdown !== -1">
-            <span style="float: left;font-size: 20px;color: #fff;width: 70px;">{{$t('openatccomponents.overview.phase')}}{{curPhase.id}}:</span>
-            <span style="float: left;">{{curPhase.phaseCountdown}}</span>
+          <div v-if="curPhase.phaseCountdown !== undefined && curPhase.phaseCountdown !== -1" style="overflow: hidden;margin-bottom: 4px;">
+            <span style="float: left;width: 33px;height: 33px;position: relative;border: 1px solid rgba(255, 255, 255, 0.1);margin-right: 7px;">
+              <xdr-dir-selector :Data="xdrData" :Datas="xdrpedData" Width="42px" Height="42px" Widths="42px" Heights="42px" :showlist="curPhase.showlist" :roadDirection="roadDirection"></xdr-dir-selector>
+            </span>
+            <span style="float: left;color: #fff;margin-right: 10px;width: 30px;">P{{curPhase.id}}:</span>
+            <span style="float: left;font-size: 20px;">{{curPhase.phaseCountdown}}</span>
           </div>
         </div>
       </div>
@@ -375,7 +378,16 @@ export default {
       comdirePhaseData: [], // 对比相同方向车道相位数据后，被删减的唯一direction的数组
       comdireOverlapPhaseData: [], // 对比相同方向车道跟随相位数据后，被删减的唯一direction的数组
       busPhaseData: [], // 公交相位数据
-      comdireBusPhaseData: [] //  对比相同方向公交车道数据后，被删减的唯一direction的数组
+      comdireBusPhaseData: [], //  对比相同方向公交车道数据后，被删减的唯一direction的数组
+      phaseDirMap: new Map(),
+      xdrData: {
+        left: '5px',
+        top: '4px'
+      },
+      xdrpedData: {
+        left: '1px',
+        top: '1px'
+      }
     }
   },
   methods: {
@@ -627,6 +639,7 @@ export default {
     getCurPhaseCountdown () {
       // 获取当前相位倒计时颜色
       this.phaseCountdownList = []
+      this.isHasCountdown = false
       this.curPhase.forEach(curP => {
         this.phaseStatusList.forEach(phaseInfo => {
           if (phaseInfo.id === curP) {
@@ -634,11 +647,35 @@ export default {
             countdownObj.id = phaseInfo.id
             countdownObj.phaseCountdown = phaseInfo.countdown
             countdownObj.phaseCountdownColor = this.ColorMap.get(phaseInfo.type)
+            let curphasedir = this.phaseDirMap.get(phaseInfo.id)
+            if (curphasedir !== undefined) {
+              countdownObj.showlist = curphasedir.direction.map(dir => {
+                return {
+                  id: dir,
+                  peddirection: this.getshowped(curphasedir.peddirection),
+                  color: '#fff'
+                }
+              })
+            } else {
+              countdownObj.showlist = []
+            }
+
             this.phaseCountdownList.push(countdownObj)
+            if (phaseInfo.countdown !== undefined && phaseInfo.countdown !== -1) {
+              this.isHasCountdown = true
+            }
           }
         })
       })
     },
+    getshowped (peddirection) {
+      let peddirarr = peddirection.map(peddir => ({
+        id: peddir,
+        name: this.PhaseDataModel.getSidePos(peddir).name,
+        color: 'rgba(255, 255, 255, 0.4)'
+      }))
+      return peddirarr
+    },
     getIntersectionInfo () {
       // 获取路口信息
       const agentid = this.agentId || '0'
@@ -670,6 +707,7 @@ export default {
           return
         }
         this.crossInfo = res.data.data.param
+        this.crossInfo.phaseList.forEach(cross => this.phaseDirMap.set(cross.id, {direction: cross.direction, peddirection: cross.peddirection}))
         if (this.mainType === '100' || this.mainType === '101' || this.mainType === '104') {
           // 城市道路加载车道相位坐标和人行道坐标
           this.getPhasePos()
@@ -966,19 +1004,33 @@ export default {
     },
     handleRepeatRealdir (channelList) {
       // 按realdir去掉重复方向的数据
+      let dirChannelList = channelList.filter(ele => ele.type === 0 || ele.type === 1 || ele.type === 3)
+      let pedDirChannelList = channelList.filter(ele => ele.type === 2)
       let map = new Map()
-      channelList.forEach(ele => {
+      let map2 = new Map()
+      dirChannelList.forEach(ele => {
         ele.realdir.forEach(dir => {
           if (map.get(dir) === undefined) {
             map.set(dir, ele)
           }
         })
       })
+      pedDirChannelList.forEach(ele => {
+        ele.realdir.forEach(dir => {
+          if (map2.get(dir) === undefined) {
+            map2.set(dir, ele)
+          }
+        })
+      })
       let arr = Array.from(map)
+      let pedarr = Array.from(map2)
       let newarr = []
       arr.forEach(ele => {
         newarr.push(ele[1])
       })
+      pedarr.forEach(ele => {
+        newarr.push(ele[1])
+      })
       // console.log(newarr)
       return newarr
     },
@@ -1172,8 +1224,8 @@ export default {
   /* padding-left: 16px; */
 }
 .phaseCountdown {
-  line-height: 40px;
-  font-size: 30px;
+  line-height: 32PX;
+  font-size: 14px;
   font-weight: normal;
   font-stretch: normal;
   letter-spacing: 0px;
@@ -1182,14 +1234,16 @@ export default {
   margin: 0 auto;
 }
 .countdownBg {
-  border-radius: 10px;
+  border-radius: 10PX;
   background-color: rgba(94, 90, 90, 0.8);
-  padding-left: 16px;
+  padding-left: 16PX;
+  padding-top: 10PX;
+  padding-bottom: 10PX;
 }
 .centerText .text {
   display: inline-block;
   color: #299BCC;
-  margin-top: 20px;
+  margin-top: 20PX;
 }
 
 .baseImg {

package/src/kisscomps/components/PatternStatus/PatternStatus.vue

@@ -11,33 +11,8 @@
  **/
 <template>
     <div class="main-patternstatus">
-      <!-- rcp模式 -->
-      <div v-if="patternType === 'rcp'">
-        <div class="ring-first" v-for="(list, index1) in patternRcp" :key="index1">
-          <div style="position: relative" :style="{height: '34px',paddingRight: '1px',float: 'left',width:
-              ((item.split + (item.sum ? item.sum : 0)) /(item.cycle > cycles ? item.cycle : cycles)) *100 +'%',}"
-              v-for="(item, index2) in list" :key="index2">
-            <div class="first-1" :style="{ width:
-                  (Number(item.greenWidth.replace('%', '')) /
-                    Number((((item.split + (item.sum ? item.sum : 0)) /
-                  (item.cycle > cycles ? item.cycle : cycles)) * 100 + '%').replace('%', ''))) * 100 + '%', height: '34px',background: '#7ccc66'}">
-            </div>
-            <el-tooltip placement="top-start" effect="light">
-                <div v-if="item.id" slot="content">P{{ item.id }}:{{ item.split }}</div>
-                <div v-if="item.id" style="cursor: pointer">
-                  <div
-                    class="box"
-                    style="position: absolute; width:40px; left: 0; top: 5px"
-                  >
-                    <div class="ring-nums">P{{ item.id }}:{{ item.split }}</div>
-                  </div>
-                </div>
-              </el-tooltip>
-          </div>
-      </div>
-      </div>
       <!-- 环模式true -->
-      <div v-if="(this.contrloType === 'ring' || !this.contrloType) && patternType !== 'rcp'">
+      <div v-if="this.contrloType === 'ring' || !this.contrloType">
         <div class="ring-first" v-for="(list, index1) in patternInfo" :key="index1">
           <div style="position: relative;" :style="{'height': '34px','float':'left','width':((item.split+(item.sum?item.sum:0)) / (max?max:item.cycle) * 100) + '%'}"  v-for="(item,index2) in list" :key="index2" :class="item.mode===7?'direction': ''">
             <div class="first-1" :class="item.mode === 8 ? 'mask' : item.mode === 9 ? 'yellowClass' : ''" :style="{'width':Number(item.greenWidth.replace('%', ''))/Number((((item.split+(item.sum?item.sum:0)) / (max?max:item.cycle) * 100) + '%').replace('%', ''))*100+'%','height':'34px','background':'#7ccc66'}">
@@ -73,7 +48,7 @@
             <div class="divider" :style="{'left':item, 'height':barrierHeight}"></div>
           </div>
         </div>
-        <div v-show="(this.curtime>0 && cycle && cycle>0 && this.isControl) || (this.curtime>0 && newCycle && newCycle>0 && this.isControl)">
+        <div v-show="(cycle && cycle>0 && this.isControl) || (newCycle && newCycle>0 && this.isControl)">
           <div class="curTimeDiv" :style="{'left':paddingLeft }">{{ timeNumDevide }}</div>
           <div class="curTimeLine" :style="{'left':paddingLeft, 'height':barrierHeight}"></div>
         </div>
@@ -132,7 +107,6 @@ export default {
       newCycle: this.cycles,
       patternIds: this.patternId,
       newPatterns: [],
-      patternRcp: [],
       newList: [],
       isControl: true,
       contrloCycle: 0,
@@ -157,9 +131,6 @@ export default {
     controlPhase: {
       type: Object
     },
-    patternType: {
-      type: String
-    },
     contrloType: {
       type: String
     },
@@ -242,7 +213,7 @@ export default {
   watch: {
     controlPhase: {
       handler: function (val, oldVal) {
-        if (val && val.curTime) {
+        if ((val && val.curTime) || val.curTime === 0) {
           this.curtime = val.curTime
           if (val.control === 4 || val.control === 16 || val.control === 22) {
             this.isControl = false
@@ -271,7 +242,7 @@ export default {
           }
           this.handleBarrierHeight()
         }
-        if (val && val.curTime) {
+        if ((val && val.curTime) || val.curTime === 0) {
           this.curtime = val.curTime
           if (val.control === 4 || val.control === 16 || val.control === 22) {
             this.isControl = false
@@ -319,9 +290,6 @@ export default {
     cycles: {
       handler: function (val, oldVal) {
         this.newCycle = this.cycles
-        if (this.patternType === 'rcp') {
-          this.handleRcp(this.patternStatusList)
-        }
       },
       // 深度观察监听
       deep: true
@@ -346,9 +314,6 @@ export default {
     },
     patternStatusList: {
       handler: function (val, oldVal) {
-        if (this.patternType === 'rcp') {
-          this.handleRcp(this.patternStatusList)
-        }
         this.handleBarrierHeight() // 计算屏障高度
         if (this.patternStatusList && this.newCycle) {
           setTimeout(() => {
@@ -381,9 +346,6 @@ export default {
     if (this.contrloType === 'stage') {
       this.getStage()
     }
-    if (this.patternType === 'rcp') {
-      this.handleRcp(this.patternStatusList)
-    }
   },
   methods: {
     getPed (data) {
@@ -412,48 +374,6 @@ export default {
       }
       return ped
     },
-    handleRcp (val) {
-      this.patternRcp = []
-      let valSplit = val.map(item => {
-        return item.map(val => {
-          return val.splitchain
-        })
-      })
-      let splitCycle = valSplit.length > 0 ? valSplit.map(item => {
-        return item.length > 0 ? item.reduce((a, b) => {
-          return a + b
-        }) : 0
-      }) : 0
-      let cycle = Math.max(...splitCycle)// 每个环的周期最大值
-      for (let rings of val) {
-        if (rings.length === 0) continue
-        let list = []
-        for (let ring of rings) {
-          if (ring.splitchain === 0) continue
-          let obj = {}
-          let split = ring.splitchain
-          obj.split = split
-          obj.cycle = cycle
-          obj.id = ring.phases
-          // if (ring.sum) {
-          //   obj.sum = ring.sum
-          //   obj.redWidth = ((currPhase.redclear + ring.sum) / (this.fixCycle ? this.fixCycle : this.max ? this.max : this.newCycle) * 100) + '%'
-          // } else {
-          //   obj.redWidth = (currPhase.redclear / (this.fixCycle ? this.fixCycle : this.max ? this.max : this.newCycle) * 100) + '%'
-          // }
-          // obj.mode = ring.mode
-          obj.greenWidth = (split / (cycle > this.cycles ? cycle : this.cycles)) * 100 + '%'
-          // obj.flashgreen = (currPhase.flashgreen / (this.fixCycle ? this.fixCycle : this.max ? this.max : this.newCycle) * 100) + '%'
-          // obj.yellowWidth = (currPhase.yellow / (this.fixCycle ? this.fixCycle : this.max ? this.max : this.newCycle) * 100) + '%'
-          // 忽略相位不显示
-          // let mode = ring.mode
-          // if (mode !== 7) { // 忽略相位不显示
-          list.push(obj)
-          // }
-        }
-        this.patternRcp.push(list)
-      }
-    },
     handleStageData (data) {
       if (!data) return
       let peddirections = this.getPed(data)
@@ -690,6 +610,7 @@ export default {
                 // if (stg === walk.phaseid) {
                 let objs = {}
                 objs.name = walk.name
+                objs.color = 'rgba(48,49,51,0.6)'
                 objs.id = walk.id
                 if (ped === walk.id) {
                   peddirections.push(objs)
@@ -705,7 +626,7 @@ export default {
             obj.direction = ring.desc.map(item => { // 虚相位desc为空
               return {
                 id: item.id,
-                color: '#454545'
+                color: '#303133'
               }
             })
           } else {
@@ -714,14 +635,14 @@ export default {
                 return {
                   id: item,
                   peddirection: peddirections,
-                  color: '#454545'
+                  color: '#303133'
                 }
               })
             } else {
               obj.direction = [
                 {
                   id: '',
-                  color: '#454545',
+                  color: '#303133',
                   peddirection: peddirections
                 }
               ]
@@ -942,6 +863,7 @@ export default {
                 let objs = {}
                 objs.name = walk.name
                 objs.id = walk.id
+                objs.color = 'rgba(48,49,51,0.6)'
                 if (ped === walk.id) {
                   peddirections.push(objs)
                   peddirections = Array.from(new Set(peddirections))
@@ -956,7 +878,7 @@ export default {
             obj.direction = ring.desc.map(item => { // 虚相位desc为空
               return {
                 id: item.id,
-                color: '#454545'
+                color: '#303133'
               }
             })
           } else {
@@ -965,14 +887,14 @@ export default {
                 return {
                   id: item,
                   peddirection: peddirections,
-                  color: '#454545'
+                  color: '#303133'
                 }
               })
             } else {
               obj.direction = [
                 {
                   id: '',
-                  color: '#454545',
+                  color: '#303133',
                   peddirection: peddirections
                 }
               ]
@@ -1169,6 +1091,7 @@ export default {
                 let objs = {}
                 objs.name = walk.name
                 objs.id = walk.id
+                objs.color = 'rgba(48,49,51,0.6)'
                 if (ped === walk.id) {
                   peddirections.push(objs)
                   peddirections = Array.from(new Set(peddirections))
@@ -1183,7 +1106,7 @@ export default {
             obj.direction = ring.desc.map(item => { // 虚相位desc为空
               return {
                 id: item.id,
-                color: '#454545',
+                color: '#303133',
                 peddirection: peddirections
               }
             })
@@ -1192,7 +1115,7 @@ export default {
               obj.direction = currPhase.direction.map(item => {
                 return {
                   id: item,
-                  color: '#454545',
+                  color: '#303133',
                   peddirection: peddirections
                 }
               })
@@ -1200,7 +1123,7 @@ export default {
               obj.direction = [
                 {
                   id: '',
-                  color: '#454545',
+                  color: '#303133',
                   peddirection: peddirections
                 }
               ]
@@ -1449,7 +1372,7 @@ export default {
 <style lang="scss" scoped>
 .main-patternstatus {
   position: relative;
-  margin-bottom: 20px;
+  /* margin-bottom: 20px; */
 }
 .main-patternstatus {
   position: relative;

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

@@ -38,6 +38,7 @@
               :overlap="overlap"
               :patternSelect="patternSelect"
               :allPatternList="allPatternList"
+              :isShowBack="isShowBack"
               @closeManualModal="closeManualModal"
               @selectModel="selectModel"
               @selectStages="selectStages"
@@ -45,76 +46,8 @@
               @closePhaseBack="closePhaseBack"
               @closePhaseControl="closePhaseControl"
               @selectSpecialModel="selectSpecialModelNew" />
-             <!-- <ManualControlModal
-               :controlData="controlData"
-               :modelList="modelList"
-               :patternSelect="patternSelect"
-               :patternAll="patternAll"
-               :crossStatusData="crossStatusData"
-               :phaseList="phaseList"
-               :specialcontrolList="specialcontrolList"
-               :currModel="currModel"
-               :preselectModel="preselectModel"
-               :preselectStages="preselectStages"
-               :realtimeStatusModalvisible="realtimeStatusModalvisible"
-               :funcSort="funcSort"
-               :roadDirection="roadDirection"
-               @closeManualModal="closeManualModal"
-               @selectModel="selectModel"
-               @selectStages="selectStages"
-               @patternCommit="patternCommit"
-               @selectSpecialModel="selectSpecialModel" /> -->
             </div>
           </transition>
-          <!-- <transition name="fade-left" mode="out-in"
-          enter-active-class="animated fadeInRight"
-          leave-active-class="animated fadeOutRight">
-            <div style="position: absolute;width: 100%;height:100%" v-show="(isOperation && isClosePhase)">
-              <ClosePhaseControlModal
-                v-if="specialPage === 'closephase'"
-                :controlData="controlData"
-                :closePhaseRings="phaseRings"
-                :sidewalkPhaseData="sidewalkPhaseData"
-                :realtimeStatusModalvisible="realtimeStatusModalvisible"
-                :roadDirection="roadDirection"
-                @closePhaseBack="closePhaseBack"
-                @closePhaseControl="closePhaseControl" /> -->
-              <!-- <LockingPhaseControlModal
-                v-if="specialPage === 'lockingphase'"
-                :roadDirection="roadDirection"
-                :phaseList="phaseList"
-                :patternStatus="statusData"
-                :lockPhaseBtnName="lockPhaseBtnName"
-                @closePhaseBack="closePhaseBack"
-                @closePhaseControl="closePhaseControl" /> -->
-                <!-- <TentativePlanControlModal
-                 v-if="specialPage === 'tentativeplan'"
-                 :realtimeStatusModalvisible="realtimeStatusModalvisible"
-                 :controlData="controlData"
-                 :phaseList="phaseList"
-                 :overlap="overlap"
-                 :patternSelect="patternSelect"
-                 :allPatternList="allPatternList"
-                 @closePhaseBack="closePhaseBack"
-                 @closePhaseControl="closePhaseControl"
-                />
-                <priorityControl
-                v-if="specialPage === 'prioritycontrol'"
-                :realtimeStatusModalvisible="realtimeStatusModalvisible"
-                :phaseList="phaseList"
-                 @closePhaseBack="closePhaseBack"
-                 @closePhaseControl="closePhaseControl"
-                /> -->
-                <!-- <AzimuthLocking
-                v-if="specialPage === 'azimuthlocking'"
-                :realtimeStatusModalvisible="realtimeStatusModalvisible"
-                :phaseList="phaseList"
-                :patternStatus="statusData"
-                 @closePhaseBack="closePhaseBack"
-                 @closePhaseControl="closePhaseControl"
-                /> -->
-            <!-- </div>
-          </transition> -->
 
           <transition name="fade-left" mode="out-in"
           enter-active-class="animated fadeInLeft"
@@ -240,6 +173,10 @@ export default {
     isFromAtc: {
       type: Boolean,
       default: true
+    },
+    isShowBack: {
+      type: Boolean,
+      default: true
     }
   },
   data () {
@@ -473,32 +410,6 @@ export default {
       faultvisible: false,
       isClosePhase: false, // 是否在相位关断
       toPage: 1, // 与哪一个页面交互，1 代表路口信息页面，3代表 相位关断页面
-      specialcontrolList: [{ // 特殊控制
-        id: 23,
-        isShow: true,
-        permission: 'configer:manual:optimize',
-        iconClass: 'closephase'
-      }, {
-        id: 22,
-        isShow: true,
-        permission: 'configer:manual:optimize',
-        iconClass: 'lockingphase'
-      }, {
-        id: 100,
-        isShow: true,
-        permission: 'configer:manual:optimize',
-        iconClass: 'tentativeplan'
-      }, {
-        id: 24,
-        isShow: true,
-        permission: 'configer:manual:preempt',
-        iconClass: 'prioritycontrol'
-      }, {
-        id: 25,
-        permission: 'configer:manual:optimize',
-        isShow: this.realtimeStatusModalvisible,
-        iconClass: 'azimuthlocking'
-      }],
       phaseRings: [],
       curFaultList: [],
       confirmedFault: [],
@@ -862,10 +773,6 @@ export default {
       }
     },
     closePhaseBack () {
-      // if (!this.realtimeStatusModalvisible) {
-      //   this.$emit('closePhaseBack')
-      //   return
-      // }
       this.toPage = 3
       this.isClosePhase = false
     },

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

@@ -1,5 +1,5 @@
 <template>
-    <div class="tentativeplan-control">
+    <div class="tentativeplan-control manual-common-content">
       <!-- <div class="title" style="margin-bottom: 18px;">{{$t('openatccomponents.overview.azimuthlocking')}}</div> -->
       <el-row>
         <el-col :span="12">
@@ -45,10 +45,10 @@
         </el-col>
       </el-row>
       <el-row style="margin-top: 6px;">
-        <el-col :span="5">
+        <el-col :span="24">
             <span class="model-label-title">{{$t('openatccomponents.overview.indirection')}}:</span>
         </el-col>
-        <el-col :span="19">
+        <el-col :span="24">
             <div class="control-model" v-for="(item, index) in imgs" :key="index">
                 <div :style="{'backgroundColor': item.bgcolor}" :class="{'single-model-select':spanIndex.indexOf(index)>-1}" class="single-model"  @click="boxShow(index,item)">
                     <div v-if="item.class" :style="{color: themeColor}" :class="item.class" style="border:0px;font-size: 50px;"></div>
@@ -89,13 +89,13 @@
         </div>
       </div> -->
       <div class="footer" v-if="realtimeStatusModalvisible">
-          <el-button @click="handleClose()">{{$t('openatccomponents.button.Back')}}</el-button>
-          <el-button type="primary" plain @click="toAutoControl()" v-if="isHasPermission('configer:manual:renew')">{{$t('openatccomponents.overview.recovery')}}</el-button>
+          <el-button v-if="isShowBack" @click="handleClose()">{{$t('openatccomponents.button.Back')}}</el-button>
+          <el-button @click="toAutoControl()" v-if="isHasPermission('configer:manual:renew')">{{$t('openatccomponents.overview.recovery')}}</el-button>
           <el-button type="primary" @click="handleManualControl()">{{$t('openatccomponents.overview.implement')}}</el-button>
       </div>
       <div class="footer" v-if="!realtimeStatusModalvisible">
-          <el-button @click="handleClose()">{{$t('openatccomponents.button.Back')}}</el-button>
-          <el-button type="primary" plain @click="toAutoControl()" v-if="isHasPermission('configer:manual:renew')">{{$t('openatccomponents.overview.recovery')}}</el-button>
+          <el-button v-if="isShowBack" @click="handleClose()">{{$t('openatccomponents.button.Back')}}</el-button>
+          <el-button @click="toAutoControl()" v-if="isHasPermission('configer:manual:renew')">{{$t('openatccomponents.overview.recovery')}}</el-button>
           <el-button type="primary" @click="handleManualControl()">{{$t('openatccomponents.overview.comfirm')}}</el-button>
       </div>
     </div>
@@ -117,6 +117,10 @@ export default {
     realtimeStatusModalvisible: {
       type: Boolean,
       default: true
+    },
+    isShowBack: {
+      type: Boolean,
+      default: true
     }
   },
   watch: {