openatc-components 0.0.94 → 0.0.95

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

@@ -0,0 +1,96 @@
+/**
+ * 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>
+    <el-dialog
+      center
+      width="424px"
+      :visible.sync="boxVisible"
+      :title="modalTitle"
+      :close-on-click-modal="false"
+      custom-class="MessageBox"
+      @close="oncancle"
+      append-to-body>
+      <div class="text">{{text}}</div>
+      <div slot="footer" class="boxFooter">
+        <el-button class="btn canclebtn" @click="oncancle">{{$t('openatccomponents.button.Cancel')}}</el-button>
+        <el-button class="btn okbtn" type="primary" @click="onok">{{$t('openatccomponents.button.OK')}}</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+export default {
+  name: 'message-box',
+  data () {
+    return {
+      boxVisible: this.visible,
+      modalTitle: this.$t('openatccomponents.common.tipsmodaltitle')
+    }
+  },
+  watch: {
+    visible: function (val) {
+      this.boxVisible = val
+    },
+    title: function (val) {
+      this.modalTitle = val
+    }
+  },
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    title: {
+      type: String,
+      default: '提示'
+    },
+    text: {
+      type: String,
+      default: ''
+    }
+  },
+  methods: {
+    onok () {
+      this.$emit('ok')
+    },
+    oncancle () {
+      this.$emit('cancle')
+    }
+  },
+  mounted () {
+  },
+  beforeUpdate () {
+    this.modalTitle = this.$t('openatccomponents.common.tipsmodaltitle')
+  }
+}
+</script>
+<style>
+.MessageBox .el-dialog__body {
+  text-align: center;
+}
+.MessageBox .el-dialog__title {
+  font-size: 16px;
+}
+.MessageBox .text {
+  font-size: 14px;
+}
+.MessageBox .boxFooter .btn {
+  font-size: 14px;
+  width: 64px;
+  height: 34px;
+  padding: 2px 10px;
+}
+.MessageBox .el-dialog__footer {
+  padding: 10px 20px 20px;
+}
+</style>

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

@@ -22,12 +22,12 @@
             <el-form-item
                 :label="$t('openatccomponents.overview.delay') + ':'"
                 prop="intersection">
-               <el-input v-model="manualInfo.tempDelay" size="mini" :placeholder="$t('openatccomponents.common.input')"></el-input>
+              <el-input-number :min="0" :max="65535" :precision="0" :step="1" :controls="false" v-model.number="manualInfo.tempDelay" size="mini"></el-input-number>
             </el-form-item>
             <el-form-item
                 :label="$t('openatccomponents.overview.duration') + ':'"
                 prop="count">
-               <el-input v-model="manualInfo.tempDuration" size="mini" :placeholder="$t('openatccomponents.common.input')"></el-input>
+              <el-input-number :min="0" :max="65535" :precision="0" :step="1" :controls="false" v-model.number="manualInfo.tempDuration" size="mini"></el-input-number>
             </el-form-item>
            </el-form>
       </el-col>

package/src/kisscomps/index.js

@@ -4,6 +4,8 @@ import IntersectionWithInterface from './components/IntersectionWithInterface/in
 import IntersectionMap from './components/IntersectionMap/index'
 import SchemeConfig from './components/SchemeConfig/index'
 import lockingPhaselControlModal from './components/SchemeConfig/lockingPhaselControlModal/index'
+import Channelization from './components/Channelization/index'
+import DrawChannelization from './components/DrawChannelization/index'
 import FaultDetailModal from './components/FaultDetailModal/index'
 import CommonKanban from './components/CommonKanban/index'
 import patternList from './components/patternList/index'
@@ -20,6 +22,7 @@ import ExpendConfig from './components/ExpendConfig/index'
 import PatternWalkSvg from './components/PatternWalkSvg/index'
 import tentativeplancontrolmodal from './components/SchemeConfig/tentativeplancontrolmodal/index'
 import { setToken, setHost } from '../utils/auth.js'
+import componentsGlobalParam from '../store/modules/globalParam'
 
 import en from '../i18n/language/en'
 import zh from '../i18n/language/zh'
@@ -32,6 +35,8 @@ const components = {
   IntersectionMap,
   SchemeConfig,
   lockingPhaselControlModal,
+  Channelization,
+  DrawChannelization,
   FaultDetailModal,
   PatternStatus,
   BoardCard,
@@ -59,6 +64,10 @@ const func = {
   setToken
 }
 
+const Store = {
+  componentsGlobalParam
+}
+
 const requireAll = requireContext => requireContext.keys().map(requireContext)
 const install = function (Vue) {
   if (install.installed) return
@@ -86,7 +95,8 @@ const API = {
   install,
   ...components,
   language,
-  func
+  func,
+  Store
 }
 
 export default API

package/src/main.js

@@ -12,6 +12,7 @@ import i18n from './i18n'
 import 'element-ui/lib/theme-chalk/index.css'
 import './icons' // icon
 import './icons/iconfont.css'
+import drr from '@minogin/vue-drag-resize-rotate'
 
 window.dev = process.env.NODE_ENV
 
@@ -27,6 +28,8 @@ Vue.use(ElementUI, {
   locale
 })
 
+Vue.component('drr', drr)
+
 /* 使用动画库 */
 Vue.use(animate)
 

