openatc-components 0.1.138 → 0.1.141

package/package/kisscomps/components/PatternOptimize/PatternOptimize.vue

@@ -50,7 +50,7 @@
             <el-tooltip class="item" effect="dark" placement="left">
               <div slot="content">{{element.name}}</div>
               <div class="common-phase-description">
-                <xdrdirselector Width="60px" Height="60px" Widths="50px" Heights="50px" :Data="showStyle" :showlist="element.desc" :ISActiveMask="ISActiveMask" :MaskColor="MaskColor"></xdrdirselector>
+                <xdrdirselector Width="60px" Height="60px" Widths="50px" Heights="50px" :Data="showStyle" :Datas="showStyle" :showlist="element.desc" :ISActiveMask="ISActiveMask" :MaskColor="MaskColor"></xdrdirselector>
               </div>
             </el-tooltip>
         </el-col>

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

@@ -727,7 +727,7 @@ export default {
             return
           }
         }
-        this.$alert(this.$t('openatccomponents.common.download'), { type: 'success' })
+        this.$message.success(this.$t('openatccomponents.common.download'))
       }).catch(error => {
         this.unlockScreen()
         console.log(error)

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

@@ -59,7 +59,7 @@
             <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="50PX" Height="50PX"  Widths="50PX" Heights="50PX" :Data="showStyle" :showlist="item"></xdr-dir-selector>
+                <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="width:70%;">
@@ -102,7 +102,7 @@
 <script>
 import { getPhase } from './utils'
 import { getIframdevid } from '../../../../utils/auth'
-import { getlockPhase, lockPhase } from '../../../../api/control'
+import { getlockPhase, lockPhase, getAllDerection } from '../../../../api/control'
 import Stages from '../../Stages/index'
 import RingDataModel from '../../../../utils/RingDataModel.js'
 import { getMessageByCode } from '../../../../utils/responseMessage'
@@ -142,18 +142,25 @@ export default {
         obj.name = this.$t(obj.name)
         arrays.push(obj)
       })
-      return arrays
+      let arr1Ids = this.allDirection.map(item => item.id)
+      const result = arrays.filter(item => arr1Ids.includes(item.id))
+      return result
     }
   },
   data () {
     return {
       showStyle: {
+        top: '7PX',
+        left: '13px'
+      },
+      showStyles: {
         top: '5PX',
-        left: '14px'
+        left: '12px'
       },
       sidewalkPhaseData: [],
       currentName: '',
       lockList: [],
+      allDirection: [],
       patternCycleEqual: true,
       spanIndex: [],
       directions: [],
@@ -167,25 +174,59 @@ export default {
     }
   },
   created () {
+    this.getAllDerection()
   },
   methods: {
     checkId (val) {
       if (val.id === 1) {
-        return 2
-      } else if (val.id === 5) {
         return 1
+      } else if (val.id === 5) {
+        return 2
       } else if (val.id === 13) {
-        return 4
-      } else if (val.id === 9) {
         return 3
+      } else if (val.id === 9) {
+        return 4
       } else if (val.id === 17) {
-        return 8
+        return 6
       } else if (val.id === 21) {
-        return 5
-      } else if (val.id === 25) {
         return 7
+      } else if (val.id === 25) {
+        return 5
       } else if (val.id === 29) {
-        return 6
+        return 8
+      }
+    },
+    getAllDerection () {
+      let iframdevid = getIframdevid()
+      getAllDerection(iframdevid).then((res) => {
+        if (res.data.success !== true) {
+          this.$message.error(getMessageByCode(res.data.code, this.$i18n.locale))
+          return
+        }
+        this.allDirection = res.data.data.map(item => {
+          return {
+            id: this.checkDirection(item.direction)
+          }
+        })
+      })
+    },
+    checkDirection (id) {
+      if (id === 1) {
+        return 1
+      } else if (id === 2) {
+        return 5
+      } else if (id === 3) {
+        return 13
+      } else if (id === 4) {
+        return 9
+      } else if (id === 5) {
+        return 25
+      } else if (id === 6) {
+        return 17
+      } else if (id === 7) {
+        return 21
+      } else if (id === 8) {
+        return 29
       }
     },
     getLockPhase (val) {
@@ -248,7 +289,7 @@ export default {
           this.$message.error(getMessageByCode(res.data.code, this.$i18n.locale))
           return
         }
-        this.$alert(this.$t('openatccomponents.common.download'), { type: 'success' })
+        this.$message.success(this.$t('openatccomponents.common.download'))
         // if (res.data.success !== true) {
         //   this.$message.error(getMessageByCode(res.data.code, this.$i18n.locale))
         // }

package/package/kisscomps/components/SchemeConfig/azimuthlocking/utils.js

@@ -14,56 +14,56 @@ let images = [
   {
     id: 1,
     // name: 'East-Straight',
-    name: 'openatccomponents.overview.es',
+    name: 'openatccomponents.overview.dong',
     // img: require('./images/East-Straight.svg'),
     class: 'iconfont icon-dongzhihang'
   },
   {
     id: 5,
     // name: 'West-Straight',
-    name: 'openatccomponents.overview.ws',
+    name: 'openatccomponents.overview.xi',
     // img: require('./images/West-Straight.svg'),
     class: 'iconfont icon-xizhihang'
   },
   {
     id: 13,
     // name: 'South-Straight',
-    name: 'openatccomponents.overview.ss',
+    name: 'openatccomponents.overview.nan',
     // img: require('./images/South-Straight.svg'),
     class: 'iconfont icon-nanzhihang'
   },
   {
     id: 9,
     // name: 'North-Straight',
-    name: 'openatccomponents.overview.ns',
+    name: 'openatccomponents.overview.bei',
     // img: require('./images/North-Straight.svg'),
     class: 'iconfont icon-beizhihang'
   },
   {
     id: 17,
     // name: 'South-Back',
-    name: 'openatccomponents.overview.ses',
+    name: 'openatccomponents.overview.dongnan',
     // img: require('./images/South-Back.svg'),
     class: 'iconfont icon-dongnanzhihang'
   },
   {
     id: 21,
     // name: 'South-Back',
-    name: 'openatccomponents.overview.sws',
+    name: 'openatccomponents.overview.xinan',
     // img: require('./images/South-Back.svg'),
     class: 'iconfont icon-xinanzhihang'
   },
   {
     id: 25,
     // name: 'South-Back',
-    name: 'openatccomponents.overview.nes',
+    name: 'openatccomponents.overview.dongbei',
     // img: require('./images/South-Back.svg'),
     class: 'iconfont icon-dongbeizhihang'
   },
   {
     id: 29,
     // name: 'South-Back',
-    name: 'openatccomponents.overview.nws',
+    name: 'openatccomponents.overview.xibei',
     // img: require('./images/South-Back.svg'),
     class: 'iconfont icon-xibeizhihang'
   }

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

@@ -62,6 +62,8 @@
         <div style="width: 100%; height: auto;overflow: hidden;" v-if="isHasPermission('configer:manual:dwell')">
           <Stages :crossStatusData="manuals?manualsStage:realtimeStage"
                   :phaseList="phaseList"
+                  :preselectStages="preselectStages"
+                  :preselectModel="preselectModel"
                   :isShowCurrentStage="false"
                   @onSelectStages="selectStages"></Stages>
         </div>

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

@@ -28,7 +28,7 @@
                           :showWalk="item[0].peddirection"
                           :Width="'40'"
                           :Height="'40'" /> -->
-              <xdr-dir-selector Width="50PX" Height="50PX" Widths="50px" Heights="50px" :Data="showStyle" :showlist="item"></xdr-dir-selector>
+              <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="width:70%;">
@@ -80,6 +80,14 @@ export default {
       type: Number,
       default: -1
     },
+    preselectStages:{
+      type: Number,
+      default: -1
+    },
+    preselectModel:{
+      type: Number,
+      default: -1
+    },
     presetPhaseId: {
       type: Number,
       default: -1
@@ -100,8 +108,12 @@ export default {
   data () {
     return {
       showStyle:{
+        top:'7PX',
+        left:'13px'
+      },
+      showStyles:{
         top:'5PX',
-        left:'14px'
+        left:'12px'
       },
       presetStageIndex: -1,
       side: {key: 'pedphase1653818707546719', phaseid: 1, id: 1, name: '东人行横道'},
@@ -136,6 +148,24 @@ export default {
     }
   },
   watch: {
+    preselectStages: { 
+      handler: function (val, oldVal) {
+        if(this.preselectStages === -1 && this.preselectModel !== -1) {
+          this.currentStage = -1
+        }
+      },
+      // 深度观察监听
+      deep: true
+    },
+    preselectModel: { 
+      handler: function (val, oldVal) {
+        if(this.preselectStages === -1 && this.preselectModel !== -1) {
+          this.currentStage = -1
+        }
+      },
+      // 深度观察监听
+      deep: true
+    },
     stagesList: {
       handler: function (val, oldVal) {
         if (this.presetPhaseId > -1) {

package/package/kisscomps/components/XRDDirSelector/XRDDirSelector.vue

@@ -256,7 +256,7 @@
       </g>
   </svg>
   </div>
-  <div :style="{position: 'absolute', left: Data?Data.left:0, top: Data?Data.top:0}">
+  <div :style="{position: 'absolute', left: Datas?Datas.left:0, top: Datas?Datas.top:0}">
   <svg
     version="1.1"
     id="图层_1"
@@ -502,7 +502,7 @@ export default {
         ]
       }
     },
-    Width: {
+    Width: {// 车道宽
       type: String,
       default: '60px'
     },
@@ -510,7 +510,7 @@ export default {
       type: String,
       default: '60px'
     },
-    Widths: {
+    Widths: {// 人行横道宽
       type: String,
       default: '50px'
     },
@@ -530,7 +530,10 @@ export default {
       type: String,
       default: '#0096ba'
     },
-    Data: {
+    Datas: {// 人行横道样式
+      type: Object
+    },
+    Data: {// 车道样式
       type: Object
     }
   },

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

@@ -22,7 +22,7 @@
         <el-row :gutter="25">
           <el-col :span="4">
         <el-tooltip class="item" effect="dark" placement="left">
-          <div slot="content">{{element.name}}</div>
+          <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>
@@ -77,6 +77,7 @@ export default {
     }
   },
   created () {
+    console.log('list', this.list)
   },
   watch: {
     list: {

package/package/kisscomps/components/patternConfig/index.vue

@@ -22,9 +22,9 @@
         @editStart="editStart"
         @refresh="refresh"/>
       </el-aside> -->
-      <el-main>
-        <div class="main-container" style="border: 0px solid yellow;height: 90%;">
-          <el-tabs v-model="editableTabsValue" type="card"  @edit="handleTabsEdit" :before-leave="beforeLeave" style="border: 0px solid yellow;height: 100%;">
+      <!-- <el-main> -->
+        <div class="main-container" style="height: 100%;width: 100%;">
+          <el-tabs v-model="editableTabsValue" type="card"  @edit="handleTabsEdit" :before-leave="beforeLeave" style="height: 100%;">
             <el-tab-pane
               :closable="true"
               :key="item.tabName"
@@ -32,8 +32,8 @@
               :label="$t('openatccomponents.greenwaveoptimize.scene') + ' ' +  item.tabName"
               :name="item.tabName"
             >
-              <div class="panel-content" style="border: 0px solid yellow;height: 100%;">
-                <!-- <div style="border: 0px solid red;height: 12%;">
+              <div class="panel-content" style="height: 100%;">
+                <!-- <div style="height: 12%;">
                   <div class="route-filter-container" style="display:flex;">
                     <div class="filter">
                       <span class="header-span">{{$t('openatccomponents.greenwaveoptimize.patternName')}}：</span>
@@ -192,9 +192,10 @@
                     </div>
                   </div>
                 </div> -->
-                <div style="height: 100%;border: 0px solid green;" class="table-container">
+                <div style="height: 100%;" class="table-container">
                   <PatternTable ref="patterntable"
                                 :opt="item.devs"
+                                :isAllowedExpand="isAllowedExpand"
                                 @onNewPatternListChange="onNewPatternListChange"/>
                 </div>
               </div>
@@ -213,7 +214,7 @@
           <el-button type="primary"  @click="onExecuteClick" plain>{{$t('openatc.dutyroute.executen')}}</el-button>
           <el-button type="primary"  @click="onDownloadClick" plain>{{$t('openatc.button.download')}}</el-button>
         </div> -->
-      </el-main>
+      <!-- </el-main> -->
     </el-container>
     <PlanContent v-show="false"
         :schemeData="schemeData"
@@ -225,20 +226,20 @@
         @ErrorOcurrred='onErrorOcurrred'
         @resetContentComponent="resetContentComponent"/>
     <!-- <chartDialog ref="chartDialog" ></chartDialog> -->
-    <PlanExecute ref="planExecute" ></PlanExecute>
+    <!-- <PlanExecute ref="planExecute" ></PlanExecute> -->
   </div>
 </template>
 
 <script>
 // import PlanMenu from './planMenu'
 import PlanContent from './planContent'
-import { GetAllRoute } from '../../../api/route'
+// import { GetAllRoute } from '../../../api/route'
 // import chartDialog from './pattern/planChart/chartDialog'
 import { getMessageByCode } from '../../../utils/responseMessage'
 import PatternTable from './pattern/patternTable'
 import dateObj from './utils.js'
 // import routeChart from './pattern/planChart/index'
-import PlanExecute from './components/planExecute'
+// import PlanExecute from './components/planExecute'
 import { GetDeviceByIds } from '../../../api/device.js'
 const { monthsModel, daysModelCh, daysModelEn, datesModel, monthsModelEn, datesModelEn } = dateObj
 export default {
@@ -247,9 +248,9 @@ export default {
     // routeChart,
     PatternTable,
     // PlanMenu,
-    PlanContent,
+    PlanContent
     // chartDialog,
-    PlanExecute
+    // PlanExecute
   },
   props: {
     agentids: {
@@ -263,6 +264,10 @@ export default {
     isOnlyOneTab: {
       type: Boolean,
       default: true
+    },
+    isAllowedExpand: {
+      type: Boolean,
+      default: true
     }
   },
   watch: {
@@ -387,7 +392,7 @@ export default {
     }
   },
   mounted () {
-    this.getAllPlan()
+    // this.getAllPlan()
   },
   methods: {
     handeAgentidsChange () {
@@ -570,26 +575,6 @@ export default {
       let planContent = this.$refs.planContent
       planContent.handleDownload(this.route.id, routeData)
     },
-    onExecuteClick () {
-      let routeData = this.editableTabs[this.currentIndex]
-      let check = this.checkData([routeData])
-      if (!check) {
-        return false
-      }
-      this.resetDate(routeData)
-      let planContent = this.$refs.planExecute
-      planContent.onExecuteClick(this.route.id, routeData)
-    },
-    onDownloadClick () {
-      let routeData = this.editableTabs[this.currentIndex]
-      let check = this.checkData([routeData])
-      if (!check) {
-        return false
-      }
-      this.resetDate(routeData)
-      let planContent = this.$refs.planExecute
-      planContent.onDownloadClick(this.route.id, routeData)
-    },
     async onDeleteClick (targetName) {
       let routeData = this.editableTabs[this.currentIndex]
       // check
@@ -840,7 +825,7 @@ export default {
       }
     },
     refresh () {
-      this.getAllPlan()
+      // this.getAllPlan()
       let planContent = this.$refs.planContent
       if (planContent) {
         planContent.closeInterval()
@@ -876,17 +861,17 @@ export default {
         this.reset = true
       })
     },
-    getAllPlan () {
-      this.loading = true
-      GetAllRoute().then(res => {
-        this.loading = false
-        if (!res.data.success) {
-          this.$message.error(getMessageByCode(res.data.code, this.$i18n.locale))
-          return
-        }
-        this.planData = res.data.data
-      })
-    },
+    // getAllPlan () {
+    //   this.loading = true
+    //   GetAllRoute().then(res => {
+    //     this.loading = false
+    //     if (!res.data.success) {
+    //       this.$message.error(getMessageByCode(res.data.code, this.$i18n.locale))
+    //       return
+    //     }
+    //     this.planData = res.data.data
+    //   })
+    // },
     resetTab () {
       this.editableTabs = [
         {
@@ -1017,4 +1002,9 @@ export default {
 .el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus{
   color: #fff;
 }
+>>> .el-tabs__header {
+  padding: 0;
+  position: relative;
+  margin: 0 0 0px;
+}
 </style>

package/package/kisscomps/components/patternConfig/pattern/patternTable.vue

@@ -12,10 +12,10 @@
 <template>
   <div class="app-container" ref="pattern-container">
     <el-table :data="newPatternList" :max-height="tableHeight" id="footerBtn">
-      <el-table-column type="expand">
+      <el-table-column type="expand" v-if="isAllowedExpand">
         <template slot-scope="scope">
           <div class="components-container board">
-            <XiaoKanBan v-for="n in scope.row.ringCount" :key="n" class="kanban todo" :list="scope.row.rings[n-1]" :header-text="'环 '+n" :index="scope.$index" @fatherMethod="fatherMethod"/>
+            <XiaoKanBan v-for="n in scope.row.ringCount" :key="n" class="kanban todo" :list="scope.row.rings[n-1]" :header-text="$t('openatccomponents.pattern.ring') +' '+n" :index="scope.$index" @fatherMethod="fatherMethod"/>
           </div>
         </template>
       </el-table-column>
@@ -65,8 +65,10 @@
       </el-table-column> -->
       <el-table-column  align="center" :label="$t('openatccomponents.greenwaveoptimize.offset')" width="120" prop="offset">
         <template slot-scope="scope">
-          <!-- <el-input size="small" v-model.number="scope.row.offset"></el-input> -->
-          <el-input-number :controls="false" :min="0" :step="1" v-model.number="scope.row.offset" size="small" style="width:70%;"></el-input-number>
+          <el-input-number v-if="isAllowedExpand" :controls="false" :min="0" :step="1" v-model.number="scope.row.offset" size="small" style="width:70%;"></el-input-number>
+          <span v-else>
+            {{ scope.row.offset }}
+          </span>
         </template>
       </el-table-column>
       <el-table-column align="center" :label="$t('openatccomponents.greenwaveoptimize.cycle')" width="80" prop="cycle">
@@ -100,6 +102,10 @@ export default {
   props: {
     optList: {
       type: Array
+    },
+    isAllowedExpand: {
+      type: Boolean,
+      default: true
     }
   },
   data () {
@@ -287,54 +293,6 @@ export default {
       }
       return res
     },
-    // getDirectionDesc (row, bizType) {
-    //   let res = ''
-    //   let desc = ''
-    //   let phseId = -1
-    //   let directions = []
-    //   if (bizType === 'up') {
-    //     desc = row.forwardphaseDesc
-    //     phseId = row.forwardphaseid
-    //     directions = row.forwardphasedirection
-    //   } else {
-    //     desc = row.backphaseDesc
-    //     phseId = row.backphaseid
-    //     directions = row.backphasedirection
-    //   }
-    //   if (!phseId) {
-    //     return res
-    //   }
-    //   if (!directions) {
-    //     directions = []
-    //   }
-    //   let list = directions.map(id => {
-    //     return {
-    //       id: id
-    //     }
-    //   })
-    //   let dirNames = getDirName(list)
-    //   if (!dirNames) {
-    //     dirNames = []
-    //   }
-    //   let _this = this
-    //   let names = dirNames.map(item => {
-    //     let name = _this.$t(item)
-    //     return name
-    //   })
-    //   desc = names.join(',')
-    //   res = this.$t('openatccomponents.greenwaveoptimize.phase') + phseId + ' ' + desc
-    //   return res
-    // },
-    // formatterForwardphaseDesc (row, column) {
-    //   let bizType = 'up'
-    //   let res = this.getDirectionDesc(row, bizType)
-    //   return res
-    // },
-    // formatterBackphaseDesc (row, column) {
-    //   let bizType = 'down'
-    //   let res = this.getDirectionDesc(row, bizType)
-    //   return res
-    // },
     getCurPattern (agentid) {
       // 获取当前设备所有可选方案
       this.loading = true