添加 时间范围

src/views/order/order-list/index.vue

@@ -34,14 +34,33 @@
           <a-option value="7">已取消</a-option>
         </a-select>
       </a-form-item>
-      <a-form-item field="pay_range_time" label="支付时间范围">
-        <a-range-picker style="width: 300px;" v-model="queryForm.pay_range_time" />
+      <a-row>
+        <a-form-item field="pay_range_time" label="支付时间范围">
+        <a-range-picker style="width: 330px;" v-model="queryForm.pay_range_time" />
       </a-form-item>
       <a-form-item field="complete_range_time" label="完成时间范围">
-        <a-range-picker style="width: 300px;" v-model="queryForm.complete_range_time" />
+        <a-range-picker style="width: 330px;" v-model="queryForm.complete_range_time" />
       </a-form-item>
       <a-form-item field="end_range_time" label="结束时间范围">
-        <a-range-picker style="width: 300px;" v-model="queryForm.end_range_time" />
+        <a-range-picker style="width: 330px;" v-model="queryForm.end_range_time" />
+      </a-form-item>
+      <a-form-item field="cancel_range_time" label="取消时间范围">
+        <a-range-picker
+          style="width: 330px"
+          v-model="queryForm.cancel_range_time"
+        />
+      </a-form-item>
+      <a-form-item field="reception_range_time" label="接诊时间范围">
+        <a-range-picker
+          style="width: 330px"
+          v-model="queryForm.reception_range_time"
+        />
+      </a-form-item>
+      <a-form-item field="create_range_time" label="创建时间范围">
+        <a-range-picker
+          style="width: 330px"
+          v-model="queryForm.create_range_time"
+        />
       </a-form-item>
       <a-form-item>
         <a-space>
@@ -49,6 +68,7 @@
           <a-button @click="handleResetQuery"><icon-loop /> 重置</a-button>
         </a-space>
       </a-form-item>
+      </a-row>
     </a-form>
 
     <a-divider />
@@ -429,6 +449,30 @@ watch(()=>queryForm.complete_range_time,(value)=>{
     queryForm.complete_time=''
   };
 })
+watch(()=>queryForm.cancel_range_time,(value)=>{
+  if(value){
+    let[startTime,endTime]=value
+    queryForm.cancel_time=startTime+"&"+endTime;
+  }else{
+    queryForm.cancel_time=''
+  };
+})
+watch(()=>queryForm.reception_range_time,(value)=>{
+  if(value){
+    let[startTime,endTime]=value
+    queryForm.reception_time=startTime+"&"+endTime;
+  }else{
+    queryForm.reception_time=''
+  };
+})
+watch(()=>queryForm.create_range_time,(value)=>{
+  if(value){
+    let[startTime,endTime]=value
+    queryForm.created_at=startTime+"&"+endTime;
+  }else{
+    queryForm.created_at=''
+  };
+})
 // Rules
 const rules = {
   post_name: [{ required: true, message: '请输入岗位名称' }]