Browse Source

排列按钮美观

mrh 9 months ago
parent
commit
716d518e8d
1 changed files with 40 additions and 31 deletions
  1. 40 31
      ui/fontend/src/components/WorkerCtrl.vue

+ 40 - 31
ui/fontend/src/components/WorkerCtrl.vue

@@ -12,69 +12,78 @@
         </el-tooltip>
         </el-row>
 
-        <el-row :gutter="16" justify="center">
+      <el-row :gutter="16" justify="center">
         <el-col :span="8">
           <el-card shadow="hover">
             <el-space direction="vertical" alignment="start" :size="15">
-            <el-row><span >浏览器搜索任务:{{ taskCounts.search }}</span></el-row>
-            <el-row>
-              <el-button type="primary"
-                :disabled="workerStatus.search || loadingStates.search"
-                :loading="loadingStates.search"
-                @click="sendRequest('search', 'start')">启动窗口</el-button>
-              <el-button type="primary"
-                :disabled="!workerStatus.search || loadingStates.search"
-                :loading="loadingStates.search"
-                @click="sendRequest('search', 'stop')">停止运行</el-button>
-            </el-row>
-            <el-row>
-              <el-button type="primary" 
-                :disabled="!workerStatus.search || loadingStates.search"
-                @click="sendRequest('search', 'submit_all')">提交所有未完成任务
-              </el-button>
-              <el-button type="primary" 
-                @click="sendRequest('search', 'clean')">清空剩余任务
-              </el-button>
-            </el-row>
-
+              <el-row><span >浏览器搜索任务:{{ taskCounts.search }}</span></el-row>
               <el-row>
-                <el-input v-model="keywordInput" placeholder="输入搜索关键词,多个用逗号分隔"></el-input>
+                <el-button type="primary"
+                  :disabled="workerStatus.search || loadingStates.search"
+                  :loading="loadingStates.search"
+                  @click="sendRequest('search', 'start')">启动窗口</el-button>
+                <el-button type="primary"
+                  :disabled="!workerStatus.search || loadingStates.search"
+                  :loading="loadingStates.search"
+                  @click="sendRequest('search', 'stop')">停止运行</el-button>
               </el-row>
               <el-row>
                 <el-button type="primary" 
-                :disabled="!workerStatus.search || loadingStates.search"
-                @click="sendRequest('search', 'submit')"
-                >
-                  提交单个搜索任务
+                  :disabled="!workerStatus.search || loadingStates.search"
+                  @click="sendRequest('search', 'submit_all')">提交所有未完成任务
                 </el-button>
               </el-row>
+              <el-button type="primary" 
+                  @click="sendRequest('search', 'clean')">清空剩余任务
+                </el-button>
+
+                <el-row>
+                  <el-input v-model="keywordInput" placeholder="输入搜索关键词,多个用逗号分隔"></el-input>
+                </el-row>
+                <el-row>
+                  <el-button type="primary" 
+                  :disabled="!workerStatus.search || loadingStates.search"
+                  @click="sendRequest('search', 'submit')"
+                  >
+                    提交单个搜索任务
+                  </el-button>
+                </el-row>
             </el-space>
           </el-card>
         </el-col>
     
         <el-col :span="8">
           <el-card shadow="hover">
-            <div class="task-container">
+            <el-space direction="vertical" alignment="start" :size="15">
+              <el-row>
               <span class="task-label">提取搜索结果页:{{ taskCounts.crawl }}</span>
+            </el-row>
+            <el-row>
               <el-button type="primary" class="task-button"
                 :disabled="workerStatus.crawl || loadingStates.crawl"
                 :loading="loadingStates.crawl"
                 @click="sendRequest('crawl', 'start')">启动窗口</el-button>
+            </el-row>
+            <el-row>
               <el-button type="primary" class="task-button"
                 :disabled="!workerStatus.crawl || loadingStates.crawl"
                 :loading="loadingStates.crawl"
                 @click="sendRequest('crawl', 'stop')">停止运行</el-button>
-            </div>
+              </el-row>
+            
             <el-row>
               <el-button type="primary" 
                 :disabled="!workerStatus.crawl || loadingStates.crawl"
                 @click="sendRequest('crawl', 'submit_all')">提交所有未完成任务
               </el-button>
-              <el-button type="primary" 
+            </el-row>
+
+            <el-row>
+            <el-button type="primary" 
                 @click="sendRequest('crawl', 'clean')">清空剩余任务
               </el-button>
             </el-row>
-
+            </el-space>
           </el-card>
         </el-col>