Преглед изворни кода

增加时间范围搜索条件

cgp пре 18 часа
родитељ
комит
06df0dc267
1 измењених фајлова са 21 додато и 0 уклоњено
  1. 21 0
      src/views/company/handwriteCollection/index.vue

+ 21 - 0
src/views/company/handwriteCollection/index.vue

@@ -14,6 +14,19 @@
       <el-form-item label="订单号" prop="orderCode">
         <el-input v-model="queryParams.orderCode" placeholder="请输入订单号" clearable size="small" @keyup.enter.native="handleQuery" />
       </el-form-item>
+      <!-- 创建时间范围查询 -->
+      <el-form-item label="创建时间">
+        <el-date-picker
+          v-model="dateRange"
+          type="daterange"
+          range-separator="-"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+          value-format="yyyy-MM-dd"
+          size="small"
+          style="width: 240px"
+        ></el-date-picker>
+      </el-form-item>
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
@@ -109,6 +122,7 @@ export default {
       ocrLoading: false,
       ocrMsg: '',
       statusOptions: [],
+      dateRange: [],
       queryParams: {
         pageNum: 1,
         pageSize: 10,
@@ -143,6 +157,12 @@ export default {
   methods: {
     getList() {
       this.loading = true;
+      // 处理日期范围参数
+      const params = { ...this.queryParams };
+      if (this.dateRange && this.dateRange.length === 2) {
+        params.startDate = this.dateRange[0];
+        params.endDate = this.dateRange[1];
+      }
       listCollection(this.queryParams).then(response => {
         this.collectionList = response.rows;
         this.total = response.total;
@@ -154,6 +174,7 @@ export default {
       this.getList();
     },
     resetQuery() {
+      this.dateRange = []; // 重置日期范围
       this.$refs.queryForm.resetFields();
       this.handleQuery();
     },