openatc-components 0.0.89 → 0.0.92

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "openatc-components",
3
- "version": "0.0.89",
3
+ "version": "0.0.92",
4
4
  "description": "A Vue.js project",
5
5
  "author": "openatc developer",
6
6
  "private": false,
@@ -9,6 +9,7 @@
9
9
  * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
10
10
  * See the Mulan PSL v2 for more details.
11
11
  **/
12
+ <!--静态渠化路口,需要传入路口状态数据和检测器状态数据-->
12
13
  <template>
13
14
  <div class="show-channelization" :class="{
14
15
  'superlargeCrossImg': bodyDomWidth <= 1680 && bodyDomWidth > 1440,
@@ -344,6 +345,7 @@ export default {
344
345
  this.handleReset()
345
346
  return new Promise((resolve, reject) => {
346
347
  getChannelizatonChart(this.AgentId).then(data => {
348
+ this.$emit('getChannelizationSetting', data)
347
349
  if (!data.data.success) {
348
350
  // let parrenterror = getMessageByCode(data.data.code, this.$i18n.locale)
349
351
  // if (data.data.data) {
@@ -9,7 +9,7 @@
9
9
  * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
10
10
  * See the Mulan PSL v2 for more details.
11
11
  **/
12
- <!--动态路口图,只需要设备AgentId,此组件会处理方案状态接口轮询-->
12
+ <!--动态渠化路口图,只需要设备AgentId,此组件会处理方案状态接口轮询-->
13
13
  <template>
14
14
  <div class="channelization-with-interface">
15
15
  <Channelization
@@ -24,7 +24,7 @@ import Channelization from '../Channelization/Channelization'
24
24
  import { getMessageByCode } from '../../../utils/responseMessage'
25
25
  import { getTscControl, queryDevice, putTscControl } from '../../../api/control.js'
26
26
  import { registerMessage, uploadSingleTscParam } from '../../../api/param'
27
- import { getIframdevid, setIframdevid, setToken, setHost } from '../../../utils/auth.js'
27
+ import { setIframdevid, setToken, setHost } from '../../../utils/auth.js'
28
28
  import ControlFormat from '../../../utils/ControlFormat.js'
29
29
  import { getDetectorStatus } from '../../../api/cross'
30
30
  export default {
@@ -56,31 +56,27 @@ export default {
56
56
  Token: {
57
57
  type: String,
58
58
  default: ''
59
- },
60
- roadDirection: {
61
- type: String,
62
- default: 'right'
63
- },
64
- isShowInterval: {
65
- type: Boolean,
66
- default: true
67
- },
68
- isShowState: {
69
- type: Boolean,
70
- devault: false
71
- },
72
- isShowMode: {
73
- type: Boolean,
74
- default: false
75
- },
76
- modeName: {
77
- type: String,
78
- default: ''
79
- },
80
- controlName: {
81
- type: String,
82
- default: ''
83
59
  }
60
+ // isShowInterval: {
61
+ // type: Boolean,
62
+ // default: true
63
+ // },
64
+ // isShowState: {
65
+ // type: Boolean,
66
+ // devault: false
67
+ // },
68
+ // isShowMode: {
69
+ // type: Boolean,
70
+ // default: false
71
+ // },
72
+ // modeName: {
73
+ // type: String,
74
+ // default: ''
75
+ // },
76
+ // controlName: {
77
+ // type: String,
78
+ // default: ''
79
+ // }
84
80
  },
85
81
  watch: {
86
82
  AgentId: {
@@ -154,8 +150,8 @@ export default {
154
150
  },
155
151
  initData () {
156
152
  this.intervalFlag = false
157
- let iframdevid = getIframdevid()
158
- console.log(iframdevid)
153
+ // let iframdevid = getIframdevid()
154
+ // console.log(iframdevid)
159
155
  let startTime = new Date().getTime()
160
156
  getTscControl(this.AgentId).then((data) => {
161
157
  let endTime = new Date().getTime()
@@ -9,6 +9,7 @@
9
9
  * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
10
10
  * See the Mulan PSL v2 for more details.
11
11
  **/
12
+ <!--渠化绘制功能-->
12
13
  <template>
13
14
  <div class="custom-cross" v-if="visible">
14
15
  <ImportDialog ref="importDialog" @loadSvgString="loadSvgString"/>
@@ -731,7 +732,6 @@ export default {
731
732
  if (this.CrossMapData.svgstr !== '') {
732
733
  temp.crossMap = this.CrossMapData
733
734
  }
734
- // this.$store.dispatch('SetShowHomePage', 'Channelization')
735
735
  this.saveChannelizatonChart(temp)
736
736
  },
737
737
  // 加载
@@ -834,6 +834,7 @@ export default {
834
834
  data: ChannelizatonData
835
835
  }
836
836
  saveChannelizatonChart(params).then(data => {
837
+ this.$emit('saveCallback', data)
837
838
  if (!data.data.success) {
838
839
  let parrenterror = getMessageByCode(data.data.code, this.$i18n.locale)
839
840
  if (data.data.data) {
@@ -854,7 +855,6 @@ export default {
854
855
  type: 'success',
855
856
  duration: 1 * 1000
856
857
  })
857
- this.$emit('saveCallback', data)
858
858
  })
859
859
  },
860
860
  // getChannelizatonChart () {
@@ -9,6 +9,7 @@
9
9
  * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
10
10
  * See the Mulan PSL v2 for more details.
11
11
  **/
12
+ <!--完整渠化编辑功能,包含导入-->
12
13
  <template>
13
14
  <div class="custom-cross-part">
14
15
  <FirstImportCrossmap v-if="pageindex === 1"
@@ -50,8 +51,7 @@ export default {
50
51
  },
51
52
  computed: {
52
53
  ...mapState({
53
- channelizationPageIndex: state => state.globalParam.channelizationPageIndex,
54
- curOpenatcAgentid: state => state.globalParam.curOpenatcAgentid
54
+ channelizationPageIndex: state => state.globalParam.channelizationPageIndex
55
55
  })
56
56
  },
57
57
  watch: {
@@ -60,7 +60,7 @@ export default {
60
60
  this.pageindex = index
61
61
  }
62
62
  },
63
- curOpenatcAgentid: {
63
+ AgentId: {
64
64
  handler: function (val) {
65
65
  this.getChannelizatonChart()
66
66
  },
@@ -22,6 +22,7 @@ import ExpendConfig from './components/ExpendConfig/index'
22
22
  import PatternWalkSvg from './components/PatternWalkSvg/index'
23
23
  import tentativeplancontrolmodal from './components/SchemeConfig/tentativeplancontrolmodal/index'
24
24
  import { setToken, setHost } from '../utils/auth.js'
25
+ import componentsGlobalParam from '../store/modules/globalParam'
25
26
 
26
27
  import en from '../i18n/language/en'
27
28
  import zh from '../i18n/language/zh'
@@ -63,6 +64,10 @@ const func = {
63
64
  setToken
64
65
  }
65
66
 
67
+ const Store = {
68
+ componentsGlobalParam
69
+ }
70
+
66
71
  const requireAll = requireContext => requireContext.keys().map(requireContext)
67
72
  const install = function (Vue) {
68
73
  if (install.installed) return
@@ -90,7 +95,8 @@ const API = {
90
95
  install,
91
96
  ...components,
92
97
  language,
93
- func
98
+ func,
99
+ Store
94
100
  }
95
101
 
96
102
  export default API
@@ -1,4 +1,5 @@
1
1
  <template>
2
+ <!-- 渠化绘制demo -->
2
3
  <div style="height: 100%;">
3
4
  <!-- <custom-channelization
4
5
  :AgentId="agentId" /> -->
@@ -15,7 +16,7 @@ export default {
15
16
  name: 'custom-channelization-demo',
16
17
  data () {
17
18
  return {
18
- agentId: '40001-547',
19
+ agentId: '10003-391',
19
20
  tscParams: {}
20
21
  }
21
22
  },
@@ -33,8 +34,6 @@ export default {
33
34
  saveCallback (res) {
34
35
  // 保存渠化图回调
35
36
  console.log('保存接口返回的参数', res)
36
- // this.$store.dispatch('SetShowHomePage', 'Channelization')
37
- // this.$router.push('/overview/index')
38
37
  }
39
38
  },
40
39
  created () {
@@ -67,7 +67,12 @@
67
67
  :Token="Token"/> -->
68
68
 
69
69
  <channelization-with-interface
70
- :AgentId="agentId" />
70
+ ref="channelization"
71
+ :AgentId="agentId"
72
+ :reqUrl="reqUrl"
73
+ :Token="Token"
74
+ @getTscControl="getTscControl"
75
+ @onPhaseChange="onPhaseChange"/>
71
76
  <!-- <ChannelizationWithInterface
72
77
  :AgentId="agentId" /> -->
73
78
  </div>
@@ -178,11 +183,10 @@ export default {
178
183
  console.log('onPhaseChange:')
179
184
  console.log(res, index)
180
185
  this.stagesList = res
181
- // this.currentStage = index;
186
+ // this.currentStage = index
182
187
  },
183
188
  getTscControl (res) {
184
- console.log('getTscControl:')
185
- console.log(res)
189
+ console.log('getTscControl:', res)
186
190
  // let control = res.data.data.control
187
191
  // let mode = res.data.data.mode
188
192
  // console.log("control,mode:",control,mode)
@@ -190,12 +194,10 @@ export default {
190
194
  // this.modeName = mode
191
195
  },
192
196
  registerMessage (res) {
193
- console.log('registerMessage')
194
- console.log(res)
197
+ console.log('registerMessage:', res)
195
198
  },
196
199
  queryDevice (res) {
197
- console.log('queryDevice')
198
- console.log(res)
200
+ console.log('queryDevice:', res)
199
201
  },
200
202
  clearInterVals () {
201
203
  this.$refs.intersection.clearInterVals()
@@ -53,7 +53,7 @@ export default {
53
53
  lockPhaseBtnName: this.$t('openatccomponents.overview.comfirm'),
54
54
  agentId: '10002-994',
55
55
  Token: 'eyJraWQiOiIxNjUzMjgyODkwMDYxIiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJhZG1pbiIsImV4cCI6MTczOTY4Mjg5MCwiaWF0IjoxNjUzMjgyODkwfQ.emqFxXlot1Zk6TGkLMDx0zIp2B8toSz17xdZI_DrXZI',
56
- Token103: 'eyJraWQiOiIxNjU4MzgxMzQ4NjczIiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJhZG1pbiIsImV4cCI6MTc0NDc4NDY1NSwiaWF0IjoxNjU4Mzg0NjU1fQ.5HIdmPgPCf9n5NbyVqXFq7rFA3g1IxGDw3IQeB6fJ8s',
56
+ Token103: 'eyJraWQiOiIxNjQ5MzM4NzA5MTA0IiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJhZG1pbiIsImV4cCI6MTczNTczODcwOSwiaWF0IjoxNjQ5MzM4NzA5fQ.JDSkpT1SbB61dEKvorhVdZJHKJzoQZEY5DPKHs1Imo0',
57
57
  boxVisible: false,
58
58
  dialogWidth: '80%',
59
59
  crossStatusData: {} // 路口状态数据
@@ -118,7 +118,7 @@ export default {
118
118
  this.setDialogWidth()
119
119
  },
120
120
  mounted () {
121
- this.setPropsToken(this.Token103)
121
+ this.setPropsToken(this.Token)
122
122
  this.initData()
123
123
  window.onresize = () => {
124
124
  return (() => {