UI自动化之监控平台的搭建VUE+novnc(前端二)

置顶

蓝明橙

已于 2023-12-12 18:19:32 修改

阅读量606

点赞数 8

CC 4.0 BY-SA版权

分类专栏： UI自动化文章标签： ui 自动化 vue.js

于 2023-12-12 18:09:57 首次发布

本文链接：https://blog.youkuaiyun.com/OYangGouDai/article/details/134955749

增加功能

指定页面展示画面
关闭指定页面

现有的功能只能展示4个页面，这个是根据要几个线程做UI测试，可以进行增加的，前端代码还是有很多小缺陷的，比如卡片参数，我写死了，主要是我现在用不到那么多的docker 容器，4个完全就够了，后期在慢慢改吧

修改了一个版本，毕竟本人vue 也不是太熟，太难的也做不了

借鉴了这个人的代码还是很感谢的

https://blog.youkuaiyun.com/mxgsa/article/details/122978996

<template>
    <a-row type="flex">
        <a-col :span="5">
            <a-collapse v-model:activeKey="activeKey" :bordered="false">
                <a-collapse-panel key="1" header="画面分割">
                    <a-row type="flex" justify="start">

                        <a-col @click='splitVideo(1, 1)' :span='4' class='splitClass'>
                            <a-button type="primary" shape="circle">1</a-button>
                        </a-col>
                        <a-col @click='splitVideo(1, 2)' :span='4' class='splitClass'>
                            <a-button type="primary" shape="circle">2</a-button>
                        </a-col>
                        <a-col @click='splitVideo(1, 3)' :span='4' class='splitClass'>
                            <a-button type="primary" shape="circle">3</a-button>
                        </a-col>
                        <a-col @click='splitVideo(2, 2)' :span='4' class='splitClass'>
                            <a-button type="primary" shape="circ