update 订单日报

jsowell-ui/src/views/pile/station/detail.vue

@@ -137,7 +137,7 @@
       </el-tab-pane>
 
       <el-tab-pane label="订单日报" name="orderReport">
-
+        <order-report ref="orderReport"></order-report>
       </el-tab-pane>
     </el-tabs>
 
@@ -169,9 +169,10 @@ import {
   getSettingByStationId,
   updateSettingByStationId,
   pushStationInfo,
-  getSettingInfo
+  getSettingInfo,
 } from "@/api/pile/station";
 import Whitelist from "@/views/pile/station/stationWhiteList";
+import OrderReport from './orderReport.vue';
 
 export default {
   dicts: ["third_party_type"],
@@ -183,7 +184,8 @@ export default {
     Billing,
     MapContainer,
     stationOrderList,
-    stationWhiteList
+    stationWhiteList,
+    OrderReport
   },
   data() {
     return {
@@ -235,6 +237,8 @@ export default {
         this.$refs.stationInfo.queryStationInfo();
       } else if (name === "order") {
         this.$refs.order.dataLoading();
+      } else if (name === 'orderReport'){
+        this.$refs.orderReport.getList();
       }
     },
     queryStationInfo() {

jsowell-ui/src/views/pile/station/orderReport.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="app-container">
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
-      <el-form-item label="运营商id" prop="merchantId">
+      <!-- <el-form-item label="运营商id" prop="merchantId">
         <el-input
           v-model="queryParams.merchantId"
           placeholder="请输入运营商id"
@@ -72,16 +72,18 @@
           clearable
           @keyup.enter.native="handleQuery"
         />
-      </el-form-item>
+      </el-form-item> -->
       <el-form-item label="交易日期" prop="tradeDate">
-        <el-input
+
-          v-model="queryParams.tradeDate"
+    <el-date-picker
-          placeholder="请输入交易日期"
+      v-model="value"
-          clearable
+      type="daterange"
-          @keyup.enter.native="handleQuery"
+      range-separator="至"
-        />
+      start-placeholder="开始日期"
+      end-placeholder="结束日期">
+    </el-date-picker>
       </el-form-item>
-      <el-form-item label="交易金额" prop="tradeAmount">
+      <!-- <el-form-item label="交易金额" prop="tradeAmount">
         <el-input
           v-model="queryParams.tradeAmount"
           placeholder="请输入交易金额"
@@ -96,14 +98,14 @@
           clearable
           @keyup.enter.native="handleQuery"
         />
-      </el-form-item>
+      </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>
       </el-form-item>
     </el-form>
 
-    <el-row :gutter="10" class="mb8">
+    <!-- <el-row :gutter="10" class="mb8">
       <el-col :span="1.5">
         <el-button
           type="primary"
@@ -147,13 +149,13 @@
         >导出</el-button>
       </el-col>
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
-    </el-row>
+    </el-row> -->
 
     <el-table v-loading="loading" :data="reportList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="主键" align="center" prop="id" />
+      <!-- <el-table-column label="主键" align="center" prop="id" /> -->
       <el-table-column label="运营商id" align="center" prop="merchantId" />
-      <el-table-column label="站点id" align="center" prop="stationId" />
+      <!-- <el-table-column label="站点id" align="center" prop="stationId" /> -->
       <el-table-column label="用电度数" align="center" prop="useElectricity" />
       <el-table-column label="充电次数" align="center" prop="chargeNum" />
       <el-table-column label="充电时长" align="center" prop="chargeTime" />
@@ -250,6 +252,7 @@ export default {
   name: "Report",
   data() {
     return {
+      value:'',
       // 遮罩层
       loading: true,
       // 选中数组
@@ -293,13 +296,15 @@ export default {
     };
   },
   created() {
-    this.getList();
+    // this.getList();
   },
   methods: {
     /** 查询结算订单报列表 */
     getList() {
       this.loading = true;
+      this.queryParams.stationId = this.$route.params.id
       listReport(this.queryParams).then(response => {
+        console.log('查询订单日报',response)
         this.reportList = response.rows;
         this.total = response.total;
         this.loading = false;
@@ -329,6 +334,7 @@ export default {
         createTime: null,
         delFlag: null
       };
+     
       this.resetForm("form");
     },
     /** 搜索按钮操作 */
@@ -338,6 +344,7 @@ export default {
     },
     /** 重置按钮操作 */
     resetQuery() {
+      this.value = null
       this.resetForm("queryForm");
       this.handleQuery();
     },