openatc-components 0.3.48 → 0.3.49

package/src/kisscomps/components/DrawChannelization/drawsvg/index.draw.vue

@@ -212,8 +212,8 @@ export default {
       Detector: [], // 管理所有检测器
       DetectorChart: [], // 管理所有检测器统计图
       motorwayicon: '',
-      IconLengh: 33,
-      IconWdith: 109,
+      IconLengh: 60,
+      IconWdith: 134,
       textareaW: 200,
       textareaH: 100,
       pedW: 206,
@@ -389,8 +389,8 @@ export default {
         h: this.IconWdith,
         angle: 0
       }
-      this.IconLengh = 33
-      this.IconWdith = 109
+      this.IconLengh = 60
+      this.IconWdith = 134
       let Motorwaysitem = {
         index: this.index,
         id: this.motorid,

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

@@ -35,12 +35,12 @@
               :sidewalkPhaseData="sidewalkPhaseData"
               :phaseList="phaseList"
               :statusData="statusData"
-              :lockPhaseBtnName="lockPhaseBtnName"
               :overlap="overlap"
               :patternSelect="patternSelect"
               :allPatternList="allPatternList"
               :isShowBack="isShowBack"
               :isShowRecovery="isShowRecovery"
+              :isShowImplement="isShowImplement"
               @closeManualModal="closeManualModal"
               @selectModel="selectModel"
               @selectStages="selectStages"
@@ -97,12 +97,12 @@
             :sidewalkPhaseData="sidewalkPhaseData"
             :phaseList="phaseList"
             :statusData="statusData"
-            :lockPhaseBtnName="lockPhaseBtnName"
             :overlap="overlap"
             :patternSelect="patternSelect"
             :allPatternList="allPatternList"
             :isShowBack="isShowBack"
             :isShowRecovery="isShowRecovery"
+            :isShowImplement="isShowImplement"
             @closeManualModal="closeManualModal"
             @selectModel="selectModel"
             @selectStages="selectStages"
@@ -192,9 +192,6 @@ export default {
       type: Boolean,
       default: true
     },
-    lockPhaseBtnName: {
-      type: String
-    },
     Token: {
       type: String,
       default: ''
@@ -218,6 +215,10 @@ export default {
     isShowRecovery: {
       type: Boolean,
       default: true
+    },
+    isShowImplement: {
+      type: Boolean,
+      default: true
     }
   },
   data () {
@@ -334,7 +335,7 @@ export default {
           type: '相位锁定',
           id: 22,
           iconClass: 'xiangweisuoding',
-          permission: 'configer:manual:dwell',
+          permission: 'configer:manual:optimize',
           iconName: this.$t('openatccomponents.overview.modelList22'),
           bgcolor: getTheme() === 'light' ? '#edf6ff' : '#243d59'
         },
@@ -683,7 +684,7 @@ export default {
           }
         }
       }
-      if (!this.realtimeStatusModalvisible) {
+      if (!this.isShowImplement) {
         console.log(control)
         this.$emit('patternCommitCallback', control)
         return
@@ -831,7 +832,7 @@ export default {
       this.isClosePhase = false
     },
     closePhaseControl (controldata) {
-      if (!this.realtimeStatusModalvisible) {
+      if (!this.isShowImplement) {
         this.$emit('patternCommitCallback', controldata)
         return
       }

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

@@ -88,15 +88,11 @@
             </div>
         </div>
       </div> -->
-      <div class="footer" v-if="realtimeStatusModalvisible">
+      <div class="footer">
           <el-button v-if="isShowBack" @click="handleClose()">{{$t('openatccomponents.button.Back')}}</el-button>
           <el-button v-if="isShowRecovery && isHasPermission('configer:manual:renew')" @click="toAutoControl()">{{$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 v-if="isShowBack" @click="handleClose()">{{$t('openatccomponents.button.Back')}}</el-button>
-          <el-button v-if="isShowRecovery && isHasPermission('configer:manual:renew')" @click="toAutoControl()">{{$t('openatccomponents.overview.recovery')}}</el-button>
-          <el-button type="primary" @click="handleManualControl()">{{$t('openatccomponents.overview.comfirm')}}</el-button>
+          <el-button v-if="isShowImplement" type="primary" @click="handleManualControl()">{{$t('openatccomponents.overview.implement')}}</el-button>
+          <el-button v-if="!isShowImplement" type="primary" @click="handleManualControl()">{{$t('openatccomponents.overview.comfirm')}}</el-button>
       </div>
     </div>
   </template>
@@ -125,6 +121,10 @@ export default {
     isShowRecovery: {
       type: Boolean,
       default: true
+    },
+    isShowImplement: {
+      type: Boolean,
+      default: true
     }
   },
   watch: {

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

@@ -60,15 +60,11 @@
           </common-kanban>
         </div>
     </el-row>
-    <div class="footer" v-if="realtimeStatusModalvisible">
+    <div class="footer">
         <el-button v-if="isShowBack" @click="handleClose()">{{$t('openatccomponents.button.Back')}}</el-button>
-        <el-button @click="toAutoControl()" v-if="isShowRecovery && 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 v-if="isShowBack" @click="handleClose()">{{$t('openatccomponents.button.Back')}}</el-button>
-        <el-button @click="toAutoControl()" v-if="isShowRecovery && isHasPermission('configer:manual:renew')">{{$t('openatccomponents.overview.recovery')}}</el-button>
-        <el-button type="primary" @click="handleManualControl()">{{$t('openatccomponents.overview.comfirm')}}</el-button>
+        <el-button v-if="isShowRecovery && isHasPermission('configer:manual:renew')" @click="toAutoControl()">{{$t('openatccomponents.overview.recovery')}}</el-button>
+        <el-button v-if="isShowImplement" type="primary" @click="handleManualControl()">{{$t('openatccomponents.overview.implement')}}</el-button>
+        <el-button v-if="!isShowImplement" type="primary" @click="handleManualControl()">{{$t('openatccomponents.overview.comfirm')}}</el-button>
     </div>
   </div>
 </template>
@@ -126,6 +122,10 @@ export default {
     isShowRecovery: {
       type: Boolean,
       default: true
+    },
+    isShowImplement: {
+      type: Boolean,
+      default: true
     }
   },
   data () {

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

@@ -20,10 +20,10 @@
            :model="manualInfo"
            label-width="90px">
            <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="small"></el-input-number>
-           </el-form-item>
+                :label="$t('openatccomponents.overview.greenclear')"
+                prop="intersection">
+              <el-input-number :min="0" :max="65535" :precision="0" :step="1" :controls="false" v-model.number="manualInfo.tempGreenflash" size="small"></el-input-number>
+            </el-form-item>
 
             <el-form-item
                 :label="$t('openatccomponents.overview.yellowflash')"
@@ -44,11 +44,13 @@
           label-position="left"
           :model="manualInfo"
           label-width="90px">
-          <el-form-item
-              :label="$t('openatccomponents.overview.greenclear')"
-              prop="intersection">
-            <el-input-number :min="0" :max="65535" :precision="0" :step="1" :controls="false" v-model.number="manualInfo.tempGreenflash" 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="small"></el-input-number>
+           </el-form-item>
+
            <el-form-item
                :label="$t('openatccomponents.overview.allred')"
                prop="intersection">
@@ -90,8 +92,9 @@
     </el-row>
     <div class="footer">
         <el-button v-if="isShowBack" @click="handleClose()">{{$t('openatccomponents.button.Back')}}</el-button>
-        <el-button @click="toAutoControl()" v-if="isShowRecovery && isHasPermission('configer:manual:renew')">{{$t('openatccomponents.overview.recovery')}}</el-button>
-        <el-button type="primary" @click="handleLockPhase()">{{lockPhaseBtnName}}</el-button>
+        <el-button v-if="isShowRecovery && isHasPermission('configer:manual:renew')" @click="toAutoControl()">{{$t('openatccomponents.overview.recovery')}}</el-button>
+        <el-button v-if="isShowImplement" type="primary" @click="handleLockPhase()">{{$t('openatccomponents.overview.implement')}}</el-button>
+        <el-button v-if="!isShowImplement" type="primary" @click="handleLockPhase()">{{$t('openatccomponents.overview.comfirm')}}</el-button>
     </div>
   </div>
 </template>
@@ -113,12 +116,6 @@ export default {
     patternStatus: {
       type: Object
     },
-    lockPhaseBtnName: {
-      type: String,
-      default () {
-        return this.$t('openatccomponents.overview.implement')
-      }
-    },
     roadDirection: {
       type: String
     },
@@ -129,6 +126,10 @@ export default {
     isShowRecovery: {
       type: Boolean,
       default: true
+    },
+    isShowImplement: {
+      type: Boolean,
+      default: true
     }
   },
   data () {

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

@@ -24,6 +24,7 @@
 
         <div class="common-config" v-if="activeName === 'residentcontrol' && preselecttype !== '相位锁定' && preselecttype !== '方向锁定'">
           <el-form
+           v-if="isHasPermission('configer:manual:dwell')"
            ref="manual"
            label-position="left"
            :model="manualInfo"
@@ -53,9 +54,9 @@
           :roadDirection="roadDirection"
           :phaseList="phaseList"
           :patternStatus="statusData"
-          :lockPhaseBtnName="lockPhaseBtnName"
           :isShowBack="isShowBack"
           :isShowRecovery="isShowRecovery"
+          :isShowImplement="isShowImplement"
           @closePhaseBack="handleClose"
           @closePhaseControl="closePhaseControl"
           @toAutoControl="toAutoControl" />
@@ -67,19 +68,17 @@
           :patternStatus="statusData"
           :isShowBack="isShowBack"
           :isShowRecovery="isShowRecovery"
+          :isShowImplement="isShowImplement"
            @closePhaseBack="handleClose"
            @toAutoControl="toAutoControl"
           />
 
-          <div class="footer" v-if="realtimeStatusModalvisible && ((activeName === 'residentcontrol' && preselecttype !== '相位锁定' && preselecttype !== '方向锁定') || activeName === 'specialcontrol' || activeName === 'schemeselection')">
-            <el-button v-if="isShowBack" @click="handleClose()">{{$t('openatccomponents.button.Back')}}</el-button>
-            <el-button @click="toAutoControl()" v-if="isShowRecovery && 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 && ((activeName === 'residentcontrol' && preselecttype !== '相位锁定' && preselecttype !== '方向锁定') || activeName === 'specialcontrol' || activeName === 'schemeselection')">
-            <el-button @click="toAutoControl()" v-if="isShowRecovery && isHasPermission('configer:manual:renew')">{{$t('openatccomponents.overview.recovery')}}</el-button>
-            <el-button class="3" type="primary" @click="handleManualControl()">{{$t('openatccomponents.overview.comfirm')}}</el-button>
-          </div>
+        <div class="footer" v-if="((activeName === 'residentcontrol' && preselecttype !== '相位锁定' && preselecttype !== '方向锁定') || activeName === 'specialcontrol' || activeName === 'schemeselection')">
+            <el-button v-if="isShowBack && realtimeStatusModalvisible" @click="handleClose()">{{$t('openatccomponents.button.Back')}}</el-button>
+            <el-button v-if="isShowRecovery && isHasPermission('configer:manual:renew')" @click="toAutoControl()">{{$t('openatccomponents.overview.recovery')}}</el-button>
+            <el-button v-if="isShowImplement" type="primary" @click="handleManualControl()">{{$t('openatccomponents.overview.implement')}}</el-button>
+            <el-button v-if="!isShowImplement" type="primary" @click="handleManualControl()">{{$t('openatccomponents.overview.comfirm')}}</el-button>
+        </div>
       </el-tab-pane>
       <el-tab-pane :label="$t('openatccomponents.overview.specialcontrol')" name="specialcontrol">
         <ControlModelGroup
@@ -91,7 +90,7 @@
           @selectModel="selectModel"
         />
 
-        <div class="common-config">
+        <div class="common-config" v-if="isHasPermission('configer:manual:senior')">
           <el-form
            ref="manual"
            label-position="left"
@@ -105,15 +104,12 @@
            </el-form>
         </div>
 
-        <div class="footer" v-if="realtimeStatusModalvisible && ((activeName === 'residentcontrol' && preselecttype !== '相位锁定' && preselecttype !== '方向锁定') || activeName === 'specialcontrol' || activeName === 'schemeselection')">
-          <el-button v-if="isShowBack" @click="handleClose()">{{$t('openatccomponents.button.Back')}}</el-button>
-          <el-button @click="toAutoControl()" v-if="isShowRecovery && 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 && ((activeName === 'residentcontrol' && preselecttype !== '相位锁定' && preselecttype !== '方向锁定') || activeName === 'specialcontrol' || activeName === 'schemeselection')">
-          <el-button @click="toAutoControl()" v-if="isShowRecovery && isHasPermission('configer:manual:renew')">{{$t('openatccomponents.overview.recovery')}}</el-button>
-          <el-button class="3" type="primary" @click="handleManualControl()">{{$t('openatccomponents.overview.comfirm')}}</el-button>
-        </div>
+        <div class="footer" v-if="((activeName === 'residentcontrol' && preselecttype !== '相位锁定' && preselecttype !== '方向锁定') || activeName === 'specialcontrol' || activeName === 'schemeselection')">
+          <el-button v-if="isShowBack && realtimeStatusModalvisible" @click="handleClose()">{{$t('openatccomponents.button.Back')}}</el-button>
+          <el-button v-if="isShowRecovery && isHasPermission('configer:manual:renew')" @click="toAutoControl()">{{$t('openatccomponents.overview.recovery')}}</el-button>
+          <el-button v-if="isShowImplement" type="primary" @click="handleManualControl()">{{$t('openatccomponents.overview.implement')}}</el-button>
+          <el-button v-if="!isShowImplement" type="primary" @click="handleManualControl()">{{$t('openatccomponents.overview.comfirm')}}</el-button>
+      </div>
 
       </el-tab-pane>
       <el-tab-pane :label="$t('openatccomponents.overview.schemeselection')" name="schemeselection">
@@ -126,7 +122,7 @@
           @selectModel="selectModel"
           @selectSpecialModel="selectSpecialModel" />
 
-          <div class="common-config" v-if="activeName === 'schemeselection'">
+          <div class="common-config" v-if="activeName === 'schemeselection' && isHasPermission('configer:manual:base')">
             <el-form
              ref="manual"
              label-position="left"
@@ -174,15 +170,12 @@
              </div>
           </div>
 
-          <div class="footer" v-if="realtimeStatusModalvisible && ((activeName === 'residentcontrol' && preselecttype !== '相位锁定' && preselecttype !== '方向锁定') || activeName === 'specialcontrol' || activeName === 'schemeselection')">
-            <el-button v-if="isShowBack" @click="handleClose()">{{$t('openatccomponents.button.Back')}}</el-button>
-            <el-button @click="toAutoControl()" v-if="isShowRecovery && 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 && ((activeName === 'residentcontrol' && preselecttype !== '相位锁定' && preselecttype !== '方向锁定') || activeName === 'specialcontrol' || activeName === 'schemeselection')">
-            <el-button @click="toAutoControl()" v-if="isShowRecovery && isHasPermission('configer:manual:renew')">{{$t('openatccomponents.overview.recovery')}}</el-button>
-            <el-button class="3" type="primary" @click="handleManualControl()">{{$t('openatccomponents.overview.comfirm')}}</el-button>
-          </div>
+          <div class="footer" v-if="((activeName === 'residentcontrol' && preselecttype !== '相位锁定' && preselecttype !== '方向锁定') || activeName === 'specialcontrol' || activeName === 'schemeselection')">
+            <el-button v-if="isShowBack && realtimeStatusModalvisible" @click="handleClose()">{{$t('openatccomponents.button.Back')}}</el-button>
+            <el-button v-if="isShowRecovery && isHasPermission('configer:manual:renew')" @click="toAutoControl()">{{$t('openatccomponents.overview.recovery')}}</el-button>
+            <el-button v-if="isShowImplement" type="primary" @click="handleManualControl()">{{$t('openatccomponents.overview.implement')}}</el-button>
+            <el-button v-if="!isShowImplement" type="primary" @click="handleManualControl()">{{$t('openatccomponents.overview.comfirm')}}</el-button>
+        </div>
       </el-tab-pane>
       <el-tab-pane :label="$t('openatccomponents.overview.others')" name="others">
         <ControlModelGroup
@@ -204,6 +197,7 @@
         :roadDirection="roadDirection"
         :isShowBack="isShowBack"
         :isShowRecovery="isShowRecovery"
+        :isShowImplement="isShowImplement"
         @closePhaseBack="handleClose"
         @closePhaseControl="closePhaseControl"
         @toAutoControl="toAutoControl" />
@@ -217,6 +211,7 @@
          :allPatternList="allPatternList"
          :isShowBack="isShowBack"
          :isShowRecovery="isShowRecovery"
+         :isShowImplement="isShowImplement"
          @closePhaseBack="handleClose"
          @closePhaseControl="closePhaseControl"
          @toAutoControl="toAutoControl"
@@ -227,6 +222,7 @@
         :phaseList="phaseList"
         :isShowBack="isShowBack"
         :isShowRecovery="isShowRecovery"
+        :isShowImplement="isShowImplement"
          @closePhaseBack="handleClose"
          @closePhaseControl="closePhaseControl"
          @toAutoControl="toAutoControl"
@@ -320,9 +316,6 @@ export default {
     statusData: {
       type: Object
     },
-    lockPhaseBtnName: {
-      type: String
-    },
     specialControlList: {
       type: Array
     },
@@ -351,6 +344,10 @@ export default {
     isShowRecovery: {
       type: Boolean,
       default: true
+    },
+    isShowImplement: {
+      type: Boolean,
+      default: true
     }
   },
   watch: {

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

@@ -85,16 +85,12 @@
            </el-form>
       </el-col>
     </el-row>
-    <div class="footer" v-if="realtimeStatusModalvisible">
-        <el-button v-if="isShowBack" @click="handleClose()">{{$t('openatccomponents.button.Back')}}</el-button>
-        <el-button @click="toAutoControl()" v-if="isShowRecovery && 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 v-if="isShowBack" @click="handleClose()">{{$t('openatccomponents.button.Back')}}</el-button>
-        <el-button @click="toAutoControl()" v-if="isShowRecovery && isHasPermission('configer:manual:renew')">{{$t('openatccomponents.overview.recovery')}}</el-button>
-        <el-button type="primary" @click="handleManualControl()">{{$t('openatccomponents.overview.comfirm')}}</el-button>
-    </div>
+    <div class="footer">
+      <el-button v-if="isShowBack" @click="handleClose()">{{$t('openatccomponents.button.Back')}}</el-button>
+      <el-button v-if="isShowRecovery && isHasPermission('configer:manual:renew')" @click="toAutoControl()">{{$t('openatccomponents.overview.recovery')}}</el-button>
+      <el-button v-if="isShowImplement" type="primary" @click="handleManualControl()">{{$t('openatccomponents.overview.implement')}}</el-button>
+      <el-button v-if="!isShowImplement" type="primary" @click="handleManualControl()">{{$t('openatccomponents.overview.comfirm')}}</el-button>
+  </div>
   </div>
 </template>
 
@@ -122,6 +118,10 @@ export default {
     isShowRecovery: {
       type: Boolean,
       default: true
+    },
+    isShowImplement: {
+      type: Boolean,
+      default: true
     }
   },
   data () {

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

@@ -314,23 +314,11 @@
         </el-tab-pane>
       </el-tabs>
     </el-row>
-    <div class="footer" v-if="realtimeStatusModalvisible">
-      <el-button v-if="isShowBack" @click="handleClose()">{{
-        $t('openatccomponents.button.Back')
-      }}</el-button>
-      <el-button @click="toAutoControl()" v-if="isShowRecovery && 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 v-if="isShowBack" @click="handleClose()">{{
-        $t('openatccomponents.button.Back')
-      }}</el-button>
-      <el-button @click="toAutoControl()" v-if="isShowRecovery && isHasPermission('configer:manual:renew')">{{$t('openatccomponents.overview.recovery')}}</el-button>
-      <el-button type="primary" @click="handleManualControl()">{{
-        $t('openatccomponents.overview.comfirm')
-      }}</el-button>
+    <div class="footer">
+      <el-button v-if="isShowBack" @click="handleClose()">{{$t('openatccomponents.button.Back')}}</el-button>
+      <el-button v-if="isShowRecovery && isHasPermission('configer:manual:renew')" @click="toAutoControl()">{{$t('openatccomponents.overview.recovery')}}</el-button>
+      <el-button v-if="isShowImplement" type="primary" @click="handleManualControl()">{{$t('openatccomponents.overview.implement')}}</el-button>
+      <el-button v-if="!isShowImplement" type="primary" @click="handleManualControl()">{{$t('openatccomponents.overview.comfirm')}}</el-button>
     </div>
   </div>
 </template>
@@ -367,6 +355,10 @@ export default {
     isShowRecovery: {
       type: Boolean,
       default: true
+    },
+    isShowImplement: {
+      type: Boolean,
+      default: true
     }
   },
   watch: {

package/src/kisscomps/components/XiaoKanban/index.vue

@@ -14,6 +14,16 @@
     <div class="board-column-header">
       {{headerText}}
     </div>
+    <div class="board-table-header" v-if="isSingleCrossMode">
+      <el-row :gutter="13">
+        <el-col :span="4">{{this.$t('openatccomponents.overview.phase')}}
+        </el-col>
+        <el-col :span="10">{{this.$t('openatccomponents.overview.flow')}}
+        </el-col>
+        <el-col :span="10">{{this.$t('openatccomponents.overview.saturationflow')}}
+        </el-col>
+      </el-row>
+    </div>
     <draggable
       class="board-column-content"
       :list="list"
@@ -21,15 +31,21 @@
       <div class="board-item" v-for="element in list" :key="element.id">
         <el-row :gutter="25">
           <el-col :span="4">
-        <el-tooltip class="item" effect="dark" placement="left">
-          <div slot="content">{{$t('openatccomponents.pattern.phase') + ' ' + element.id}}</div>
-          <div class="phase-description">
-            <DirSelector Width="40px" Height="40px" :showlist="element.desc" :ISActiveMask="ISActiveMask" :MaskColor="MaskColor"></DirSelector>
-          </div>
-        </el-tooltip>
+            <el-tooltip class="item" effect="dark" placement="left">
+              <div slot="content">{{$t('openatccomponents.pattern.phase') + ' ' + element.id}}</div>
+              <div class="phase-description">
+                <DirSelector Width="40px" Height="40px" :showlist="element.desc" :ISActiveMask="ISActiveMask" :MaskColor="MaskColor"></DirSelector>
+              </div>
+            </el-tooltip>
+          </el-col>
+        <el-col :span="19" v-show="!isSingleCrossMode">
+          <el-input-number controls-position="right" :min="0" :max="255" :step="1" v-model.number="element.value" ref="type"></el-input-number>
         </el-col>
-        <el-col :span="19">
-        <el-input-number controls-position="right" :min="0" :max="255" :step="1" v-model.number="element.value" ref="type"></el-input-number>
+        <el-col :span="10" v-if="isSingleCrossMode">
+            <el-input-number :controls="false" class="col-content" size="small"  :step="1" v-model.number="element.flowperhour" ref="type" :disabled="element.mode === 7"></el-input-number>
+        </el-col>
+        <el-col :span="10" v-if="isSingleCrossMode">
+            <el-input-number :controls="false" class="col-content" size="small"  :step="1" v-model.number="element.saturation" ref="types" :disabled="element.mode === 7"></el-input-number>
         </el-col>
         </el-row>
       </div>
@@ -47,6 +63,10 @@ export default {
     DirSelector
   },
   props: {
+    isSingleCrossMode: {
+      type: Boolean,
+      default: false
+    },
     headerText: {
       type: String,
       default: 'Header'
@@ -76,17 +96,14 @@ export default {
       default: '#000000'
     }
   },
-  created () {
-    console.log('list', this.list)
-  },
   watch: {
     list: {
-      handler: function () {
-        let list = this.$refs.type
+      handler: function (val) {
+        let list = val
         let cycle = 0
         let n = this.index
         for (let i = 0; i < list.length; i++) {
-          cycle = cycle + Number(list[i].currentValue)
+          cycle = cycle + Number(list[i].value)
         }
         let obj = {}
         obj.index = n
@@ -95,6 +112,9 @@ export default {
       },
       deep: true
     }
+  },
+  created () {
+    console.log('list', this.list)
   }
 }
 </script>