From 07ee26b965f4c4a9c70b287e9ce3330665406d42 Mon Sep 17 00:00:00 2001
From: Li ZongYing <lizongying@msn.com>
Date: Mon, 13 Nov 2023 18:44:58 +0800
Subject: [PATCH] auto refresh

---
 web/ui/src/views/JobsView.vue    | 62 +++++++++++++++++++++++++++-----
 web/ui/src/views/NodesView.vue   |  8 ++---
 web/ui/src/views/RecordsView.vue |  8 ++---
 web/ui/src/views/SpidersView.vue | 10 +++---
 web/ui/src/views/TasksView.vue   | 10 +++---
 5 files changed, 69 insertions(+), 29 deletions(-)

diff --git a/web/ui/src/views/JobsView.vue b/web/ui/src/views/JobsView.vue
index dce1547..4212e70 100644
--- a/web/ui/src/views/JobsView.vue
+++ b/web/ui/src/views/JobsView.vue
@@ -5,7 +5,7 @@
   >
     <template #extra>
       <a-button key="1" @click="newJob" type="primary">New</a-button>
-      <a-switch v-model:checked="checked1" checked-children="开" un-checked-children="关" @change="changeSwitch"/>
+      <a-switch v-model:checked="checked1" checked-children="auto" un-checked-children="close" @change="changeSwitch"/>
       <a-button key="2" @click="refresh" :disabled="checked1Disable">Refresh</a-button>
     </template>
   </a-page-header>
@@ -63,8 +63,6 @@
           <a v-if="record.status === JobStatusStopped" @click="rerun(record.spider, record.id)">Rerun</a>
           <a v-if="record.status === JobStatusRunning" @click="stop(record.spider, record.id)">Stop</a>
           <a-divider type="vertical"/>
-          <a>Delete</a>
-          <a-divider type="vertical"/>
           <a class="ant-dropdown-link" @click="showDrawer(record)">
             More
             <RightOutlined/>
@@ -148,6 +146,41 @@
           <a-radio-button value="3">cron</a-radio-button>
         </a-radio-group>
       </a-form-item>
+      <a-form-item
+          v-if="formJob.mode==='3'"
+          label="Spec"
+          name="spec"
+      >
+        <a-input v-model:value="formJob.specValue" addon-before="every" type="number" min="1">
+          <template #addonAfter>
+            <a-select v-model:value="formJob.specType" style="width: 100px">
+              <a-select-option value="s">seconds</a-select-option>
+              <a-select-option value="i">minutes</a-select-option>
+              <a-select-option value="h">hours</a-select-option>
+              <a-select-option value="d">days</a-select-option>
+              <a-select-option value="m">months</a-select-option>
+              <a-select-option value="w">weeks</a-select-option>
+            </a-select>
+          </template>
+        </a-input>
+      </a-form-item>
+      <a-form-item
+          label="Timeout"
+          name="timeout"
+      >
+        <a-input v-model:value="formJob.timeoutValue" type="number" min="0">
+          <template #addonAfter>
+            <a-select v-model:value="formJob.timeoutType" style="width: 100px">
+              <a-select-option value="1">seconds</a-select-option>
+              <a-select-option value="60">minutes</a-select-option>
+              <a-select-option value="360">hours</a-select-option>
+              <a-select-option value="8640">days</a-select-option>
+              <a-select-option value="259200">months</a-select-option>
+              <a-select-option value="60480">weeks</a-select-option>
+            </a-select>
+          </template>
+        </a-input>
+      </a-form-item>
     </a-form>
   </a-modal>
 </template>
@@ -283,7 +316,7 @@ const columns = [
   {
     title: 'Action',
     dataIndex: 'action',
-    width: 250,
+    width: 200,
     fixed: 'right',
   },
 ];
