feat: 修改月租车页面

kongdeqiang

2025-01-07 84b7e68f71e414e575518b3c34bf722782cc507d

 src/components/page/orderRecord/index.vue

@@ -3,8 +3,8 @@
        <div style="padding: 10px 10px 0px 10px;">
            <el-form :inline="true" :model="searchForm">
              <el-form-item label="停车场">
              <el-select v-model="searchForm.parkId">
                <el-option v-for="item in table1" :key="item.id" :label="item.name" :value="item.id"></el-option>
              <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="选择时间">
@@ -20,11 +20,11 @@
            </el-form>
        </div>

        <el-table :data="table2" border style="width:100%;border:1px solid #bcbec2;">
        <el-table :data="table2" border style="width:55%;border:1px solid #bcbec2;" show-summary>
            <el-table-column type="index" width="50" label="序号" align="center"> </el-table-column>
            <el-table-column prop="parkName" label="停车场" align="center" width="150"></el-table-column>
          <el-table-column prop="orderNum" label="有效订单数" align="center" width="150"></el-table-column>
            <el-table-column prop="orderMoney" label="订单总金额" align="center"></el-table-column>
            <el-table-column prop="parkName" label="停车场" align="center" ></el-table-column>
          <el-table-column prop="orderNum" label="有效订单数" align="center" ></el-table-column>
            <el-table-column prop="orderMoney" label="订单总金额(元)" align="center" ></el-table-column>
        </el-table>
    </div>
</template>
@@ -47,14 +47,14 @@
                  orderNum:'',
                  orderMoney:''
                },
                urlPath:this.$systemconfig.basePath + '/orderrecord/',
                urlPath:this.$systemconfig.basePath + '/ffzf/orderrecord/',
                table1:[],
                table2:[],
            }
        },
        mounted() {
            this.loadData();
            this.$byutil.postData(this, this.$systemconfig.basePath+'/park/findAll', this.formData, res => {
            this.defaultDate();
            this.$byutil.postData(this, this.$systemconfig.basePath+'/ffzf/park/findAll', this.formData, res => {
                this.table1 = res.data;
            })
        },
@@ -74,6 +74,22 @@
            onSearch() {
                this.loadData();
            },
          //设置默认日期
          defaultDate(){
            //获取新的时间
            let date = new Date()
            //获取当前时间的年份转为字符串
            let year = date.getFullYear().toString()
            //获取月份，由于月份从0开始，此处要加1，判断是否小于10，如果是在字符串前面拼接'0'
            let month = date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1).toString():(date.getMonth()+1).toString()
            //获取天，判断是否小于10，如果是在字符串前面拼接'0'
            let da = date.getDate() < 10 ? '0'+date.getDate().toString():date.getDate().toString()
            //字符串拼接，开始时间，结束时间
            let end = year + '-' + month + '-' + da  //当天'2019-04-12'
            let beg = year + '-' + month + '-' + da    //当月第一天'2019-04-01'
            this.searchForm.date = [beg,end] //将值设置给插件绑定的数据
            this.loadData();
          },
        }
    }
</script>