openatc-components 0.0.1 → 0.0.2

package/src/kisscomps/components/KissCircleMenu/style/main/other.less

@@ -1,94 +1,94 @@
-@import "../mixin/mixin.less";
-@import "../var/var.less";
-
-
-//子菜单默认背景颜色
-.blue {
-  background: @CircleMenuItem4Color;
-}
-.yellow {
-  background: @CircleMenuItem3Color;
-}
-.green {
-  background: @CircleMenuItem2Color;
-}
-
-.purple {
-  background: @CircleMenuItem1Color;
-}
-
-.pink {
-  background: @CircleMenuBtnColor;
-}
-//遮罩样式
-.oy-mask-white {
-  .mask();
-  background: rgba(255, 255, 255, 0.8);
-  &_transparent{
-    .mask();
-  }
-}
-
-.oy-mask-black {
-  .mask();
-  background: rgba(0, 0, 0, 0.6);
-  &_transparent{
-    .mask();
-  }
-}
-
-// 菜单和子菜单的基础样式
-.oy-menu-group{
-  z-index: 1001;
-}
-
-.oy-menu-btn{
-  .meun-base();
-  &:active{
-    box-shadow: inset 0 0 1000px rgba(0, 0, 0, .5);
-  }
-}
-.oy-menu-btn-Circle {
-  .circle();
-  outline: none;
-}
-
-.oy-menu-item{
-  .meun-base();
-  .circle();
-  &:active{
-    box-shadow: inset 0 0 1000px rgba(0, 0, 0, .5);
-  }
-}
-
-// 默认开关按钮样式
-.icon-bars{
-  background: #fff;
-  height: 1px;
-  width: 22px;
-  margin: auto;
-  display: block;
-  position: relative;
-  transition: 0.2s 0.2s;
-  &:after{
-    content: '';
-    position: absolute;
-    height: 22px;
-    width: 1px;
-    background: #fff;
-    top: -10px;
-  }
-  .oy-menu-group.open &{
-    transform: rotate(45deg);
-  }
-}
-
-// 菜单和子菜单定位
-.oy-menu-group {
-  position: relative;
-  float: right;
-  transition: 0.2s;
-}
-.oy-menu-group .btn-toggle {
-  z-index: 15;
-}
+@import "../mixin/mixin.less";
+@import "../var/var.less";
+
+
+//子菜单默认背景颜色
+.blue {
+  background: @CircleMenuItem4Color;
+}
+.yellow {
+  background: @CircleMenuItem3Color;
+}
+.green {
+  background: @CircleMenuItem2Color;
+}
+
+.purple {
+  background: @CircleMenuItem1Color;
+}
+
+.pink {
+  background: @CircleMenuBtnColor;
+}
+//遮罩样式
+.oy-mask-white {
+  .mask();
+  background: rgba(255, 255, 255, 0.8);
+  &_transparent{
+    .mask();
+  }
+}
+
+.oy-mask-black {
+  .mask();
+  background: rgba(0, 0, 0, 0.6);
+  &_transparent{
+    .mask();
+  }
+}
+
+// 菜单和子菜单的基础样式
+.oy-menu-group{
+  z-index: 1001;
+}
+
+.oy-menu-btn{
+  .meun-base();
+  &:active{
+    box-shadow: inset 0 0 1000px rgba(0, 0, 0, .5);
+  }
+}
+.oy-menu-btn-Circle {
+  .circle();
+  outline: none;
+}
+
+.oy-menu-item{
+  .meun-base();
+  .circle();
+  &:active{
+    box-shadow: inset 0 0 1000px rgba(0, 0, 0, .5);
+  }
+}
+
+// 默认开关按钮样式
+.icon-bars{
+  background: #fff;
+  height: 1px;
+  width: 22px;
+  margin: auto;
+  display: block;
+  position: relative;
+  transition: 0.2s 0.2s;
+  &:after{
+    content: '';
+    position: absolute;
+    height: 22px;
+    width: 1px;
+    background: #fff;
+    top: -10px;
+  }
+  .oy-menu-group.open &{
+    transform: rotate(45deg);
+  }
+}
+
+// 菜单和子菜单定位
+.oy-menu-group {
+  position: relative;
+  float: right;
+  transition: 0.2s;
+}
+.oy-menu-group .btn-toggle {
+  z-index: 15;
+}

package/src/kisscomps/components/KissCircleMenu/style/mixin/mixin.less

