openatc-components 0.2.37 → 0.2.39

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

@@ -16,8 +16,36 @@
           <transition name="fade-right" mode="out-in"
           :enter-active-class="toPage === 1 ? 'animated fadeInRight' : 'animated fadeInLeft'"
           :leave-active-class="toPage === 1 ? 'animated fadeOutRight' : 'animated fadeOutLeft' ">
-            <div style="position: absolute;width: 100%;height:100%;"  v-show="(isOperation && !isClosePhase)">
-             <ManualControlModal
+            <div class="new" style="position: absolute;width: 100%;height:100%;"  v-show="(isOperation && !isClosePhase)">
+              <ManualControlModalNew
+              ref="ManualControlModalNew"
+              :residentControlList="residentControlList"
+              :specialControlList="specialControlList"
+              :patternChooseControlList="patternChooseControlList"
+              :othersControlList="othersControlList"
+              :controlData="controlData"
+              :patternAll="patternAll"
+              :crossStatusData="crossStatusData"
+              :preselectModel="preselectModel"
+              :preselectStages="preselectStages"
+              :realtimeStatusModalvisible="realtimeStatusModalvisible"
+              :roadDirection="roadDirection"
+              :closePhaseRings="phaseRings"
+              :sidewalkPhaseData="sidewalkPhaseData"
+              :phaseList="phaseList"
+              :statusData="statusData"
+              :lockPhaseBtnName="lockPhaseBtnName"
+              :overlap="overlap"
+              :patternSelect="patternSelect"
+              :allPatternList="allPatternList"
+              @closeManualModal="closeManualModal"
+              @selectModel="selectModel"
+              @selectStages="selectStages"
+              @patternCommit="patternCommit"
+              @closePhaseBack="closePhaseBack"
+              @closePhaseControl="closePhaseControl"
+              @selectSpecialModel="selectSpecialModelNew" />
+             <!-- <ManualControlModal
                :controlData="controlData"
                :modelList="modelList"
                :patternSelect="patternSelect"
@@ -35,10 +63,10 @@
                @selectModel="selectModel"
                @selectStages="selectStages"
                @patternCommit="patternCommit"
-               @selectSpecialModel="selectSpecialModel" />
+               @selectSpecialModel="selectSpecialModel" /> -->
             </div>
           </transition>
-          <transition name="fade-left" mode="out-in"
+          <!-- <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)">
@@ -50,16 +78,16 @@
                 :realtimeStatusModalvisible="realtimeStatusModalvisible"
                 :roadDirection="roadDirection"
                 @closePhaseBack="closePhaseBack"
-                @closePhaseControl="closePhaseControl" />
-              <LockingPhaseControlModal
+                @closePhaseControl="closePhaseControl" /> -->
+              <!-- <LockingPhaseControlModal
                 v-if="specialPage === 'lockingphase'"
                 :roadDirection="roadDirection"
                 :phaseList="phaseList"
                 :patternStatus="statusData"
                 :lockPhaseBtnName="lockPhaseBtnName"
                 @closePhaseBack="closePhaseBack"
-                @closePhaseControl="closePhaseControl" />
-                <TentativePlanControlModal
+                @closePhaseControl="closePhaseControl" /> -->
+                <!-- <TentativePlanControlModal
                  v-if="specialPage === 'tentativeplan'"
                  :realtimeStatusModalvisible="realtimeStatusModalvisible"
                  :controlData="controlData"
@@ -76,17 +104,17 @@
                 :phaseList="phaseList"
                  @closePhaseBack="closePhaseBack"
                  @closePhaseControl="closePhaseControl"
-                />
-                <AzimuthLocking
+                /> -->
+                <!-- <AzimuthLocking
                 v-if="specialPage === 'azimuthlocking'"
                 :realtimeStatusModalvisible="realtimeStatusModalvisible"
                 :phaseList="phaseList"
                 :patternStatus="statusData"
                  @closePhaseBack="closePhaseBack"
                  @closePhaseControl="closePhaseControl"
