feat: 文案调整

frontend/src/components/spider/CodeEditor.vue

@@ -1,7 +1,7 @@
 <template>
     <el-dialog title="编辑代码" :model-value="props.show" @update:model-value="updateModelValue" :close-on-click-modal="false" width="70%">
         <div class="textarea-container">
-            <el-input v-model="dialogInfo.text" class="textarea" :autosize="{ minRows: 12, maxRows: 13 }" type="textarea" placeholder="Please input"></el-input>
+            <el-input v-model="dialogInfo.text" class="textarea" autofocus :autosize="{ minRows: 12, maxRows: 13 }" type="textarea" placeholder="Please input"></el-input>
         </div>
         <div slot="footer" class="dialog-footer" style="text-align:right">
             <el-button @click="handleSave(false)">取 消</el-button>

frontend/src/components/spider/EditSpider.vue

@@ -59,18 +59,18 @@
             <el-tab-pane label="列表页初始化" name="init">
                 <el-form ref="formInit" label-width="60px">
                     <el-row v-for="(row, index) in tabData.initList" :key="row.id" class="form-init-row">
-                        <el-col :span="9">
-                            <el-form-item label="动作" required class="pointer-input">
+                        <el-col :span="8">
+                            <el-form-item label="动作JS" required class="pointer-input">
                                 <el-input v-model="row.actionJs" readonly placeholder="click to input" @click="showEditActionCodeDialog(row, 'actionJs')"></el-input>
                             </el-form-item>
                         </el-col>
-                        <el-col :span="9">
-                            <el-form-item label="检查" class="pointer-input">
+                        <el-col :span="8">
+                            <el-form-item label="检查JS" class="pointer-input">
                                 <el-input v-model="row.checkJs" readonly placeholder="click to input" @click="showEditActionCodeDialog(row, 'checkJs')"></el-input>
                             </el-form-item>
                         </el-col>
-                        <el-col :span="3">
-                            <el-form-item label="超时" required>
+                        <el-col :span="4">
+                            <el-form-item label="延迟(MS)" required label-width="90px">
                                 <el-input v-model.trim="row.sleepTime"></el-input>
                             </el-form-item>
                         </el-col>
@@ -233,6 +233,7 @@
         <CodeEditor v-model:show="codeEditorShow" ref="codeEditor" @save="onCodeEditorSave" />
     </el-dialog>
 </template>
+
 <script setup>
 import { ref, reactive, defineEmits, computed, watchEffect } from 'vue';
 import { ElMessage, ElMessageBox } from 'element-plus'
@@ -593,7 +594,6 @@ const showEditActionCodeDialog = (row, key) => {
 }
 
 const onCodeEditorSave = ({ text, key }) => {
-    console.log(text, key, currentCodeEditingRow)
     currentCodeEditingRow[key] = text
 }
 
@@ -729,4 +729,12 @@ defineExpose({
         }
     }
 }
+
+.form-init-row {
+    ::v-deep {
+        .el-form-item__label {
+            white-space: nowrap;
+        }
+    }
+}
 </style>