feat: 爬虫编辑弹窗调整

frontend/src/components/spider/EditSpider.vue

@@ -11,6 +11,33 @@
             </el-space>
         </div>
         <div class="space" />
+        <el-form ref="form0" label-width="160px">
+            <el-row>
+                <el-col :span="12">
+                    <el-form-item label="列表延迟时间(MS)">
+                        <el-input v-model="formData.listDelayTime" placeholder="500"></el-input>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                    <el-form-item label="列表翻页延迟时间(MS)">
+                        <el-input v-model="formData.listTurnDelayTime" placeholder="500"></el-input>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+            <el-row>
+                <el-col :span="12">
+                    <el-form-item label="详情页延迟时间(MS)">
+                        <el-input v-model="formData.contentDelayTime" placeholder="500"></el-input>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                    <el-form-item label="最大页">
+                        <el-input v-model="formData.maxPages" placeholder="1"></el-input>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+        </el-form>
+        
         <el-tabs v-model="activeName" class="demo-tabs">
             <el-tab-pane label="列表页CSS选择器" name="first">
                 <el-form ref="form1" :model="formData" label-width="160px">
@@ -46,13 +73,6 @@
                             </el-form-item>
                         </el-col>
                     </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="延迟时间(MS)">
-                                <el-input v-model="formData.listCssDelayTime" placeholder="500"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
                 </el-form>
                 <div class="space" />
             </el-tab-pane>
@@ -91,13 +111,6 @@
                         </el-col>
 
                     </el-row>
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="延迟时间(MS)">
-                                <el-input v-model="formData.contentCssDelayTime" placeholder="500"></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
                 </el-form>
 
                 <div class="space" />
@@ -116,13 +129,6 @@
                     <el-input v-model="formData.listJs" class="codeEditor" :rows="6" type="textarea"
                         placeholder="Please input" />
                 </el-row>
-                <el-row>
-                    <el-col :span="12">
-                        <el-form-item label="延迟时间(MS)">
-                            <el-input v-model="formData.listJsDelayTime" placeholder="500"></el-input>
-                        </el-form-item>
-                    </el-col>
-                </el-row>
             </el-tab-pane>
             <el-tab-pane label="列表页翻页JS代码" name="list_trunpage_js">
 
@@ -139,13 +145,6 @@
                     <el-input v-model="formData.listTrunPageJs" class="codeEditor" :rows="6" type="textarea"
                         placeholder="Please input" />
                 </el-row>
-                <el-row>
-                    <el-col :span="12">
-                        <el-form-item label="延迟时间(MS)">
-                            <el-input v-model="formData.listJsTurnDelayTime" placeholder="500"></el-input>
-                        </el-form-item>
-                    </el-col>
-                </el-row>
             </el-tab-pane>
 
             <el-tab-pane label="详情页JS代码" name="content_js">
@@ -162,13 +161,6 @@
                 <el-row><el-input v-model="formData.contentJs" class="codeEditor" :rows="6" type="textarea"
                         placeholder="Please input" />
                 </el-row>
-                <el-row>
-                    <el-col :span="12">
-                        <el-form-item label="延迟时间(MS)">
-                            <el-input v-model="formData.contentJsDelayTime" placeholder="500"></el-input>
-                        </el-form-item>
-                    </el-col>
-                </el-row>
             </el-tab-pane>
             <div class="space" />
         </el-tabs>
@@ -201,7 +193,7 @@ const formData = ref({
     listLinkCss: '',
     listPublishTimeCss: '',
     listNextPageCss: '',
-    listCssDelayTime: '',
+    listDelayTime: '',
 
     // content-css-tab
     titleCss: '',
@@ -209,19 +201,19 @@ const formData = ref({
     publishUnitCss: '',
     contentCss: '',
     attachCss: '',
-    contentCssDelayTime: '',
+    contentDelayTime: '',
 
     // list-js-tab
     listJs: '',
-    listJsDelayTime: '',
 
     // list-pageination-tab
     listTrunPageJs: '',
-    listJsTurnDelayTime: '',
+    listTurnDelayTime: '',
 
     // detail-js-tab
     contentJs: '',
-    contentJsDelayTime: '',
+
+    maxPages: '',
 });
 
 const activeName = ref("first")
@@ -263,23 +255,23 @@ const getPageData = () => {
       listLinkCss: formDataValue.listLinkCss || '',
       listPublishTimeCss: formDataValue.listPublishTimeCss || '',
       listNextPageCss: formDataValue.listNextPageCss || '',
-      listCssDelayTime: Number(formData.value.listCssDelayTime || defaultFormValue.delayTime),
+      listDelayTime: Number(formData.value.listDelayTime || defaultFormValue.delayTime),
       // content-css
       titleCss: formDataValue.titleCss || '',
       publishTimeCss: formDataValue.publishTimeCss || '',
       publishUnitCss: formDataValue.publishUnitCss || '',
       contentCss: formDataValue.contentCss || '',
       attachCss: formDataValue.attachCss || '',
-      contentCssDelayTime: Number(formDataValue.contentCssDelayTime || defaultFormValue.delayTime),
+      contentDelayTime: Number(formDataValue.contentDelayTime || defaultFormValue.delayTime),
       // js-list
       listJs: formDataValue.listJs || '',
-      listJsDelayTime: Number(formDataValue.listJsDelayTime || defaultFormValue.delayTime),
       // js_nextpage
       listTrunPageJs: formDataValue.listTrunPageJs || '',
-      listJsTurnDelayTime: Number(formDataValue.listJsTurnDelayTime || defaultFormValue.delayTime),
+      listTurnDelayTime: Number(formDataValue.listTurnDelayTime || defaultFormValue.delayTime),
       // js_content
       contentJs: formDataValue.contentJs || '',
-      contentJsDelayTime: Number(formDataValue.contentJsDelayTime || defaultFormValue.delayTime),
+
+      maxPages: formDataValue.maxPages || '1'
     }
 
     return {