-                />
-            </div>
-          </transition>
+                /> -->
+            <!-- </div>
+          </transition> -->
 
           <transition name="fade-left" mode="out-in"
           enter-active-class="animated fadeInLeft"
@@ -122,6 +150,7 @@ import { putTscControl } from '../../../api/control.js'
 import { uploadSingleTscParam } from '../../../api/param.js'
 import RealtimeStatusModal from './realtimeStatusModal'
 import ManualControlModal from './manualControlModal'
+import ManualControlModalNew from './manualControlModalNew'
 import ClosePhaseControlModal from './closePhaselControlModal'
 import LockingPhaseControlModal from './lockingPhaselControlModal'
 import TentativePlanControlModal from './tentativeplancontrolmodal'
@@ -132,9 +161,10 @@ import { getMessageByCode } from '../../../utils/responseMessage'
 import { GetAllFaultRange } from '../../../api/fault'
 import PhaseDataModel from '../IntersectionMap/crossDirection/utils.js'
 import CrossDiagramMgr from '../../../EdgeMgr/controller/crossDiagramMgr.js'
-import { setToken, setHost } from '../../../utils/auth.js'
+import { setToken, setHost, getTheme } from '../../../utils/auth.js'
 import RingDataModel from '../../../utils/RingDataModel.js'
 import { getIntersectionInfo } from '../../../api/template'
