openatc-components 0.0.15 → 0.0.18

package/src/kisscomps/components/BoardCard/BoardCard.vue

@@ -0,0 +1,85 @@
+<template>
+    <div class="boradCard">
+        <StageStatus
+        v-show="isPhase"
+        :localPatternList="localPatternList"
+        :contrloType="contrloType"
+        :controlData="controlData"
+        :patternStatusList="patternStatusList">
+        </StageStatus>
+        <PatternStatus
+        :localPatternList="localPatternList"
+        :contrloType="contrloType"
+        :stagesChange="stagesChange"
+        :agentId="agentId"
+        :controlData="controlData"
+        :phaseList="phaseList"
+        :cycle="cycle"
+        :syncTime="syncTime"
+        :style="{'margin-top':cycle ? '25px':'0'}"
+        :patternStatusList="patternStatusList"
+        :patternId="patternId"
+        :cycles="cycles">
+        </PatternStatus>
+    </div>
+</template>
+
+<script>
+import PatternStatus from '../PatternStatus'
+import StageStatus from '../StageStatus'
+export default {
+  name: 'board-card',
+  components: {
+    PatternStatus,
+    StageStatus
+  },
+  data () {
+    return {
+
+    }
+  },
+  props: {
+    contrloType: {
+      type: Boolean
+    },
+    localPatternList: {
+      type: Array
+    },
+    stagesChange: {
+      type: Array
+    },
+    phaseList: {
+      type: Array
+    },
+    controlData: {
+      type: Object
+    },
+    patternStatusList: {
+      type: Array
+    },
+    patternId: {
+      type: Number
+    },
+    agentId: {
+      type: String
+    },
+    isPhase: {
+      type: Boolean,
+      default: false
+    },
+    cycles: {
+      type: Number
+    },
+    cycle: {
+      type: Number
+    },
+    syncTime: {
+      type: Number
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>

package/src/kisscomps/components/BoardCard/index.js

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

package/src/kisscomps/components/CommonKanban/CommonKanban.vue

@@ -1,119 +1,119 @@
-/**
- * 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="common-board-column">
-    <div class="common-board-column-header">
-      {{headerText}}
-    </div>
-    <div class="common-board-table-header">
-      <div class="common-titlecolumn phase">{{this.$t('openatccomponents.overview.phase')}}</div>
-      <div class="common-titlecolumn mode">
-        <slot name="kanbantitle"></slot>
-      </div>
-    </div>
-    <!-- 开启拖拽调整顺序 -->
-    <draggable v-if="Draggable" class="common-board-column-content" v-model="list" @end="end">
-      <div class="common-board-item" v-for="element in list" :key="element.id">
-        <div class="common-contentcolumn phase">
-            <el-tooltip class="item" effect="dark" placement="left">
-              <div slot="content">{{element.name}}</div>
-              <div class="common-phase-description">
-                <xdrdirselector Width="40px"
-                  Height="40px"
-                  :showlist="element.desc"
-                  :ISActiveMask="ISActiveMask"
-                  :MaskColor="MaskColor"
-                  :roadDirection="roadDirection"></xdrdirselector>
-              </div>
-            </el-tooltip>
-        </div>
-        <div class="common-contentcolumn mode">
-          <slot name="kanbancontent" :element="element"></slot>
-        </div>
-      </div>
-    </draggable>
-    <!-- 关闭拖拽调整顺序 -->
-    <div v-if="!Draggable" class="common-board-column-content">
-      <div class="common-board-item" v-for="element in list" :key="element.id">
-        <div class="common-contentcolumn phase">
-            <el-tooltip class="item" effect="dark" placement="left">
-              <div slot="content">{{element.name}}</div>
-              <div class="common-phase-description">
-                <div v-for="(side, index) in sidewalkPhaseData" :key="side.key + '-' + index">
-                  <PatternWalkSvg v-if="element.peddirection.includes(side.id)" :Data="side" Width="38" Height="40" />
-                </div>
-                <xdrdirselector Width="40px"
-                  Height="40px"
-                  :showlist="element.desc"
-                  :ISActiveMask="ISActiveMask"
-                  :MaskColor="MaskColor"
-                  :roadDirection="roadDirection"></xdrdirselector>
-              </div>
-            </el-tooltip>
-        </div>
-        <div class="common-contentcolumn mode">
-          <slot name="kanbancontent" :element="element"></slot>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-import xdrdirselector from '../XRDDirSelector/XRDDirSelector'
-import draggable from 'vuedraggable'
-import PatternWalkSvg from '../IntersectionMap/crossDirection/baseImg/PatternWalkSvg'
-
-export default {
-  name: 'common-kanban',
-  components: {
-    draggable,
-    xdrdirselector,
-    PatternWalkSvg
-  },
-  props: {
-    headerText: {
-      type: String
-    },
-    list: {
-      type: Array,
-      default () {
-        return []
-      }
-    },
-    ISActiveMask: {
-      type: Boolean,
-      default: true
-    },
-    // 当phase的描述为空时，显示的图形颜色。
-    MaskColor: {
-      type: String,
-      default: '#000000'
-    },
-    Draggable: { // 是否开启拖动调整顺序
-      type: Boolean,
-      default: true
-    },
-    sidewalkPhaseData: {
-      type: Array
-    },
-    roadDirection: {
-      type: String
-    }
-  },
-  methods: {
-    end () {
-      // 拖动结束后，向父组件发送重新排序后的数据
-      this.$emit('handleSort', this.list)
-    }
-  }
-}
-</script>
+/**
+ * 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="common-board-column">
+    <div class="common-board-column-header">
+      {{headerText}}
+    </div>
+    <div class="common-board-table-header">
+      <div class="common-titlecolumn phase">{{this.$t('openatccomponents.overview.phase')}}</div>
+      <div class="common-titlecolumn mode">
+        <slot name="kanbantitle"></slot>
+      </div>
+    </div>
+    <!-- 开启拖拽调整顺序 -->
+    <draggable v-if="Draggable" class="common-board-column-content" v-model="list" @end="end">
+      <div class="common-board-item" v-for="element in list" :key="element.id">
+        <div class="common-contentcolumn phase">
+            <el-tooltip class="item" effect="dark" placement="left">
+              <div slot="content">{{element.name}}</div>
+              <div class="common-phase-description">
+                <xdrdirselector Width="40px"
+                  Height="40px"
+                  :showlist="element.desc"
+                  :ISActiveMask="ISActiveMask"
+                  :MaskColor="MaskColor"
+                  :roadDirection="roadDirection"></xdrdirselector>
+              </div>
+            </el-tooltip>
+        </div>
+        <div class="common-contentcolumn mode">
+          <slot name="kanbancontent" :element="element"></slot>
+        </div>
+      </div>
+    </draggable>
+    <!-- 关闭拖拽调整顺序 -->
+    <div v-if="!Draggable" class="common-board-column-content">
+      <div class="common-board-item" v-for="element in list" :key="element.id">
+        <div class="common-contentcolumn phase">
+            <el-tooltip class="item" effect="dark" placement="left">
+              <div slot="content">{{element.name}}</div>
+              <div class="common-phase-description">
+                <div v-for="(side, index) in sidewalkPhaseData" :key="side.key + '-' + index">
+                  <PatternWalkSvg v-if="element.peddirection.includes(side.id)" :Data="side" Width="38" Height="40" />
+                </div>
+                <xdrdirselector Width="40px"
+                  Height="40px"
+                  :showlist="element.desc"
+                  :ISActiveMask="ISActiveMask"
+                  :MaskColor="MaskColor"
+                  :roadDirection="roadDirection"></xdrdirselector>
+              </div>
+            </el-tooltip>
+        </div>
+        <div class="common-contentcolumn mode">
+          <slot name="kanbancontent" :element="element"></slot>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import xdrdirselector from '../XRDDirSelector/XRDDirSelector'
+import draggable from 'vuedraggable'
+import PatternWalkSvg from '../IntersectionMap/crossDirection/baseImg/PatternWalkSvg'
+
+export default {
+  name: 'common-kanban',
+  components: {
+    draggable,
+    xdrdirselector,
+    PatternWalkSvg
+  },
+  props: {
+    headerText: {
+      type: String
+    },
+    list: {
+      type: Array,
+      default () {
+        return []
+      }
+    },
+    ISActiveMask: {
+      type: Boolean,
+      default: true
+    },
+    // 当phase的描述为空时，显示的图形颜色。
+    MaskColor: {
+      type: String,
+      default: '#000000'
+    },
+    Draggable: { // 是否开启拖动调整顺序
+      type: Boolean,
+      default: true
+    },
+    sidewalkPhaseData: {
+      type: Array
+    },
+    roadDirection: {
+      type: String
+    }
+  },
+  methods: {
+    end () {
+      // 拖动结束后，向父组件发送重新排序后的数据
+      this.$emit('handleSort', this.list)
+    }
+  }
+}
+</script>

package/src/kisscomps/components/CommonKanban/index.js

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