@@ -1,36 +1,36 @@
-@import "../var/var.less";
-// 遮罩基础样式
-.mask() {
-  position: fixed;
-  z-index: 1000;
-  top: 0;
-  right: 0;
-  left: 0;
-  bottom: 0;
-}
-
-// 菜单按钮基础样式
-.meun-base() {
-  width: @CircleWidth;
-  height: @CircleHeight;
-  line-height: 50px;
-  display: inline-block;
-  border: none;
-  text-align: center;
-  position: relative;
-}
-
-//圆角
-.circle(){
-  border-radius: 50%;
-}
-
-//菜单位置
-.CircleItem(){
-  position: absolute;
-  right: 0;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  opacity: 0;
-}
+@import "../var/var.less";
+// 遮罩基础样式
+.mask() {
+  position: fixed;
+  z-index: 1000;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+}
+
+// 菜单按钮基础样式
+.meun-base() {
+  width: @CircleWidth;
+  height: @CircleHeight;
+  line-height: 50px;
+  display: inline-block;
+  border: none;
+  text-align: center;
+  position: relative;
+}
+
+//圆角
+.circle(){
+  border-radius: 50%;
+}
+
+//菜单位置
+.CircleItem(){
+  position: absolute;
+  right: 0;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  opacity: 0;
+}

package/src/kisscomps/components/KissCircleMenu/style/var/var.less

@@ -1,21 +1,21 @@
-// CircleMenu菜单按钮和菜单默认背景颜色
-@CircleMenuBtnColor: #F0A28E;
-@CircleMenuItem1Color: #8e24aa;
-@CircleMenuItem2Color: #00e676;
-@CircleMenuItem3Color: #ffa000;
-@CircleMenuItem4Color: #40c4ff;
-
-// 菜单基础间隔距离
-@MenuSpace: 55px;
-@MenuPrepSpace: -55px;
-
-//菜单type类型,middle-round因为有“-”会报错
-@top: .top;
-@bottom: .bottom;
-@left: .left;
-@right: .right;
-@middle: .middle;
-
-//圆环大小
-@CircleWidth: 48px;
-@CircleHeight: 48px;
+// CircleMenu菜单按钮和菜单默认背景颜色
+@CircleMenuBtnColor: #F0A28E;
+@CircleMenuItem1Color: #8e24aa;
+@CircleMenuItem2Color: #00e676;
+@CircleMenuItem3Color: #ffa000;
+@CircleMenuItem4Color: #40c4ff;
+
+// 菜单基础间隔距离
+@MenuSpace: 55px;
+@MenuPrepSpace: -55px;
+
+//菜单type类型,middle-round因为有“-”会报错
+@top: .top;
+@bottom: .bottom;
+@left: .left;
+@right: .right;
+@middle: .middle;
+
+//圆环大小
+@CircleWidth: 48px;
+@CircleHeight: 48px;

package/src/kisscomps/components/KissCircleMenu/utils/colorRE.js

@@ -1,5 +1,5 @@
-const hexColors = /^#([0-9a-fA-F]{6}|[0-9a-fA-F]{3})$/
-const rgbColors = /^[rR][gG][Bb][Aa]?[(]([\s]*(2[0-4][0-9]|25[0-5]|[01]?[0-9][0-9]?),){2}[\s]*(2[0-4][0-9]|25[0-5]|[01]?[0-9][0-9]?),?[\s]*(0\.\d{1,2}|1|0)?[)]{1}$/g
-export function isColors (value) {
-  return hexColors.test(value) || rgbColors.test(value)
-}
+const hexColors = /^#([0-9a-fA-F]{6}|[0-9a-fA-F]{3})$/
+const rgbColors = /^[rR][gG][Bb][Aa]?[(]([\s]*(2[0-4][0-9]|25[0-5]|[01]?[0-9][0-9]?),){2}[\s]*(2[0-4][0-9]|25[0-5]|[01]?[0-9][0-9]?),?[\s]*(0\.\d{1,2}|1|0)?[)]{1}$/g
+export function isColors (value) {
+  return hexColors.test(value) || rgbColors.test(value)
+}

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

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

package/src/kisscomps/components/KissSearchInput/kisssearchinput.vue

