openatc-components 0.3.95 → 0.3.97

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

@@ -222,6 +222,10 @@ export default {
       type: Boolean,
       devault: true
     },
+    isShowMessage: {
+      type: Boolean,
+      default: true
+    },
     roadDirection: {
       type: String
     },
@@ -718,7 +722,7 @@ export default {
             }
           }
           msg = msg + ' - ' + commomMsg
-          this.$message.error(msg)
+          this.isShowMessage && this.$message.error(msg)
           return
         }
         this.isLoaded = true
@@ -1040,10 +1044,10 @@ export default {
         let res = data.data
         if (!res.success) {
           if (res.code === '4003') {
-            this.$message.error(this.$t('openatccomponents.errorTip.devicenotonline'))
+            this.isShowMessage && this.$message.error(this.$t('openatccomponents.errorTip.devicenotonline'))
             return
           }
-          this.$message.error(getMessageByCode(data.data.code, this.$i18n.locale))
+          this.isShowMessage && this.$message.error(getMessageByCode(data.data.code, this.$i18n.locale))
           return
         }
         let channelList = res.data.data.channelList.filter(ele => ele.type !== undefined)

package/package/kisscomps/components/IntersectionMap/intersectionmap.vue

@@ -41,6 +41,7 @@
       :clickMode="clickMode"
       :isThirdSignal="isThirdSignal"
       :channelType="channelType"
+      :isShowMessage ="isShowMessage"
       @handleClickCrossIcon="handleClickCrossIcon" />
   </div>
 </div>
@@ -84,6 +85,10 @@ export default {
       type: Boolean,
       default: true
     },
+    isShowMessage: {
+      type: Boolean,
+      default: true
+    },
     roadDirection: {
       type: String,
       default: 'right'

package/package/kisscomps/components/IntersectionWithInterface/IntersectionWithInterface.vue

@@ -23,6 +23,7 @@
         :stateName="stateName"
         :isShowMode="isShowMode"
         :isShowState="isShowState"
+        :isShowMessage ="isShowMessage"
         :isShowInterval="isShowInterval"
         @onSelectStages="onSelectStages"/>
   </div>
@@ -73,6 +74,10 @@ export default {
       type: Boolean,
       default: true
     },
+    isShowMessage: {
+      type: Boolean,
+      default: true
+    },
     isShowState: {
       type: Boolean,
       devault: false
@@ -140,7 +145,7 @@ export default {
             }
           }
           msg = msg + ' - ' + commomMsg
-          this.$message.error(msg)
+          this.isShowMessage && this.$message.error(msg)
           if (this.isResend) {
             this.reSend()
           }
@@ -192,7 +197,7 @@ export default {
             // this.devStatus = 2
             this.clearPatternInterval() // 清除其他定时器
             this.clearVolumeInterval()
-            this.$message.error(getMessageByCode(data.data.code, this.$i18n.locale) + ' - ' + commomMsg)
+            this.isShowMessage && this.$message.error(getMessageByCode(data.data.code, this.$i18n.locale) + ' - ' + commomMsg)
             if (this.isResend) {
               this.reSend()
             }
@@ -208,7 +213,7 @@ export default {
             }
           }
           msg = msg + ' - ' + commomMsg
-          this.$message.error(msg)
+          this.isShowMessage && this.$message.error(msg)
           this.clearPatternInterval() // 清除其他定时器
           if (this.isResend) {
             this.reSend()
@@ -222,7 +227,7 @@ export default {
         this.controlData = this.controlFormat.handleGetData(param)
         this.$emit('getTscControl', data)
       }).catch(error => {
-        this.$message.error(error)
+        this.isShowMessage && this.$message.error(error)
         console.log(error)
       })
     },
@@ -235,7 +240,7 @@ export default {
         if (!res.data.success) {
           let commomMsg = this.$t('openatccomponents.overview.signalID') + ': ' + this.AgentId
           let msg = getMessageByCode(res.data.code, this.$i18n.locale) + ', ' + commomMsg
-          this.$message.error(msg)
+          this.isShowMessage && this.$message.error(msg)
           return
         }
         let devParams = res.data.data.jsonparam
@@ -295,7 +300,7 @@ export default {
             let success = data.data.data.content.success
             if (success !== 0) {
               let errormsg = 'openatccomponents.overview.putTscControlError' + success
-              this.$message.error(this.$t(errormsg))
+              this.isShowMessage && this.$message.error(this.$t(errormsg))
               return
             }
           }
@@ -330,7 +335,7 @@ export default {
         }
         if (!data.data.success) {
           if (data.data.code === '4003') {
-            this.$message.error(getMessageByCode(data.data.code, this.$i18n.locale))
+            this.isShowMessage && this.$message.error(getMessageByCode(data.data.code, this.$i18n.locale))
             return
           }
           let parrenterror = getMessageByCode(data.data.code, this.$i18n.locale)
@@ -339,10 +344,10 @@ export default {
             let childErrorCode = data.data.data.errorCode
             if (childErrorCode) {
               let childerror = getMessageByCode(data.data.data.errorCode, this.$i18n.locale)
-              this.$message.error(parrenterror + ',' + childerror)
+              this.isShowMessage && this.$message.error(parrenterror + ',' + childerror)
             }
           } else {
-            this.$message.error(parrenterror)
+            this.isShowMessage && this.$message.error(parrenterror)
           }
           return
         }
@@ -359,7 +364,7 @@ export default {
           controlData: controlData
         }
       }).catch(error => {
-        this.$message.error(error)
+        this.isShowMessage && this.$message.error(error)
         console.log(error)
       })
     },
