处理时间多选

src/views/billManagement/allPayableBills.vue

@@ -23,7 +23,7 @@
           </el-select>
         </el-form-item>
         <el-form-item label="创建时间" prop="create_time">
-          <el-date-picker v-model="formParam.create_time" align="right" type="date" placeholder="请选择创建时间" value-format="yyyy-MM-dd"></el-date-picker>
+          <el-date-picker :unlink-panels=true style="width:193px" prefix-icon="prefix-icon-time-style" v-model="formParam.create_time" value-format="yyyy-MM-dd" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
         </el-form-item>
         <el-form-item>
           <el-button type="primary" @click="onSubmit">搜索</el-button>
@@ -77,7 +77,7 @@ export default {
         goods_name: '',
         type: '',
         status: '',
-        create_time: ''
+        create_time: []
       }
     };
   },
@@ -86,7 +86,12 @@ export default {
   },
   methods: {
     getData() {
-      var params = Object.assign({}, this.formParam, {page: this.page, limit: this.limit});
+      // 处理日期范围
+      let params = Object.assign({}, this.formParam);
+      if (params.create_time && params.create_time.length === 2) {
+        params.create_time = params.create_time.join(' ~ ');
+      }
+      params = Object.assign(params, {page: this.page, limit: this.limit});
       this.$http('GET', "/api/bill/getUnPayBillList", params).then(res => {
         if (res.code === 0) {
           this.list = res.data.list || [];

src/views/billManagement/reconciledBill.vue

@@ -15,7 +15,7 @@
           </el-select>
         </el-form-item>
         <el-form-item label="创建时间" prop="create_time">
-          <el-date-picker v-model="formParam.create_time" align="right" type="date" placeholder="请选择创建时间" value-format="yyyy-MM-dd"></el-date-picker>
+          <el-date-picker :unlink-panels=true style="width:193px" prefix-icon="prefix-icon-time-style" v-model="formParam.create_time" value-format="yyyy-MM-dd" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
         </el-form-item>
         <el-form-item>
           <el-button type="primary" @click="onSubmit">搜索</el-button>
@@ -85,7 +85,7 @@ export default {
         bill_sn: '',
         status: '',
         goods_name: '',
-        create_time: ''
+        create_time: []
       }
     };
   },
@@ -94,7 +94,13 @@ export default {
   },
   methods: {
     getData() {
-      var params = Object.assign({}, this.formParam, {page: this.page, limit: this.limit});
+      // 处理日期范围
+      let params = Object.assign({}, this.formParam);
+      if (params.create_time && params.create_time.length === 2) {
+        params.create_time = params.create_time.join(' ~ ');
+      }
+      params = Object.assign(params, {page: this.page, limit: this.limit});
+
       this.$http('GET', "/api/bill/getVerifiedBillList", params).then(res => {
         if (res.code === 0) {
           this.list = res.data.list || [];