+
 export default {
   name: 'scheme-config',
   components: {
@@ -144,7 +174,8 @@ export default {
     LockingPhaseControlModal,
     priorityControl,
     AzimuthLocking,
-    TentativePlanControlModal
+    TentativePlanControlModal,
+    ManualControlModalNew
   },
   props: {
     phaseList: {
@@ -304,6 +335,132 @@ export default {
         permission: 'configer:manual:base',
         iconName: '感应式行人过街控制'
       }],
+      residentControlList: [
+        {
+          type: '步进',
+          id: 4,
+          iconClass: 'bujin',
+          permission: 'configer:manual:dwell',
+          iconName: this.$t('openatccomponents.overview.modelList4'),
+          bgcolor: getTheme() === 'light' ? '#edf6ff' : '#243d59'
+        },
+        {
+          type: '阶段锁定',
+          id: 4,
+          iconClass: 'jieduansuoding',
+          permission: 'configer:manual:dwell',
+          iconName: this.$t('openatccomponents.overview.modelList4-'),
+          bgcolor: getTheme() === 'light' ? '#edf6ff' : '#243d59'
+        },
+        {
+          type: '相位锁定',
+          id: 22,
+          iconClass: 'xiangweisuoding',
+          permission: 'configer:manual:dwell',
+          iconName: this.$t('openatccomponents.overview.modelList22'),
+          bgcolor: getTheme() === 'light' ? '#edf6ff' : '#243d59'
+        },
+        {
+          type: '方向锁定',
+          id: 25,
+          iconClass: 'fangxiangsuoding',
+          permission: 'configer:manual:dwell',
+          iconName: this.$t('openatccomponents.overview.modelList25'),
+          bgcolor: getTheme() === 'light' ? '#edf6ff' : '#243d59'
+        }
+      ],
+      specialControlList: [
+        {
+          type: '黄闪',
+          id: 1,
+          iconClass: 'huangshan',
+          permission: 'configer:manual:senior',
+          iconName: this.$t('openatccomponents.overview.modelList1'),
+          bgcolor: getTheme() === 'light' ? '#edf6ff' : '#243d59'
+        }, {
+          type: '全红',
+          id: 2,
+          iconClass: 'quanhong',
+          permission: 'configer:manual:senior',
+          iconName: this.$t('openatccomponents.overview.modelList2'),
+          bgcolor: getTheme() === 'light' ? '#edf6ff' : '#243d59'
+        }, {
+          type: '关灯',
+          id: 3,
+          iconClass: 'guandeng',
+          permission: 'configer:manual:senior',
+          iconName: this.$t('openatccomponents.overview.modelList3'),
+          bgcolor: getTheme() === 'light' ? '#edf6ff' : '#243d59'
+        }
+      ],
+      patternChooseControlList: [
+        {
+          type: '定周期',
+          id: 5,
+          iconClass: 'dingzhouqi',
+          permission: 'configer:manual:base',
+          iconName: this.$t('openatccomponents.overview.modelList5'),
+          bgcolor: getTheme() === 'light' ? '#edf6ff' : '#243d59'
+        }, {
+          type: '单点感应',
+          id: 6,
+          iconClass: 'ganyingkongzhi',
+          permission: 'configer:manual:base',
+          iconName: this.$t('openatccomponents.overview.modelList6'),
+          bgcolor: getTheme() === 'light' ? '#edf6ff' : '#243d59'
+        }, {
+          type: '自适应控制',
+          id: 9,
+          iconClass: 'zishiying',
+          permission: 'configer:manual:base',
+          iconName: this.$t('openatccomponents.overview.modelList9'),
+          bgcolor: getTheme() === 'light' ? '#edf6ff' : '#243d59'
+        }, {
+          type: '无电缆协调',
+          id: 10,
+          iconClass: 'wuxianlan',
+          permission: 'configer:manual:base',
+          iconName: this.$t('openatccomponents.overview.modelList10'),
+          bgcolor: getTheme() === 'light' ? '#edf6ff' : '#243d59'
+        }, {
+          type: '行人过街',
+          id: 12,
+          iconClass: 'xingrenguojie',
+          permission: 'configer:manual:base',
+          iconName: this.$t('openatccomponents.overview.modelList12'),
+          bgcolor: getTheme() === 'light' ? '#edf6ff' : '#243d59'
+        }, {
+          type: '感应式行人过街',
+          id: 19,
+          iconClass: 'ganyingshixingrenguojie',
+          permission: 'configer:manual:base',
+          iconName: this.$t('openatccomponents.overview.modelList19'),
+          bgcolor: getTheme() === 'light' ? '#edf6ff' : '#243d59'
+        }
+      ],
+      othersControlList: [
+        { // 特殊控制
+          type: '相位关断',
+          id: 23,
+          permission: 'configer:manual:optimize',
+          iconClass: 'closephase',
+          iconName: this.$t('openatccomponents.overview.modelList23'),
+          bgcolor: getTheme() === 'light' ? '#edf6ff' : '#243d59'
+        }, {
+          type: '临时方案',
+          id: 100,
+          permission: 'configer:manual:optimize',
+          iconClass: 'tentativeplan',
+          iconName: this.$t('openatccomponents.overview.modelList100'),
+          bgcolor: getTheme() === 'light' ? '#edf6ff' : '#243d59'
+        }, {
+          type: '优先控制',
+          id: 24,
+          permission: 'configer:manual:preempt',
+          iconClass: 'prioritycontrol',
+          iconName: this.$t('openatccomponents.overview.modelList24'),
+          bgcolor: getTheme() === 'light' ? '#edf6ff' : '#243d59'
+        }],
       currModel: -1,
       preselectModel: -1, // 预选方案
       preselectStages: -1, // 预选阶段
@@ -393,12 +550,12 @@ export default {
     this.setHost(this.reqUrl)
     this.PhaseDataModel = new PhaseDataModel(this.roadDirection)
     this.CrossDiagramMgr = new CrossDiagramMgr()
-    if (this.realtimeStatusModalvisible === false) {
-      this.changeStatus()
-    }
     this.getIntersectionInfo(this.agentId)
   },
   async mounted () {
+    if (this.realtimeStatusModalvisible === false) {
+      this.changeStatus()
+    }
     this.setPropsToken(this.Token)
     // await this.getPhase()
     this.getFault()
@@ -482,15 +639,7 @@ export default {
     changeStatus () {
       this.toPage = 1
       this.isOperation = true
-      if (this.modelList.filter(ele => ele.id === 0).length === 0) {
-        let autonomyControl = {
-          id: 0,
-          iconClass: 'zizhukongzhi',
-          permission: 'configer:manual:renew',
-          iconName: '自主控制'
-        }
-        this.modelList.push(autonomyControl)
-      }
+      this.$refs.ManualControlModalNew.init()
     },
     handleGetData (data) {
       let that = this
@@ -567,7 +716,7 @@ export default {
       })
       control.control = that.preselectModel
       // control.terminal = isNaN(parseInt(manualInfo.tempPatternid)) ? Number(manualInfo.tempPatternid.replace(/[^0-9]/ig, '')) : manualInfo.tempPatternid
-      control.terminal = Number(manualInfo.tempPatternid)
+      control.terminal = manualInfo.tempPatternid === undefined ? null : Number(manualInfo.tempPatternid)
       // control.delay = Number(manualInfo.tempDelay)
       control.duration = Number(manualInfo.tempDuration)
       control.value = that.preselectStages === -1 ? 0 : that.preselectStages
@@ -676,6 +825,10 @@ export default {
         this.closePhase = []
       }
     },
+    selectSpecialModelNew () {
+      let ringDataModel = new RingDataModel(this.statusData, this.phaseList)
+      this.phaseRings = ringDataModel.initRingPhaseData()
+    },
     selectSpecialModel (id) {
       let ringDataModel = new RingDataModel(this.statusData, this.phaseList)
       if (id === 23) {

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

@@ -1,27 +1,27 @@
 <template>
     <div class="tentativeplan-control">
-      <div class="title" style="margin-bottom: 18px;">{{$t('openatccomponents.overview.azimuthlocking')}}</div>
+      <!-- <div class="title" style="margin-bottom: 18px;">{{$t('openatccomponents.overview.azimuthlocking')}}</div> -->
       <el-row>
         <el-col :span="12">
            <el-form
              ref="manual"
              label-position="left"
              :model="manualInfo"
-             label-width="100px">
+             label-width="74px">
              <el-form-item
                   :label="$t('openatccomponents.overview.duration') + ':'"
                   prop="count">
-                  <el-input-number :placeholder="$t('openatccomponents.common.input')" :min="0" :max="65535" :precision="0" :step="1" :controls="false" v-model.number="manualInfo.duration" size="mini"></el-input-number>
+                  <el-input-number :placeholder="$t('openatccomponents.common.input')" :min="0" :max="65535" :precision="0" :step="1" :controls="false" v-model.number="manualInfo.duration" size="small"></el-input-number>
               </el-form-item>
               <el-form-item
                   :label="$t('openatccomponents.overview.yellowflash') + ':'"
                   prop="intersection">
-                  <el-input-number :placeholder="$t('openatccomponents.common.input')" :min="0" :max="65535" :precision="0" :step="1" :controls="false" v-model.number="manualInfo.yellowflash" size="mini"></el-input-number>
+                  <el-input-number :placeholder="$t('openatccomponents.common.input')" :min="0" :max="65535" :precision="0" :step="1" :controls="false" v-model.number="manualInfo.yellowflash" size="small"></el-input-number>
               </el-form-item>
               <el-form-item
                   :label="$t('openatccomponents.overview.mingreen') + ':'"
                   prop="intersection">
-                  <el-input-number :placeholder="$t('openatccomponents.common.input')" :min="0" :max="65535" :precision="0" :step="1" :controls="false" v-model.number="manualInfo.mingreen" size="mini"></el-input-number>
+                  <el-input-number :placeholder="$t('openatccomponents.common.input')" :min="0" :max="65535" :precision="0" :step="1" :controls="false" v-model.number="manualInfo.mingreen" size="small"></el-input-number>
               </el-form-item>
              </el-form>
         </el-col>
@@ -30,47 +30,47 @@
              ref="manual"
              label-position="left"
              :model="manualInfo"
-             label-width="100px">
+             label-width="74px">
              <el-form-item
                   :label="$t('openatccomponents.overview.greenclear') + ':'"
                   prop="count">
-                  <el-input-number :placeholder="$t('openatccomponents.common.input')" :min="0" :max="65535" :precision="0" :step="1" :controls="false" v-model.number="manualInfo.greenclear" size="mini"></el-input-number>
+                  <el-input-number :placeholder="$t('openatccomponents.common.input')" :min="0" :max="65535" :precision="0" :step="1" :controls="false" v-model.number="manualInfo.greenclear" size="small"></el-input-number>
               </el-form-item>
               <el-form-item
                   :label="$t('openatccomponents.overview.allred') + ':'"
                   prop="intersection">
-                  <el-input-number :placeholder="$t('openatccomponents.common.input')" :min="0" :max="65535" :precision="0" :step="1" :controls="false" v-model.number="manualInfo.allred" size="mini"></el-input-number>
+                  <el-input-number :placeholder="$t('openatccomponents.common.input')" :min="0" :max="65535" :precision="0" :step="1" :controls="false" v-model.number="manualInfo.allred" size="small"></el-input-number>
               </el-form-item>
              </el-form>
         </el-col>
       </el-row>
-      <el-row>
+      <el-row style="margin-top: 6px;">
         <el-col :span="5">
             <span class="model-label-title">{{$t('openatccomponents.overview.indirection')}}:</span>
         </el-col>
         <el-col :span="19">
             <div class="control-model" v-for="(item, index) in imgs" :key="index">
-                <div :class="{'single-model-select':spanIndex.indexOf(index)>-1}" class="single-model"  @click="boxShow(index,item)">
-                    <div v-if="item.class" :class="item.class" style="border:0px"></div>
-                    <div class="single-model-name">{{item.name}}</div>
+                <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>
+                    <div class="single-model-name" :style="{color: themeColor}" style="margin-top: -4px;">{{item.name}}</div>
                 </div>
             </div>
             <div v-if="currentName !==''" style="width: 100%; height: auto;overflow: hidden;">
             <div style="margin-top:20px" class="model-label-title">{{currentName}}{{$t('openatccomponents.overview.currentphase')}}:</div>
             <div class="control-model" v-for="(item, index) in sidewalkPhaseData" :key="index">
-                <div style="position:relative;"  class="single-model">
-                <xdr-dir-selector Width="75PX" Height="75PX"  Widths="65PX" Heights="65PX" :Data="showStyle" :Datas="showStyles" :showlist="item"></xdr-dir-selector>
-                <div style="height:65px;display:flex;flex-direction:row;justify-content:center;align-items:end;">
-                    <div class="current-stage-num" style="width:20%;">{{index + 1}}</div>
+                <div style="position:relative;"  class="single-model" :style="{'backgroundColor': item[0].bgcolor}">
+                <xdr-dir-selector Width="75PX" Height="75PX"  Widths="65PX" Heights="65PX" :Data="showStyle" :Datas="showStyles" :showlist="dirListSetTheme(item)"></xdr-dir-selector>
+                <div style="height:80px;display:flex;flex-direction:row;justify-content:center;align-items:end;">
+                    <div class="current-stage-num" :style="{color: themeColor}" style="width:20%;">{{index + 1}}</div>
                     <div style="width:70%;">
-                    <i class="iconfont icon-feijidongche" style="font-size:11PX;color:#606266;margin-left:10PX" v-if="item[item.length-1].controltype === 6"></i>
-                    <i class="iconfont icon-lukouzhilu" style="font-size:16PX;color:#454545;margin-left:10PX" v-if="item[item.length-1].controltype === 1"></i>
-                    <i class="iconfont icon-BRT" style="font-size:11PX;color:#454545;margin-left:10PX" v-if="item[item.length-1].controltype === 4"></i>
+                    <i class="iconfont icon-feijidongche" :style="{color: themeColor}" style="font-size:11PX;color:#606266;margin-left:10PX" v-if="item[item.length-1].controltype === 6"></i>
+                    <i class="iconfont icon-lukouzhilu" :style="{color: themeColor2}" style="font-size:16PX;color:#454545;margin-left:10PX" v-if="item[item.length-1].controltype === 1"></i>
+                    <i class="iconfont icon-BRT" :style="{color: themeColor2}" style="font-size:11PX;color:#454545;margin-left:10PX" v-if="item[item.length-1].controltype === 4"></i>
                     <div style="transform:scale(0.65);margin-left:10PX">
-                        <i class="iconfont icon-xuxiangwei-xin" style="font-size:5PX;color:#454545;" v-if="item[item.length-1].controltype === 99"></i>
+                        <i class="iconfont icon-xuxiangwei-xin" :style="{color: themeColor2}" style="font-size:5PX;color:#454545;" v-if="item[item.length-1].controltype === 99"></i>
                     </div>
-                    <i class="iconfont icon-gongjiaoche" style="font-size:11PX;color:#606266;margin-left:10PX" v-if="item[item.length-1].controltype === 3"></i>
-                    <i class="iconfont icon-youguidianche" style="font-size:11PX;color:#606266;margin-left:10PX" v-if="item[item.length-1].controltype === 5"></i>
+                    <i class="iconfont icon-gongjiaoche" :style="{color: themeColor}" style="font-size:11PX;color:#606266;margin-left:10PX" v-if="item[item.length-1].controltype === 3"></i>
+                    <i class="iconfont icon-youguidianche" :style="{color: themeColor}" style="font-size:11PX;color:#606266;margin-left:10PX" v-if="item[item.length-1].controltype === 5"></i>
                     </div>
                 </div>
                 </div>
@@ -90,10 +90,12 @@
       </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 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 type="primary" @click="handleManualControl()">{{$t('openatccomponents.overview.comfirm')}}</el-button>
       </div>
     </div>
@@ -101,7 +103,7 @@
 
 <script>
 import { getPhase } from './utils'
-import { getIframdevid } from '../../../../utils/auth'
+import { getIframdevid, hasPermission, getTheme } from '../../../../utils/auth'
 import { getlockPhase, lockPhase, getAllDerection } from '../../../../api/control'
 import Stages from '../../Stages/index'
 import RingDataModel from '../../../../utils/RingDataModel.js'
@@ -140,6 +142,7 @@ export default {
       images.forEach(v => {
         let obj = Object.assign({}, v)
         obj.name = this.$t(obj.name)
+        obj.bgcolor = getTheme() === 'light' ? '#edf6ff' : '#243d59'
         arrays.push(obj)
       })
       let arr1Ids = this.allDirection.map(item => item.id)
@@ -170,7 +173,9 @@ export default {
         mingreen: 15,
         duration: 600,
         yellowflash: 3
-      }
+      },
+      themeColor: getTheme() === 'light' ? '#606266' : '#fff',
+      themeColor2: getTheme() === 'light' ? '#454545' : '#fff'
     }
   },
   created () {
@@ -243,7 +248,12 @@ export default {
         }
         this.lockList = res.data.data
         let ringDataModel = new RingDataModel({}, res.data.data)
-        this.sidewalkPhaseData = ringDataModel.getlockData()
+        this.sidewalkPhaseData = ringDataModel.getlockData().map(ele => {
+          return ele.map(item => ({
+            ...item,
+            bgcolor: getTheme() === 'light' ? '#edf6ff' : '#243d59'
+          }))
+        })
       })
     },
     boxShow (index, data) {
@@ -256,6 +266,27 @@ export default {
       }
       this.getLockPhase(data)
       this.currentName = data.name
+      this.clickType(index)
+    },
+    resetToDefaultThemeColor (List) {
+      for (let i = 0; i < List.length; i++) {
+        if (List[i].clicked) {
+          delete List[i].clicked
+        }
+        List[i].bgcolor = getTheme() === 'light' ? '#edf6ff' : '#243d59'
+      }
+    },
+    highlightThemeColor (List, index) {
+      for (let i = 0; i < List.length; i++) {
+        if (i === index) {
+          List[i].clicked = true
+          List[i].bgcolor = getTheme() === 'light' ? '#c1e0ff' : '#0082ac'
+        }
+      }
+    },
+    clickType (value) {
+      this.resetToDefaultThemeColor(this.imgs)
+      this.highlightThemeColor(this.imgs, value)
     },
     handleClose () {
       this.$emit('closePhaseBack')
@@ -294,6 +325,25 @@ export default {
         //   this.$message.error(getMessageByCode(res.data.code, this.$i18n.locale))
         // }
       })
+    },
+    toAutoControl () {
+      this.$emit('toAutoControl')
+    },
+    isHasPermission (path) {
+      let res = hasPermission(path)
+      return res
+    },
+    dirListSetTheme (list) {
+      let dirArr = []
+      let color = getTheme() === 'light' ? '#606266' : '#F1F3F4'
+      for (let rec of list) {
+        let recd = {
+          ...rec,
+          color: color
+        }
+        dirArr.push(recd)
+      }
+      return dirArr
     }
   }
 }
