feat: 出场增加缴费状态查询

kongdeqiang

2025-02-20 105128d7780861f699a3261fdad68804fe5b7c80

 src/components/page/outPark/index.vue

@@ -1,5 +1,5 @@
<template>
  <div class="mod-config">
  <div class="mod-config" style="padding: 10px 10px 0px 10px;">
      <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
        <el-form-item label="车牌号">
          <el-input v-model="searchForm.carNo" clearable></el-input>
@@ -18,6 +18,11 @@
                            v-model="searchForm.date" placeholder="">
            </el-date-picker>
          </div>
        </el-form-item>
        <el-form-item label="缴费状态">
          <el-select v-model="searchForm.status" clearable>
            <el-option v-for="item in statusList" :key="item.value" :label="item.label" :value="item.value" ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" size="small" @click="getDataList" icon="el-icon-search">查询</el-button>
@@ -97,6 +102,7 @@
              <template slot-scope="scope">
                <p v-if="scope.row.status==0">未缴费</p>
                <p v-if="scope.row.status==1">已缴费</p>
                <p v-if="scope.row.status==2">月租车</p>
              </template>
            </el-table-column>
            <el-table-column
@@ -135,6 +141,7 @@
          payCode:'',
          date: new Date(),
        },
        statusList:[{label:'未缴费',value:0},{label:'已缴费',value:1},{label:'月票车',value:2}],
        dataList: [],
        pageIndex: 1,
        pageSize: 100,
@@ -168,11 +175,11 @@
      },
      onPageSizeChange(val) {
        this.pageData.pageSize = val;
        this.loadData();
        this.getDataList();
      },
      onCurrentPageChange(val) {
        this.pageData.page = val;
        this.loadData();
        this.getDataList();
      },
    }
  }