feat: 统计日报表

kongdeqiang

2024-11-12 d435de943589eb60a76ca0844efe2aa96cb68a3c

feat: 统计日报表

 src/components/page/IndexXTYH.vue

@@ -265,23 +265,26 @@
          this.dataLoading  = false
          this.payFlag = false
          if(!this.statisticData.enterTime) {  //没有入场
            this.isShowjiaofei = false
            this.pipaiCarNumShow = true  //匹配区域显示
            this.$byutil.getData(this,this.$systemconfig.basePath + '/ffzf/outpark/getLikeCar',{outParkId:this.outParkId},res => {
              if(res.code == 0) {
                if(res.data.length > 0) {
                  this.moreCarNumData = res.data.map(item => {
                    return {
                      ...item,
                      createTime: this.$moment(item.createTime).format('YYYY-MM-DD HH:mm:ss')
                    }
                  })
                }else {
                  this.tishiDialogVisiable = true  //入场信息 异常提示
            if(this.statisticData.carNo =='_无_' || this.statisticData.carNo=='无车牌'){
              this.isShowjiaofei = false
            }else {
              this.isShowjiaofei = false
              this.pipaiCarNumShow = true  //匹配区域显示
              this.$byutil.getData(this,this.$systemconfig.basePath + '/ffzf/outpark/getLikeCar',{outParkId:this.outParkId},res => {
                if(res.code == 0) {
                  if(res.data.length > 0) {
                    this.moreCarNumData = res.data.map(item => {
                      return {
                        ...item,
                        createTime: this.$moment(item.createTime).format('YYYY-MM-DD HH:mm:ss')
                      }
                    })
                  }else {
                    this.tishiDialogVisiable = true  //入场信息 异常提示
                  }
                }
              }
            })

              })
            }
          }else if(this.statisticData.enterTime && (!this.statisticData.price || this.statisticData.price == 0)) { //金额为0
            this.isShowjiaofei = false
            if(this.statisticData.carNo !='_无_' && this.statisticData.carNo!='无车牌') {

 src/components/page/orderRecord/indexDay.vue

New file
@@ -0,0 +1,104 @@
<template>
    <div>
        <div style="padding: 10px 10px 0px 10px;">
            <el-form :inline="true" :model="searchForm">
              <el-form-item label="停车场">
              <el-select v-model="searchForm.parkId" clearable>
                <el-option v-for="item in table1" :key="item.id" :label="item.name" :value="item.id" ></el-option>
              </el-select>
              </el-form-item>
              <el-form-item label="选择月份">
                <div class="date-box">
                  <el-date-picker
                      v-model="searchForm.day"
                      type="month"
                      value-format="yyyy-MM"
                      placeholder="选择月">
                  </el-date-picker>
                </div>
              </el-form-item>
                <el-form-item>
                    <el-button type="primary" size="small" @click="onSearch" icon="el-icon-search">查询</el-button>
                </el-form-item>
            </el-form>
        </div>

        <el-table :data="table2" border style="width:55%;border:1px solid #bcbec2;" show-summary>
          <el-table-column
              prop="ti"
              align="center"
              label="日期"
              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>
        </el-table>
    </div>
</template>

<script>
    export default {
        name: "index",
        data: function () {
            return {
                flag:false,
                flag2:false,
                searchForm: {
                    parkId: '',
                    startTime:'',
                    endTime:'',
                    day:'',
                },
                formData: {
                  parkName:'',
                  orderNum:'',
                  orderMoney:''
                },
                urlPath:this.$systemconfig.basePath + '/ffzf/orderrecord/',
                table1:[],
                table2:[],
            }
        },
        mounted() {
            this.defaultDate();
            this.$byutil.postData(this, this.$systemconfig.basePath+'/ffzf/park/findAll', this.formData, res => {
                this.table1 = res.data;
            })
        },
        methods: {
            loadData() {
                this.$byutil.postData(this, this.urlPath+'findCountPageByDay', this.searchForm,res => {
                  this.table2 = res.data;
                });
            },
            onSearch() {
                this.loadData();
            },
          //设置默认日期
          defaultDate(){
            //默认显示上月日期
            // let date = new Date(new Date() - 30 * 24 * 3600 * 1000);
            // this.value =
            //     date.getFullYear() +
            //     (date.getMonth() + 1 < 10 ? "0" : "") +
            //     (date.getMonth() + 1);
            // console.log(this.value );   //202212

            //默认显示当月日期
            let date = new Date(new Date());
            this.searchForm.day =
                date.getFullYear() +'-'+
                (date.getMonth() + 1 < 10 ? "0" : "") +
                (date.getMonth() + 1);
            console.log(this.value );   //202301
            this.loadData()
          },
        }
    }
</script>

<style scoped>

</style>

 src/router/index.js

@@ -70,6 +70,11 @@
                    meta: { title: '订单统计' }
                },
                {
                    path: '/orderRecordDay',
                    component: resolve => require(['../components/page/orderRecord/indexDay.vue'], resolve),
                    meta: { title: '订单统计详情' }
                },
                {
                    path: '/violationType',
                    component: resolve => require(['../components/page/violationType/index.vue'], resolve),
                    meta: { title: '违章类型管理' }

 src/store/state.js

@@ -85,6 +85,12 @@
                  parentId: 2,
                  indexUrl: "orderRecord"
                },
                {
                    icon: 'el-icon-document',
                    name: '订单统计详情',
                    parentId: 2,
                    indexUrl: "orderRecordDay"
                },
            ]
        },
        {
@@ -169,6 +175,12 @@
                    parentId: 2,
                    indexUrl: "orderRecord"
                },
                {
                    icon: 'el-icon-document',
                    name: '订单统计详情',
                    parentId: 2,
                    indexUrl: "orderRecordDay"
                },

            ]
        },
@@ -211,7 +223,12 @@
                    parentId: 2,
                    indexUrl: "orderRecord"
                },

                {
                    icon: 'el-icon-document',
                    name: '订单统计详情',
                    parentId: 2,
                    indexUrl: "orderRecordDay"
                },
            ]
        },