@@ -368,10 +373,10 @@ export default {
         let res = data.data
         if (!res.success) {
           if (res.code === '4003') {
-            this.$message.error(this.$t('openatccomponents.errorTip.devicenotonline'))
+            this.isShowMessage && this.$message.error(this.$t('openatccomponents.errorTip.devicenotonline'))
             return
           }
-          this.$message.error(getMessageByCode(data.data.code, this.$i18n.locale))
+          this.isShowMessage && this.$message.error(getMessageByCode(data.data.code, this.$i18n.locale))
           return
         }
         this.phaseList = res.data.data.phaseList

package/package/kisscomps/components/OptimizeKanban/index.js

@@ -0,0 +1,2 @@
+import OptimizeKanban from './OptimizeKanban.vue'
+export default OptimizeKanban

package/package/kisscomps/components/OptimizeKanban/index.vue

@@ -0,0 +1,369 @@
+/**
+ * Copyright (c) 2020 kedacom
+ * OpenATC is licensed under Mulan PSL v2.
+ * You can use this software according to the terms and conditions of the Mulan PSL v2.
+ * You may obtain a copy of Mulan PSL v2 at:
+ * http://license.coscl.org.cn/MulanPSL2
+ * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
+ * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
+ * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
+ * See the Mulan PSL v2 for more details.
+ **/
+<template>
+<div class="kanbanOptimize">
+    <div v-if="this.nowNumber === 1" class="optimizetype">
+        <span>{{$t('openatccomponents.pattern.optimizetype')}}</span>
+        <el-select v-model="value" clearable :placeholder="$t('openatccomponents.common.select')">
+            <el-option
+                v-for="item in typeOptions"
+                :key="item.value"
+                :label="$t('openatccomponents.overview.type' + item.value)"
+                :value="item.value"
+                >
+            </el-option>
+            </el-select>
+            <span class="optimiNum">{{$t('openatccomponents.pattern.optimizecycle')}}</span>
+            <el-input v-model="optimizecycle" clearable :placeholder="$t('openatccomponents.common.enter')"></el-input>
+        <!-- <el-button type="primary" @click="onOptimizeClick()">{{$t('openatccomponents.pattern.inoptimize')}}</el-button> -->
+    </div>
+  <div class="common-board-column" :style="{marginTop:this.nowNumber === 1 ? 0 : '50px',marginLeft:this.nowNumber === 1 ? 0 : 0}">
+    <div class="common-board-column-header">
+      {{headerText}}
+    </div>
+    <div class="openatccomponents-board-table-header">
+      <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="common-board-column-content"
+      :list="list"
+      :options="options">
+      <div class="common-board-item" v-for="element in list" :key="element.id">
+        <el-row :gutter="13">
+          <el-col :span="4">
+            <el-tooltip class="item" effect="dark" placement="left">
+              <div slot="content">{{element.name}}</div>
+              <div class="common-phase-description">
+                <xdrdirselector Width="70px" Height="70px" Widths="58px" Heights="58px" :Datas="styles" :Data="showStyle" :showlist="element.desc" :ISActiveMask="ISActiveMask" :MaskColor="MaskColor"></xdrdirselector>
+              </div>
+            </el-tooltip>
+        </el-col>
+        <el-col :span="10">
+            <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">
+            <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>
+    </draggable>
+  </div>
+</div>
+</template>
+<script>
+import draggable from 'vuedraggable'
+import { getDuration } from '@/api/cross'
+import xdrdirselector from '@/components/XRDDirSelector'
+
+export default {
+  name: 'patternOptimize',
+  components: {
+    draggable,
+    xdrdirselector
+  },
+  data () {
+    return {
+      showStyle: {
+        left: '7px',
+        top: '0px'
+      },
+      styles: {
+        left: '7px',
+        top: '0px'
+      },
+      typeOptions: [{
+        value: 'flow-split-opt'
+      }, {
+        value: 'cycle-opt'
+      }],
+      value: 'flow-split-opt',
+      optimizecycle: 0
+    }
+  },
+  props: {
+    headerText: {
+      type: String,
+      default: 'Header'
+    },
+    id: {
+      type: Number
+    },
+    rings: {
+      type: Array
+    },
+    nowNumber: {
+      type: Number
+    },
+    phaseList: {
+      type: Array
+    },
+    options: {
+      type: Object,
+      default () {
+        return {}
+      }
+    },
+    list: {
+      type: Array,
+      default () {
+        return []
+      }
+    },
+    // index: {
+    //   type: Number
+    // },
+    ISActiveMask: {
+      type: Boolean,
+      default: true
+    },
+    // 当phase的描述为空时，显示的图形颜色。
+    MaskColor: {
+      type: String,
+      default: '#000000'
+    }
+  },
+  created () {
+    // this.addMinSplit()
+    this.addMin()
+  },
+  computed () {
+
+  },
+  watch: {
+    list: {
+      handler: function () {
+        // let list = this.$refs.type
+        // let flow = this.$refs.types
+        // console.log(this.list, 'list')
+        // let cycle = 0
+        // let n = this.index
+        // for (let i = 0; i < list.length; i++) {
+        //   cycle = cycle + Number(list[i].currentValue)
+        // }
+        // const globalParamModel = this.$store.getters.globalParamModel
+        // // let MaxCycle = globalParamModel.getParamsByType('patternList')[n].cycle
+        // let pattern = globalParamModel.getParamsByType('patternList')[n]
+        // globalParamModel.getParamsByType('patternList')[n].cycle = this.getMaxCycle(pattern)
+        // this.addMinSplit()
+        // this.$emit('handleSplit', n)
+      },
+      deep: true
+    }
+  },
+  methods: {
+    onOptimizeClick () {
+      let msg = this.$t('openatccomponents.pattern.algorithmEngineOptimization')
+      const loading = this.$loading({
+        lock: true,
+        text: msg,
+        spinner: 'el-icon-loading',
+        background: 'rgba(0, 0, 0, 0.7)'
+      })
+      setTimeout(() => {
+        loading.close()
+        this.handeleOptimizeClick()
+      }, 1000)
+    },
+    handeleOptimizeClick () {
+      let newPha = []
+      for (let i = 0; i < this.rings.length; i++) {
+        newPha.push(...this.rings[i])
+      }
+      let phaseData = newPha.map(item => {
+        return {
+          id: item.id,
+          flowperhour: item.flowperhour,
+          saturation: item.saturation
+        }
+      })
+      let patternList = this.$store.state.globalParam.tscParam.patternList
+      let pattern = patternList.filter((item) => item.id === this.id)[0]
+      let reqData = {
+        'type': this.value,
+        'optcycle': this.optimizecycle ? this.optimizecycle : 0,
+        'phaseList': this.phaseList,
+        'pattern': pattern,
+        'phases': phaseData
+      }
+      let isValidata = []
+      for (let j = 0; j < newPha.length; j++) {
+        let comNum = (newPha[j].length / 4) * 1700 * 0.8
+        isValidata.push(newPha[j].flowperhour > comNum)
+      }
+      if (isValidata.includes(true)) {
+        this.$confirm(this.$t('openatccomponents.overview.maxFlow'),
+          this.$t('openatccomponents.common.alarm'), {
+            confirmButtonText: this.$t('eopenatccomponentsdge.common.confirm'),
+            cancelButtonText: this.$t('openatccomponents.common.cancel'),
+            type: 'warning'
+          }).then(() => {
+          getDuration(reqData).then(data => {
+            if (data.data.success) {
+              this.$message({
+                type: 'success',
+                message: this.$t('openatccomponents.pattern.success')
+              })
+              for (let i = 0; i < this.rings.length; i++) {
+                for (let j = 0; j < this.rings[i].length; j++) {
+                  for (let h = 0; h < data.data.data.phase.length; h++) {
+                    if (this.rings[i][j].id === data.data.data.phase[h].id) {
+                      this.rings[i][j].value = data.data.data.phase[h].duration
+                      // this.rings[i][j].cycle = data.data.data.phase[h].cycle
+                    }
+                  }
+                }
+              }
+            }
+          }).catch(error => {
+            console.log(error)
+          })
+        }).catch(() => {
+        })
+      } else {
+        getDuration(reqData).then(data => {
+          if (data.data.success) {
+            this.$message({
+              type: 'success',
+              message: this.$t('openatccomponents.pattern.success')
+            })
+            for (let i = 0; i < this.rings.length; i++) {
+              for (let j = 0; j < this.rings[i].length; j++) {
+                for (let h = 0; h < data.data.data.phase.length; h++) {
+                  if (this.rings[i][j].id === data.data.data.phase[h].id) {
+                    this.rings[i][j].value = data.data.data.phase[h].duration
+                    // this.rings[i][j].cycle = data.data.data.phase[h].cycle
+                  }
+                }
+              }
+            }
+          }
+        }).catch(error => {
+          console.log(error)
+        })
+      }
+    },
+    addMin () {
+      for (let i of this.list) {
+        if (!i.flowperhour || !i.saturation) {
+          i.length = this.list.length
+          i.flowperhour = 0
+          i.saturation = 1700
+        }
+      }
+    }
+    // addMinSplit () {
+    //   const globalParamModel = this.$store.getters.globalParamModel
+    //   let phaseList = globalParamModel.getParamsByType('phaseList')
+    //   for (let ls of this.list) {
+    //     let phase = phaseList.filter((item) => {
+    //       return item.id === ls.id
+    //     })[0]
+    //     if (!phase.redyellow) {
+    //       phase.redyellow = 0
+    //     }
+    //     if (!phase.yellow) {
+    //       phase.yellow = 0
+    //     }
+    //     if (!phase.redclear) {
+    //       phase.redclear = 0
+    //     }
+    //     if (!phase.flashgreen) {
+    //       phase.flashgreen = 0
+    //     }
+    //     if (!phase.phasewalk) {
+    //       phase.phasewalk = 0
+    //     }
+    //     if (!phase.pedclear) {
+    //       phase.pedclear = 0
+    //     }
+    //     // let temp1 = phase.redyellow + phase.yellow + phase.redclear + phase.flashgreen // 绿信比的最小值要大于最小绿+黄灯+全红+绿闪
+    //     // let temp2 = phase.phasewalk + phase.pedclear
+    //     // if (temp1 > temp2) {
+    //     //   ls.minSplit = temp1
+    //     // } else {
+    //     //   ls.minSplit = temp2
+    //     // }
+    //     // if (ls.mode !== 7 && ls.value < ls.minSplit) {
+    //     //   ls.value = ls.minSplit
+    //     // }
+    //     // let temp1 = phase.yellow + phase.redclear + phase.flashgreen // 绿信比的最小值要大于最小绿+黄灯+全红+绿闪
+    //     let temp1 = phase.yellow + phase.redclear + phase.mingreen
+    //     let temp2 = phase.yellow + phase.redclear + phase.phasewalk + phase.pedclear
+    //     ls.minSplit = temp1 > temp2 ? temp1 : temp2
+    //     if (ls.mode !== 7 && ls.value < ls.minSplit) {
+    //       ls.value = ls.minSplit
+    //       this.$message.error(this.$t('openatccomponents.pattern.splitCheckMsg'))
+    //     }
+    //   }
+    // },
+    // getMaxCycle (pattern) {
+    //   let rings = pattern.rings
+    //   let maxCycle = 0
+    //   for (let ring of rings) {
+    //     if (ring.length === 0) continue
+    //     let cycle = 0
+    //     for (let r of ring) {
+    //       if (r.mode === 7) { // 忽略相位不计周期
+    //         continue
+    //       }
+    //       cycle = cycle + r.value
+    //     }
+    //     if (cycle > maxCycle) {
+    //       maxCycle = cycle
+    //     }
+    //   }
+    //   return maxCycle
+    // },
+    // doChange (val) {
+    //   // if (val.mode === 7) {
+    //   //   val.value = 0
+    //   // } else {
+    //   //   val.value = 30
+    //   // }
+    // }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.col-content {
+  width: 100%;
+}
+.kanbanOptimize {
+  .common-board-column {
+    max-width: unset !important;
+  }
+}
+.optimizetype{
+  // float: left;
+  font-size: 14PX;
+  margin:0 0 10PX 0;
+  .el-input {
+    width: 80PX;
+  }
+  .el-select{
+    width: 145PX;
+  }
+  .el-button {
+    margin-left: 10PX;
+  }
+  .optimiNum {
+    padding-left: 10PX;
+  }
+}
+</style>

package/package/kisscomps/components/OverviewComponent/index.vue

@@ -20,6 +20,8 @@
             :stateName="stateName"
             :crossStatusData="crossStatusData"
             :agentId="agentId"
+            :isShowMessage ="isShowMessage"
+            :isShowInterval="isShowInterval"
             :roadDirection="roadDirection" />
           <channelization
             v-if="curHomePage === 'Channelization'"
@@ -132,6 +134,14 @@ export default {
       type: String,
       default: 'right'
     },
+    isShowInterval: {
+      type: Boolean,
+      default: true
+    },
+    isShowMessage: {
+      type: Boolean,
+      default: true
+    },
     isfromatc: {
       type: Boolean,
       default: true
@@ -140,6 +150,7 @@ export default {
   data () {
     return {
       stateName: this.$t('openatccomponents.overview.offline'),
+      curBodyWidth: 1920,
       controlData: {},
       checked: false,
       overlap: [],
@@ -317,10 +328,10 @@ export default {
           //   let childErrorCode = data.data.data.errorCode
           //   if (childErrorCode) {
           //     let childerror = getMessageByCode(data.data.data.errorCode, _this.$i18n.locale)
-          //     _this.$message.error(parrenterror + ',' + childerror)
+          //     _this.isShowMessage && _this.$message.error(parrenterror + ',' + childerror)
           //   }
           // } else {
-          //   _this.$message.error(parrenterror)
+          //   _this.isShowMessage && _this.$message.error(parrenterror)
           // }
           _this.curHomePage = 'Graphical'
           return
@@ -360,7 +371,7 @@ export default {
             let success = data.data.data.content.success
             if (success !== 0) {
               let errormsg = 'openatccomponents.overview.putTscControlError' + success
-              this.$message.error(this.$t(errormsg))
+              this.isShowMessage && this.$message.error(this.$t(errormsg))
               return
             }
           }
@@ -370,10 +381,10 @@ export default {
             let childErrorCode = data.data.data.errorCode
             if (childErrorCode) {
               let childerror = getMessageByCode(data.data.data.errorCode, this.$i18n.locale)
-              this.$message.error(parrenterror + ',' + childerror)
+              this.isShowMessage && this.$message.error(parrenterror + ',' + childerror)
             }
           } else {
-            this.$message.error(parrenterror)
+            this.isShowMessage && this.$message.error(parrenterror)
           }
           if (this.isResend) {
             this.reSend()
@@ -435,7 +446,7 @@ export default {
             let success = data.data.data.content.success
             if (success !== 0) {
               let errormsg = 'openatccomponents.overview.putTscControlError' + success
-              this.$message.error(this.$t(errormsg))
+              this.isShowMessage && this.$message.error(this.$t(errormsg))
               return
             }
           }
@@ -443,7 +454,7 @@ export default {
             // this.devStatus = 2
             this.clearPatternInterval() // 清除其他定时器
             this.clearVolumeInterval()
-            this.$message.error(getMessageByCode(data.data.code, this.$i18n.locale))
+            this.isShowMessage && this.$message.error(getMessageByCode(data.data.code, this.$i18n.locale))
             if (this.isResend) {
               this.reSend()
             }
@@ -455,10 +466,10 @@ export default {
             let childErrorCode = data.data.data.errorCode
             if (childErrorCode) {
               let childerror = getMessageByCode(data.data.data.errorCode, this.$i18n.locale)
-              this.$message.error(parrenterror + ',' + childerror)
+              this.isShowMessage && this.$message.error(parrenterror + ',' + childerror)
             }
           } else {
-            this.$message.error(parrenterror)
+            this.isShowMessage && this.$message.error(parrenterror)
           }
           this.clearPatternInterval() // 清除其他定时器
           this.clearVolumeInterval()
@@ -478,7 +489,7 @@ export default {
         console.log('this.controlData', this.controlData)
         this.checkStage(this.controlData)
       }).catch(error => {
-        // this.$message.error(error)
+        // this.isShowMessage && this.$message.error(error)
         console.log(error)
       })
     },
@@ -701,7 +712,7 @@ export default {
     queryDevParams () {
       queryDevice(this.AgentId).then(res => {
         if (!res.data.success) {
-          this.$message.error(getMessageByCode(res.data.code, this.$i18n.locale))
+          this.isShowMessage && this.$message.error(getMessageByCode(res.data.code, this.$i18n.locale))
           return
         }
         let devParams = res.data.data.jsonparam
@@ -733,7 +744,7 @@ export default {
             let success = data.data.data.content.success
             if (success !== 0) {
               let errormsg = 'openatccomponents.overview.putTscControlError' + success
-              this.$message.error(this.$t(errormsg))
+              this.isShowMessage && this.$message.error(this.$t(errormsg))
               return
             }
           }
@@ -743,10 +754,10 @@ export default {
             let childErrorCode = data.data.data.errorCode
             if (childErrorCode) {
               let childerror = getMessageByCode(data.data.data.errorCode, this.$i18n.locale)
-              this.$message.error(parrenterror + ',' + childerror)
+              this.isShowMessage && this.$message.error(parrenterror + ',' + childerror)
             }
           } else {
-            this.$message.error(parrenterror)
+            this.isShowMessage && this.$message.error(parrenterror)
           }
           return
         }
@@ -758,7 +769,7 @@ export default {
     getPlatform () {
       queryDevice(this.AgentId).then(res => {
         if (!res.data.success) {
-          this.$message.error(getMessageByCode(res.data.code, this.$i18n.locale))
+          this.isShowMessage && this.$message.error(getMessageByCode(res.data.code, this.$i18n.locale))
           return
         }
         let devParams = res.data.data.jsonparam