openatc-components 0.1.139 → 0.1.142

package/src/views/patternConfig.vue

@@ -0,0 +1,1468 @@
+<template>
+  <div>
+      <button @click="getSaveParam" >获取相位参数信息</button><br/>
+      <div class="layout-container2">
+        <PatternConfig
+          :agentids="agentids2"
+          :isAllowedExpand="isAllowedExpand"
+          :opt="opt2"
+          ref="patternConfig"
+        >
+        </PatternConfig>
+    </div>
+  </div>
+</template>
+<script>
+import {
+  setToken
+} from '../utils/auth'
+export default {
+  name: 'PatternConfigTest',
+  data () {
+    return {
+      isAllowedExpand: false,
+      // agentids: ['gjnlgjxl'],
+      agentids2: ['gjnlahql', 'gjnlgjxl', 'gjnljml', 'jabh', 'jaja', 'jmlfqbl'],
+      // 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: 'eyJraWQiOiIxNjg4MTA1MDcxMDQwIiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJhZG1pbiIsImV4cCI6NDA4Njc3NzYwMCwiaWF0IjoxNjg1NTQ4ODAwfQ.GruSjtTc2hHdGTg9vSISAhq6sDIeQ0lxRe2JBFQoETo',
+      // 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,
+      opt2: {},
+      agentids: ['gjnlgjxl'],
+      opt: {
+        'optPatternList': [
+          {
+            'id': 1,
+            'name': '',
+            '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: 600px;
+  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>