openatc-components 0.2.34 → 0.2.35

package/src/views/patternConfig.vue

@@ -1,609 +1,1572 @@
-<template>
-  <div>
-      <button @click="getSaveParam" >获取相位参数信息</button><br/>
-      <div class="layout-container2">
-        <PatternConfig
-          :agentids="agentids6"
-          :opt="opt5"
-          :isAllowedExpand="isAllowedExpand"
-          :isOnlyOneTab="isOnlyOneTab"
-          :isShowSingle="isShowSingle"
-          ref="patternConfig"
-        >
-        </PatternConfig>
-    </div>
-  </div>
-</template>
-<script>
-import {
-  setToken
-} from '../utils/auth'
-export default {
-  name: 'PatternConfigTest',
-  data () {
-    return {
-      isShowSingle: false,
-      isOnlyOneTab: false,
-      isAllowedExpand: false,
-      // agentids: ['gjnlgjxl'],
-      agentids4: [
-        'tjblxyl',
-        'jmlfql',
-        'tjbllyl',
-        'tjblfql',
-        'jmlytl',
-        'tjbljml',
-        'gjnljml',
-        'gjnlahql',
-        'tjblgjxl',
-        'gjnlgjxl',
-        'tjblsxl'
-      ],
-      opt4: {
-        optPatternList: [
-          {
-            name: '方案111',
-            devs: [
-              {
-                agentid: 'tjblgjxl',
-                patternid: 1,
-                isused: true
-              },
-              {
-                agentid: 'gjnlahql',
-                patternid: 1,
-                isused: true
-              },
-              {
-                agentid: 'gjnljml',
-                patternid: 1,
-                isused: true
-              },
-              {
-                agentid: 'tjblxyl',
-                patternid: 1,
-                isused: false
-              },
-              {
-                agentid: 'jmlfql',
-                patternid: 1,
-                isused: false
-              },
-              {
-                agentid: 'tjbllyl',
-                patternid: 1,
-                isused: false
-              },
-              {
-                agentid: 'tjblfql',
-                patternid: 1,
-                isused: false
-              },
-              {
-                agentid: 'jmlytl',
-                patternid: 1,
-                isused: false
-              },
-              {
-                agentid: 'tjbljml',
-                patternid: 1,
-                isused: false
-              },
-              {
-                agentid: 'gjnlgjxl',
-                patternid: 1,
-                isused: false
-              },
-              {
-                agentid: 'tjblsxl',
-                patternid: 1,
-                isused: false
-              }
-            ]
-          }
-        ]
-      },
-      agentids3: ['gjnlahql', 'xylsnl', 'cslyll'],
-      // agentids2: ['15001', '15001', '15003', '15004', '15005'],
-      roadDirection: 'right',
-      // reqUrl: 'http://192.168.13.103:10003/openatc',
-      agentId: '12008_835',
-      // agentId: '0351-01',
-      reqUrl: 'http://192.168.13.103:10003/openatc',
-      Token: 'eyJraWQiOiIxNzAwMjAwNDQ4MTA0IiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJhZG1pbiIsImV4cCI6MTc2NzExMDQwMCwiaWF0IjoxNjk5Mjg2NDAwfQ.AyVJCGmVQVafdWBDQ7TMhVQ5Dvjy13NeuQ8rimTPgtc',
-      // reqUrl: 'http://192.168.13.113:10003/openatc',
-      // Token: 'eyJraWQiOiIxNjkxMzcxMTc5ODcxIiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJhZG1pbiIsImV4cCI6MTcxNDE0NzIwMCwiaWF0IjoxNjkwODE5MjAwfQ.AhUj9taw4_IpP77AmP5bvCE87dDQ4-ZdsEJzrlWXKF8',
-      // agentId: '30003-352',
-      // reqUrl: 'https://kints-dev.devdolphin.com/openatc',
-      // Token: 'eyJraWQiOiIxNjUwNTA5MDI2ODk2IiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJ4aWFvbWluZyIsImV4cCI6MTczNjkwOTAyNiwiaWF0IjoxNjUwNTA5MDI2fQ.-s4T-uMRmB2zf9yer87USKQXLY1a12Zq5lCOnqjNmfA',
-      boxVisible: false,
-      opt3: {
-        'optPatternList': [
-          {
-            'name': '杰斯安的房间里 1',
-            'devs': [
-              {
-                'agentid': 'gjnlahql',
-                'patternid': 1,
-                'isused': true
-              },
-              {
-                'agentid': 'xylsnl',
-                'patternid': 1,
-                'isused': true
-              },
-              {
-                'agentid': 'cslyll',
-                'patternid': 2,
-                'isused': false
-              }
-            ]
-          }
-        ]
-      },
-      agentids6: ['tjblsxl-ticp6'],
-      agentids5: ['cllytl'],
-      opt5: {},
-      agentids: ['gjnlgjxl'],
-      opt: {
-        'optPatternList': [
-          {
-            'id': 1,
-            'name': 'dsfasdfdsf',
-            'tabName': '1',
-            'devs': [
-              {
-                'agentid': 'gjnlgjxl',
-                'patternid': 1,
-                'isused': true,
-                'desc': '方案1',
-                'id': 1,
-                'offset': 0,
-                'cycle': 132,
-                'patternId': 2,
-                'patternDesc': '方案1',
-                'feature': {
-                  'patternList': [
-                    {
-                      'patternid': 1,
-                      'patterndes': '方案1',
-                      'patterndesc': '方案1',
-                      'id': 1,
-                      'desc': '方案1',
-                      'offset': 0,
-                      'cycle': 132,
-                      'rings': [
-                        [
-                          {
-                            'id': 1,
-                            'value': 45,
-                            'mode': 2,
-                            'desc': [
-                              {
-                                'id': 1
-                              }
-                            ]
-                          },
-                          {
-                            'id': 3,
-                            'value': 25,
-                            'mode': 2,
-                            'desc': [
-                              {
-                                'id': 2
-                              },
-                              {
-                                'id': 4
-                              }
-                            ]
-                          },
-                          {
-                            'id': 5,
-                            'value': 26,
-                            'mode': 2,
-                            'desc': [
-
-                            ]
-                          },
-                          {
-                            'id': 6,
-                            'value': 36,
-                            'mode': 2,
-                            'desc': [
-                              {
-                                'id': 10
-                              }
-                            ]
-                          }
-                        ],
-                        [
-                          {
-                            'id': 2,
-                            'value': 45,
-                            'mode': 2,
-                            'desc': [
-                              {
-                                'id': 5
-                              }
-                            ]
-                          },
-                          {
-                            'id': 4,
-                            'value': 51,
-                            'mode': 2,
-                            'desc': [
-                              {
-                                'id': 6
-                              }
-                            ]
-                          },
-                          {
-                            'id': 7,
-                            'value': 36,
-                            'mode': 2,
-                            'desc': [
-
-                            ]
-                          }
-                        ],
-                        [
-
-                        ],
-                        [
-
-                        ]
-                      ],
-                      'stagesList': [
-                        {
-                          'split': 45,
-                          'stages': [
-                            1,
-                            2
-                          ]
-                        },
-                        {
-                          'split': 25,
-                          'stages': [
-                            3,
-                            4
-                          ]
-                        },
-                        {
-                          'split': 26,
-                          'stages': [
-                            5,
-                            4
-                          ]
-                        },
-                        {
-                          'split': 36,
-                          'stages': [
-                            6,
-                            7
-                          ]
-                        }
-                      ],
-                      'stages': [
-                        [
-                          1,
-                          2
-                        ],
-                        [
-                          3,
-                          4
-                        ],
-                        [
-                          5,
-                          4
-                        ],
-                        [
-                          6,
-                          7
-                        ]
-                      ],
-                      'barriers': [
-                        {
-                          'barrier': 1,
-                          'length': 45,
-                          'items': [
-                            {
-                              'ring': 1,
-                              'data': [
-                                2
-                              ]
-                            },
-                            {
-                              'ring': 2,
-                              'data': [
-                                1
-                              ]
-                            }
-                          ]
-                        },
-                        {
-                          'barrier': 2,
-                          'length': 51,
-                          'items': [
-                            {
-                              'ring': 1,
-                              'data': [
-                                4
-                              ]
-                            },
-                            {
-                              'ring': 2,
-                              'data': [
-                                3,
-                                5
-                              ]
-                            }
-                          ]
-                        },
-                        {
-                          'barrier': 3,
-                          'length': 36,
-                          'items': [
-                            {
-                              'ring': 1,
-                              'data': [
-                                7
-                              ]
-                            },
-                            {
-                              'ring': 2,
-                              'data': [
-                                6
-                              ]
-                            }
-                          ]
-                        }
-                      ]
-                    },
-                    {
-                      'patternid': 2,
-                      'patterndes': '方案2',
-                      'patterndesc': '方案2',
-                      'id': 2,
-                      'desc': '方案2',
-                      'offset': 0,
-                      'cycle': 176,
-                      'rings': [
-                        [
-                          {
-                            'id': 1,
-                            'value': 70,
-                            'mode': 2
-                          },
-                          {
-                            'id': 3,
-                            'value': 25,
-                            'mode': 2
-                          },
-                          {
-                            'id': 5,
-                            'value': 35,
-                            'mode': 2
-                          },
-                          {
-                            'id': 6,
-                            'value': 46,
-                            'mode': 2
-                          }
-                        ],
-                        [
-                          {
-                            'id': 2,
-                            'value': 70,
-                            'mode': 2
-                          },
-                          {
-                            'id': 4,
-                            'value': 60,
-                            'mode': 2
-                          },
-                          {
-                            'id': 7,
-                            'value': 46,
-                            'mode': 2
-                          }
-                        ],
-                        [
-
-                        ],
-                        [
-
-                        ]
-                      ],
-                      'stagesList': [
-                        {
-                          'split': 70,
-                          'stages': [
-                            1,
-                            2
-                          ]
-                        },
-                        {
-                          'split': 25,
-                          'stages': [
-                            3,
-                            4
-                          ]
-                        },
-                        {
-                          'split': 35,
-                          'stages': [
-                            5,
-                            4
-                          ]
-                        },
-                        {
-                          'split': 46,
-                          'stages': [
-                            6,
-                            7
-                          ]
-                        }
-                      ],
-                      'stages': [
-                        [
-                          1,
-                          2
-                        ],
-                        [
-                          3,
-                          4
-                        ],
-                        [
-                          5,
-                          4
-                        ],
-                        [
-                          6,
-                          7
-                        ]
-                      ],
-                      'barriers': [
-                        {
-                          'barrier': 1,
-                          'length': 70,
-                          'items': [
-                            {
-                              'ring': 1,
-                              'data': [
-                                2
-                              ]
-                            },
-                            {
-                              'ring': 2,
-                              'data': [
-                                1
-                              ]
-                            }
-                          ]
-                        },
-                        {
-                          'barrier': 2,
-                          'length': 60,
-                          'items': [
-                            {
-                              'ring': 1,
-                              'data': [
-                                4
-                              ]
-                            },
-                            {
-                              'ring': 2,
-                              'data': [
-                                3,
-                                5
-                              ]
-                            }
-                          ]
-                        },
-                        {
-                          'barrier': 3,
-                          'length': 46,
-                          'items': [
-                            {
-                              'ring': 1,
-                              'data': [
-                                7
-                              ]
-                            },
-                            {
-                              'ring': 2,
-                              'data': [
-                                6
-                              ]
-                            }
-                          ]
-                        }
-                      ]
-                    }
-                  ]
-                }
-              }
-            ]
-          }
-        ]
-      }
-    }
-  },
-  components: {
-  },
-  methods: {
-    getSaveParam () {
-      console.log('getPatternConfig')
-      let res = this.$refs.patternConfig.getPatternConfig()
-      console.log(res)
-      console.log(JSON.stringify(res))
-      return res
-    },
-    setPropsToken (token) {
-      // 获取组件外传入的token，便于独立组件调用接口
-      if (token && token !== '') {
-        setToken(token)
-      }
-    }
-  },
-  created () {
-    // this.setDialogWidth()
-  },
-  mounted () {
-    // let _this = this
-    // setTimeout(function () {
-    //   alert('Hello')
-    //   // _this.agentId = 'scats1'
-    //   _this.agentids = ['gjnlahql', 'gjnlgjxl']
-    // }, 5 * 1000)
-    this.setPropsToken(this.Token)
-    window.onresize = () => {
-      return (() => {
-        // this.setDialogWidth()
-      })()
-    }
-  },
-  destroyed () {
-  }
-}
-</script>
-<style lang='scss'>
-.layout-container {
-  width: 800PX;
-}
-.layout-container1 {
-  width: 242PX;
-  height: 176PX;
-  border: 1PX solid green;
-}
-.layout-container2 {
-  /* height: 600px; */
-  width: 1020px;
-  // height: 620px;
-  height: 270px;
-  border: 1PX solid yellow;
-  position: relative;
-}
-.abow_dialog {
-    display: flex;
-    justify-content: center;
-    align-items: Center;
-    overflow: hidden;
-    .el-dialog {
-        margin: 0 auto !important;
-        height: 90%;
-        overflow: hidden;
-        .el-dialog__body {
-            position: absolute;
-            left: 0;
-            top: 54px;
-            bottom: 0;
-            right: 0;
-            padding: 0;
-            z-index: 1;
-            overflow-y: auto;
-            overflow-x: auto;
-        }
-    }
-}
-</style>
+<template>
+  <div>
+      <button @click="getSaveParam" >获取相位参数信息</button><br/>
+      <div class="layout-container2">
+        <PatternConfig
+          :agentids="agentids4"
+          :opt="opt4"
+          :isAllowedExpand="isAllowedExpand"
+          :isOnlyOneTab="isOnlyOneTab"
+          :isShowSingle="isShowSingle"
+          ref="patternConfig"
+        >
+        </PatternConfig>
+    </div>
+  </div>
+</template>
+<script>
+import {
+  setToken
+} from '../utils/auth'
+export default {
+  name: 'PatternConfigTest',
+  data () {
+    return {
+      isShowSingle: false,
+      isOnlyOneTab: false,
+      isAllowedExpand: false,
+      // agentids: ['gjnlgjxl'],
+      agentids4: [
+        'tjblxyl',
+        'jmlfql',
+        'tjbllyl',
+        'tjblfql',
+        'jmlytl',
+        'tjbljml',
+        'gjnljml',
+        'gjnlahql',
+        'tjblgjxl',
+        'gjnlgjxl',
+        'tjblsxl'
+      ],
+      opt4: {
+        optPatternList: [
+          {
+            name: '方案111',
+            devs: [
+              {
+                agentid: 'tjblgjxl',
+                patternid: 1,
+                isused: true
+              },
+              {
+                agentid: 'gjnlahql',
+                patternid: 1,
+                isused: true
+              },
+              {
+                agentid: 'gjnljml',
+                patternid: 1,
+                isused: true
+              },
+              {
+                agentid: 'tjblxyl',
+                patternid: 1,
+                isused: false
+              },
+              {
+                agentid: 'jmlfql',
+                patternid: 1,
+                isused: false
+              },
+              {
+                agentid: 'tjbllyl',
+                patternid: 1,
+                isused: false
+              },
+              {
+                agentid: 'tjblfql',
+                patternid: 1,
+                isused: false
+              },
+              {
+                agentid: 'jmlytl',
+                patternid: 1,
+                isused: false
+              },
+              {
+                agentid: 'tjbljml',
+                patternid: 1,
+                isused: false
+              },
+              {
+                agentid: 'gjnlgjxl',
+                patternid: 1,
+                isused: false
+              },
+              {
+                agentid: 'tjblsxl',
+                patternid: 1,
+                isused: false
+              }
+            ]
+          }
+        ]
+      },
+      agentids3: ['gjnlahql', 'xylsnl', 'cslyll'],
+      // agentids2: ['15001', '15001', '15003', '15004', '15005'],
+      roadDirection: 'right',
+      // reqUrl: 'http://192.168.13.103:10003/openatc',
+      agentId: '12008_835',
+      // agentId: '0351-01',
+      reqUrl: 'http://192.168.13.103:10003/openatc',
+      Token: 'eyJraWQiOiIxNzAwMjAwNDQ4MTA0IiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJhZG1pbiIsImV4cCI6MTc2NzExMDQwMCwiaWF0IjoxNjk5Mjg2NDAwfQ.AyVJCGmVQVafdWBDQ7TMhVQ5Dvjy13NeuQ8rimTPgtc',
+      // reqUrl: 'http://192.168.13.113:10003/openatc',
+      // Token: 'eyJraWQiOiIxNjkxMzcxMTc5ODcxIiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJhZG1pbiIsImV4cCI6MTcxNDE0NzIwMCwiaWF0IjoxNjkwODE5MjAwfQ.AhUj9taw4_IpP77AmP5bvCE87dDQ4-ZdsEJzrlWXKF8',
+      // agentId: '30003-352',
+      // reqUrl: 'https://kints-dev.devdolphin.com/openatc',
+      // Token: 'eyJraWQiOiIxNjUwNTA5MDI2ODk2IiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJ4aWFvbWluZyIsImV4cCI6MTczNjkwOTAyNiwiaWF0IjoxNjUwNTA5MDI2fQ.-s4T-uMRmB2zf9yer87USKQXLY1a12Zq5lCOnqjNmfA',
+      boxVisible: false,
+      opt3: {
+        'optPatternList': [
+          {
+            'name': '杰斯安的房间里 1',
+            'devs': [
+              {
+                'agentid': 'gjnlahql',
+                'patternid': 1,
+                'isused': true
+              },
+              {
+                'agentid': 'xylsnl',
+                'patternid': 1,
+                'isused': true
+              },
+              {
+                'agentid': 'cslyll',
+                'patternid': 2,
+                'isused': false
+              }
+            ]
+          }
+        ]
+      },
+      agentids: ['gjnlgjxl'],
+      opt: {
+        'optPatternList': [
+          {
+            'id': 1,
+            'name': 'dsfasdfdsf',
+            'tabName': '1',
+            'devs': [
+              {
+                'agentid': 'gjnlgjxl',
+                'patternid': 2,
+                'isused': true,
+                'desc': '方案1',
+                'id': 1,
+                'offset': 0,
+                'cycle': 132,
+                'patternId': 2,
+                'patternDesc': '方案1',
+                'feature': {
+                  'patternList': [
+                    {
+                      'patternid': 1,
+                      'patterndes': '方案1',
+                      'patterndesc': '方案1',
+                      'id': 1,
+                      'desc': '方案1',
+                      'offset': 0,
+                      'cycle': 132,
+                      'rings': [
+                        [
+                          {
+                            'id': 1,
+                            'value': 45,
+                            'mode': 2,
+                            'desc': [
+                              {
+                                'id': 1
+                              }
+                            ]
+                          },
+                          {
+                            'id': 3,
+                            'value': 25,
+                            'mode': 2,
+                            'desc': [
+                              {
+                                'id': 2
+                              },
+                              {
+                                'id': 4
+                              }
+                            ]
+                          },
+                          {
+                            'id': 5,
+                            'value': 26,
+                            'mode': 2,
+                            'desc': [
+
+                            ]
+                          },
+                          {
+                            'id': 6,
+                            'value': 36,
+                            'mode': 2,
+                            'desc': [
+                              {
+                                'id': 10
+                              }
+                            ]
+                          }
+                        ],
+                        [
+                          {
+                            'id': 2,
+                            'value': 45,
+                            'mode': 2,
+                            'desc': [
+                              {
+                                'id': 5
+                              }
+                            ]
+                          },
+                          {
+                            'id': 4,
+                            'value': 51,
+                            'mode': 2,
+                            'desc': [
+                              {
+                                'id': 6
+                              }
+                            ]
+                          },
+                          {
+                            'id': 7,
+                            'value': 36,
+                            'mode': 2,
+                            'desc': [
+
+                            ]
+                          }
+                        ],
+                        [
+
+                        ],
+                        [
+
+                        ]
+                      ],
+                      'stagesList': [
+                        {
+                          'split': 45,
+                          'stages': [
+                            1,
+                            2
+                          ]
+                        },
+                        {
+                          'split': 25,
+                          'stages': [
+                            3,
+                            4
+                          ]
+                        },
+                        {
+                          'split': 26,
+                          'stages': [
+                            5,
+                            4
+                          ]
+                        },
+                        {
+                          'split': 36,
+                          'stages': [
+                            6,
+                            7
+                          ]
+                        }
+                      ],
+                      'stages': [
+                        [
+                          1,
+                          2
+                        ],
+                        [
+                          3,
+                          4
+                        ],
+                        [
+                          5,
+                          4
+                        ],
+                        [
+                          6,
+                          7
+                        ]
+                      ],
+                      'barriers': [
+                        {
+                          'barrier': 1,
+                          'length': 45,
+                          'items': [
+                            {
+                              'ring': 1,
+                              'data': [
+                                2
+                              ]
+                            },
+                            {
+                              'ring': 2,
+                              'data': [
+                                1
+                              ]
+                            }
+                          ]
+                        },
+                        {
+                          'barrier': 2,
+                          'length': 51,
+                          'items': [
+                            {
+                              'ring': 1,
+                              'data': [
+                                4
+                              ]
+                            },
+                            {
+                              'ring': 2,
+                              'data': [
+                                3,
+                                5
+                              ]
+                            }
+                          ]
+                        },
+                        {
+                          'barrier': 3,
+                          'length': 36,
+                          'items': [
+                            {
+                              'ring': 1,
+                              'data': [
+                                7
+                              ]
+                            },
+                            {
+                              'ring': 2,
+                              'data': [
+                                6
+                              ]
+                            }
+                          ]
+                        }
+                      ]
+                    },
+                    {
+                      'patternid': 2,
+                      'patterndes': '方案2',
+                      'patterndesc': '方案2',
+                      'id': 2,
+                      'desc': '方案2',
+                      'offset': 0,
+                      'cycle': 176,
+                      'rings': [
+                        [
+                          {
+                            'id': 1,
+                            'value': 70,
+                            'mode': 2
+                          },
+                          {
+                            'id': 3,
+                            'value': 25,
+                            'mode': 2
+                          },
+                          {
+                            'id': 5,
+                            'value': 35,
+                            'mode': 2
+                          },
+                          {
+                            'id': 6,
+                            'value': 46,
+                            'mode': 2
+                          }
+                        ],
+                        [
+                          {
+                            'id': 2,
+                            'value': 70,
+                            'mode': 2
+                          },
+                          {
+                            'id': 4,
+                            'value': 60,
+                            'mode': 2
+                          },
+                          {
+                            'id': 7,
+                            'value': 46,
+                            'mode': 2
+                          }
+                        ],
+                        [
+
+                        ],
+                        [
+
+                        ]
+                      ],
+                      'stagesList': [
+                        {
+                          'split': 70,
+                          'stages': [
+                            1,
+                            2
+                          ]
+                        },
+                        {
+                          'split': 25,
+                          'stages': [
+                            3,
+                            4
+                          ]
+                        },
+                        {
+                          'split': 35,
+                          'stages': [
+                            5,
+                            4
+                          ]
+                        },
+                        {
+                          'split': 46,
+                          'stages': [
+                            6,
+                            7
+                          ]
+                        }
+                      ],
+                      'stages': [
+                        [
+                          1,
+                          2
+                        ],
+                        [
+                          3,
+                          4
+                        ],
+                        [
+                          5,
+                          4
+                        ],
+                        [
+                          6,
+                          7
+                        ]
+                      ],
+                      'barriers': [
+                        {
+                          'barrier': 1,
+                          'length': 70,
+                          'items': [
+                            {
+                              'ring': 1,
+                              'data': [
+                                2
+                              ]
+                            },
+                            {
+                              'ring': 2,
+                              'data': [
+                                1
+                              ]
+                            }
+                          ]
+                        },
+                        {
+                          'barrier': 2,
+                          'length': 60,
+                          'items': [
+                            {
+                              'ring': 1,
+                              'data': [
+                                4
+                              ]
+                            },
+                            {
+                              'ring': 2,
+                              'data': [
+                                3,
+                                5
+                              ]
+                            }
+                          ]
+                        },
+                        {
+                          'barrier': 3,
+                          'length': 46,
+                          'items': [
+                            {
+                              'ring': 1,
+                              'data': [
+                                7
+                              ]
+                            },
+                            {
+                              'ring': 2,
+                              'data': [
+                                6
+                              ]
+                            }
+                          ]
+                        }
+                      ]
+                    },
+                    {
+                      'patternid': 3,
+                      'patterndes': '方案3',
+                      'patterndesc': '方案3',
+                      'id': 3,
+                      'desc': '方案3',
+                      'offset': 0,
+                      'cycle': 140,
+                      'rings': [
+                        [
+                          {
+                            'id': 1,
+                            'value': 52,
+                            'mode': 2
+                          },
+                          {
+                            'id': 3,
+                            'value': 21,
+                            'mode': 2
+                          },
+                          {
+                            'id': 5,
+                            'value': 28,
+                            'mode': 2
+                          },
+                          {
+                            'id': 6,
+                            'value': 39,
+                            'mode': 2
+                          }
+                        ],
+                        [
+                          {
+                            'id': 2,
+                            'value': 52,
+                            'mode': 2
+                          },
+                          {
+                            'id': 4,
+                            'value': 49,
+                            'mode': 2
+                          },
+                          {
+                            'id': 7,
+                            'value': 39,
+                            'mode': 2
+                          }
+                        ],
+                        [
+
+                        ],
+                        [
+
+                        ]
+                      ],
+                      'stagesList': [
+                        {
+                          'split': 52,
+                          'stages': [
+                            1,
+                            2
+                          ]
+                        },
+                        {
+                          'split': 21,
+                          'stages': [
+                            3,
+                            4
+                          ]
+                        },
+                        {
+                          'split': 28,
+                          'stages': [
+                            5,
+                            4
+                          ]
+                        },
+                        {
+                          'split': 39,
+                          'stages': [
+                            6,
+                            7
+                          ]
+                        }
+                      ],
+                      'stages': [
+                        [
+                          1,
+                          2
+                        ],
+                        [
+                          3,
+                          4
+                        ],
+                        [
+                          5,
+                          4
+                        ],
+                        [
+                          6,
+                          7
+                        ]
+                      ],
+                      'barriers': [
+                        {
+                          'barrier': 1,
+                          'length': 52,
+                          'items': [
+                            {
+                              'ring': 1,
+                              'data': [
+                                2
+                              ]
+                            },
+                            {
+                              'ring': 2,
+                              'data': [
+                                1
+                              ]
+                            }
+                          ]
+                        },
+                        {
+                          'barrier': 2,
+                          'length': 49,
+                          'items': [
+                            {
+                              'ring': 1,
+                              'data': [
+                                4
+                              ]
+                            },
+                            {
+                              'ring': 2,
+                              'data': [
+                                3,
+                                5
+                              ]
+                            }
+                          ]
+                        },
+                        {
+                          'barrier': 3,
+                          'length': 39,
+                          'items': [
+                            {
+                              'ring': 1,
+                              'data': [
+                                7
+                              ]
+                            },
+                            {
+                              'ring': 2,
+                              'data': [
+                                6
+                              ]
+                            }
+                          ]
+                        }
+                      ]
+                    },
+                    {
+                      'patternid': 4,
+                      'patterndes': '方案4',
+                      'patterndesc': '方案4',
+                      'id': 4,
+                      'desc': '方案4',
+                      'offset': 0,
+                      'cycle': 150,
+                      'rings': [
+                        [
+                          {
+                            'id': 1,
+                            'value': 56,
+                            'mode': 2
+                          },
+                          {
+                            'id': 3,
+                            'value': 23,
+                            'mode': 2
+                          },
+                          {
+                            'id': 5,
+                            'value': 30,
+                            'mode': 2
+                          },
+                          {
+                            'id': 6,
+                            'value': 41,
+                            'mode': 2
+                          }
+                        ],
+                        [
+                          {
+                            'id': 2,
+                            'value': 56,
+                            'mode': 2
+                          },
+                          {
+                            'id': 4,
+                            'value': 53,
+                            'mode': 2
+                          },
+                          {
+                            'id': 7,
+                            'value': 41,
+                            'mode': 2
+                          }
+                        ],
+                        [
+
+                        ],
+                        [
+
+                        ]
+                      ],
+                      'stagesList': [
+                        {
+                          'split': 56,
+                          'stages': [
+                            1,
+                            2
+                          ]
+                        },
+                        {
+                          'split': 23,
+                          'stages': [
+                            3,
+                            4
+                          ]
+                        },
+                        {
+                          'split': 30,
+                          'stages': [
+                            5,
+                            4
+                          ]
+                        },
+                        {
+                          'split': 41,
+                          'stages': [
+                            6,
+                            7
+                          ]
+                        }
+                      ],
+                      'stages': [
+                        [
+                          1,
+                          2
+                        ],
+                        [
+                          3,
+                          4
+                        ],
+                        [
+                          5,
+                          4
+                        ],
+                        [
+                          6,
+                          7
+                        ]
+                      ],
+                      'barriers': [
+                        {
+                          'barrier': 1,
+                          'length': 56,
+                          'items': [
+                            {
+                              'ring': 1,
+                              'data': [
+                                2
+                              ]
+                            },
+                            {
+                              'ring': 2,
+                              'data': [
+                                1
+                              ]
+                            }
+                          ]
+                        },
+                        {
+                          'barrier': 2,
+                          'length': 53,
+                          'items': [
+                            {
+                              'ring': 1,
+                              'data': [
+                                4
+                              ]
+                            },
+                            {
+                              'ring': 2,
+                              'data': [
+                                3,
+                                5
+                              ]
+                            }
+                          ]
+                        },
+                        {
+                          'barrier': 3,
+                          'length': 41,
+                          'items': [
+                            {
+                              'ring': 1,
+                              'data': [
+                                7
+                              ]
+                            },
+                            {
+                              'ring': 2,
+                              'data': [
+                                6
+                              ]
+                            }
+                          ]
+                        }
+                      ]
+                    },
+                    {
+                      'patternid': 5,
+                      'patterndes': '方案5',
+                      'patterndesc': '方案5',
+                      'id': 5,
+                      'desc': '方案5',
+                      'offset': 0,
+                      'cycle': 176,
+                      'rings': [
+                        [
+                          {
+                            'id': 1,
+                            'value': 70,
+                            'mode': 2
+                          },
+                          {
+                            'id': 3,
+                            'value': 25,
+                            'mode': 2
+                          },
+                          {
+                            'id': 5,
+                            'value': 35,
+                            'mode': 2
+                          },
+                          {
+                            'id': 6,
+                            'value': 46,
+                            'mode': 2
+                          }
+                        ],
+                        [
+                          {
+                            'id': 2,
+                            'value': 70,
+                            'mode': 2
+                          },
+                          {
+                            'id': 4,
+                            'value': 60,
+                            'mode': 2
+                          },
+                          {
+                            'id': 7,
+                            'value': 46,
+                            'mode': 2
+                          }
+                        ],
+                        [
+
+                        ],
+                        [
+
+                        ]
+                      ],
+                      'stagesList': [
+                        {
+                          'split': 70,
+                          'stages': [
+                            1,
+                            2
+                          ]
+                        },
+                        {
+                          'split': 25,
+                          'stages': [
+                            3,
+                            4
+                          ]
+                        },
+                        {
+                          'split': 35,
+                          'stages': [
+                            5,
+                            4
+                          ]
+                        },
+                        {
+                          'split': 46,
+                          'stages': [
+                            6,
+                            7
+                          ]
+                        }
+                      ],
+                      'stages': [
+                        [
+                          1,
+                          2
+                        ],
+                        [
+                          3,
+                          4
+                        ],
+                        [
+                          5,
+                          4
+                        ],
+                        [
+                          6,
+                          7
+                        ]
+                      ],
+                      'barriers': [
+                        {
+                          'barrier': 1,
+                          'length': 70,
+                          'items': [
+                            {
+                              'ring': 1,
+                              'data': [
+                                2
+                              ]
+                            },
+                            {
+                              'ring': 2,
+                              'data': [
+                                1
+                              ]
+                            }
+                          ]
+                        },
+                        {
+                          'barrier': 2,
+                          'length': 60,
+                          'items': [
+                            {
+                              'ring': 1,
+                              'data': [
+                                4
+                              ]
+                            },
+                            {
+                              'ring': 2,
+                              'data': [
+                                3,
+                                5
+                              ]
+                            }
+                          ]
+                        },
+                        {
+                          'barrier': 3,
+                          'length': 46,
+                          'items': [
+                            {
+                              'ring': 1,
+                              'data': [
+                                7
+                              ]
+                            },
+                            {
+                              'ring': 2,
+                              'data': [
+                                6
+                              ]
+                            }
+                          ]
+                        }
+                      ]
+                    },
+                    {
+                      'patternid': 6,
+                      'patterndes': '方案6',
+                      'patterndesc': '方案6',
+                      'id': 6,
+                      'desc': '方案6',
+                      'offset': 0,
+                      'cycle': 145,
+                      'rings': [
+                        [
+                          {
+                            'id': 1,
+                            'value': 54,
+                            'mode': 2
+                          },
+                          {
+                            'id': 3,
+                            'value': 17,
+                            'mode': 2
+                          },
+                          {
+                            'id': 5,
+                            'value': 26,
+                            'mode': 2
+                          },
+                          {
+                            'id': 6,
+                            'value': 48,
+                            'mode': 2
+                          }
+                        ],
+                        [
+                          {
+                            'id': 2,
+                            'value': 54,
+                            'mode': 2
+                          },
+                          {
+                            'id': 4,
+                            'value': 43,
+                            'mode': 2
+                          },
+                          {
+                            'id': 7,
+                            'value': 48,
+                            'mode': 2
+                          }
+                        ],
+                        [
+
+                        ],
+                        [
+
+                        ]
+                      ],
+                      'stagesList': [
+                        {
+                          'split': 54,
+                          'stages': [
+                            1,
+                            2
+                          ]
+                        },
+                        {
+                          'split': 17,
+                          'stages': [
+                            3,
+                            4
+                          ]
+                        },
+                        {
+                          'split': 26,
+                          'stages': [
+                            5,
+                            4
+                          ]
+                        },
+                        {
+                          'split': 48,
+                          'stages': [
+                            6,
+                            7
+                          ]
+                        }
+                      ],
+                      'stages': [
+                        [
+                          1,
+                          2
+                        ],
+                        [
+                          3,
+                          4
+                        ],
+                        [
+                          5,
+                          4
+                        ],
+                        [
+                          6,
+                          7
+                        ]
+                      ],
+                      'barriers': [
+                        {
+                          'barrier': 1,
+                          'length': 54,
+                          'items': [
+                            {
+                              'ring': 1,
+                              'data': [
+                                2
+                              ]
+                            },
+                            {
+                              'ring': 2,
+                              'data': [
+                                1
+                              ]
+                            }
+                          ]
+                        },
+                        {
+                          'barrier': 2,
+                          'length': 43,
+                          'items': [
+                            {
+                              'ring': 1,
+                              'data': [
+                                4
+                              ]
+                            },
+                            {
+                              'ring': 2,
+                              'data': [
+                                3,
+                                5
+                              ]
+                            }
+                          ]
+                        },
+                        {
+                          'barrier': 3,
+                          'length': 48,
+                          'items': [
+                            {
+                              'ring': 1,
+                              'data': [
+                                7
+                              ]
+                            },
+                            {
+                              'ring': 2,
+                              'data': [
+                                6
+                              ]
+                            }
+                          ]
+                        }
+                      ]
+                    },
+                    {
+                      'patternid': 7,
+                      'patterndes': '方案7',
+                      'patterndesc': '方案7',
+                      'id': 7,
+                      'desc': '方案7',
+                      'offset': 0,
+                      'cycle': 132,
+                      'rings': [
+                        [
+                          {
+                            'id': 1,
+                            'value': 45,
+                            'mode': 2
+                          },
+                          {
+                            'id': 3,
+                            'value': 25,
+                            'mode': 2
+                          },
+                          {
+                            'id': 5,
+                            'value': 26,
+                            'mode': 2
+                          },
+                          {
+                            'id': 6,
+                            'value': 36,
+                            'mode': 2
+                          }
+                        ],
+                        [
+                          {
+                            'id': 2,
+                            'value': 45,
+                            'mode': 2
+                          },
+                          {
+                            'id': 4,
+                            'value': 51,
+                            'mode': 2
+                          },
+                          {
+                            'id': 7,
+                            'value': 36,
+                            'mode': 2
+                          }
+                        ],
+                        [
+
+                        ],
+                        [
+
+                        ]
+                      ],
+                      'stagesList': [
+                        {
+                          'split': 45,
+                          'stages': [
+                            1,
+                            2
+                          ]
+                        },
+                        {
+                          'split': 25,
+                          'stages': [
+                            3,
+                            4
+                          ]
+                        },
+                        {
+                          'split': 26,
+                          'stages': [
+                            5,
+                            4
+                          ]
+                        },
+                        {
+                          'split': 36,
+                          'stages': [
+                            6,
+                            7
+                          ]
+                        }
+                      ],
+                      'stages': [
+                        [
+                          1,
+                          2
+                        ],
+                        [
+                          3,
+                          4
+                        ],
+                        [
+                          5,
+                          4
+                        ],
+                        [
+                          6,
+                          7
+                        ]
+                      ],
+                      'barriers': [
+                        {
+                          'barrier': 1,
+                          'length': 45,
+                          'items': [
+                            {
+                              'ring': 1,
+                              'data': [
+                                2
+                              ]
+                            },
+                            {
+                              'ring': 2,
+                              'data': [
+                                1
+                              ]
+                            }
+                          ]
+                        },
+                        {
+                          'barrier': 2,
+                          'length': 51,
+                          'items': [
+                            {
+                              'ring': 1,
+                              'data': [
+                                4
+                              ]
+                            },
+                            {
+                              'ring': 2,
+                              'data': [
+                                3,
+                                5
+                              ]
+                            }
+                          ]
+                        },
+                        {
+                          'barrier': 3,
+                          'length': 36,
+                          'items': [
+                            {
+                              'ring': 1,
+                              'data': [
+                                7
+                              ]
+                            },
+                            {
+                              'ring': 2,
+                              'data': [
+                                6
+                              ]
+                            }
+                          ]
+                        }
+                      ]
+                    },
+                    {
+                      'patternid': 8,
+                      'patterndes': '方案8',
+                      'patterndesc': '方案8',
+                      'id': 8,
+                      'desc': '方案8',
+                      'offset': 0,
+                      'cycle': 120,
+                      'rings': [
+                        [
+                          {
+                            'id': 1,
+                            'value': 46,
+                            'mode': 2
+                          },
+                          {
+                            'id': 3,
+                            'value': 14,
+                            'mode': 2
+                          },
+                          {
+                            'id': 5,
+                            'value': 26,
+                            'mode': 2
+                          },
+                          {
+                            'id': 6,
+                            'value': 34,
+                            'mode': 2
+                          }
+                        ],
+                        [
+                          {
+                            'id': 2,
+                            'value': 46,
+                            'mode': 2
+                          },
+                          {
+                            'id': 4,
+                            'value': 40,
+                            'mode': 2
+                          },
+                          {
+                            'id': 7,
+                            'value': 34,
+                            'mode': 2
+                          }
+                        ],
+                        [
+
+                        ],
+                        [
+
+                        ]
+                      ],
+                      'stagesList': [
+                        {
+                          'split': 46,
+                          'stages': [
+                            1,
+                            2
+                          ]
+                        },
+                        {
+                          'split': 14,
+                          'stages': [
+                            3,
+                            4
+                          ]
+                        },
+                        {
+                          'split': 26,
+                          'stages': [
+                            5,
+                            4
+                          ]
+                        },
+                        {
+                          'split': 34,
+                          'stages': [
+                            6,
+                            7
+                          ]
+                        }
+                      ],
+                      'stages': [
+                        [
+                          1,
+                          2
+                        ],
+                        [
+                          3,
+                          4
+                        ],
+                        [
+                          5,
+                          4
+                        ],
+                        [
+                          6,
+                          7
+                        ]
+                      ],
+                      'barriers': [
+                        {
+                          'barrier': 1,
+                          'length': 46,
+                          'items': [
+                            {
+                              'ring': 1,
+                              'data': [
+                                2
+                              ]
+                            },
+                            {
+                              'ring': 2,
+                              'data': [
+                                1
+                              ]
+                            }
+                          ]
+                        },
+                        {
+                          'barrier': 2,
+                          'length': 40,
+                          'items': [
+                            {
+                              'ring': 1,
+                              'data': [
+                                4
+                              ]
+                            },
+                            {
+                              'ring': 2,
+                              'data': [
+                                3,
+                                5
+                              ]
+                            }
+                          ]
+                        },
+                        {
+                          'barrier': 3,
+                          'length': 34,
+                          'items': [
+                            {
+                              'ring': 1,
+                              'data': [
+                                7
+                              ]
+                            },
+                            {
+                              'ring': 2,
+                              'data': [
+                                6
+                              ]
+                            }
+                          ]
+                        }
+                      ]
+                    }
+                  ]
+                }
+              }
+            ]
+          }
+        ]
+      }
+    }
+  },
+  components: {
+  },
+  methods: {
+    getSaveParam () {
+      console.log('getPatternConfig')
+      let res = this.$refs.patternConfig.getPatternConfig()
+      console.log(res)
+      console.log(JSON.stringify(res))
+      return res
+    },
+    setPropsToken (token) {
+      // 获取组件外传入的token，便于独立组件调用接口
+      if (token && token !== '') {
+        setToken(token)
+      }
+    }
+  },
+  created () {
+    // this.setDialogWidth()
+  },
+  mounted () {
+    // let _this = this
+    // setTimeout(function () {
+    //   alert('Hello')
+    //   // _this.agentId = 'scats1'
+    //   _this.agentids = ['gjnlahql', 'gjnlgjxl']
+    // }, 5 * 1000)
+    this.setPropsToken(this.Token)
+    window.onresize = () => {
+      return (() => {
+        // this.setDialogWidth()
+      })()
+    }
+  },
+  destroyed () {
+  }
+}
+</script>
+<style lang='scss'>
+.layout-container {
+  width: 800PX;
+}
+.layout-container1 {
+  width: 242PX;
+  height: 176PX;
+  border: 1PX solid green;
+}
+.layout-container2 {
+  /* height: 600px; */
+  width: 1020px;
+  // height: 620px;
+  height: 570px;
+  border: 1PX solid yellow;
+  position: relative;
+}
+.abow_dialog {
+    display: flex;
+    justify-content: center;
+    align-items: Center;
+    overflow: hidden;
+    .el-dialog {
+        margin: 0 auto !important;
+        height: 90%;
+        overflow: hidden;
+        .el-dialog__body {
+            position: absolute;
+            left: 0;
+            top: 54px;
+            bottom: 0;
+            right: 0;
+            padding: 0;
+            z-index: 1;
+            overflow-y: auto;
+            overflow-x: auto;
+        }
+    }
+}
+</style>