@@ -1,77 +1,77 @@
-<template>
-  <div class="kiss-search-input">
-      <div class="kiss-input-container">
-        <input type="text" class="kiss-input-default" :placeholder="placeHolder" v-model="textdata">
-        <button type="submit" @click="handleClick"></button>
-      </div>
-  </div>
-</template>
-<script>
-export default {
-  name: 'kiss-search-input',
-  props: {
-    placeHolder: {
-      type: String,
-      default: '请输入您要搜索的内容...'
-    },
-    textdata: {
-      type: String,
-      default: ''
-    }
-  },
-  methods: {
-    handleClick (evtFunc) { // 添加点击事件响应
-      this.$emit('click', evtFunc)
-    }
-  }
-}
-</script>
-<style scoped>
-  .kiss-input-default{
-    width: 230px;
-    height: 24px;
-    padding: 0;
-    margin: 10px 2px 0px 19px;
-    color: #42daff;
-    font-size: 14px;
-    outline: 0px;
-    border: 0px;
-    border-radius: 6px;
-    background-color: transparent;
-  }
-  .kiss-input-container{
-    display: block;
-    width: 248px;
-    height: 43px;
-    background: url("../image/KissSearchInput/searchinput.png");
-    /* background-size: cover; */
-    background-repeat: no-repeat;
-  }
-  .kiss-search-input button{
-    float: right;
-    display: inline;
-    margin-top: 10px;
-    margin-right: 10px;
-    width: 25px;
-    height: 25px;
-    background: url("../image/KissSearchInput/search.png");
-    background-repeat: no-repeat;
-    outline: none;
-    border: none;
-    cursor:pointer;
-  }
-
-  .kiss-search-input button:hover{
-    background: url("../image/KissSearchInput/searchhover.png");
-    background-repeat: no-repeat;
-  }
-  .kiss-search-input input{
-    width: 182px;
-    margin: 12px, 2px, 0px, 19px;
-  }
-  .kiss-search-input input::-webkit-input-placeholder {
-    color: #0096ba;
-    font-size: 15px;
-    text-align: left;
-  }
-</style>
+<template>
+  <div class="kiss-search-input">
+      <div class="kiss-input-container">
+        <input type="text" class="kiss-input-default" :placeholder="placeHolder" v-model="textdata">
+        <button type="submit" @click="handleClick"></button>
+      </div>
+  </div>
+</template>
+<script>
+export default {
+  name: 'kiss-search-input',
+  props: {
+    placeHolder: {
+      type: String,
+      default: '请输入您要搜索的内容...'
+    },
+    textdata: {
+      type: String,
+      default: ''
+    }
+  },
+  methods: {
+    handleClick (evtFunc) { // 添加点击事件响应
+      this.$emit('click', evtFunc)
+    }
+  }
+}
+</script>
+<style scoped>
+  .kiss-input-default{
+    width: 230px;
+    height: 24px;
+    padding: 0;
+    margin: 10px 2px 0px 19px;
+    color: #42daff;
+    font-size: 14px;
+    outline: 0px;
+    border: 0px;
+    border-radius: 6px;
+    background-color: transparent;
+  }
+  .kiss-input-container{
+    display: block;
+    width: 248px;
+    height: 43px;
+    background: url("../image/KissSearchInput/searchinput.png");
+    /* background-size: cover; */
+    background-repeat: no-repeat;
+  }
+  .kiss-search-input button{
+    float: right;
+    display: inline;
+    margin-top: 10px;
+    margin-right: 10px;
+    width: 25px;
+    height: 25px;
+    background: url("../image/KissSearchInput/search.png");
+    background-repeat: no-repeat;
+    outline: none;
+    border: none;
+    cursor:pointer;
+  }
+
+  .kiss-search-input button:hover{
+    background: url("../image/KissSearchInput/searchhover.png");
+    background-repeat: no-repeat;
+  }
+  .kiss-search-input input{
+    width: 182px;
+    margin: 12px, 2px, 0px, 19px;
+  }
+  .kiss-search-input input::-webkit-input-placeholder {
+    color: #0096ba;
+    font-size: 15px;
+    text-align: left;
+  }
+</style>

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

