openatc-components 0.2.33 → 0.2.35

package/src/kisscomps/components/SchemeConfig/manualControlModalNew/othersIcon.vue

@@ -0,0 +1,194 @@
+<!-- eslint-disable vue/valid-v-bind -->
+<!-- eslint-disable no-mixed-spaces-and-tabs -->
+<!-- eslint-disable no-tabs -->
+/** * 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>
+  <span class="others-icon-svg">
+    <svg
+      v-if="type === '相位关断'"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 45.08 24.79"
+      :width="iconWidth"
+      :height="iconHeight"
+    >
+      <g id="图层_2" data-name="图层 2">
+        <g id="图层_3" data-name="图层 3" :class="themeColor">
+          <rect class="cls-1" y="13.52" width="27.08" height="7.46" />
+          <rect class="cls-2" x="27" y="13.52" width="18.08" height="7.46" />
+          <rect class="cls-2" x="27" y="9.71" width="1.38" height="15.08" />
+          <path class="cls-3" d="M24.35.35,31,7.05Z" />
+          <path class="cls-3" d="M31,.35l-6.69,6.7Z" />
+        </g>
+      </g>
+    </svg>
+    <svg
+      v-if="type === '临时方案'"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 54 9"
+      :width="iconWidth"
+      :height="iconHeight"
+    >
+      <g id="图层_2" data-name="图层 2" :class="themeColor">
+        <rect
+          id="矩形_683_拷贝_3"
+          data-name="矩形 683 拷贝 3"
+          class="cls-1"
+          width="39"
+          height="9"
+        />
+        <rect
+          id="矩形_683_拷贝_3-2"
+          data-name="矩形 683 拷贝 3"
+          class="cls-5"
+          x="39"
+          width="8"
+          height="9"
+        />
+        <rect
+          id="矩形_686_拷贝_4"
+          data-name="矩形 686 拷贝 4"
+          class="cls-6"
+          x="37"
+          width="1"
+          height="9"
+        />
+        <rect
+          id="矩形_686_拷贝_4-2"
+          data-name="矩形 686 拷贝 4"
+          class="cls-6"
+          x="35"
+          width="1"
+          height="9"
+        />
+        <rect
+          id="矩形_686_拷贝_4-3"
+          data-name="矩形 686 拷贝 4"
+          class="cls-6"
+          x="33"
+          width="1"
+          height="9"
+        />
+        <rect
+          id="矩形_686_拷贝_4-4"
+          data-name="矩形 686 拷贝 4"
+          class="cls-6"
+          x="31"
+          width="1"
+          height="9"
+        />
+        <rect
+          id="矩形_683_拷贝_3-3"
+          data-name="矩形 683 拷贝 3"
+          class="cls-2"
+          x="46"
+          width="8"
+          height="9"
+        />
+      </g>
+    </svg>
+    <svg
+      v-if="type === '优先控制'"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 54 29.12"
+      :width="iconWidth"
+      :height="iconHeight"
+    >
+      <g id="图层_2" data-name="图层 2">
+        <g id="图层_3" data-name="图层 3" :class="themeColor">
+          <rect
+            id="矩形_3708_拷贝_8"
+            data-name="矩形 3708 拷贝 8"
+            class="cls-1"
+            x="20.6"
+            y="15.81"
+            width="33.4"
+            height="9"
+          />
+          <rect
+            id="矩形_3708_拷贝_8-2"
+            data-name="矩形 3708 拷贝 8"
+            class="cls-2"
+            y="15.81"
+            width="20.78"
+            height="9"
+          />
+          <path
+            id="形状_3710_拷贝_4"
+            data-name="形状 3710 拷贝 4"
+            class="cls-4"
+            d="M2441.42,1012.4h1.8v17.71h-1.8V1012.4Z"
+            transform="translate(-2421.31 -1001)"
+          />
+          <path
+            id="形状_2767_拷贝_5"
+            data-name="形状 2767 拷贝 5"
+            class="cls-4"
+            d="M2434,1007.87a1.582,1.582,0,1,0,1.39,1.57A1.491,1.491,0,0,0,2434,1007.87Zm0,2.67a1.109,1.109,0,1,1,.97-1.1A1.037,1.037,0,0,1,2434,1010.54Zm13.69-2.67a1.58,1.58,0,1,0,1.4,1.57A1.491,1.491,0,0,0,2447.69,1007.87Zm0,2.67a1.107,1.107,0,1,1,.98-1.1A1.043,1.043,0,0,1,2447.69,1010.54Zm4.59-9.55h-22.21a1.517,1.517,0,0,0-1.42,1.6v2.77l-0.65.33v3.14a0.494,0.494,0,0,0,.46.52h3.67a1.876,1.876,0,1,1,3.74,0h9.95a1.88,1.88,0,1,1,3.75,0h1.24c1.19-.32,3.23-0.87,4.19-1.11v-4.2A2.9,2.9,0,0,0,2452.28,1000.99Zm-20.84,6.96a0.571,0.571,0,0,1-.53.6h-0.82a0.572,0.572,0,0,1-.54-0.6v-5.09a0.575,0.575,0,0,1,.54-0.61h0.82a0.574,0.574,0,0,1,.53.61v5.09Zm5.69-3.41a0.381,0.381,0,0,1-.36.4h-3.96a0.38,0.38,0,0,1-.35-0.4v-1.91a0.38,0.38,0,0,1,.35-0.4h3.96a0.381,0.381,0,0,1,.36.4v1.91Zm5.38,0a0.381,0.381,0,0,1-.36.4h-3.96a0.38,0.38,0,0,1-.35-0.4v-1.91a0.38,0.38,0,0,1,.35-0.4h3.96a0.381,0.381,0,0,1,.36.4v1.91Zm5.38,0a0.38,0.38,0,0,1-.35.4h-3.96a0.381,0.381,0,0,1-.36-0.4v-1.91a0.381,0.381,0,0,1,.36-0.4h3.96a0.38,0.38,0,0,1,.35.4v1.91Zm5.38,0a0.38,0.38,0,0,1-.35.4h-3.96a0.381,0.381,0,0,1-.36-0.4v-1.91a0.381,0.381,0,0,1,.36-0.4h3.96a0.38,0.38,0,0,1,.35.4v1.91Z"
+            transform="translate(-2421.31 -1001)"
+          />
+        </g>
+      </g>
+    </svg>
+  </span>
+</template>
+
+<script>
+import { getTheme } from '../../../../utils/auth.js'
+
+export default {
+  name: 'OthersIconSvg',
+  data () {
+    return {
+      themeColor: '',
+      iconWidth: '56',
+      iconHeight: '24'
+    }
+  },
+  components: {},
+  props: {
+    type: {
+      type: String
+    }
+  },
+  watch: {},
+  methods: {},
+  mounted () {
+    this.themeColor = getTheme() === 'dark' ? 'darkBorder' : 'lightBorder'
+  }
+}
+</script>
+
+<style lang="scss" rel="stylesheet/scss" scoped>
+.lightBorder {
+  fill: #515151;
+}
+.darkBorder {
+  fill: #e6f9ff;
+}
+.cls-1, .cls-4 {
+  fill: #7ccc66;
+}
+.cls-2 {
+  fill: #f27979;
+}
+.cls-3 {
+  fill: none;
+  stroke: #f27979;
+  stroke-miterlimit: 10;
+}
+.cls-4 {
+  fill-rule: evenodd;
+}
+.cls-5 {
+        fill: #f9dc6a;
+      }
+      .cls-6 {
+        fill: #fff;
+      }
+</style>

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

@@ -1,197 +1,206 @@
-<template>
-  <div class="priority-control">
-    <div class="title" style="margin-bottom: 18px;">{{$t('openatccomponents.overview.prioritycontrol')}}</div>
-    <el-row>
-      <el-col :span="12">
-         <el-form
-           ref="manual"
-           label-position="left"
-           :model="manualInfo"
-           label-width="100px">
-            <el-form-item
-                :label="$t('openatccomponents.overview.delay') + ':'"
-                prop="intersection">
-                <el-input-number :placeholder="$t('openatccomponents.common.input')" :min="0" :max="65535" :precision="0" :step="1" :controls="false" v-model.number="manualInfo.delay" size="mini"></el-input-number>
-               <!-- <el-input v-model="manualInfo.tempDelay" size="mini" :placeholder="$t('openatccomponents.common.input')"></el-input> -->
-            </el-form-item>
-            <el-form-item
-                :label="$t('openatccomponents.overview.priorityType') + ':'"
-                prop="count">
-                <el-select v-model="manualInfo.type" class="col-inner"  size="small" clearable :placeholder="$t('openatccomponents.common.select')">
-                  <el-option
-                    v-for="item in typeSelect"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value">
-                  </el-option>
-                </el-select>
-               <!-- <el-input v-model="manualInfo.tempDuration" size="mini" :placeholder="$t('openatccomponents.common.input')"></el-input> -->
-            </el-form-item>
-           </el-form>
-      </el-col>
-      <el-col :span="12">
-         <el-form
-           ref="manual"
-           label-position="left"
-           :model="manualInfo"
-           label-width="100px">
-            <el-form-item
-                :label="$t('openatccomponents.overview.duration') + ':'"
-                prop="intersection">
-                <el-input-number :placeholder="$t('openatccomponents.common.input')" :min="0" :max="65535" :precision="0" :step="1" :controls="false" v-model.number="manualInfo.duration" size="mini"></el-input-number>
-               <!-- <el-input v-model="manualInfo.duration" size="mini" :placeholder="$t('openatccomponents.common.input')"></el-input> -->
-            </el-form-item>
-            <el-form-item
-                :label="$t('openatccomponents.overview.priorityPhase') + ':'"
-                prop="count">
-                <el-select v-model="manualInfo.phase" class="col-inner"  size="small" clearable :placeholder="$t('openatccomponents.common.select')">
-                  <el-option
-                    v-for="(item, index) in phaseSelect"
-                    :key="index"
-                    :label="item.label"
-                    :value="item.value">
-                    <div class="single-model">
-                        <xdrdirselector Width="60px" Height="60px" Widths="50px" Heights="50px" :showlist="item.item"></xdrdirselector>
-                        <span style="float: right; color: #8492a6; font-size: 13px">{{ item.label }}</span>
-                    </div>
-                  </el-option>
-                </el-select>
-               <!-- <el-input v-model="manualInfo.tempDuration" size="mini" :placeholder="$t('openatccomponents.common.input')"></el-input> -->
-            </el-form-item>
-           </el-form>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="12">
-         <el-form
-           ref="manual"
-           label-position="left"
-           :model="manualInfo"
-           label-width="100px">
-            <el-form-item
-                :label="$t('openatccomponents.overview.level') + ':'"
-                prop="count">
-                <el-select v-model="manualInfo.level" class="col-inner"  size="small" clearable :placeholder="$t('openatccomponents.common.select')">
-                  <el-option
-                    v-for="item in levelOption"
-                    :key="item.value"
-                    :label="$t('openatccomponents.overview.levelOption' + item.value)"
-                    :value="item.value">
-                  </el-option>
-                </el-select>
-               <!-- <el-input v-model="manualInfo.tempDuration" size="mini" :placeholder="$t('openatccomponents.common.input')"></el-input> -->
-            </el-form-item>
-           </el-form>
-      </el-col>
-    </el-row>
-    <div class="footer" v-if="realtimeStatusModalvisible">
-        <el-button @click="handleClose()">{{$t('openatccomponents.button.Back')}}</el-button>
-        <el-button type="primary" @click="handleManualControl()">{{$t('openatccomponents.overview.implement')}}</el-button>
-    </div>
-    <div class="footer" v-if="!realtimeStatusModalvisible">
-        <el-button @click="handleClose()">{{$t('openatccomponents.button.Back')}}</el-button>
-        <el-button type="primary" @click="handleManualControl()">{{$t('openatccomponents.overview.comfirm')}}</el-button>
-    </div>
-  </div>
-</template>
-
-<script>
-import xdrdirselector from '../../XRDDirSelector/XRDDirSelector'
-import { getTheme } from '../../../../utils/auth'
-import { getDirName } from './utils'
-export default {
-  name: 'prioritycontrol',
-  components: {
-    xdrdirselector
-  },
-  props: {
-    realtimeStatusModalvisible: {
-      type: Boolean,
-      default: true
-    },
-    phaseList: {
-      type: Array
-    }
-  },
-  data () {
-    return {
-      levelOption: [{
-        value: 1,
-        label: 1
-      }, {
-        value: 2,
-        label: 2
-      }, {
-        value: 3,
-        label: 3
-      }, {
-        value: 4,
-        label: 4
-      }, {
-        value: 5,
-        label: 5
-      }],
-      typeSelect: [{
-        value: 0,
-        label: this.$t('openatccomponents.overview.typeOption0')
-      }, {
-        value: 1,
-        label: this.$t('openatccomponents.overview.typeOption1')
-      }],
-      phaseSelect: [],
-      manualInfo: {
-        level: 1,
-        phase: 1,
-        type: 0,
-        duration: 60,
-        delay: 0
-      }
-    }
-  },
-  created () {
-    this.getSelect(this.phaseList)
-  },
-  methods: {
-    getSelect (list) {
-      let color = getTheme() === 'light' ? '#1E1E1E' : '#F1F3F4'
-      this.phaseSelect = list.map((item, index) => {
-        let dirArr = []
-        for (let rec of item.direction) {
-          let recd = {
-            id: rec,
-            color: color
-          }
-          dirArr.push(recd)
-        }
-        let nameArr = getDirName(dirArr)
-        let name = ''
-        nameArr = nameArr.map(record => this.$t(record))
-        name = nameArr.join(',')
-        return {
-          label: name,
-          item: dirArr,
-          value: item.id
-        }
-      })
-    },
-    handleClose () {
-      this.$emit('closePhaseBack')
-    },
-    handleManualControl () {
-      let submitdata = {
-        control: 24,
-        delay: this.manualInfo.delay,
-        duration: this.manualInfo.duration,
-        type: this.manualInfo.type,
-        phase: this.manualInfo.phase,
-        level: this.manualInfo.level
-      }
-      this.$emit('closePhaseControl', submitdata)
-    }
-  }
-}
-</script>
-
-<style>
-
-</style>
+<template>
+  <div class="priority-control">
+    <!-- <div class="title" style="margin-bottom: 18px;">{{$t('openatccomponents.overview.prioritycontrol')}}</div> -->
+    <el-row>
+      <el-col :span="12">
+         <el-form
+           ref="manual"
+           label-position="left"
+           :model="manualInfo"
+           label-width="100px">
+            <el-form-item
+                :label="$t('openatccomponents.overview.delay') + ':'"
+                prop="intersection">
+                <el-input-number :placeholder="$t('openatccomponents.common.input')" :min="0" :max="65535" :precision="0" :step="1" :controls="false" v-model.number="manualInfo.delay" size="small"></el-input-number>
+               <!-- <el-input v-model="manualInfo.tempDelay" size="small" :placeholder="$t('openatccomponents.common.input')"></el-input> -->
+            </el-form-item>
+            <el-form-item
+                :label="$t('openatccomponents.overview.priorityType') + ':'"
+                prop="count">
+                <el-select v-model="manualInfo.type" class="col-inner"  size="small" clearable :placeholder="$t('openatccomponents.common.select')">
+                  <el-option
+                    v-for="item in typeSelect"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value">
+                  </el-option>
+                </el-select>
+               <!-- <el-input v-model="manualInfo.tempDuration" size="small" :placeholder="$t('openatccomponents.common.input')"></el-input> -->
+            </el-form-item>
+           </el-form>
+      </el-col>
+      <el-col :span="12">
+         <el-form
+           ref="manual"
+           label-position="left"
+           :model="manualInfo"
+           label-width="100px">
+            <el-form-item
+                :label="$t('openatccomponents.overview.duration') + ':'"
+                prop="intersection">
+                <el-input-number :placeholder="$t('openatccomponents.common.input')" :min="0" :max="65535" :precision="0" :step="1" :controls="false" v-model.number="manualInfo.duration" size="small"></el-input-number>
+               <!-- <el-input v-model="manualInfo.duration" size="small" :placeholder="$t('openatccomponents.common.input')"></el-input> -->
+            </el-form-item>
+            <el-form-item
+                :label="$t('openatccomponents.overview.priorityPhase') + ':'"
+                prop="count">
+                <el-select v-model="manualInfo.phase" class="col-inner"  size="small" clearable :placeholder="$t('openatccomponents.common.select')">
+                  <el-option
+                    v-for="(item, index) in phaseSelect"
+                    :key="index"
+                    :label="item.label"
+                    :value="item.value">
+                    <div class="single-model">
+                        <xdrdirselector Width="60px" Height="60px" Widths="50px" Heights="50px" :showlist="item.item"></xdrdirselector>
+                        <span style="float: right; color: #8492a6; font-size: 13px">{{ item.label }}</span>
+                    </div>
+                  </el-option>
+                </el-select>
+               <!-- <el-input v-model="manualInfo.tempDuration" size="small" :placeholder="$t('openatccomponents.common.input')"></el-input> -->
+            </el-form-item>
+           </el-form>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="12">
+         <el-form
+           ref="manual"
+           label-position="left"
+           :model="manualInfo"
+           label-width="100px">
+            <el-form-item
+                :label="$t('openatccomponents.overview.level') + ':'"
+                prop="count">
+                <el-select v-model="manualInfo.level" class="col-inner"  size="small" clearable :placeholder="$t('openatccomponents.common.select')">
+                  <el-option
+                    v-for="item in levelOption"
+                    :key="item.value"
+                    :label="$t('openatccomponents.overview.levelOption' + item.value)"
+                    :value="item.value">
+                  </el-option>
+                </el-select>
+               <!-- <el-input v-model="manualInfo.tempDuration" size="small" :placeholder="$t('openatccomponents.common.input')"></el-input> -->
+            </el-form-item>
+           </el-form>
+      </el-col>
+    </el-row>
+    <div class="footer" v-if="realtimeStatusModalvisible">
+        <el-button @click="handleClose()">{{$t('openatccomponents.button.Back')}}</el-button>
+        <el-button type="primary" plain @click="toAutoControl()" v-if="isHasPermission('configer:manual:renew')">{{$t('openatccomponents.overview.recovery')}}</el-button>
+        <el-button type="primary" @click="handleManualControl()">{{$t('openatccomponents.overview.implement')}}</el-button>
+    </div>
+    <div class="footer" v-if="!realtimeStatusModalvisible">
+        <el-button @click="handleClose()">{{$t('openatccomponents.button.Back')}}</el-button>
+        <el-button type="primary" plain @click="toAutoControl()" v-if="isHasPermission('configer:manual:renew')">{{$t('openatccomponents.overview.recovery')}}</el-button>
+        <el-button type="primary" @click="handleManualControl()">{{$t('openatccomponents.overview.comfirm')}}</el-button>
+    </div>
+  </div>
+</template>
+
+<script>
+import xdrdirselector from '../../XRDDirSelector/XRDDirSelector'
+import { getTheme, hasPermission } from '../../../../utils/auth'
+import { getDirName } from './utils'
+export default {
+  name: 'prioritycontrol',
+  components: {
+    xdrdirselector
+  },
+  props: {
+    realtimeStatusModalvisible: {
+      type: Boolean,
+      default: true
+    },
+    phaseList: {
+      type: Array
+    }
+  },
+  data () {
+    return {
+      levelOption: [{
+        value: 1,
+        label: 1
+      }, {
+        value: 2,
+        label: 2
+      }, {
+        value: 3,
+        label: 3
+      }, {
+        value: 4,
+        label: 4
+      }, {
+        value: 5,
+        label: 5
+      }],
+      typeSelect: [{
+        value: 0,
+        label: this.$t('openatccomponents.overview.typeOption0')
+      }, {
+        value: 1,
+        label: this.$t('openatccomponents.overview.typeOption1')
+      }],
+      phaseSelect: [],
+      manualInfo: {
+        level: 1,
+        phase: 1,
+        type: 0,
+        duration: 60,
+        delay: 0
+      }
+    }
+  },
+  created () {
+    this.getSelect(this.phaseList)
+  },
+  methods: {
+    getSelect (list) {
+      let color = getTheme() === 'light' ? '#1E1E1E' : '#F1F3F4'
+      this.phaseSelect = list.map((item, index) => {
+        let dirArr = []
+        for (let rec of item.direction) {
+          let recd = {
+            id: rec,
+            color: color
+          }
+          dirArr.push(recd)
+        }
+        let nameArr = getDirName(dirArr)
+        let name = ''
+        nameArr = nameArr.map(record => this.$t(record))
+        name = nameArr.join(',')
+        return {
+          label: name,
+          item: dirArr,
+          value: item.id
+        }
+      })
+    },
+    handleClose () {
+      this.$emit('closePhaseBack')
+    },
+    handleManualControl () {
+      let submitdata = {
+        control: 24,
+        delay: this.manualInfo.delay,
+        duration: this.manualInfo.duration,
+        type: this.manualInfo.type,
+        phase: this.manualInfo.phase,
+        level: this.manualInfo.level
+      }
+      this.$emit('closePhaseControl', submitdata)
+    },
+    toAutoControl () {
+      this.$emit('toAutoControl')
+    },
+    isHasPermission (path) {
+      let res = hasPermission(path)
+      return res
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>