feat: 浏览器自动化操作开发

src/renderer/views/home/components/TaskOperationDialog.vue

@@ -8,7 +8,7 @@
         </el-select>
       </el-form-item>
       <el-form-item label="选择日期" prop="date">
-        <el-date-picker v-model="form.date" type="date" value-format="YYYY-MM-DD" placeholder="请选择日期"
+        <el-date-picker v-model="ranger" type="daterange" value-format="YYYY-MM-DD" placeholder="请选择日期"
           style="width: 100%">
         </el-date-picker>
       </el-form-item>
@@ -29,17 +29,19 @@ const isVisible = ref(false)
 const title = ref('')
 const form = ref({
   roomType: '',
-  date: '',
+  startTime: '',
+  endTime: '',
   operation: '',
 })
 const rules = ref({
   roomType: [
     { required: true, message: '请选择房型', trigger: 'blur' },
   ],
-  date: [
-    { required: true, message: '请选择日期', trigger: 'blur' },
+  ranger: [
+    { required: true, message: '请选择日期范围', trigger: 'blur' },
   ],
 })
+const ranger = ref([])
 
 // 打开弹窗
 const open = ({ type }: taskCenterItem) => {
@@ -56,7 +58,9 @@ const close = () => {
 // 重置form
 const reset = () => {
   form.value.roomType = ''
-  form.value.date = ''
+  form.value.startTime = ''
+  form.value.endTime = ''
+  ranger.value = []
 }
 
 // 取消操作
@@ -68,8 +72,13 @@ const cancel = () => {
 // 确认操作
 const confirm = () => {
   close()
+  form.value.startTime = ranger.value[0]
+  form.value.endTime = ranger.value[1]
   console.log(form.value)
-  window.api.taskOperation(form.value)
+  /**
+   * 坑：传给进程的参数不能是ref包裹的reactive对象
+  */
+  window.api.executeScript({ ...form.value })
 }
 
 defineExpose({