feat: 修改月租车页面

kongdeqiang

2025-01-07 84b7e68f71e414e575518b3c34bf722782cc507d

 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();