package/src/router/index.js

@@ -31,6 +31,13 @@ export default new Router({
       component: (resolve) => {
         require(['@/views/overView'], resolve)
       }
+    },
+    {
+      path: '/quhua',
+      name: 'config',
+      component: (resolve) => {
+        require(['@/views/customchannelization'], resolve)
+      }
     }
   ]
 })

package/src/store/index.js

@@ -12,13 +12,13 @@
 import Vue from 'vue'
 import Vuex from 'vuex'
 import getters from './getters'
-// import globalParam from './modules/globalParam'
+import globalParam from './modules/globalParam'
 
 Vue.use(Vuex)
 
 const store = new Vuex.Store({
   modules: {
-    // globalParam
+    globalParam
   },
   getters
 })

package/src/store/modules/globalParam.js

@@ -9,19 +9,59 @@
  * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
  * See the Mulan PSL v2 for more details.
  **/
-// const Global = {
-//   state: {
-//     roadDirection: 'right' // 当前路口行车方向：默认右行
-//   },
-//   mutations: {
-//     SET_ROAD_RIRECTION: (state, DIR) => {
-//       state.roadDirection = DIR
-//     }
-//   },
-//   actions: {
-//     SetRoadDirection ({ commit }, DIR) {
-//       commit('SET_ROAD_RIRECTION', DIR)
-//     }
-//   }
-// }
-// export default Global
+const tscParam = {
+  phaseList: [],
+  patternList: [],
+  planList: [],
+  dateList: [],
+  overlaplList: [],
+  channelList: [],
+  detectorList: [],
+  pedestrainDetectorList: [],
+  channellock: [],
+  // customInfo: {
+  //   areaid: Number,
+  //   intersectionid: Number,
+  //   siteid: '',
+  //   selflearning: 0,
+  //   fixintersectioninfo: '',
+  //   commuport: 0,
+  //   commutype: '',
+  //   steptype: ''
+  // },
+  manualpanel: {
+    mingreen: 15
+  },
+  singleoptim: [
+  ]
+}
+const Global = {
+  state: {
+    tscParam: JSON.parse(JSON.stringify(tscParam)),
+    associatedPhaseList: [], // 关联相位列表
+    PhaseDataMgr: {} // 关联相位数据处理模型
+  },
+  mutations: {
+    SET_TSCPARAM: (state, tscParam) => {
+      state.tscParam = JSON.parse(JSON.stringify(tscParam))
+    },
+    SET_ASSOCIATED_PHASE_LIST: (state, Associatedphaselist) => {
+      state.associatedPhaseList = JSON.parse(JSON.stringify(Associatedphaselist))
+    },
+    INIT_PHASE_DATA_MGR: (state, PhaseDataMgrClass) => {
+      state.PhaseDataMgr = PhaseDataMgrClass
+    }
+  },
+  actions: {
+    SetTscParam ({ commit }, tscParam) {
+      commit('SET_TSCPARAM', tscParam)
+    },
+    SetAssociatedPhaseList ({ commit }, Associatedphaselist) {
+      commit('SET_ASSOCIATED_PHASE_LIST', Associatedphaselist)
+    },
+    InitPhaseDataMgr ({ commit }, PhaseDataMgrClass) {
+      commit('INIT_PHASE_DATA_MGR', PhaseDataMgrClass)
+    }
+  }
+}
+export default Global

package/src/views/customchannelization.vue

