更新定时任务页面和前端构建

app-frontend/src/pages/SchedulesPage.vue

@@ -40,6 +40,7 @@ const form = reactive({
   weekdays: ['1', '2', '3', '4', '5'],
   browse_type: '应读',
   enable_screenshot: true,
+  random_delay: false,
   account_ids: [],
 })
 
@@ -116,6 +117,7 @@ function openCreate() {
   form.weekdays = ['1', '2', '3', '4', '5']
   form.browse_type = '应读'
   form.enable_screenshot = true
+  form.random_delay = false
   form.account_ids = []
   editorOpen.value = true
 }
@@ -131,6 +133,7 @@ function openEdit(schedule) {
   if (form.weekdays.length === 0) form.weekdays = ['1', '2', '3', '4', '5']
   form.browse_type = normalizeBrowseType(schedule.browse_type)
   form.enable_screenshot = Number(schedule.enable_screenshot ?? 1) !== 0
+  form.random_delay = Number(schedule.random_delay ?? 0) !== 0
   form.account_ids = Array.isArray(schedule.account_ids) ? schedule.account_ids.slice() : []
   editorOpen.value = true
 }
@@ -159,6 +162,7 @@ async function saveSchedule() {
       weekdays: form.weekdays.join(','),
       browse_type: form.browse_type,
       enable_screenshot: form.enable_screenshot ? 1 : 0,
+      random_delay: form.random_delay ? 1 : 0,
       account_ids: form.account_ids,
     }
 
@@ -350,6 +354,7 @@ onMounted(async () => {
                   <span>📋 {{ s.browse_type || '应读' }}</span>
                   <span>👥 {{ (s.account_ids || []).length }} 个账号</span>
                   <span>{{ Number(s.enable_screenshot ?? 1) !== 0 ? '📸 截图' : '📷 不截图' }}</span>
+                  <span v-if="Number(s.random_delay ?? 0) !== 0">🎲 随机±15分钟</span>
                 </div>
               </div>
 
@@ -382,7 +387,14 @@ onMounted(async () => {
           <el-input v-model="form.name" placeholder="我的定时任务" :disabled="!canUseSchedule" />
         </el-form-item>
         <el-form-item label="执行时间（HH:MM）">
-          <el-input v-model="form.schedule_time" placeholder="08:00" :disabled="!canUseSchedule" />
+          <el-time-picker
+            v-model="form.schedule_time"
+            placeholder="选择时间"
+            format="HH:mm"
+            value-format="HH:mm"
+            style="width: 180px"
+            :disabled="!canUseSchedule"
+          />
         </el-form-item>
         <el-form-item label="执行日期">
           <el-checkbox-group v-model="form.weekdays" :disabled="!canUseSchedule">
@@ -395,7 +407,22 @@ onMounted(async () => {
           </el-select>
         </el-form-item>
         <el-form-item label="截图">
-          <el-switch v-model="form.enable_screenshot" :disabled="!canUseSchedule" inline-prompt active-text="截图" inactive-text="不截图" />
+          <div class="switch-row">
+            <el-switch
+              v-model="form.enable_screenshot"
+              :disabled="!canUseSchedule"
+              inline-prompt
+              active-text="截图"
+              inactive-text="不截图"
+            />
+            <el-switch
+              v-model="form.random_delay"
+              :disabled="!canUseSchedule"
+              inline-prompt
+              active-text="随机±15分钟"
+              inactive-text="固定时间"
+            />
+          </div>
         </el-form-item>
         <el-form-item label="参与账号">
           <el-select
@@ -472,6 +499,13 @@ onMounted(async () => {
   gap: 12px;
 }
 
+.switch-row {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 12px;
+}
+
 .vip-alert {
   border-radius: var(--app-radius);
   border: 1px solid var(--app-border);