白色背景

src/components/pieChart.vue

@@ -95,7 +95,7 @@ export default {
                   height: 20,
                 },
                 sub: {
-                  color: "#ffffff",
+                  color: "#4c5967",
                   lineHeight: this.labelSize,
                   padding: [-20, 10, 0, 10],
                   fontSize: this.isBig ? 18 : this.labelSize,

src/pages/index/components/appointment_rules.vue

@@ -0,0 +1,452 @@
+<template>
+  <div class="body-wrapper">
+    <el-tabs  v-model="activeName">
+      <el-tab-pane label="预约规则" name="预约规则">
+        <el-form class="form-wrapper" :inline="true" :model="formInline1" style="margin-bottom: 20px;">
+          <el-row>
+            <el-col :span="6">
+              <el-form-item label="停车场名称:">
+                <el-input v-model="formInline1.parkingName" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="起始时间:">
+                <el-date-picker
+                  v-model="formInline1.startTime"
+                  type="date"
+                  placeholder="选择日期">
+                </el-date-picker>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="结束时间:">
+                <el-date-picker
+                  v-model="formInline1.endTime"
+                  type="date"
+                  placeholder="选择日期">
+                </el-date-picker>
+              </el-form-item>
+            </el-col>
+            <el-col :span="5">
+              <el-form-item>
+                <el-button type="primary" class="query-btn" @click="onSubmit1">查询</el-button>
+              </el-form-item>
+              <el-form-item>
+                <el-button type="success" @click="handleAdd">添加规则</el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+        <el-table :data="tableData1">
+          <el-table-column v-for="(item, index) in columns1" :key="index" :label="item.label" :prop="item.key">
+          </el-table-column>
+          <el-table-column
+            label="操作"
+            width="200">
+            <template slot-scope="scope" style="display: inline-block">
+              <el-button type="primary" @click="handleEdit(scope.row)" slot="reference">修改</el-button>
+              <el-popconfirm title="确定删除吗？" @confirm="deleteRow(scope.row)">
+                <el-button type="danger" slot="reference">删除</el-button>
+              </el-popconfirm>
+            </template>
+          </el-table-column>
+        </el-table>
+        <div class="table-pagination">
+          <el-pagination layout="prev, pager, next" :total="total1" @current-change="handlePageChange1"
+                         :current-page.sync="pageNum1" :page-size.sync="pageSize1">
+          </el-pagination>
+        </div>
+        <el-dialog
+          :title="title"
+          :visible.sync="dialogVisible"
+          width="45%"
+          custom-class="audit-dialog">
+          <div class="form-div">
+            <el-form label-position="left" label-width="85px" :model="formLabelAlign">
+              <el-form-item label="停车场名称">
+                <el-input v-model="formLabelAlign.parkingName"></el-input>
+              </el-form-item>
+              <el-form-item label="起始时间">
+                <el-date-picker
+                  v-model="formLabelAlign.startTime"
+                  type="date"
+                  placeholder="选择日期">
+                </el-date-picker>
+              </el-form-item>
+              <el-form-item label="结束时间">
+                <el-date-picker
+                  v-model="formLabelAlign.endTime"
+                  type="date"
+                  placeholder="选择日期">
+                </el-date-picker>
+              </el-form-item>
+              <el-form-item label="预约费用">
+                <el-input v-model="formLabelAlign.appointmentPrice"></el-input>
+              </el-form-item>
+              <el-form-item label="最大预约数">
+                <el-input v-model="formLabelAlign.appointmentNumber"></el-input>
+              </el-form-item>
+            </el-form>
+          </div>
+          <span slot="footer" class="dialog-footer">
+            <el-button @click="dialogVisible = false">取 消</el-button>
+            <el-button type="primary" @click="handleConfirm">确 定</el-button>
+        </span>
+        </el-dialog>
+      </el-tab-pane>
+      <el-tab-pane label="预约订单" name="预约订单">
+        <el-form class="form-wrapper" :inline="true" :model="formInline2" style="margin-bottom: 20px;">
+          <el-row>
+            <el-col :span="6">
+              <el-form-item label="车牌号:">
+                <el-input v-model="formInline2.plateNo" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="停车场名称:">
+                <el-input v-model="formInline2.parkingName" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="预约日期:">
+                <el-date-picker
+                  v-model="formInline2.appointmentTime"
+                  type="date"
+                  placeholder="选择日期">
+                </el-date-picker>
+              </el-form-item>
+            </el-col>
+            <el-col :span="5">
+              <el-form-item>
+                <el-button type="primary" class="query-btn" @click="onSubmit2">查询</el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+        <el-table :data="tableData2">
+          <el-table-column v-for="(item, index) in columns2" :key="index" :label="item.label" :prop="item.key">
+          </el-table-column>
+        </el-table>
+        <div class="table-pagination">
+          <el-pagination layout="prev, pager, next" :total="total1" @current-change="handlePageChange2"
+                         :current-page.sync="pageNum2" :page-size.sync="pageSize2">
+          </el-pagination>
+        </div>
+      </el-tab-pane>
+      <el-tab-pane label="退款记录" name="退款记录">
+        <el-form class="form-wrapper" :inline="true" :model="formInline3" style="margin-bottom: 20px;">
+          <el-row>
+            <el-col :span="8">
+              <el-form-item label="退款日期:">
+                <el-date-picker
+                  v-model="formInline3.refundTime"
+                  type="date"
+                  placeholder="选择日期">
+                </el-date-picker>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item>
+                <el-button type="primary" class="query-btn" @click="onSubmit3">查询</el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+        <el-table :data="tableData3">
+          <el-table-column v-for="(item, index) in columns3" :key="index" :label="item.label" :prop="item.key">
+          </el-table-column>
+          <el-table-column
+            label="操作"
+            width="200">
+            <div slot-scope="scope">
+              <el-button @click="handleDetail(scope.row)" type="primary" size="mini">退款详情</el-button>
+            </div>
+          </el-table-column>
+        </el-table>
+        <div class="table-pagination">
+          <el-pagination layout="prev, pager, next" :total="total3" @current-change="handlePageChange3"
+                         :current-page.sync="pageNum3" :page-size.sync="pageSize3">
+          </el-pagination>
+        </div>
+        <el-dialog
+          title="退款详情"
+          :visible.sync="dialogVisible3"
+          width="50%"
+          custom-class="audit-dialog">
+          <el-form disabled style="height: 350px" class="form-div" label-position="left" label-width="90px" :model="formLabelAlign3">
+            <el-form-item label="id">
+              <el-input v-model="formLabelAlign3.id"/>
+            </el-form-item>
+            <el-form-item label="车牌号">
+              <el-input  v-model="formLabelAlign3.plateNo"/>
+            </el-form-item>
+            <el-form-item label="停车场名称">
+              <el-input v-model="formLabelAlign3.parkingName"/>
+            </el-form-item>
+            <el-form-item label="退款日期">
+              <el-input v-model="formLabelAlign3.refundTime"/>
+            </el-form-item>
+            <el-form-item label="退款金额">
+              <el-input v-model="formLabelAlign3.refundMoney"/>
+            </el-form-item>
+          </el-form>
+        </el-dialog>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+<script>
+import api from "@/api/audit.js";
+import dictionary from "@/util/dictionary";
+
+export default {
+  components: {},
+  data() {
+    return {
+      activeName: '预约规则',
+      columns1: [
+        {
+          label: '停车场名称',
+          key: 'parkingName'
+        },
+        {
+          label: '起始时间',
+          key: 'startTime'
+        },
+        {
+          label: '结束时间',
+          key: 'endTime'
+        },
+        {
+          label: '预约费用',
+          key: 'appointmentPrice'
+        },
+        {
+          label: '最大预约数',
+          key: 'appointmentNumber'
+        },
+      ],
+      tableData1: [],
+      total1: 0,
+      pageSize1: 10,
+      pageNum1: 1,
+      formInline1: {
+        parkingName: '',
+        startTime:'',
+        endTime:''
+      },
+      title:'',
+      dialogVisible:false,
+      formLabelAlign: {
+        id: '',
+        parkingName: '',
+        startTime: '',
+        endTime: '',
+        appointmentPrice: '',
+        appointmentNumber: '',
+      },
+      columns2: [
+        {
+          label: '车牌号',
+          key: 'plateNo'
+        },
+        {
+          label: '停车场名称',
+          key: 'parkingName'
+        },
+        {
+          label: '预约日期',
+          key: 'appointmentTime'
+        },
+        {
+          label: '预约费用',
+          key: ''
+        },
+        {
+          label: '状态',
+          key: ''
+        },
+      ],
+      tableData2: [],
+      total2: 0,
+      pageSize2: 10,
+      pageNum2: 1,
+      formInline2: {
+        plateNo: '',
+        parkingName:'',
+        appointmentTime:''
+      },
+      columns3: [
+        {
+          label: '车牌号',
+          key: 'plateNo'
+        },
+        {
+          label: '停车场名称',
+          key: 'parkingName'
+        },
+        {
+          label: '退款日期',
+          key: 'refundTime'
+        },
+        {
+          label: '退款金额',
+          key: 'refundMoney'
+        },
+      ],
+      tableData3: [{plateNo:'豫LU5698',parkingName:'市中心医院停车场',refundTime:'2023-12-31',refundMoney:'20.00'}],
+      total3: 0,
+      pageSize3: 10,
+      pageNum3: 1,
+      formInline3: {
+        refundTime: ''
+      },
+      dialogVisible3:false,
+      formLabelAlign3: {
+        id: '',
+        plateNo: '',
+        parkingName: '',
+        refundTime: '',
+        refundMoney: '',
+      },
+    }
+  },
+  mounted() {
+    // this.getTableData1()
+    // this.getTableData2()
+    // this.getTableData3()
+  },
+  watch: {
+  },
+  methods: {
+    onSubmit1() {
+      this.pageNum1 = 1
+      this.getTableData1()
+    },
+    handleAdd () {
+      this.title = '添加规则'
+      this.formLabelAlign.parkingName= ''
+      this.formLabelAlign.startTime= ''
+      this.formLabelAlign.endTime= ''
+      this.formLabelAlign.appointmentPrice= ''
+      this.formLabelAlign.appointmentNumber= ''
+      this.dialogVisible = true
+    },
+    handleEdit(row) {
+      this.title = '修改规则'
+      this.formLabelAlign = row
+      this.dialogVisible = true
+    },
+    deleteRow (record) {
+      api.deleteWhiteIp({id: record.id}).then(res => {
+        if (res.code === 200) {
+          this.$message({type: 'success', message: '删除成功!'})
+          this.getTableData1()
+        }
+      })
+    },
+    handleConfirm() {
+      if (this.title === '修改规则') {
+        api.addWhiteIp({ipAddr: this.formLabelAlign.ipAddr, id: this.formLabelAlign.id}).then(res => {
+          if (res.code === 200) {
+            this.dialogVisible = false
+            this.$message({
+              message: '修改成功!',
+              type: 'success'
+            })
+            this.getTableData1()
+          }
+        })
+      } else {
+        api.addWhiteIp({ipAddr: this.formLabelAlign.ipAddr}).then(res => {
+          if (res.code === 200) {
+            this.dialogVisible = false
+            this.$message({
+              message: '添加成功!',
+              type: 'success'
+            })
+            this.getTableData1()
+          }
+        })
+      }
+    },
+    onSubmit2() {
+      this.pageNum2 = 1
+      this.getTableData2()
+    },
+    onSubmit3() {
+      this.pageNum3 = 1
+      this.getTableData3()
+    },
+    handleDetail(row) {
+      this.formLabelAlign3 = row
+      this.dialogVisible3 = true
+    },
+    handlePageChange1() {
+      this.getTableData1()
+    },
+    getTableData1() {
+      const {pageNum1, pageSize1} = this
+      api.carListByPage({current: pageNum1, size: pageSize1, ...this.formInline1}).then(res => {
+        this.tableData1 = (res.data.records || []).map(item => ({...item, carType: dictionary.typeMap[item.carType]}))
+        this.total1 = res.data.total
+      })
+    },
+    handlePageChange2() {
+      this.getTableData2()
+    },
+    getTableData2() {
+      const {pageNum2, pageSize2} = this
+      api.gjListByPage({current: pageNum2, size: pageSize2, ...this.formInline2}).then(res => {
+        this.tableData2 = res.data.records || []
+        this.total2 = res.data.total
+      })
+    },
+    handlePageChange3() {
+      this.getTableData3()
+    },
+    getTableData3() {
+      const {pageNum3, pageSize3} = this
+      api.tcjlListByPage({current: pageNum3, size: pageSize3, ...this.formInline3}).then(res => {
+        this.tableData3 = res.data.records || []
+        this.total3 = res.data.total
+      })
+    },
+  }
+}
+</script>
+<style  lang="scss" scoped>
+.body-wrapper {
+  padding: 20px;
+  .button-block{
+    text-align: right;
+    margin-bottom: 20px;
+  }
+  .table-pagination{
+    text-align: right;
+  }
+  .search-card{
+    margin-bottom: 20px;
+    text-align: center;
+    .input-wrapper{
+      width: 36%;
+    }
+  }
+
+  .audit-dialog{
+    .mg-bt{
+      margin-bottom: 24px;
+    }
+    .label{
+      text-align: right;
+    }
+    .form-div{
+      /deep/ .el-input__inner{
+        height: 35px;
+        width: 90%;
+        border: 1px solid #a6a5a5;
+      }
+    }
+  }
+}
+</style>

src/pages/index/components/parking_card.vue

@@ -0,0 +1,438 @@
+<template>
+  <div class="body-wrapper">
+    <el-tabs  v-model="activeName">
+      <el-tab-pane label="规则配置" name="规则配置">
+        <el-form class="form-wrapper" :inline="true" :model="formInline1" style="margin-bottom: 20px;">
+          <el-row>
+            <el-col :span="8">
+              <el-form-item label="停车卡名称: ">
+                <el-input v-model="formInline1.parkingCardName" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item>
+                <el-button type="primary" class="query-btn" @click="onSubmit1">查询</el-button>
+              </el-form-item>
+              <el-form-item>
+                <el-button type="success" @click="handleAdd">添加规则</el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+        <el-table :data="tableData1">
+          <el-table-column v-for="(item, index) in columns1" :key="index" :label="item.label" :prop="item.key">
+          </el-table-column>
+          <el-table-column
+            label="操作"
+            width="200">
+            <template slot-scope="scope" style="display: inline-block">
+              <el-button type="primary" @click="handleEdit(scope.row)" slot="reference">修改</el-button>
+              <el-popconfirm title="确定删除吗？" @confirm="deleteRow(scope.row)">
+                <el-button type="danger" slot="reference">删除</el-button>
+              </el-popconfirm>
+            </template>
+          </el-table-column>
+        </el-table>
+        <div class="table-pagination">
+          <el-pagination layout="prev, pager, next" :total="total1" @current-change="handlePageChange1"
+                         :current-page.sync="pageNum1" :page-size.sync="pageSize1">
+          </el-pagination>
+        </div>
+        <el-dialog
+          :title="title"
+          :visible.sync="dialogVisible"
+          width="45%"
+          custom-class="audit-dialog">
+          <div class="form-div">
+            <el-form label-position="left" label-width="85px" :model="formLabelAlign">
+              <el-form-item label="停车卡名称">
+                <el-input v-model="formLabelAlign.parkingCardName"></el-input>
+              </el-form-item>
+              <el-form-item label="可用次数">
+                <el-input v-model="formLabelAlign.totalEnable"></el-input>
+              </el-form-item>
+              <el-form-item label="有效期至">
+                <el-date-picker
+                  v-model="formLabelAlign.validity"
+                  type="date"
+                  placeholder="选择日期">
+                </el-date-picker>
+              </el-form-item>
+            </el-form>
+          </div>
+          <span slot="footer" class="dialog-footer">
+            <el-button @click="dialogVisible = false">取 消</el-button>
+            <el-button type="primary" @click="handleConfirm">确 定</el-button>
+        </span>
+        </el-dialog>
+      </el-tab-pane>
+      <el-tab-pane label="查看订单" name="查看订单">
+        <el-form class="form-wrapper" :inline="true" :model="formInline2" style="margin-bottom: 20px;">
+          <el-row>
+            <el-col :span="5">
+              <el-form-item label="订单号: ">
+                <el-input v-model="formInline2.orderCode" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="5">
+              <el-form-item label="选择订单状态:">
+                <el-select clearable v-model="formInline2.orderStatus" placeholder="订单状态" popper-class="cur-select">
+                  <el-option label="全部" value=""></el-option>
+                  <el-option label="已完成" value="已完成"></el-option>
+                  <el-option label="未支付" value="未支付"></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="5">
+              <el-form-item label="购买方式:">
+                <el-select clearable v-model="formInline2.orderWay" placeholder="购买方式" popper-class="cur-select">
+                  <el-option label="全部" value=""></el-option>
+                  <el-option label="客户端录入" value="客户端录入"></el-option>
+                  <el-option label="后台录入" value="后台录入"></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item>
+                <el-button type="primary" class="query-btn" @click="onSubmit2">查询</el-button>
+              </el-form-item>
+              <el-form-item>
+                <el-button type="success" @click="handleAdd2">添加规则</el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+        <el-table :data="tableData2">
+          <el-table-column v-for="(item, index) in columns2" :key="index" :label="item.label" :prop="item.key">
+          </el-table-column>
+        </el-table>
+        <div class="table-pagination">
+          <el-pagination layout="prev, pager, next" :total="total1" @current-change="handlePageChange2"
+                         :current-page.sync="pageNum2" :page-size.sync="pageSize2">
+          </el-pagination>
+        </div>
+        <el-dialog
+          :title="title2"
+          :visible.sync="dialogVisible2"
+          width="45%"
+          custom-class="audit-dialog">
+          <div class="form-div">
+            <el-form label-position="left" label-width="85px" :model="formLabelAlign2">
+              <el-form-item label="停车卡名称">
+                <el-input v-model="formLabelAlign2.parkingCardName"></el-input>
+              </el-form-item>
+              <el-form-item label="下单人">
+                <el-input v-model="formLabelAlign2.placeOrderPerson"></el-input>
+              </el-form-item>
+              <el-form-item label="支付金额">
+                <el-input v-model="formLabelAlign2.payMoney"></el-input>
+              </el-form-item>
+            </el-form>
+          </div>
+          <span slot="footer" class="dialog-footer">
+            <el-button @click="dialogVisible2 = false">取 消</el-button>
+            <el-button type="primary" @click="handleConfirm2">确 定</el-button>
+        </span>
+        </el-dialog>
+      </el-tab-pane>
+      <el-tab-pane label="统计信息" name="统计信息">
+        <el-form class="form-wrapper" :inline="true" :model="formInline3" style="margin-bottom: 20px;">
+          <el-row>
+            <el-col :span="8">
+              <el-form-item label="停车卡名称:">
+                <el-input v-model="formInline3.parkingCardName" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item>
+                <el-button type="primary" class="query-btn" @click="onSubmit3">查询</el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+        <el-table :data="tableData3">
+          <el-table-column v-for="(item, index) in columns3" :key="index" :label="item.label" :prop="item.key">
+          </el-table-column>
+        </el-table>
+        <div class="table-pagination">
+          <el-pagination layout="prev, pager, next" :total="total3" @current-change="handlePageChange3"
+                         :current-page.sync="pageNum3" :page-size.sync="pageSize3">
+          </el-pagination>
+        </div>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+<script>
+import api from "@/api/audit.js";
+import dictionary from "@/util/dictionary";
+
+export default {
+  components: {},
+  data() {
+    return {
+      activeName: '规则配置',
+      columns1: [
+        {
+          label: '停车卡名称',
+          key: 'parkingCardName'
+        },
+        {
+          label: '可用次数',
+          key: 'totalEnable'
+        },
+        {
+          label: '有效期至',
+          key: 'validity'
+        },
+      ],
+      tableData1: [{parkingCardName:'十次停车次卡',totalEnable:'十次停车次卡',validity:'2024-12-31'}],
+      total1: 0,
+      pageSize1: 10,
+      pageNum1: 1,
+      formInline1: {
+        parkingCardName: ''
+      },
+      title:'',
+      dialogVisible:false,
+      formLabelAlign: {
+        id: '',
+        parkingCardName: '',
+        totalEnable: '',
+        validity: '',
+      },
+      columns2: [
+        {
+          label: '订单号',
+          key: 'id'
+        },
+        {
+          label: '停车卡名称',
+          key: 'parkingCardName'
+        },
+        {
+          label: '下单人',
+          key: 'placeOrderPerson'
+        },
+        {
+          label: '下单时间',
+          key: 'placeOrderTime'
+        },
+        {
+          label: '支付金额',
+          key: 'payMoney'
+        },
+        {
+          label: '订单状态',
+          key: 'orderStatus'
+        },
+        {
+          label: '购买方式',
+          key: 'buyWay'
+        },
+      ],
+      tableData2: [],
+      total2: 0,
+      pageSize2: 10,
+      pageNum2: 1,
+      formInline2: {
+        orderCode: '',
+        orderStatus:'',
+        orderWay:''
+      },
+      title2:'',
+      dialogVisible2:false,
+      formLabelAlign2: {
+        id: '',
+        parkingCardName: '',
+        placeOrderPerson: '',
+        payMoney: '',
+      },
+      columns3: [
+        {
+          label: '停车卡名称',
+          key: ''
+        },
+        {
+          label: '购买数量',
+          key: ''
+        },
+        {
+          label: '客户端购买数量',
+          key: ''
+        },
+        {
+          label: '后台录入数量',
+          key: ''
+        },
+        {
+          label: '使用中数量',
+          key: ''
+        },
+        {
+          label: '金额总计',
+          key: ''
+        },
+      ],
+      tableData3: [],
+      total3: 0,
+      pageSize3: 10,
+      pageNum3: 1,
+      formInline3: {
+        parkingCardName: ''
+      },
+    }
+  },
+  mounted() {
+    // this.getTableData1()
+    // this.getTableData2()
+    // this.getTableData3()
+  },
+  watch: {
+  },
+  methods: {
+    onSubmit1() {
+      this.pageNum1 = 1
+      this.getTableData1()
+    },
+    handleAdd () {
+      this.title = '添加规则'
+      this.formLabelAlign.parkingCardName= ''
+      this.formLabelAlign.totalEnable= ''
+      this.formLabelAlign.validity= ''
+      this.dialogVisible = true
+    },
+    handleEdit(row) {
+      this.title = '修改规则'
+      this.formLabelAlign = row
+      this.dialogVisible = true
+    },
+    deleteRow (record) {
+      api.deleteWhiteIp({id: record.id}).then(res => {
+        if (res.code === 200) {
+          this.$message({type: 'success', message: '删除成功!'})
+          this.getTableData1()
+        }
+      })
+    },
+    handleConfirm() {
+      if (this.title === '修改规则') {
+        api.addWhiteIp({ipAddr: this.formLabelAlign.ipAddr, id: this.formLabelAlign.id}).then(res => {
+          if (res.code === 200) {
+            this.dialogVisible = false
+            this.$message({
+              message: '修改成功!',
+              type: 'success'
+            })
+            this.getTableData1()
+          }
+        })
+      } else {
+        api.addWhiteIp({ipAddr: this.formLabelAlign.ipAddr}).then(res => {
+          if (res.code === 200) {
+            this.dialogVisible = false
+            this.$message({
+              message: '添加成功!',
+              type: 'success'
+            })
+            this.getTableData1()
+          }
+        })
+      }
+    },
+    onSubmit2() {
+      this.pageNum2 = 1
+      this.getTableData2()
+    },
+    handleAdd2 () {
+      this.title = '录入订单'
+      this.formLabelAlign2.parkingCardName= ''
+      this.formLabelAlign2.totalEnable= ''
+      this.formLabelAlign2.payMoney= ''
+      this.dialogVisible2 = true
+    },
+
+    handleConfirm2() {
+        api.addWhiteIp({ipAddr: this.formLabelAlign.ipAddr}).then(res => {
+          if (res.code === 200) {
+            this.dialogVisible2 = false
+            this.$message({
+              message: '录入成功!',
+              type: 'success'
+            })
+            this.getTableData1()
+          }
+        })
+    },
+    onSubmit3() {
+      this.pageNum3 = 1
+      this.getTableData3()
+    },
+    handlePageChange1() {
+      this.getTableData1()
+    },
+    getTableData1() {
+      const {pageNum1, pageSize1} = this
+      api.carListByPage({current: pageNum1, size: pageSize1, ...this.formInline1}).then(res => {
+        this.tableData1 = (res.data.records || []).map(item => ({...item, carType: dictionary.typeMap[item.carType]}))
+        this.total1 = res.data.total
+      })
+    },
+    handlePageChange2() {
+      this.getTableData2()
+    },
+    getTableData2() {
+      const {pageNum2, pageSize2} = this
+      api.gjListByPage({current: pageNum2, size: pageSize2, ...this.formInline2}).then(res => {
+        this.tableData2 = res.data.records || []
+        this.total2 = res.data.total
+      })
+    },
+    handlePageChange3() {
+      this.getTableData3()
+    },
+    getTableData3() {
+      const {pageNum3, pageSize3} = this
+      api.tcjlListByPage({current: pageNum3, size: pageSize3, ...this.formInline3}).then(res => {
+        this.tableData3 = res.data.records || []
+        this.total3 = res.data.total
+      })
+    },
+  }
+}
+</script>
+<style  lang="scss" scoped>
+.body-wrapper {
+  padding: 20px;
+  .button-block{
+    text-align: right;
+    margin-bottom: 20px;
+  }
+  .table-pagination{
+    text-align: right;
+  }
+  .search-card{
+    margin-bottom: 20px;
+    text-align: center;
+    .input-wrapper{
+      width: 36%;
+    }
+  }
+
+  .audit-dialog{
+    .mg-bt{
+      margin-bottom: 24px;
+    }
+    .label{
+      text-align: right;
+    }
+    .form-div{
+      /deep/ .el-input__inner{
+        height: 35px;
+        width: 90%;
+        border: 1px solid #a6a5a5;
+      }
+    }
+  }
+}
+</style>

src/pages/index/components/parking_correction.vue

@@ -0,0 +1,175 @@
+<template>
+  <div class="body-wrapper">
+    <el-form class="form-wrapper" :inline="true" :model="formInline1" style="margin-bottom: 20px;">
+      <el-row>
+        <el-col :span="6">
+          <el-form-item label="停车场名称:">
+            <el-input v-model="formInline1.parkingName" placeholder="请输入"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="错误类型:">
+            <el-select clearable v-model="formInline1.mistakeType" placeholder="错误类型" popper-class="cur-select">
+              <el-option label="全部" value=""></el-option>
+              <el-option label="位置错误" value="位置错误"></el-option>
+              <el-option label="信息错误" value="信息错误"></el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="纠错时间:">
+            <el-date-picker
+              v-model="formInline1.mistakeTime"
+              type="date"
+              placeholder="选择日期">
+            </el-date-picker>
+          </el-form-item>
+        </el-col>
+        <el-col :span="5">
+          <el-form-item>
+            <el-button type="primary" class="query-btn" @click="onSubmit1">查询</el-button>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <el-table :data="tableData1">
+      <el-table-column v-for="(item, index) in columns1" :key="index" :label="item.label" :prop="item.key">
+      </el-table-column>
+      <el-table-column
+        label="操作"
+        width="200">
+        <div slot-scope="scope">
+          <el-button @click="handleDetail(scope.row)" type="primary" size="mini">查看详情</el-button>
+        </div>
+      </el-table-column>
+    </el-table>
+    <div class="table-pagination">
+      <el-pagination layout="prev, pager, next" :total="total1" @current-change="handlePageChange1"
+                     :current-page.sync="pageNum1" :page-size.sync="pageSize1">
+      </el-pagination>
+    </div>
+    <el-dialog
+      title="退款详情"
+      :visible.sync="dialogVisible"
+      width="50%"
+      custom-class="audit-dialog">
+      <el-form disabled style="height: 350px" class="form-div" label-position="left" label-width="90px" :model="formLabelAlign">
+        <el-form-item label="id">
+          <el-input v-model="formLabelAlign.parkingName"/>
+        </el-form-item>
+        <el-form-item label="车牌号">
+          <el-input  v-model="formLabelAlign.plateNo"/>
+        </el-form-item>
+        <el-form-item label="停车场名称">
+          <el-input v-model="formLabelAlign.mistakeType"/>
+        </el-form-item>
+        <el-form-item label="退款日期">
+          <el-input v-model="formLabelAlign.mistakeTime"/>
+        </el-form-item>
+        <el-form-item label="退款金额">
+          <el-input v-model="formLabelAlign.submitPerson"/>
+        </el-form-item>
+      </el-form>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import api from "@/api/audit.js";
+import dictionary from "@/util/dictionary";
+
+export default {
+  components: {},
+  data() {
+    return {
+      columns1: [
+        {
+          label: '停车场名称',
+          key: 'parkingName'
+        },
+        {
+          label: '车牌号',
+          key: 'plateNo'
+        },
+        {
+          label: '错误类型',
+          key: 'mistakeType'
+        },
+        {
+          label: '纠错时间',
+          key: 'mistakeTime'
+        },
+        {
+          label: '提交人',
+          key: 'submitPerson'
+        },
+      ],
+      tableData1: [{parkingName:'万宝手机城新东店',plateNo:'豫LU5698',mistakeType:'位置错误',mistakeTime:'2024-01-01 12:15:00',submitPerson:'赵鹏'}],
+      total1: 0,
+      pageSize1: 10,
+      pageNum1: 1,
+      formInline1: {
+        parkingName: '',
+        mistakeType: '',
+        mistakeTime: '',
+      },
+      dialogVisible:false,
+      formLabelAlign: {
+        id: '',
+        parkingName: '',
+        plateNo: '',
+        mistakeType: '',
+        mistakeTime: '',
+        submitPerson:''
+      },
+    }
+  },
+  mounted() {
+    // this.getTableData1()
+  },
+  watch: {},
+  methods: {
+    onSubmit1() {
+      this.pageNum1 = 1
+      this.getTableData1()
+    },
+    handleDetail(row) {
+      this.formLabelAlign = row
+      this.dialogVisible = true
+    },
+    handlePageChange1() {
+      this.getTableData1()
+    },
+    getTableData1() {
+      const {pageNum1, pageSize1} = this
+      api.carListByPage({current: pageNum1, size: pageSize1, ...this.formInline1}).then(res => {
+        this.tableData1 = (res.data.records || []).map(item => ({...item, carType: dictionary.typeMap[item.carType]}))
+        this.total1 = res.data.total
+      })
+    },
+
+  }
+}
+</script>
+<style lang="scss" scoped>
+.body-wrapper {
+  padding: 20px;
+
+  .button-block {
+    text-align: right;
+    margin-bottom: 20px;
+  }
+
+  .table-pagination {
+    text-align: right;
+  }
+
+  .search-card {
+    margin-bottom: 20px;
+    text-align: center;
+
+    .input-wrapper {
+      width: 40%;
+    }
+  }
+}
+</style>

src/pages/index/components/parking_order.vue

@@ -125,7 +125,7 @@
             </el-col>
             <el-col :span="5">
               <el-form-item>
-                <el-button type="primary" class="query-btn" @click="onSubmit3">查询</el-button>
+                <el-button type="primary" class="query-btn" @click="onSubmit4">查询</el-button>
               </el-form-item>
             </el-col>
           </el-row>
@@ -135,7 +135,7 @@
           </el-table-column>
         </el-table>
         <div class="table-pagination">
-          <el-pagination layout="prev, pager, next" :total="total4" @current-change="handlePageChange3"
+          <el-pagination layout="prev, pager, next" :total="total4" @current-change="handlePageChange4"
                          :current-page.sync="pageNum4" :page-size.sync="pageSize4">
           </el-pagination>
         </div>

src/pages/index/components/parking_unpeak.vue

@@ -0,0 +1,399 @@
+<template>
+  <div class="body-wrapper">
+    <el-tabs  v-model="activeName">
+      <el-tab-pane label="规则配置" name="规则配置">
+        <el-form class="form-wrapper" :inline="true" :model="formInline1" style="margin-bottom: 20px;">
+          <el-row>
+            <el-col :span="8">
+              <el-form-item label="停车规则名称:">
+                <el-input v-model="formInline1.ruleName" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item>
+                <el-button type="primary" class="query-btn" @click="onSubmit1">查询</el-button>
+              </el-form-item>
+              <el-form-item>
+                <el-button type="success" @click="handleAdd">添加规则</el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+        <el-table :data="tableData1">
+          <el-table-column v-for="(item, index) in columns1" :key="index" :label="item.label" :prop="item.key">
+          </el-table-column>
+          <el-table-column
+            label="操作"
+            width="200">
+            <template slot-scope="scope" style="display: inline-block">
+              <el-button type="primary" @click="handleEdit(scope.row)" slot="reference">修改</el-button>
+              <el-popconfirm title="确定删除吗？" @confirm="deleteRow(scope.row)">
+                <el-button type="danger" slot="reference">删除</el-button>
+              </el-popconfirm>
+            </template>
+          </el-table-column>
+        </el-table>
+        <div class="table-pagination">
+          <el-pagination layout="prev, pager, next" :total="total1" @current-change="handlePageChange1"
+                         :current-page.sync="pageNum1" :page-size.sync="pageSize1">
+          </el-pagination>
+        </div>
+        <el-dialog
+          :title="title"
+          :visible.sync="dialogVisible"
+          width="45%"
+          custom-class="audit-dialog">
+          <div class="form-div">
+            <el-form label-position="left" label-width="85px" :model="formLabelAlign">
+              <el-form-item label="规则名称">
+                <el-input v-model="formLabelAlign.ruleName"></el-input>
+              </el-form-item>
+              <el-form-item label="生效日期">
+                <el-date-picker
+                  v-model="formLabelAlign.effectiveTime"
+                  type="daterange"
+                  range-separator="至"
+                  start-placeholder="开始日期"
+                  end-placeholder="结束日期">
+                </el-date-picker>
+              </el-form-item>
+              <el-form-item label="生效时段">
+                <el-time-picker
+                  is-range
+                  v-model="formLabelAlign.effectivePeriod"
+                  range-separator="至"
+                  start-placeholder="开始时间"
+                  end-placeholder="结束时间"
+                  placeholder="选择时间范围">
+                </el-time-picker>
+              </el-form-item>
+              <el-form-item label="计费档位">
+                <el-input v-model="formLabelAlign.billingStation"></el-input>
+              </el-form-item>
+              <el-form-item label="收费价格">
+                <el-input v-model="formLabelAlign.chargePrice"></el-input>
+              </el-form-item>
+            </el-form>
+          </div>
+          <span slot="footer" class="dialog-footer">
+            <el-button @click="dialogVisible = false">取 消</el-button>
+            <el-button type="primary" @click="handleConfirm">确 定</el-button>
+        </span>
+        </el-dialog>
+      </el-tab-pane>
+      <el-tab-pane label="错峰订单" name="错峰订单">
+        <el-form class="form-wrapper" :inline="true" :model="formInline2" style="margin-bottom: 20px;">
+          <el-row>
+            <el-col :span="8">
+              <el-form-item label="车牌号:">
+                <el-input v-model="formInline2.plateNo" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="停泊状态:">
+                <el-select clearable v-model="formInline2.parkingTime" placeholder="停泊状态" popper-class="cur-select">
+                  <el-option label="全部" value=""></el-option>
+                  <el-option label="已出场" value="已出场"></el-option>
+                  <el-option label="停泊中" value="停泊中"></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item>
+                <el-button type="primary" class="query-btn" @click="onSubmit2">查询</el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+        <el-table :data="tableData2">
+          <el-table-column v-for="(item, index) in columns2" :key="index" :label="item.label" :prop="item.key">
+          </el-table-column>
+        </el-table>
+        <div class="table-pagination">
+          <el-pagination layout="prev, pager, next" :total="total1" @current-change="handlePageChange2"
+                         :current-page.sync="pageNum2" :page-size.sync="pageSize2">
+          </el-pagination>
+        </div>
+      </el-tab-pane>
+      <el-tab-pane label="订单统计" name="订单统计">
+        <el-form class="form-wrapper" :inline="true" :model="formInline3" style="margin-bottom: 20px;">
+          <el-row>
+            <el-col :span="8">
+              <el-form-item label="车牌号:">
+                <el-input v-model="formInline3.plateNo" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="停泊状态:">
+                <el-select clearable v-model="formInline3.parkingTime" placeholder="停泊状态" popper-class="cur-select">
+                  <el-option label="全部" value=""></el-option>
+                  <el-option label="已出场" value="已出场"></el-option>
+                  <el-option label="停泊中" value="停泊中"></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item>
+                <el-button type="primary" class="query-btn" @click="onSubmit3">查询</el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+        <el-table :data="tableData3">
+          <el-table-column v-for="(item, index) in columns3" :key="index" :label="item.label" :prop="item.key">
+          </el-table-column>
+        </el-table>
+        <div class="table-pagination">
+          <el-pagination layout="prev, pager, next" :total="total3" @current-change="handlePageChange3"
+                         :current-page.sync="pageNum3" :page-size.sync="pageSize3">
+          </el-pagination>
+        </div>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+<script>
+import api from "@/api/audit.js";
+import dictionary from "@/util/dictionary";
+
+export default {
+  components: {},
+  data() {
+    return {
+      activeName: '规则配置',
+      columns1: [
+        {
+          label: '规则名称',
+          key: 'ruleName'
+        },
+        {
+          label: '生效日期',
+          key: 'effectiveTime'
+        },
+        {
+          label: '生效时段',
+          key: 'effectivePeriod'
+        },
+        {
+          label: '计费档位',
+          key: 'billingStation'
+        },
+        {
+          label: '收费价格',
+          key: 'chargePrice'
+        },
+      ],
+      tableData1: [],
+      total1: 0,
+      pageSize1: 10,
+      pageNum1: 1,
+      formInline1: {
+        ruleName: ''
+      },
+      title:'',
+      dialogVisible:false,
+      formLabelAlign: {
+        id: '',
+        ruleName: '',
+        effectiveTime: '',
+        effectivePeriod: '',
+        billingStation: '',
+        chargePrice: '',
+      },
+      columns2: [
+        {
+          label: '车牌号',
+          key: 'plateNo'
+        },
+        {
+          label: '入场时间',
+          key: ''
+        },
+        {
+          label: '停车时长',
+          key: ''
+        },
+        {
+          label: '停泊状态',
+          key: 'parkingTime'
+        },
+        {
+          label: '金额',
+          key: ''
+        },
+      ],
+      tableData2: [],
+      total2: 0,
+      pageSize2: 10,
+      pageNum2: 1,
+      formInline2: {
+        plateNo: '',
+        parkingTime:''
+      },
+      columns3: [
+        {
+          label: '车牌号',
+          key: 'plateNo'
+        },
+        {
+          label: '入场时间',
+          key: ''
+        },
+        {
+          label: '停车时长',
+          key: ''
+        },
+        {
+          label: '停泊状态',
+          key: 'parkingTime'
+        },
+        {
+          label: '金额',
+          key: ''
+        },
+      ],
+      tableData3: [],
+      total3: 0,
+      pageSize3: 10,
+      pageNum3: 1,
+      formInline3: {
+        plateNo: '',
+        parkingTime:''
+      },
+    }
+  },
+  mounted() {
+    // this.getTableData1()
+    // this.getTableData2()
+    // this.getTableData3()
+  },
+  watch: {
+  },
+  methods: {
+    onSubmit1() {
+      this.pageNum1 = 1
+      this.getTableData1()
+    },
+    handleAdd () {
+      this.title = '添加规则'
+      this.formLabelAlign.ruleName= ''
+      this.formLabelAlign.effectiveTime= ''
+      this.formLabelAlign.effectivePeriod= ''
+      this.formLabelAlign.billingStation= ''
+      this.formLabelAlign.chargePrice= ''
+      this.dialogVisible = true
+    },
+    handleEdit(row) {
+      this.title = '修改规则'
+      this.formLabelAlign = row
+      this.dialogVisible = true
+    },
+    deleteRow (record) {
+      api.deleteWhiteIp({id: record.id}).then(res => {
+        if (res.code === 200) {
+          this.$message({type: 'success', message: '删除成功!'})
+          this.getTableData1()
+        }
+      })
+    },
+    handleConfirm() {
+      if (this.title === '修改规则') {
+        api.addWhiteIp({ipAddr: this.formLabelAlign.ipAddr, id: this.formLabelAlign.id}).then(res => {
+          if (res.code === 200) {
+            this.dialogVisible = false
+            this.$message({
+              message: '修改成功!',
+              type: 'success'
+            })
+            this.getTableData1()
+          }
+        })
+      } else {
+        api.addWhiteIp({ipAddr: this.formLabelAlign.ipAddr}).then(res => {
+          if (res.code === 200) {
+            this.dialogVisible = false
+            this.$message({
+              message: '添加成功!',
+              type: 'success'
+            })
+            this.getTableData1()
+          }
+        })
+      }
+    },
+    onSubmit2() {
+      this.pageNum2 = 1
+      this.getTableData2()
+    },
+    onSubmit3() {
+      this.pageNum3 = 1
+      this.getTableData3()
+    },
+    handlePageChange1() {
+      this.getTableData1()
+    },
+    getTableData1() {
+      const {pageNum1, pageSize1} = this
+      api.carListByPage({current: pageNum1, size: pageSize1, ...this.formInline1}).then(res => {
+        this.tableData1 = (res.data.records || []).map(item => ({...item, carType: dictionary.typeMap[item.carType]}))
+        this.total1 = res.data.total
+      })
+    },
+    handlePageChange2() {
+      this.getTableData2()
+    },
+    getTableData2() {
+      const {pageNum2, pageSize2} = this
+      api.gjListByPage({current: pageNum2, size: pageSize2, ...this.formInline2}).then(res => {
+        this.tableData2 = res.data.records || []
+        this.total2 = res.data.total
+      })
+    },
+    handlePageChange3() {
+      this.getTableData3()
+    },
+    getTableData3() {
+      const {pageNum3, pageSize3} = this
+      api.tcjlListByPage({current: pageNum3, size: pageSize3, ...this.formInline3}).then(res => {
+        this.tableData3 = res.data.records || []
+        this.total3 = res.data.total
+      })
+    },
+  }
+}
+</script>
+<style  lang="scss" scoped>
+.body-wrapper {
+  padding: 20px;
+  .button-block{
+    text-align: right;
+    margin-bottom: 20px;
+  }
+  .table-pagination{
+    text-align: right;
+  }
+  .search-card{
+    margin-bottom: 20px;
+    text-align: center;
+    .input-wrapper{
+      width: 36%;
+    }
+  }
+
+  .audit-dialog{
+    .mg-bt{
+      margin-bottom: 24px;
+    }
+    .label{
+      text-align: right;
+    }
+    .form-div{
+      /deep/ .el-input__inner{
+        height: 35px;
+        width: 90%;
+        border: 1px solid #a6a5a5;
+      }
+    }
+  }
+}
+</style>

src/pages/index/layouts/indexLayout.vue

@@ -42,6 +42,10 @@ export default {
         {name: '订单修改查询', url: '/product_order_search'},
         {name: '停车订单查询', url: '/parking_order'},
         {name: '泊位列表', url: '/berth_list'},
+        {name: '停车卡', url: '/parking_card'},
+        {name: '错峰停车', url: '/parking_unpeak'},
+        {name: '预约停车', url: '/appointment_rules'},
+        {name: '车场纠错', url: '/parking_correction'},
       ]
     }
   },

src/router/index.js

@@ -47,6 +47,26 @@ export default new Router({
           path: "/berth_list",
           component: () => import("../pages/index/components/berth_list.vue")
         },
+        {
+          name: "parking_card",
+          path: "/parking_card",
+          component: () => import("../pages/index/components/parking_card.vue")
+        },
+        {
+          name: "parking_unpeak",
+          path: "/parking_unpeak",
+          component: () => import("../pages/index/components/parking_unpeak.vue")
+        },
+        {
+          name: "appointment_rules",
+          path: "/appointment_rules",
+          component: () => import("../pages/index/components/appointment_rules.vue")
+        },
+        {
+          name: "parking_correction",
+          path: "/parking_correction",
+          component: () => import("../pages/index/components/parking_correction.vue")
+        },
       ]
     }
   ]