会员订单统计

src/api/order/rentVehicle.js

@@ -96,4 +96,23 @@ export function calculate(no, params) {
     method: 'post',
     data:params
   });
-}
+}
\ No newline at end of file
+
+//创建订单
+export function orderStatistics(params) {
+  return fetch({
+    url: 'api/order/orderStatistics/order',
+    method: 'post',
+    data:params
+  });
+}
+
+//订单下载
+export function downloadExcel(params) {
+  return fetch({
+    url: '/api/order/orderStatistics/excel',
+    method: 'post',
+    data:params,
+    responseType: 'blob'
+  });
+}

src/views/order/createOrder/index.vue

@@ -39,7 +39,7 @@
             value-format="timestamp"
             @change="changeTime"
             :picker-options="pickerOptions"
-          ></el-date-picker>
+          >></el-date-picker>
 
           <el-button
             class="filter-item"
@@ -105,10 +105,11 @@ export default {
   data() {
     return {
       pickerOptions: {
-          disabledDate(time) {
-            return time.getTime() < Date.now();
-          }
-        },
+        disabledDate(time) {
+          // console.log(Date.now());
+          return time.getTime() < Date.now() - 24 * 60 * 60 * 1000;
+        }
+      },
       appUserId: null,
       userFreeDay: true,
       isPhone: true,
@@ -281,6 +282,7 @@ export default {
                   damageSafe: "",
                   rentFreeDay: ""
                 };
+                this.userFreeDay = true;
               }
             });
           } else {

src/views/order/orderStatistics/index.vue

@@ -22,7 +22,7 @@
                 v-for="(item,index) in way"
                 :key="index"
                 :class="{active:isactive==item.label}"
-                @click="changeWay(item.label)"
+                @click="changeWay(item)"
               >{{item.label}}</span>
             </el-form-item>
           </el-col>
@@ -32,78 +32,69 @@
         </el-row>
       </el-form>
 
-      <!-- <el-table
-        :key="tableKey"
-        :data="list"
-        border
-        fit
-        highlight-current-row
-        style="width: 100%"
-      >
+      <el-table :data="list" border fit highlight-current-row style="width: 100%">
         <el-table-column align="center" label="时间">
           <template scope="scope">
-            <span>{{scope.row.id}}</span>
+            <span>{{scope.row.timeSlot}}</span>
           </template>
         </el-table-column>
         <el-table-column align="center" label="普通会员购买量">
           <template scope="scope">
-            <span>{{scope.row.no}}</span>
+            <span v-if="scope.row.members[0].level == 1">{{scope.row.members[0].number || 0}}</span>
           </template>
         </el-table-column>
         <el-table-column align="center" label="支付金额(普通会员)">
           <template scope="scope">
-            <span>{{scope.row.name}}</span>
+            <span v-if="scope.row.members[0].level == 1">{{scope.row.members[0].amount || 0}}</span>
           </template>
         </el-table-column>
-         <el-table-column align="center" label="黄金会员购买量">
+        <el-table-column align="center" label="黄金会员购买量">
           <template scope="scope">
-            <span>{{scope.row.name}}</span>
+            <span v-if="scope.row.members[0].level == 2">{{scope.row.members[0].number || 0}}</span>
           </template>
         </el-table-column>
-         <el-table-column align="center" label="支付金额(普通会员)">
+        <el-table-column align="center" label="支付金额(黄金会员)">
           <template scope="scope">
-            <span>{{scope.row.name}}</span>
+            <span v-if="scope.row.members[0].level == 2">{{scope.row.members[0].amount || 0}}</span>
           </template>
         </el-table-column>
-         <el-table-column align="center" label="支付金额(黄金会员)">
+        <el-table-column align="center" label="钻石会员购买量">
           <template scope="scope">
-            <span>{{scope.row.name}}</span>
+             <span v-if="scope.row.members[0].level == 3">{{scope.row.members[0].number || 0}}</span>
           </template>
         </el-table-column>
-         <el-table-column align="center" label="钻石会员购买量">
+        <el-table-column align="center" label="支付金额(钻石会员)">
           <template scope="scope">
-            <span>{{scope.row.name}}</span>
+             <span v-if="scope.row.members[0].level == 3">{{scope.row.members[0].amount || 0}}</span>
           </template>
         </el-table-column>
-         <el-table-column align="center" label="支付金额(钻石会员)">
+        <el-table-column align="center" label="总支付金额">
           <template scope="scope">
-            <span>{{scope.row.name}}</span>
+            <span>{{scope.row.totalPayment}}</span>
           </template>
         </el-table-column>
-         <el-table-column align="center" label="总支付金额">
-          <template scope="scope">
-            <span>{{scope.row.name}}</span>
-          </template>
-        </el-table-column>
-      </el-table> -->
+      </el-table>
     </div>
   </div>
 </template>
 <script>
+import { orderStatistics, downloadExcel } from "api/order/rentVehicle";
 export default {
-  created() {},
+  created() {
+    this.getList();
+  },
   data() {
     return {
+      list: [],
       // 统计时间筛选
       listQuery: {
-        time: "null"
+        time: "null",
+        type: "1",
+        startTime: null,
+        endTime: null
       },
       //统计方式筛选
       way: [
-        {
-          label: "全部",
-          id: "0"
-        },
         {
           label: "日统计",
           id: "1"
@@ -123,14 +114,51 @@ export default {
   methods: {
     //统计时间筛选
     changeTime() {
-      console.log("----");
+      !!this.listQuery.time[0]
+        ? (this.listQuery.startTime = this.listQuery.time[0].getTime())
+        : (this.listQuery.startTime = null);
+      !!this.listQuery.time[1]
+        ? (this.listQuery.endTime = this.listQuery.time[1].getTime())
+        : (this.listQuery.endTime = null);
+      this.getList();
     },
     //统计方式筛选
     changeWay(val) {
-      this.isactive = val;
+      this.isactive = val.label;
+      this.listQuery.type = val.id;
+      this.getList();
     },
     //导出
-    handleFilter() {}
+    handleFilter() {
+      downloadExcel(this.listQuery).then(res => {
+        const content = res;
+        const blob = new Blob([content]);
+        const fileName = "导出信息.xlsx";
+        if ("download" in document.createElement("a")) {
+          // 非IE下载
+          const elink = document.createElement("a");
+          elink.download = fileName;
+          elink.style.display = "none";
+          elink.href = URL.createObjectURL(blob);
+          document.body.appendChild(elink);
+          elink.click();
+          URL.revokeObjectURL(elink.href); // 释放URL 对象
+          document.body.removeChild(elink);
+        } else {
+          // IE10+下载
+          navigator.msSaveBlob(blob, fileName);
+        }
+      });
+    },
+    //列表
+    getList() {
+      orderStatistics(this.listQuery).then(data => {
+        console.log(data);
+        if (data.status == 200) {
+          this.list = data.data;
+        }
+      });
+    }
   }
 };
 </script>