1

src/views/AutomaticMode/index.vue

@@ -93,6 +93,8 @@
                     </div>
 
                     <div class="buttonBox">
+                        <el-button icon="ArrowUp" style="margin-left: 0;" class="brightness-button" @click="prev">上滑</el-button>
+                        <el-button icon="ArrowDown" style="margin-left: 0;" class="brightness-button" @click="next">下滑</el-button>
                         <el-button icon="RefreshRight" style="margin-left: 0;" class="mode-button" @click="restartSystem">远程重启</el-button>
                         <el-button icon="Refresh" style="margin-left: 0;" class="brightness-button" @click="getTask">刷新</el-button>
                         <el-button icon="Plus" style="margin-left: 0;" class="brightness-button add" @click="addTask">新增</el-button>
@@ -258,6 +260,13 @@ const currentTaskName = ref('开始任务')
 const currentTask = ref({})
 const currentMiddleIndex = ref(null)
 
+const next = () => {
+    document.querySelector('.power-params').scrollTop = document.querySelector('.power-params').scrollTop + 120
+}
+const prev = () => {
+    document.querySelector('.power-params').scrollTop = document.querySelector('.power-params').scrollTop - 120
+}
+
 const openSettingDialog = (item, index) => {
     currentTaskName.value = item
     if (item === '中间任务') {
@@ -679,19 +688,19 @@ const delMode = () => {
     gap: 10px;
     height: 100%;
 
-    &::-webkit-scrollbar {
+    // &::-webkit-scrollbar {
-        width: 32px;
+    //     width: 32px;
-        /* 滚动条宽度 */
+    //     /* 滚动条宽度 */
-        height: 22px;
+    //     height: 22px;
-        /* 滚动条高度 */
+    //     /* 滚动条高度 */
-    }
+    // }
 
-    &::-webkit-scrollbar-thumb {
+    // &::-webkit-scrollbar-thumb {
-        background-color: darkgrey;
+    //     background-color: darkgrey;
-        /* 滚动条滑块颜色 */
+    //     /* 滚动条滑块颜色 */
-        border-radius: 10px;
+    //     border-radius: 10px;
-        /* 滑块圆角 */
+    //     /* 滑块圆角 */
-    }
+    // }
 
     .time {
         width: 100px;
@@ -963,7 +972,7 @@ const delMode = () => {
 
     .buttonBox {
         .el-button {
-            margin: 15px 0;
+            margin: 10px 0;
 
             &:last-child {
                 margin-bottom: 0;