openatc-components 0.2.80 → 0.2.81

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

@@ -1,5 +1,5 @@
 <template>
-  <div class="priority-control">
+  <div class="priority-control manual-common-content">
     <!-- <div class="title" style="margin-bottom: 18px;">{{$t('openatccomponents.overview.prioritycontrol')}}</div> -->
     <el-row>
       <el-col :span="12">
@@ -86,13 +86,13 @@
       </el-col>
     </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 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>
@@ -114,6 +114,10 @@ export default {
     },
     phaseList: {
       type: Array
+    },
+    isShowBack: {
+      type: Boolean,
+      default: true
     }
   },
   data () {

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

@@ -10,7 +10,7 @@
  * See the Mulan PSL v2 for more details.
  **/
 <template>
-<div>
+<div style="overflow: hidden;">
   <div class="cross-mess">{{$t('openatccomponents.overview.crossinfo')}}</div>
   <div class="cross-module">
     <div class="cross-content">

package/src/kisscomps/components/SchemeConfig/tentativeplancontrolmodal/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.tentativeplan') }}
     </div> -->
@@ -92,7 +92,7 @@
         </el-form>
       </el-col>
     </el-row>
-    <el-row>
+    <el-row style="margin-top: 20px;">
       <el-radio v-model="isRing" :label="false" @change="changeRing">{{
         $t('openatccomponents.common.ringStyle')
       }}</el-radio>
@@ -126,14 +126,14 @@
       >
       </pattern-list>
     </el-row>
-    <el-row>
+    <el-row style="margin-top: 20px;">
       <el-tabs v-model="activeTab" type="card">
         <el-tab-pane
           v-if="!isRing"
           :label="$t('openatccomponents.pattern.ringConfig')"
           name="kanban"
         >
-          <div style="width: 100%; overflow: hidden; margin-top: 20px">
+          <div style="width: 100%; overflow: hidden;">
             <kan-ban
               v-for="n in ringCount"
               :key="n"
@@ -315,19 +315,19 @@
       </el-tabs>
     </el-row>
     <div class="footer" v-if="realtimeStatusModalvisible">
-      <el-button @click="handleClose()">{{
+      <el-button v-if="isShowBack" @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 @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()">{{
+      <el-button v-if="isShowBack" @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 @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>
@@ -359,6 +359,10 @@ export default {
     },
     patternSelect: {
       type: Array
+    },
+    isShowBack: {
+      type: Boolean,
+      default: true
     }
   },
   watch: {

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

@@ -298,6 +298,7 @@ export default {
     dirListSetTheme (list) {
       let dirArr = []
       let color = getTheme() === 'light' ? '#606266' : '#F1F3F4'
+      let pedColor = getTheme() === 'light' ? '#606266' : 'rgba(255, 255, 255, 0.6)'
       for (let rec of list) {
         let recd = {
           ...rec,
@@ -305,7 +306,7 @@ export default {
         }
         dirArr.push(recd)
         for(let i=0;i<rec.peddirection.length;i++) {
-          rec.peddirection[i].color = color
+          rec.peddirection[i].color = pedColor
         }
       }
       return dirArr

package/src/kisscomps/components/patternList/patternList.vue

@@ -3,7 +3,6 @@
     <BoardCard
     :patternId="patternId"
     :contrloType="contrloType"
-    :patternType="patternType"
     :stagesChange="stagesChange"
     :patternStatusList="patternStatusList"
     :cycles="cycles"
@@ -537,9 +536,6 @@ export default {
     patternStatusList: {
       type: Array
     },
-    patternType: {
-      type: String
-    },
     patternId: {
       type: Number
     },

package/src/kisscomps/index.js

@@ -7,6 +7,7 @@ import lockingPhaselControlModal from './components/SchemeConfig/lockingPhaselCo
 import Channelization from './components/Channelization/index'
 import ChannelizationFlowStatistic from './components/ChannelizationFlowStatistic/index'
 import DrawChannelization from './components/DrawChannelization/index'
+import ChannelRealtimeIntersection from './components/ChannelRealtimeIntersection/index'
 import FaultDetailModal from './components/FaultDetailModal/index'
 import CommonKanban from './components/CommonKanban/index'
 import patternList from './components/patternList/index'
@@ -47,6 +48,7 @@ const components = {
   Channelization,
   ChannelizationFlowStatistic,
   DrawChannelization,
+  ChannelRealtimeIntersection,
   FaultDetailModal,
   PatternStatus,
   BoardCard,

package/src/router/index.js

@@ -7,7 +7,7 @@ export default new Router({
     {
       path: '/',
       component: (resolve) => {
-        require(['@/views/overView'], resolve)
+        require(['@/views/intersection'], resolve)
       }
     },
     {

package/src/views/intersection.vue

@@ -1,31 +1,14 @@
 <template>
   <div>
-    <!-- <h2>静态路口图</h2> -->
-    <!-- <intersection-base-map
-            ref="intersectionMap"
-            :crossStatusData="crossStatusData"
-            :agentId="agentId"
-            :clickMode="true" /> -->
-
-    <!-- 显示按通道获取相位的模版路口图 -->
-    <h2 class="text">显示配置的相位路口图</h2>
-    <!-- <intersection-base-map
-            ref="intersectionMap"
-            :crossStatusData="crossStatusData"
-            agentId="tjblsxl-ticp6"
-            isVipRoute
-            :choosedDirection="[1,2,3]"
-            :choosedPedDirection="[3,4]"
-            :roadDirection="roadDirection" /> -->
-      <intersection-direction-selection
-            :agentId="this.agentId"
-            :clickMode="false"
-            :choosedDirection="[14,6,13,8]"
-            :choosedPedDirection="[1]"
-            :roadDirection="roadDirection" />
+    <h2 class="text">实时通道路口图</h2>
+    <channel-realtime-intersection
+      :agentId="this.agentId"
+      :roadDirection="roadDirection"
+      :channelRealtimeStatusData="channelRealtimeStatusData"
+    />
 
     <!-- 按通道获取相位的方向选择列表，特殊路口显示列表，普通路口显示模版路口图 -->
-    <h2 class="text">非第三方配置路口图</h2>
+    <h2 class="text">非第三方配置路口图(按通道显示相位方向)</h2>
     <intersection-direction-selection
       :agentId="this.agentId"
       :choosedDirection="[14,6,13,8]"
@@ -33,7 +16,7 @@
       :roadDirection="roadDirection"
       @handleClickCrossIcon="handleClickCrossIcon" />
 
-      <h2 class="text">第三方配置路口图</h2>
+      <h2 class="text">第三方配置路口图(按路口相位配置显示相位方向)</h2>
       <div>
         <intersection-direction-selection
         :agentId="this.agentId"
@@ -44,6 +27,23 @@
         @handleClickCrossIcon="handleClickCrossIcon" />
       </div>
 
+      <!-- 显示按通道获取相位的模版路口图 -->
+    <h2 class="text">显示配置的相位路口图</h2>
+    <!-- <intersection-base-map
+            ref="intersectionMap"
+            :crossStatusData="crossStatusData"
+            agentId="tjblsxl-ticp6"
+            isVipRoute
+            :choosedDirection="[1,2,3]"
+            :choosedPedDirection="[3,4]"
+            :roadDirection="roadDirection" /> -->
+      <!-- <intersection-direction-selection
+            :agentId="this.agentId"
+            :clickMode="false"
+            :choosedDirection="[14,6,13,8]"
+            :choosedPedDirection="[1]"
+            :roadDirection="roadDirection" /> -->
+
       <!-- <button @click="lockPhase" >相位锁定</button><br/>
       <button @click="unlockPhase" >解锁相位</button><br/>
       <button @click="changeControlPattern" >改变控制方案</button><br/>
@@ -139,12 +139,12 @@ export default {
     return {
       roadDirection: 'right',
       // reqUrl: 'http://192.168.13.103:10003/openatc',
-      agentId: 'tjblsxl-ticp6',
+      agentId: 'tjblfql',
       // agentId: '13013',
       // agentId: '12007_390',
       // agentId: '12014',
       reqUrl: 'http://192.168.13.103:10003/openatc',
-      Token: 'eyJraWQiOiIxNzE0MDk1MjUwNTU5IiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJhZG1pbiIsImV4cCI6MTcxNDEzODQ1MCwiaWF0IjoxNzE0MDk1MjUwfQ.17SP6vzbImSV2jy_LC10xQaH7z4aXWvg3yc2bUFLYvE',
+      Token: 'eyJraWQiOiIxNzE4NzU5ODA0Njc0IiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJhZG1pbiIsImV4cCI6MTcxODgwMzAwNCwiaWF0IjoxNzE4NzU5ODA0fQ.8CKosL9Yrp8h8d_op6kGHHcNXIBgNu3YhwY7JdPIKJc',
       // agentId: '30003-352',
       // reqUrl: 'https://kints-dev.devdolphin.com/openatc',
       // Token: 'eyJraWQiOiIxNjUwNTA5MDI2ODk2IiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJ4aWFvbWluZyIsImV4cCI6MTczNjkwOTAyNiwiaWF0IjoxNjUwNTA5MDI2fQ.-s4T-uMRmB2zf9yer87USKQXLY1a12Zq5lCOnqjNmfA',
@@ -186,7 +186,55 @@ export default {
           }
         }
       ],
-      crossStatusData: {}
+      crossStatusData: {},
+      channelRealtimeStatusData: {
+        'channellamp': [
+          {
+            'id': 1,
+            'light': 1
+          },
+          {
+            'id': 2,
+            'light': 3
+          },
+          {
+            'id': 3,
+            'light': 1
+          },
+          {
+            'id': 4,
+            'light': 1
+          },
+          {
+            'id': 5,
+            'light': 3
+          },
+          {
+            'id': 6,
+            'light': 1
+          },
+          {
+            'id': 7,
+            'light': 3
+          },
+          {
+            'id': 8,
+            'light': 3
+          },
+          {
+            'id': 9,
+            'light': 1
+          },
+          {
+            'id': 10,
+            'light': 1
+          },
+          {
+            'id': 11,
+            'light': 3
+          }
+        ]
+      }
     }
   },
   components: {

package/src/views/overView.vue

@@ -20,7 +20,7 @@ export default {
       modeName: '交警遥控',
       controlName: '步进',
       agentId: 'jmlxhl',
-      Token: 'eyJraWQiOiIxNzA4OTA5NDk2ODcxIiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJhZG1pbiIsImV4cCI6MTcwODk1MjY5NiwiaWF0IjoxNzA4OTA5NDk2fQ.FI0gzBQFLyQsj95LG56lVZxb6WYlr2-datNsyv6fF-I',
+      Token: 'eyJraWQiOiIxNzE4NjcyODI1MTg4IiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJhZG1pbiIsImV4cCI6MTcxODcxNjAyNSwiaWF0IjoxNzE4NjcyODI1fQ.vjEP7xqngwal74DlUwqs4FLoy-IsNphHNrbuDqzGce4',
       reqUrl: 'http://192.168.13.103:10003/openatc'
     }
   },

package/static/styles/commonkanban.scss

@@ -57,7 +57,7 @@
   overflow: hidden;
   text-align: center;
   padding: 0 6PX;
-  margin-bottom: -20PX;
+  margin-bottom: -10PX;
   font-size: 12PX;
   color: $--color-info;
   background-color: $--color-black;
@@ -141,10 +141,10 @@
     cursor: pointer;
     width: 100%;
     height: 48PX;
-    margin: 5PX 0;
+    // margin: 5PX 0;
     // background-color: rgba(31,46,46,0.9);
     text-align: left;
-    line-height: 40PX;
+    line-height: 37PX;
     padding: 1PX 1PX;
     box-sizing: border-box;
     // cursor: pointer;

package/static/styles/overview.scss

@@ -109,7 +109,7 @@
     margin-left: 15PX;
     margin-top: 15PX;
     height: 20PX;
-    font-size: 20PX;
+    font-size: 18PX;
     font-weight: normal;
     font-stretch: normal;
     line-height: 22PX;
@@ -130,7 +130,7 @@
     float: right;
     color: $--color-text-regular;
     .el-checkbox__label {
-      font-size: 16PX;
+      font-size: 14PX;
       color: $--color-text-regular;
       font-weight: normal;
       font-stretch: normal;

package/static/styles/schemeconfig.scss

@@ -1,6 +1,7 @@
 // 方案配置面板
 .scheme-config {
   position: relative;
+  overflow: hidden;
   .iconfont {
     font-family: "iconfont" !important;
     font-size: 34PX;
@@ -14,12 +15,13 @@
   .right-control-part {
     min-width: 300PX;
     overflow: auto;
+    height: 100%;
   }
   .cross-mess {
     margin-left: 15PX;
     margin-top: 15PX;
     height: 20PX;
-    font-size: 20PX;
+    font-size: 18PX;
     font-weight: normal;
     font-stretch: normal;
     line-height: 22PX;
@@ -219,11 +221,18 @@
         }
       }
     }
+    .manual-common-content {
+      height: calc(100% - 100PX);
+      overflow-y: auto;
+    }
+    .manual-common-content::-webkit-scrollbar {
+      width: 8PX;
+    }
 }
 // 手动控制弹框
 .manual-control-modal{
   // padding: 21PX 0PX 21PX 28PX;
-  min-width: 360PX;
+  // min-width: 360PX;
   overflow: auto;
   .title {
     margin-bottom: 24PX;
@@ -284,6 +293,10 @@
 } 
 .manual-control-modal-new {
   padding: 20PX 20PX 0 20PX;
+  height: 100%;
+  .el-tabs {
+    height: 100%;
+  }
   .el-tabs__nav.is-top {
     width: 100%;
   }
@@ -303,6 +316,14 @@
   }
   .el-tabs__content {
     overflow-x: auto;
+    height: calc(100% - 60PX);
+  }
+  .el-tab-pane {
+    height: 100%;
+  }
+  .el-form-item__label {
+    font-size: 14PX;
+    color: $--color-text-secondary;
   }
   .group-control {
     margin-bottom: 20PX;
@@ -310,9 +331,6 @@
   }
 
   .common-config {
-    .el-form-item__label {
-      color: $--color-text-secondary;
-    }
     .el-form-item {
       margin-bottom: 0PX;
     }
@@ -340,7 +358,6 @@
 }
 .priority-control{
   height: 100%;
-  min-width: 360PX;
   overflow: auto;
   .title {
     margin-bottom: 24PX;
@@ -361,13 +378,11 @@
     width: 90%;
   }
   .el-form-item {
-    margin-bottom: 10PX;
+    margin-bottom: 0PX;
     margin-right: 10PX;
   }
   .el-form-item__label {
-    font-size: 14PX;
     font-weight: 700;
-    color: $--color-text-secondary;
   }
   .el-input-number {
     width: 100%;
@@ -375,16 +390,20 @@
       text-align: left;
     }
   }
+  .el-select {
+    width: 100%;
+  }
 }
 .tentativeplan-control{
   // height: 100%;
   // padding: 21PX 0PX 21PX 28PX;
-  min-width: 360PX;
-  overflow: hidden !important;
+  // min-width: 360PX;
+  // overflow: hidden !important;
   .forbiddenstage{
     width: 77% !important;
     margin: 10px auto;
     color: $--color-text-primary;
+    font-size: 14PX;
   }
   .stage-panel-contener {
     display: flex;
@@ -443,10 +462,6 @@
     margin-bottom: 0PX;
     margin-right: 10PX;
   }
-  .el-form-item__label {
-    font-size: 14PX;
-    color: $--color-text-secondary;
-  }
   .el-dialog__footer {
     padding: 10PX 72PX 38PX 0;
   }
@@ -491,6 +506,9 @@
       text-align: center;
     }
   }
+  .el-select {
+    width: 100%;
+  }
 }
 .closephase-control{
   height: 100%;
@@ -511,16 +529,17 @@
 
 .lockingphase-control {
   height: 100%;
-  min-width: 430PX;
-  overflow: auto;
   .closephasekanban {
     width: 60%;
     margin: 0 auto;
     margin-bottom: 13PX;
   }
   .el-form-item {
-    width: 45%;
-    min-width: 180PX;
+    margin-bottom: 0;
+    margin-right: 10PX;
+  }
+  .el-input-number {
+    width: 100%;
   }
   .el-input-number--mini{
     width: 100%;
@@ -528,8 +547,4 @@
   .el-input {
     width: 100%;
   }
-  .el-form-item__content {
-    width: calc(100% - 120PX);
-    min-width: 80PX;
-  }
 }

package/src/node_modules/.package_versions.json

@@ -1 +0,0 @@
-{}