@@ -314,10 +347,10 @@ const jobStatusName = (status) => {
 const refresh = () => {
   jobsStore.GetJobs()
 }
-const checked1 = ref(false)
-const checked1Disable = ref(false)
+const checked1 = ref(true)
+const checked1Disable = ref(true)
 
-let interval = null
+let interval = setInterval(refresh, 1000)
 const changeSwitch = () => {
   if (checked1.value) {
     interval = setInterval(refresh, 1000)
@@ -386,6 +419,10 @@ const formJob = reactive({
   func: '',
   args: '{}',
   mode: '1',
+  specType: 'h',
+  specValue: 1,
+  timeoutType: 'h',
+  timeoutValue: 0,
 })
 const openJob = ref(false);
 const newJob = () => {
@@ -409,13 +446,20 @@ const handleJob = () => {
     formJob.args = JSON.stringify(js)
 
     openJob.value = false;
-    jobsStore.RunJob({
+    const data = {
       "timeout": 0,
       "name": formJob.name,
       "func": formJob.func,
       "args": formJob.args,
       "mode": parseInt(formJob.mode)
-    })
+    }
+    if (formJob.mode === '3') {
+      data.spec = formJob.specValue + formJob.specType
+    }
+    if (formJob.timeoutValue > 0) {
+      data.timeout = formJob.timeoutValue * parseInt(formJob.timeoutType)
+    }
+    jobsStore.RunJob(data)
   } catch (e) {
     console.log(e)
     message.error('Argument error');
diff --git a/web/ui/src/views/NodesView.vue b/web/ui/src/views/NodesView.vue
index 4b1f1a8..a9e5403 100644
--- a/web/ui/src/views/NodesView.vue
+++ b/web/ui/src/views/NodesView.vue
@@ -4,7 +4,7 @@
       :sub-title="'Total: '+nodesStore.Count"
   >
     <template #extra>
-      <a-switch v-model:checked="checked1" checked-children="开" un-checked-children="关" @change="changeSwitch"/>
+      <a-switch v-model:checked="checked1" checked-children="auto" un-checked-children="close" @change="changeSwitch"/>
       <a-button key="2" @click="refresh" :disabled="checked1Disable">Refresh</a-button>
     </template>
   </a-page-header>
@@ -244,10 +244,10 @@ nodesStore.GetNodes()
 const refresh = () => {
   nodesStore.GetNodes()
 }
-const checked1 = ref(false)
-const checked1Disable = ref(false)
+const checked1 = ref(true)
+const checked1Disable = ref(true)
 
-let interval = null
+let interval = setInterval(refresh, 1000)
 const changeSwitch = () => {
   if (checked1.value) {
     interval = setInterval(refresh, 1000)
diff --git a/web/ui/src/views/RecordsView.vue b/web/ui/src/views/RecordsView.vue
index 1af8670..bd5d33b 100644
--- a/web/ui/src/views/RecordsView.vue
+++ b/web/ui/src/views/RecordsView.vue
@@ -4,7 +4,7 @@
       :sub-title="'Total: '+recordsStore.Count"
   >
     <template #extra>
-      <a-switch v-model:checked="checked1" checked-children="开" un-checked-children="关" @change="changeSwitch"/>
+      <a-switch v-model:checked="checked1" checked-children="auto" un-checked-children="close" @change="changeSwitch"/>
       <a-button key="2" @click="refresh" :disabled="checked1Disable">Refresh</a-button>
     </template>
   </a-page-header>
@@ -142,10 +142,10 @@ const activeKey = ref('1');
 const refresh = () => {
   recordsStore.GetRecords()
 }
-const checked1 = ref(false)
-const checked1Disable = ref(false)
+const checked1 = ref(true)
+const checked1Disable = ref(true)
 
-let interval = null
+let interval = setInterval(refresh, 1000)
 const changeSwitch = () => {
   if (checked1.value) {
     interval = setInterval(refresh, 1000)
diff --git a/web/ui/src/views/SpidersView.vue b/web/ui/src/views/SpidersView.vue
index eb4ba35..21f49e2 100644
--- a/web/ui/src/views/SpidersView.vue
+++ b/web/ui/src/views/SpidersView.vue
@@ -4,7 +4,7 @@
       :sub-title="'Total: '+spidersStore.Count"
   >
     <template #extra>
-      <a-switch v-model:checked="checked1" checked-children="开" un-checked-children="关" @change="changeSwitch"/>
+      <a-switch v-model:checked="checked1" checked-children="auto" un-checked-children="close" @change="changeSwitch"/>
       <a-button key="2" @click="refresh" :disabled="checked1Disable">Refresh</a-button>
     </template>
   </a-page-header>
@@ -85,8 +85,6 @@
           <a>Run</a>
           <a-divider type="vertical"/>
           </template>
-          <a>Delete</a>
-          <a-divider type="vertical"/>
           <a class="ant-dropdown-link" @click="showDrawer(record)">
             More
             <RightOutlined/>
@@ -322,10 +320,10 @@ const taskStatusName = (status) => {
 const refresh = () => {
   spidersStore.GetSpiders()
 }
-const checked1 = ref(false)
-const checked1Disable = ref(false)
+const checked1 = ref(true)
+const checked1Disable = ref(true)
 
-let interval = null
+let interval = setInterval(refresh, 1000)
 const changeSwitch = () => {
   if (checked1.value) {
     interval = setInterval(refresh, 1000)
diff --git a/web/ui/src/views/TasksView.vue b/web/ui/src/views/TasksView.vue
index 9ba1e24..2fc988c 100644
--- a/web/ui/src/views/TasksView.vue
+++ b/web/ui/src/views/TasksView.vue
@@ -4,7 +4,7 @@
       :sub-title="'Total: '+tasksStore.Count"
   >
     <template #extra>
-      <a-switch v-model:checked="checked1" checked-children="开" un-checked-children="关" @change="changeSwitch"/>
+      <a-switch v-model:checked="checked1" checked-children="auto" un-checked-children="close" @change="changeSwitch"/>
       <a-button key="2" @click="refresh" :disabled="checked1Disable">Refresh</a-button>
     </template>
   </a-page-header>
@@ -59,8 +59,6 @@
       </template>
       <template v-else-if="column.dataIndex === 'action'">
         <span>
-          <a>Delete</a>
-          <a-divider type="vertical"/>
           <a class="ant-dropdown-link" @click="showDrawer">
             More
             <RightOutlined/>
@@ -211,10 +209,10 @@ const taskStatusName = (status) => {
 const refresh = () => {
   tasksStore.GetTasks()
 }
-const checked1 = ref(false)
-const checked1Disable = ref(false)
+const checked1 = ref(true)
+const checked1Disable = ref(true)
 
-let interval = null
+let interval = setInterval(refresh, 1000)
 const changeSwitch = () => {
   if (checked1.value) {
     interval = setInterval(refresh, 1000)