openatc-components 0.2.34 → 0.2.36

package/src/kisscomps/components/patternConfig/pattern/patternTable.vue

@@ -1,408 +1,348 @@
-/**
- * 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="app-container" ref="pattern-container">
-    <el-table :data="newPatternList" :max-height="tableHeight" id="footerBtn">
-      <el-table-column type="expand" v-if="isAllowedExpand">
-        <template slot-scope="scope">
-          <div class="components-container board">
-            <XiaoKanBan v-for="n in scope.row.ringCount" :key="n" class="kanban todo" :list="scope.row.rings[n-1]" :header-text="$t('openatccomponents.pattern.ring') +' '+n" :index="scope.$index" @fatherMethod="fatherMethod"/>
-          </div>
-        </template>
-      </el-table-column>
-      <el-table-column align="center" label="No" width="45" minWidth="40">
-        <template slot-scope="scope">
-          <span>{{scope.$index+1}}</span>
-        </template>
-      </el-table-column>
-      <el-table-column align="center" :label="$t('openatccomponents.greenwaveoptimize.deviceid')" width="100" minWidth="40">
-        <template slot-scope="scope">
-          <span>{{scope.row.agentid}}</span>
-        </template>
-      </el-table-column>
-      <el-table-column property="isValid" :label="$t('openatccomponents.token.isValid')" align="center" width="80" prop="isused">
-        <template slot-scope="scope">
-          <el-switch
-            style="padding-left: 5px;"
-            v-model="scope.row.isused"
-            active-color="#299BCC">
-          </el-switch>
-        </template>
-      </el-table-column>
-      <el-table-column
-        :label="$t('openatccomponents.greenwaveoptimize.pattern')"
-        width="120"
-        align="center">
-        <template slot-scope="scope">
-          <el-select
-            v-model="scope.row.patternid"
-            size="small"
-            :loading="loading"
-            @focus="getCurPattern(scope.row.agentid)"
-            @change="changeCurPattern(scope.row,$event)">
-              <el-option v-for="option in (scope.row.allPatterns)"
-                         :key="option.patternid"
-                         :label="option.patterndesc"
-                         :value="option.patternid">
-                <span>{{ option.patterndesc }}</span>
-              </el-option>
-          </el-select>
-          <span></span>
-        </template>
-      </el-table-column>
-      <!-- <el-table-column align="center" :label="$t('openatccomponents.greenwaveoptimize.directionOption1')" width="150" prop="forwardphaseDesc" :formatter="formatterForwardphaseDesc">
-      </el-table-column>
-      <el-table-column align="center" :label="$t('openatccomponents.greenwaveoptimize.directionOption2')" width="150" prop="backphaseDesc" :formatter="formatterBackphaseDesc">
-      </el-table-column> -->
-      <el-table-column  align="center" :label="$t('openatccomponents.greenwaveoptimize.offset')" width="120" prop="offset">
-        <template slot-scope="scope">
-          <el-input-number v-if="isAllowedExpand" :controls="false" :min="0" :step="1" v-model.number="scope.row.offset" size="small" style="width:70%;"></el-input-number>
-          <span v-else>
-            {{ scope.row.offset }}
-          </span>
-        </template>
-      </el-table-column>
-      <el-table-column align="center" :label="$t('openatccomponents.greenwaveoptimize.cycle')" width="80" prop="cycle">
-      </el-table-column>
-      <el-table-column align="center" :label="$t('openatccomponents.pattern.plan')">
-        <template slot-scope="scope">
-          <div class="pattern-figure">
-            <pattern-list
-              :patternStatusList="scope.row.rings"
-              :cycles="scope.row.cycle"
-              :phaseList="scope.row.currPhase"
-              :contrloType="getControlType(scope.row)"
-            >
-            </pattern-list>
-            <!-- <pattern-list
-              v-if="getControlType(scope.row) === 'ring'"
-              :patternStatusList="scope.row.rings"
-              :cycles="scope.row.cycle"
-              :phaseList="scope.row.currPhase"
-              :contrloType="getControlType(scope.row)"
-            >
-            </pattern-list>
-            <pattern-list
-              v-else
-              :patternId="scope.row.patternid"
-              :contrloType="getControlType(scope.row)"
-              :index="scope.$index"
-              :cycleChange="true"
-              :stagesChange="getSelectedPattern(scope.row).stagesList"
-              :patternStatusList="getSelectedPattern(scope.row).rings"
-              :patternList="scope.row.allPatterns"
-              :allPatternList="scope.row.allPatterns"
-              :cycles="scope.row.cycle"
-              :phaseList="scope.row.currPhase"
-              :agentId="scope.row.agentid"
-              :showBarrier="false">
-            </pattern-list> -->
-          </div>
-         </template>
-      </el-table-column>
-    </el-table>
-  </div>
-</template>
-
-<script>
-import XiaoKanBan from '../../XiaoKanBan'
-// import { getPatternList } from '../../../../api/route'
-import { getIntersectionInfo } from '../../../../api/template'
-import { getMessageByCode } from '../../../../utils/responseMessage'
-// import { getDirName } from '../../../components/SelectCrossPhase/utils.js'
-export default {
-  name: 'PatternTable',
-  components: {
-    XiaoKanBan
-  },
-  props: {
-    optList: {
-      type: Array
-    },
-    isAllowedExpand: {
-      type: Boolean,
-      default: true
-    },
-    maxTableHeight: {
-      type: Number,
-      default: 200
-    }
-  },
-  data () {
-    return {
-      controlType: 'stage',
-      loading: true,
-      tableHeight: 460,
-      screenHeight: window.innerHeight, // 屏幕高度
-      newPatternList: []
-    }
-  },
-  created () {
-  },
-  watch: {
-    // screenHeight: function () {
-    //   this.tableHeight = screen.height < 1080 ? screen.height * 0.35 : screen.height * 0.5
-    // },
-    optList: {
-      handler: function (val) {
-        if (val && val.length > 0) {
-          // for () {
-
-          // }
-        }
-      },
-      deep: true
-    },
-    newPatternList: {
-      handler: function (val) {
-        this.$emit('onNewPatternListChange', val)
-      },
-      deep: true
-    }
-  },
-  mounted: function () {
-    var _this = this
-    _this.$nextTick(function () {
-      _this.tableHeight = _this.maxTableHeight
-    })
-  },
-  methods: {
-    onPatternTable (routeData, patternList, phaseList) {
-      if (patternList.length === 0) {
-        // this.$message.error('方案为空！')
-        return
-      }
-      if (phaseList.length === 0) {
-        // this.$message.error('相位为空！')
-        return
-      }
-      // this.routeData = routeData
-      // this.patternList = patternList
-      // this.phaseList = phaseList
-      this.handlePatternList(routeData, patternList, phaseList)
-    },
-    handlePatternList (routeData, patternList, phaseList) {
-      this.newPatternList = []
-      let devs = routeData.devs
-      for (let pattern of patternList) {
-        let obj = {}
-        let id = pattern.agentid
-        obj.agentid = id
-        let count = [] // 计算相位有几个环
-        if (pattern.feature !== undefined && pattern.feature.patternList.length !== 0) {
-          let currPatternList = pattern.feature.patternList
-          let dev = devs.filter(ist => ist.agentid === id)[0]
-          let patternId = dev.patternid
-          let currPattern
-          if (Array.isArray(currPatternList)) {
-            currPattern = currPatternList.filter(cpl => cpl.id === patternId)[0]
-            if (!currPattern) {
-              currPattern = currPatternList[0]
-            }
-          } else {
-            currPattern = currPatternList
-          }
-          if (!currPattern) {
-            currPattern = currPatternList[0]
-          }
-          // let currPattern = currPatternList.filter(cpl => cpl.id === patternId)[0]
-          if (currPattern.desc === '') {
-            obj.desc = this.$t('openatccomponents.greenwaveoptimize.pattern') + currPattern.id
-          } else {
-            obj.desc = currPattern.desc
-          }
-          obj = {...obj, ...dev}
-          obj.id = currPattern.id
-          obj.offset = currPattern.offset
-          obj.cycle = currPattern.cycle
-          obj.patternId = currPattern.id
-          obj.patternid = currPattern.id
-          obj.patternDesc = currPattern.desc === '' ? `${this.$t('openatccomponents.greenwaveoptimize.pattern')}${currPattern.id}` : currPattern.desc
-          obj.allPatterns = currPatternList.map(ele => {
-            let patterndesc = ele.desc === '' ? `${this.$t('openatccomponents.greenwaveoptimize.pattern')}${currPattern.id}` : ele.desc
-            return {
-              patternid: ele.id,
-              patterndes: ele.desc,
-              patterndesc: patterndesc,
-              ...ele
-            }
-          })
-          let rings = currPattern.rings
-          let currPhase = phaseList.filter(phl => phl.agentid === id)[0].feature.phaseList
-          obj.currPhase = currPhase
-          obj.phaseList = currPhase
-          // 计算有几个环
-          for (let ring of rings) {
-            if (ring.length === 0) continue
-            for (let rr of ring) {
-              rr.desc = []
-              let direction = currPhase.filter(curp => curp.id === rr.id)[0].direction // 相位方向集合
-              let phaseRing = currPhase.filter(curp => curp.id === rr.id)[0].ring
-              count.push(phaseRing)
-              for (let dir of direction) {
-                let obj = {}
-                obj.id = dir
-                rr.desc.push(obj)
-              }
-            }
-          }
-          obj.rings = rings
-        }
-        let ringCount = Array.from(new Set(count)) // 去除数组重复的元素
-        ringCount = ringCount.sort(this.sortNumbers) // 把数组中的值按照从小到大的顺序重新排序
-        obj.ringCount = ringCount
-        this.newPatternList.push(obj)
-      }
-    },
-    sortNumbers (a, b) {
-      return a - b
-    },
-    fatherMethod (val) {
-      let index = val.index
-      let cycle = val.cycle
-      this.newPatternList[index].cycle = cycle
-    },
-    changeCurPattern (row, curPatternid) {
-      // 修改当前方案（allPatterns： 所有可选项）
-      const data = {
-        agentid: row.agentid,
-        patternid: curPatternid,
-        patterndes: row.allPatterns.filter(ele => ele.patternid === curPatternid)[0].patterndes,
-        allPatterns: row.allPatterns
-      }
-      row.desc = data.patternDesc
-      row.patternId = data.patternid
-      row.patternid = data.patternid
-      row.patterndes = data.patterndes
-      row.allPatterns = data.allPatterns
-      row.patternid = data.patternid
-      let selectPattern = row.allPatterns.filter(item => item.patternid === row.patternid)[0]
-      let res = this.getRings(selectPattern.rings, row.phaseList)
-      row.rings = res.rings
-      row.ringCount = res.ringCount
-      // row.rings = selectPattern.rings
-      row.cycle = selectPattern.cycle
-      row.offset = selectPattern.offset
-      row.currPhase = row.phaseList
-    },
-    getRings (ringsList, phaseList) {
-      let res = {}
-      let rings = JSON.parse(JSON.stringify(ringsList))
-      let count = []
-      // 计算有几个环
-      for (let ring of rings) {
-        if (ring.length === 0) continue
-        for (let rr of ring) {
-          rr.desc = []
-          let direction = phaseList.filter(curp => curp.id === rr.id)[0].direction // 相位方向集合
-          let phaseRing = phaseList.filter(curp => curp.id === rr.id)[0].ring
-          count.push(phaseRing)
-          for (let dir of direction) {
-            let obj = {}
-            obj.id = dir
-            rr.desc.push(obj)
-          }
-        }
-      }
-      let ringCount = Array.from(new Set(count)) // 去除数组重复的元素
-      ringCount = ringCount.sort(this.sortNumbers) // 把数组中的值按照从小到大的顺序重新排序
-      res = {
-        rings: rings,
-        ringCount: ringCount
-      }
-      return res
-    },
-    getControlType (row) {
-      let contrloType = 'ring'
-      let allPatternList = row.feature && row.feature.patternList ? row.feature.patternList : row.allPatterns
-      if (
-        !allPatternList[0].contrloType &&
-        allPatternList[0].rings.length > 0
-      ) {
-        contrloType = 'ring'
-      } else if (
-        !allPatternList[0].contrloType &&
-        allPatternList[0].rings.length === 0
-      ) {
-        contrloType = 'stage'
-      } else {
-        contrloType = allPatternList[0].contrloType
-      }
-      let res = contrloType
-      return res
-    },
-    getSelectedPattern (row) {
-      let res = []
-      let patternList = row.feature && row.feature.patternList ? row.feature.patternList : row.allPatterns
-      let pattern = patternList.find(item => item.id === row.patternid)
-      if (pattern) {
-        res = pattern
-      }
-      return res
-    },
-    getCurPattern (agentid) {
-      // 获取当前设备所有可选方案
-      this.loading = true
-      let _this = this
-      getIntersectionInfo(agentid).then(res => {
-        this.loading = false
-        if (!res.data.success) {
-          let commomMsg = this.$t('openatccomponents.overview.signalID') + ' : ' + agentid
-          let msg = getMessageByCode(res.data.code, this.$i18n.locale)
-          if (res.data.data) {
-            // 子类型错误
-            let childErrorCode = res.data.data.errorCode
-            if (childErrorCode) {
-              let childerror = getMessageByCode(res.data.data.errorCode, this.$i18n.locale)
-              msg = msg + ' - ' + childerror
-            }
-          }
-          msg = msg + ' - ' + commomMsg
-          this.$message.error(msg)
-          return
-        }
-        let allPatternList = res.data.data.param.patternList
-        _this.newPatternList.forEach(ele => {
-          if (ele.agentid === agentid) {
-            ele.allPatterns = allPatternList.map(ele => {
-              return {
-                ...ele,
-                patternid: ele.id,
-                patterndes: ele.desc,
-                patterndesc: ele.desc === '' ? `${_this.$t('openatccomponents.greenwaveoptimize.pattern')}${ele.id}` : ele.desc
-              }
-            })
-          }
-        })
-      })
-    }
-  }
-}
-</script>
-
-<style lang="scss">
-  .board {
-    width: 100%;
-    margin-left: 10px;
-    display: flex;
-    justify-content: space-around;
-    flex-direction: row;
-    align-items: flex-start;
-  }
-  // .kanban {
-  //   &.todo {
-  //     .board-column-header {
-  //       background: $--color-primary;
-  //     }
-  //   }
-  // }
-</style>
+/**
+ * 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="app-container" ref="pattern-container">
+    <el-table :data="newPatternList" :max-height="tableHeight" id="footerBtn">
+      <el-table-column type="expand" v-if="isAllowedExpand">
+        <template slot-scope="scope">
+          <div class="components-container board">
+            <XiaoKanBan v-for="n in scope.row.ringCount" :key="n" class="kanban todo" :list="scope.row.rings[n-1]" :header-text="$t('openatccomponents.pattern.ring') +' '+n" :index="scope.$index" @fatherMethod="fatherMethod"/>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" label="No" width="45" minWidth="40">
+        <template slot-scope="scope">
+          <span>{{scope.$index+1}}</span>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" :label="$t('openatccomponents.greenwaveoptimize.deviceid')" width="100" minWidth="40">
+        <template slot-scope="scope">
+          <span>{{scope.row.agentid}}</span>
+        </template>
+      </el-table-column>
+      <el-table-column property="isValid" :label="$t('openatccomponents.token.isValid')" align="center" width="80" prop="isused">
+        <template slot-scope="scope">
+          <el-switch
+            style="padding-left: 5px;"
+            v-model="scope.row.isused"
+            active-color="#299BCC">
+          </el-switch>
+        </template>
+      </el-table-column>
+      <el-table-column
+        :label="$t('openatccomponents.greenwaveoptimize.pattern')"
+        width="120"
+        align="center">
+        <template slot-scope="scope">
+          <el-select
+            v-model="scope.row.patternid"
+            size="small"
+            :loading="loading"
+            @focus="getCurPattern(scope.row.agentid)"
+            @change="changeCurPattern(scope.row,$event)">
+              <el-option v-for="option in (scope.row.allPatterns)"
+                         :key="option.patternid"
+                         :label="option.patterndesc"
+                         :value="option.patternid">
+                <span>{{ option.patterndesc }}</span>
+              </el-option>
+          </el-select>
+          <span></span>
+        </template>
+      </el-table-column>
+      <!-- <el-table-column align="center" :label="$t('openatccomponents.greenwaveoptimize.directionOption1')" width="150" prop="forwardphaseDesc" :formatter="formatterForwardphaseDesc">
+      </el-table-column>
+      <el-table-column align="center" :label="$t('openatccomponents.greenwaveoptimize.directionOption2')" width="150" prop="backphaseDesc" :formatter="formatterBackphaseDesc">
+      </el-table-column> -->
+      <el-table-column  align="center" :label="$t('openatccomponents.greenwaveoptimize.offset')" width="120" prop="offset">
+        <template slot-scope="scope">
+          <el-input-number v-if="isAllowedExpand" :controls="false" :min="0" :step="1" v-model.number="scope.row.offset" size="small" style="width:70%;"></el-input-number>
+          <span v-else>
+            {{ scope.row.offset }}
+          </span>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" :label="$t('openatccomponents.greenwaveoptimize.cycle')" width="80" prop="cycle">
+      </el-table-column>
+      <el-table-column align="center" :label="$t('openatccomponents.pattern.plan')">
+        <template slot-scope="scope">
+          <div class="pattern-figure">
+            <pattern-list
+              :patternStatusList="scope.row.rings"
+              :cycles="scope.row.cycle"
+              :phaseList="scope.row.currPhase"
+            >
+            </pattern-list>
+            </div>
+         </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+import XiaoKanBan from '../../XiaoKanBan'
+import { getPatternList } from '../../../../api/route'
+import { getMessageByCode } from '../../../../utils/responseMessage'
+// import { getDirName } from '../../../components/SelectCrossPhase/utils.js'
+export default {
+  name: 'PatternTable',
+  components: {
+    XiaoKanBan
+  },
+  props: {
+    optList: {
+      type: Array
+    },
+    isAllowedExpand: {
+      type: Boolean,
+      default: true
+    },
+    maxTableHeight: {
+      type: Number,
+      default: 200
+    }
+  },
+  data () {
+    return {
+      loading: true,
+      tableHeight: 460,
+      screenHeight: window.innerHeight, // 屏幕高度
+      newPatternList: []
+    }
+  },
+  created () {
+  },
+  watch: {
+    // screenHeight: function () {
+    //   this.tableHeight = screen.height < 1080 ? screen.height * 0.35 : screen.height * 0.5
+    // },
+    optList: {
+      handler: function (val) {
+        if (val && val.length > 0) {
+          // for () {
+
+          // }
+        }
+      },
+      deep: true
+    },
+    newPatternList: {
+      handler: function (val) {
+        this.$emit('onNewPatternListChange', val)
+      },
+      deep: true
+    }
+  },
+  mounted: function () {
+    var _this = this
+    _this.$nextTick(function () {
+      _this.tableHeight = _this.maxTableHeight
+    })
+  },
+  methods: {
+    onPatternTable (routeData, patternList, phaseList) {
+      if (patternList.length === 0) {
+        // this.$message.error('方案为空！')
+        return
+      }
+      if (phaseList.length === 0) {
+        // this.$message.error('相位为空！')
+        return
+      }
+      // this.routeData = routeData
+      // this.patternList = patternList
+      // this.phaseList = phaseList
+      this.handlePatternList(routeData, patternList, phaseList)
+    },
+    handlePatternList (routeData, patternList, phaseList) {
+      this.newPatternList = []
+      let devs = routeData.devs
+      for (let pattern of patternList) {
+        let obj = {}
+        let id = pattern.agentid
+        obj.agentid = id
+        let count = [] // 计算相位有几个环
+        if (pattern.feature !== undefined && pattern.feature.patternList.length !== 0) {
+          let currPatternList = pattern.feature.patternList
+          let dev = devs.filter(ist => ist.agentid === id)[0]
+          let patternId = dev.patternid
+          let currPattern
+          if (Array.isArray(currPatternList)) {
+            currPattern = currPatternList.filter(cpl => cpl.id === patternId)[0]
+          } else {
+            currPattern = currPatternList
+          }
+          if (!currPattern) {
+            currPattern = currPatternList[0]
+          }
+          // let currPattern = currPatternList.filter(cpl => cpl.id === patternId)[0]
+          if (currPattern.desc === '') {
+            obj.desc = this.$t('openatccomponents.greenwaveoptimize.pattern') + currPattern.id
+          } else {
+            obj.desc = currPattern.desc
+          }
+          obj = {...obj, ...dev}
+          obj.id = currPattern.id
+          obj.offset = currPattern.offset
+          obj.cycle = currPattern.cycle
+          obj.patternId = currPattern.id
+          obj.patternid = currPattern.id
+          obj.patternDesc = currPattern.desc === '' ? `${this.$t('openatccomponents.greenwaveoptimize.pattern')}${currPattern.id}` : currPattern.desc
+          obj.allPatterns = currPatternList.map(ele => {
+            let patterndesc = ele.desc === '' ? `${this.$t('openatccomponents.greenwaveoptimize.pattern')}${currPattern.id}` : ele.desc
+            return {
+              patternid: ele.id,
+              patterndes: ele.desc,
+              patterndesc: patterndesc,
+              ...ele
+            }
+          })
+          let rings = currPattern.rings
+          let currPhase = phaseList.filter(phl => phl.agentid === id)[0].feature.phaseList
+          obj.currPhase = currPhase
+          obj.phaseList = currPhase
+          // 计算有几个环
+          for (let ring of rings) {
+            if (ring.length === 0) continue
+            for (let rr of ring) {
+              rr.desc = []
+              let direction = currPhase.filter(curp => curp.id === rr.id)[0].direction // 相位方向集合
+              let phaseRing = currPhase.filter(curp => curp.id === rr.id)[0].ring
+              count.push(phaseRing)
+              for (let dir of direction) {
+                let obj = {}
+                obj.id = dir
+                rr.desc.push(obj)
+              }
+            }
+          }
+          obj.rings = rings
+        }
+        let ringCount = Array.from(new Set(count)) // 去除数组重复的元素
+        ringCount = ringCount.sort(this.sortNumbers) // 把数组中的值按照从小到大的顺序重新排序
+        obj.ringCount = ringCount
+        this.newPatternList.push(obj)
+      }
+    },
+    sortNumbers (a, b) {
+      return a - b
+    },
+    fatherMethod (val) {
+      let index = val.index
+      let cycle = val.cycle
+      this.newPatternList[index].cycle = cycle
+    },
+    changeCurPattern (row, curPatternid) {
+      // 修改当前方案（allPatterns： 所有可选项）
+      const data = {
+        agentid: row.agentid,
+        patternid: curPatternid,
+        patterndes: row.allPatterns.filter(ele => ele.patternid === curPatternid)[0].patterndes,
+        allPatterns: row.allPatterns
+      }
+      row.desc = data.patternDesc
+      row.patternId = data.patternid
+      row.patternid = data.patternid
+      row.patterndes = data.patterndes
+      row.allPatterns = data.allPatterns
+      row.patternid = data.patternid
+      let selectPattern = row.allPatterns.filter(item => item.patternid === row.patternid)[0]
+      let res = this.getRings(selectPattern.rings, row.phaseList)
+      row.rings = res.rings
+      row.ringCount = res.ringCount
+      // row.rings = selectPattern.rings
+      row.cycle = selectPattern.cycle
+      row.offset = selectPattern.offset
+      row.currPhase = row.phaseList
+    },
+    getRings (ringsList, phaseList) {
+      let res = {}
+      let rings = JSON.parse(JSON.stringify(ringsList))
+      let count = []
+      // 计算有几个环
+      for (let ring of rings) {
+        if (ring.length === 0) continue
+        for (let rr of ring) {
+          rr.desc = []
+          let direction = phaseList.filter(curp => curp.id === rr.id)[0].direction // 相位方向集合
+          let phaseRing = phaseList.filter(curp => curp.id === rr.id)[0].ring
+          count.push(phaseRing)
+          for (let dir of direction) {
+            let obj = {}
+            obj.id = dir
+            rr.desc.push(obj)
+          }
+        }
+      }
+      let ringCount = Array.from(new Set(count)) // 去除数组重复的元素
+      ringCount = ringCount.sort(this.sortNumbers) // 把数组中的值按照从小到大的顺序重新排序
+      res = {
+        rings: rings,
+        ringCount: ringCount
+      }
+      return res
+    },
+    getCurPattern (agentid) {
+      // 获取当前设备所有可选方案
+      this.loading = true
+      let _this = this
+      // let patterns = this.newPatternList.filter(item => item.agentid === agentid)[0]
+      // if (patterns.allPatterns && patterns.allPatterns.length > 0) {
+      //   patterns.allPatterns = patterns.allPatterns
+      //   return false
+      // }
+      getPatternList(agentid).then(res => {
+        this.loading = false
+        if (!res.data.success) {
+          if (res.data.code === '4003') {
+            this.$message.error(this.$t('openatc.common.devicenotonline'))
+            return
+          }
+          this.$message.error(getMessageByCode(res.data.code, this.$i18n.locale))
+          return
+        }
+        _this.newPatternList.forEach(ele => {
+          if (ele.agentid === agentid) {
+            ele.allPatterns = res.data.data.data.patternList.map(ele => {
+              return {
+                ...ele,
+                patternid: ele.id,
+                patterndes: ele.desc,
+                patterndesc: ele.desc === '' ? `${_this.$t('openatccomponents.greenwaveoptimize.pattern')}${ele.id}` : ele.desc
+              }
+            })
+          }
+        })
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+  .board {
+    width: 100%;
+    margin-left: 10px;
+    display: flex;
+    justify-content: space-around;
+    flex-direction: row;
+    align-items: flex-start;
+  }
+  // .kanban {
+  //   &.todo {
+  //     .board-column-header {
+  //       background: $--color-primary;
+  //     }
+  //   }
+  // }
+</style>