@@ -0,0 +1,49 @@
+<template>
+<!-- 渠化绘制demo -->
+  <div style="height: 100%;">
+      <!-- <custom-channelization
+        :AgentId="agentId" /> -->
+      <CustomChannelization
+        :AgentId="agentId"
+        :tscParam="tscParams"
+        @saveCallback="saveCallback" />
+  </div>
+</template>
+<script>
+import { getIntersectionInfo } from '../api/template.js'
+import CustomChannelization from '../kisscomps/components/DrawChannelization/drawsvg/index'
+export default {
+  name: 'custom-channelization-demo',
+  data () {
+    return {
+      agentId: '10003-391',
+      tscParams: {}
+    }
+  },
+  components: {
+    CustomChannelization
+  },
+  methods: {
+    getIntersectionInfo () {
+      // 获取路口信息
+      getIntersectionInfo(this.agentId).then(res => {
+        console.log('接口上载的参数', res.data.data.param)
+        this.tscParams = res.data.data.param
+      })
+    },
+    saveCallback (res) {
+      // 保存渠化图回调
+      console.log('保存接口返回的参数', res)
+    }
+  },
+  created () {
+  },
+  mounted () {
+    this.getIntersectionInfo()
+  },
+  destroyed () {
+  }
+}
+</script>
+<style lang="scss">
+</style>

package/src/views/intersection.vue

@@ -66,18 +66,28 @@
         :AgentId="agentId"
         :Token="Token"/> -->
 
+      <channelization-with-interface
+        ref="channelization"
+        :AgentId="agentId"
+        :reqUrl="reqUrl"
+        :Token="Token"
+        @getTscControl="getTscControl"
+        @onPhaseChange="onPhaseChange"/>
+      <!-- <ChannelizationWithInterface
+        :AgentId="agentId" /> -->
     </div>
   </div>
 </template>
 <script>
 import IntersectionWithInterface from '../kisscomps/components/IntersectionWithInterface'
+import ChannelizationWithInterface from '../kisscomps/components/ChannelizationWithInterface/ChannelizationWithInterface'
 export default {
   name: 'demo',
   data () {
     return {
       roadDirection: 'right',
       // reqUrl: 'http://192.168.13.103:10003/openatc',
-      agentId: '10002-994',
+      agentId: '10003-391',
       reqUrl: 'http://192.168.13.105:11003/openatc',
       Token: 'eyJraWQiOiIxNjUzMjgyODkwMDYxIiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJhZG1pbiIsImV4cCI6MTczOTY4Mjg5MCwiaWF0IjoxNjUzMjgyODkwfQ.emqFxXlot1Zk6TGkLMDx0zIp2B8toSz17xdZI_DrXZI',
       // agentId: '30003-352',
@@ -96,7 +106,8 @@ export default {
     }
   },
   components: {
-    IntersectionWithInterface
+    IntersectionWithInterface,
+    ChannelizationWithInterface
   },
   methods: {
     oncancle () {
@@ -172,11 +183,10 @@ export default {
       console.log('onPhaseChange:')
       console.log(res, index)
       this.stagesList = res
-      // this.currentStage = index;
+      // this.currentStage = index
     },
     getTscControl (res) {
-      console.log('getTscControl:')
-      console.log(res)
+      console.log('getTscControl:', res)
       // let control = res.data.data.control
       // let mode = res.data.data.mode
       // console.log("control,mode:",control,mode)
@@ -184,12 +194,10 @@ export default {
       // this.modeName = mode
     },
     registerMessage (res) {
-      console.log('registerMessage')
-      console.log(res)
+      console.log('registerMessage:', res)
     },
     queryDevice (res) {
-      console.log('queryDevice')
-      console.log(res)
+      console.log('queryDevice:', res)
     },
     clearInterVals () {
       this.$refs.intersection.clearInterVals()

package/static/apiconfig.json

@@ -332,5 +332,20 @@
   "key": "enumerateCheck",
   "url": "/fault/check",
   "method": "post"
+},
+{
+  "key": "getChannelizatonChart",
+  "url": "/devs/channelizatonchart",
+  "method": "get"
+},
+{
+  "key": "saveChannelizatonChart",
+  "url": "/devs/channelizatonchart",
+  "method": "post"
+},
+{
+  "key": "getDetectorStatus",
+  "url": "/devs/detectorstatus",
+  "method": "get"
 }
 ]