@@ -0,0 +1,193 @@
+/**
+ * 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="manual-control-modal closephase-control">
+    <div class="title" style="margin-bottom: 18px;">{{$t('edge.overview.phaseclosecontrol')}}</div>
+    <el-row>
+      <el-col :span="24">
+         <el-form
+           ref="manual"
+           label-position="left"
+           :model="manualInfo"
+           label-width="100px">
+            <el-form-item
+                :label="$t('edge.overview.delay') + ':'"
+                prop="intersection">
+               <el-input v-model="manualInfo.tempDelay" size="mini" :placeholder="$t('edge.common.input')"></el-input>
+            </el-form-item>
+            <el-form-item
+                :label="$t('edge.overview.duration') + ':'"
+                prop="count">
+               <el-input v-model="manualInfo.tempDuration" size="mini" :placeholder="$t('edge.common.input')"></el-input>
+            </el-form-item>
+           </el-form>
+      </el-col>
+    </el-row>
+    <el-row>
+        <div class="model-label">{{$t('edge.overview.mode')}}:</div>
+        <div style="width: 100%; overflow: hidden;margin-top: 20px;">
+          <CommonKanban
+            v-for="ring in closePhaseRings"
+            :key="ring.num" class="closephasekanban"
+            :list="ring.phases"
+            :header-text="$t('edge.pattern.ring') + ring.num"
+            :Draggable="false"
+            @handleSort="handleSort">
+              <template v-slot:kanbantitle>
+                <div class="col-title" v-text="$t('edge.overview.closemode')"></div>
+              </template>
+              <template v-slot:kanbancontent="data">
+                <el-select v-model="data.element.close" class="col-inner"  size="small" :placeholder="$t('edge.common.select')">
+                  <el-option
+                    v-for="item in closeOption"
+                    :key="item.value"
+                    :label="$t('edge.overview.closeOption' + item.value)"
+                    :value="item.value">
+                  </el-option>
+                </el-select>
+            </template>
+          </CommonKanban>
+        </div>
+    </el-row>
+    <div class="footer" v-if="realtimeStatusModalvisible">
+        <el-button @click="handleClose()">{{$t('edge.button.Back')}}</el-button>
+        <el-button type="primary" @click="handleManualControl()">{{$t('edge.overview.implement')}}</el-button>
+    </div>
+    <div class="footer" v-if="!realtimeStatusModalvisible">
+        <el-button @click="handleClose()">{{$t('edge.button.Back')}}</el-button>
+        <el-button type="primary" @click="handleManualControl()">{{$t('edge.overview.comfirm')}}</el-button>
+    </div>
+  </div>
+</template>
+
+<script>
+import CommonKanban from '../../../components/CommonKanban'
+export default {
+  name: 'closePhaselControl',
+  components: {
+    CommonKanban
+  },
+  props: {
+    Visible: {
+      type: Boolean
+    },
+    controlData: {
+      type: Object
+    },
+    modelList: {
+      type: Array
+    },
+    stagesList: {
+      type: Array
+    },
+    currModel: {
+      type: Number
+    },
+    preselectModel: {
+      type: Number
+    },
+    currentStage: {
+      type: Number
+    },
+    preselectStages: {
+      type: Number
+    },
+    specialcontrolList: {
+      type: Array
+    },
+    closePhaseRings: {
+      type: Array
+    },
+    realtimeStatusModalvisible: {
+      type: Boolean,
+      default: true
+    }
+  },
+  computed: {
+  },
+  data () {
+    return {
+      visible: this.Visible,
+      manualInfo: {
+        tempDelay: 0, // 控制方式手动操作的情况下的延迟时间的临时值。
+        tempDuration: 300 // 控制方式手动操作的情况下的持续时间的临时值。
+      },
+      closeOption: [{
+        value: 0
+      }, {
+        value: 1
+      }, {
+        value: 2
+      }, {
+        value: 3
+      }]
+    }
+  },
+  methods: {
+    handleClose () {
+      this.$emit('closePhaseBack')
+    },
+    handleManualControl () {
+      let submitdata = {
+        control: 23,
+        delay: this.manualInfo.tempDelay !== undefined ? Number(this.manualInfo.tempDelay) : 0,
+        duration: this.manualInfo.tempDuration !== undefined ? Number(this.manualInfo.tempDuration) : 0,
+        data: {}
+      }
+      submitdata.data.phases = this.handleSubmitPhaseClose()
+
+      this.$emit('closePhaseControl', submitdata)
+    },
+    handleSubmitPhaseClose (element) {
+      let allRingsPhases = []
+      for (let i = 0; i < this.closePhaseRings.length; i++) {
+        let ring = this.closePhaseRings[i]
+        let phase = ring.phases
+        for (let j = 0; j < phase.length; j++) {
+          let obj = {}
+          obj.id = phase[j].id
+          obj.close = phase[j].close
+          allRingsPhases.push(obj)
+        }
+      }
+      return allRingsPhases
+    },
+    handleSort (sortedlist) {
+      // 重新排序数据
+      let ringid = sortedlist[0].ring
+      for (let i = 0; i < this.closePhaseRings.length; i++) {
+        if (ringid === this.closePhaseRings[i].num) {
+          this.closePhaseRings[i].phases = sortedlist
+        }
+      }
+    }
+  },
+  mounted () {
+    if (this.controlData.tempDelay) {
+      this.manualInfo.tempDelay = this.controlData.delay
+    }
+    if (this.controlData.tempDuration) {
+      this.manualInfo.tempDuration = this.controlData.duration
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.col-inner {
+  width: 100%;
+  float: left;
+}
+.col-title {
+  width: 100%;
+  float: left;
+}
+</style>

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

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