*

lsh

2024-10-23 0b232db982fd452c805e0c823416c106fe63b4ca

*

 src/main/webapp/views/index.html

@@ -86,8 +86,8 @@

        .task-bar-left {
            position: fixed;
            top: 10%;
            transform: translateY(-50%);
            top: 1%;
            /*transform: translateY(-50%);*/
            width: 25%; /* 设置宽度 */
            background-color: rgba(255, 255, 255, 0); /* 半透明背景 */

@@ -99,8 +99,8 @@

        .task-bar-right {
            position: fixed;
            top: 20%;
            transform: translateY(-50%);
            top: 1%;
            /*transform: translateY(-50%);*/
            width: 25%; /* 设置宽度 */
            background-color: rgba(255, 255, 255, 0); /* 半透明背景 */

@@ -111,16 +111,18 @@
        }

        .task-bar-div1 {
            width: 100%; /* 设置宽度 */
            /*width: 100%; !* 设置宽度 *!*/
            background-color: rgba(255, 255, 255, 0.8); /* 半透明背景 */
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        }

        .left-task-bar {
            left: 20px; /* 距离左边的距离 */
            /*bottom: 100px;*/
        }

        .right-task-bar {
            /*bottom: 100px;*/
            right: 20px; /* 距离右边的距离 */
        }

@@ -153,7 +155,18 @@

        <!-- Left Task Bar -->
        <div class="task-bar-left left-task-bar" >
            <div v-if="valueLeft === '100' " class="task-bar-div1" style="margin-top: 200px">
            <div>
                <el-tooltip :content="'Switch value: ' + valueLeft" placement="top">
                    <el-switch
                            v-model="valueLeft"
                            active-color="#13ce66"
                            inactive-color="#ff4949"
                            active-value="100"
                            inactive-value="0">
                    </el-switch>
                </el-tooltip>
            </div>
            <div v-if="valueLeft === '100' " class="task-bar-div1">
                <el-table
                        :data="tableDataLeft"
                        style="width: 100%"
@@ -197,10 +210,14 @@
                    </el-table-column>
                </el-table>
            </div>
        </div>

        <!-- Right Task Bar -->
        <div class="task-bar-right right-task-bar">
            <div>
                <el-tooltip :content="'Switch value: ' + valueLeft" placement="top">
                <el-tooltip :content="'Switch value: ' + valueRight" placement="top">
                    <el-switch
                            v-model="valueLeft"
                            v-model="valueRight"
                            active-color="#13ce66"
                            inactive-color="#ff4949"
                            active-value="100"
@@ -208,11 +225,7 @@
                    </el-switch>
                </el-tooltip>
            </div>
        </div>

        <!-- Right Task Bar -->
        <div class="task-bar-right right-task-bar">
            <div v-if="valueRight === '100' " class="task-bar-div1"  style="margin-top: 200px">
            <div v-if="valueRight === '100' " class="task-bar-div1">
                <el-table
                        :data="tableDataRight"
                        style="width: 100%"
@@ -240,17 +253,6 @@
                        <el-button type="primary" icon="el-icon-edit" circle></el-button>
                    </el-table-column>
                </el-table>
            </div>
            <div>
                <el-tooltip :content="'Switch value: ' + valueRight" placement="top">
                    <el-switch
                            v-model="valueRight"
                            active-color="#13ce66"
                            inactive-color="#ff4949"
                            active-value="100"
                            inactive-value="0">
                    </el-switch>
                </el-tooltip>
            </div>
        </div>
    </div>