@@ -301,13 +351,6 @@ export default {
 
   <style lang="scss" scoped>
 .single-model-select {
-    margin-right: 10px;
-    text-align: center;
-    cursor:pointer;
-    width: 70px;
-    height: 65px;
     background-color: #a2cfff;
-    border-radius: 6px;
-    // border: solid 1PX #409eff;
   }
   </style>

package/package/kisscomps/components/SchemeConfig/closePhaselControlModal/index.vue

@@ -11,23 +11,23 @@
  **/
 <template>
   <div class="manual-control-modal closephase-control">
-    <div class="title" style="margin-bottom: 18px;">{{$t('openatccomponents.overview.phaseclosecontrol')}}</div>
+    <!-- <div class="title" style="margin-bottom: 18px;">{{$t('openatccomponents.overview.phaseclosecontrol')}}</div> -->
     <el-row>
       <el-col :span="24">
          <el-form
            ref="manual"
            label-position="left"
            :model="manualInfo"
-           label-width="100px">
+           label-width="74px">
             <el-form-item
                 :label="$t('openatccomponents.overview.delay') + ':'"
                 prop="intersection">
-              <el-input-number :min="0" :max="65535" :precision="0" :step="1" :controls="false" v-model.number="manualInfo.tempDelay" size="mini"></el-input-number>
+              <el-input-number :min="0" :max="65535" :precision="0" :step="1" :controls="false" v-model.number="manualInfo.tempDelay" size="small"></el-input-number>
             </el-form-item>
             <el-form-item
                 :label="$t('openatccomponents.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-input-number :min="0" :max="65535" :precision="0" :step="1" :controls="false" v-model.number="manualInfo.tempDuration" size="small"></el-input-number>
             </el-form-item>
            </el-form>
       </el-col>
@@ -62,16 +62,20 @@
     </el-row>
     <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 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 type="primary" @click="handleManualControl()">{{$t('openatccomponents.overview.comfirm')}}</el-button>
     </div>
   </div>
 </template>
 
 <script>
+import { hasPermission } from '../../../../utils/auth'
+
 export default {
   name: 'closePhaselControl',
   props: {
@@ -171,6 +175,13 @@ export default {
           this.closePhaseRings[i].phases = sortedlist
         }
       }
+    },
+    toAutoControl () {
+      this.$emit('toAutoControl')
+    },
+    isHasPermission (path) {
+      let res = hasPermission(path)
+      return res
     }
   },
   mounted () {