From 92146b2ca987538074c380f07f567ca85347dd13 Mon Sep 17 00:00:00 2001
From: kongdeqiang <123456>
Date: 星期一, 06 一月 2025 14:17:39 +0800
Subject: [PATCH] feat: 新增月租车页面
---
src/components/page/orderRecord/indexDay.vue | 52 +++++++++++++++++++++++++++++++++++++++++++---------
1 files changed, 43 insertions(+), 9 deletions(-)
diff --git a/src/components/page/orderRecord/indexDay.vue b/src/components/page/orderRecord/indexDay.vue
index 7509b7f..9514a84 100644
--- a/src/components/page/orderRecord/indexDay.vue
+++ b/src/components/page/orderRecord/indexDay.vue
@@ -1,6 +1,6 @@
<template>
- <div>
- <div style="padding: 10px 10px 0px 10px;">
+ <div class="mod-config" style="padding: 10px 10px 0px 10px;">
+ <div>
<el-form :inline="true" :model="searchForm">
<el-form-item label="鍋滆溅鍦�">
<el-select v-model="searchForm.parkId" clearable>
@@ -23,16 +23,28 @@
</el-form>
</div>
- <el-table :data="table2" border style="width:55%;border:1px solid #bcbec2;" show-summary>
+ <el-table
+ v-loading="loading"
+ :height="tableHeight"
+ :data="table2"
+ border
+ style="width:100%;border:1px solid #bcbec2;"
+ show-summary>
<el-table-column
- prop="ti"
+ prop="day"
align="center"
label="鏃ユ湡"
+ fixed="left"
width="120">
</el-table-column>
- <el-table-column prop="parkName" label="鍋滆溅鍦�" align="center" >
- <el-table-column prop="num" label="鏈夋晥璁㈠崟鏁�" align="center" ></el-table-column>
- <el-table-column prop="price" label="璁㈠崟鎬婚噾棰�(鍏�)" align="center" ></el-table-column>
+ <el-table-column
+ v-for="(item,index) in headTable"
+ :key="index"
+ :label="item.parkName"
+ :prop="item.parkId + ''"
+ align="center">
+ <el-table-column :prop="item.parkName + 'num'" label="鏈夋晥璁㈠崟鏁�" align="right" header-align="center"></el-table-column>
+ <el-table-column :prop="item.parkName + 'price'" label="璁㈠崟鎬婚噾棰�(鍏�)" align="right" header-align="center"></el-table-column>
</el-table-column>
</el-table>
</div>
@@ -59,9 +71,15 @@
urlPath:this.$systemconfig.basePath + '/ffzf/orderrecord/',
table1:[],
table2:[],
+ headTable:[],
+ tableHeight:500,
+ loading:true
}
},
- mounted() {
+ created() {
+ this.tableHeight = window.innerHeight - 170
+ },
+ mounted() {
this.defaultDate();
this.$byutil.postData(this, this.$systemconfig.basePath+'/ffzf/park/findAll', this.formData, res => {
this.table1 = res.data;
@@ -69,9 +87,25 @@
},
methods: {
loadData() {
+ try{
+ this.loading = true
+ this.table2 = []
this.$byutil.postData(this, this.urlPath+'findCountPageByDay', this.searchForm,res => {
- this.table2 = res.data;
+ this.loading = false
+ this.headTable = res.data[0].data
+ let temp = res.data
+ temp.forEach(item => {
+ let row = {day:item.day};
+ item.data.forEach(e=>{
+ row[e.parkName + 'num']=e.num;
+ row[e.parkName + 'price']=e.price;
+ })
+ this.table2.push(row)
+ })
});
+ }catch (err){
+ this.loading = false
+ }
},
onSearch() {
this.loadData();
--
Gitblit v1.9.1