五

src/pages/index/components/business_record.vue

@@ -0,0 +1,632 @@
+<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.carParkingName" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="车牌号: ">
+                <el-input v-model="formInline1.plateNo" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="车位号: ">
+                <el-input v-model="formInline1.code" placeholder="请输入"></el-input>
+              </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="100px" :model="formLabelAlign">
+              <el-form-item label="车场名称">
+                <el-input v-model="formLabelAlign.carParkingName"></el-input>
+              </el-form-item>
+              <el-form-item label="车牌号">
+                <el-input v-model="formLabelAlign.plateNo"></el-input>
+              </el-form-item>
+              <el-form-item label="入场时间">
+                <el-input v-model="formLabelAlign.inTime"></el-input>
+              </el-form-item>
+              <el-form-item label="离场时间">
+                <el-input v-model="formLabelAlign.outTime"></el-input>
+              </el-form-item>
+              <el-form-item label="车位号">
+                <el-input v-model="formLabelAlign.code"></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.carParkingName" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <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="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-column
+            label="操作"
+            width="200">
+            <template slot-scope="scope" style="display: inline-block">
+              <el-button type="primary" @click="handleEdit2(scope.row)" slot="reference">修改</el-button>
+              <el-popconfirm title="确定删除吗？" @confirm="deleteRow2(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="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="110px" :model="formLabelAlign2">
+              <el-form-item label="车场名称">
+                <el-input v-model="formLabelAlign2.carParkingName"></el-input>
+              </el-form-item>
+              <el-form-item label="车牌号">
+                <el-input v-model="formLabelAlign2.plateNo"></el-input>
+              </el-form-item>
+              <el-form-item label="支付金额">
+                <el-input v-model="formLabelAlign2.payAmount"></el-input>
+              </el-form-item>
+              <el-form-item label="支付方式">
+                <el-input v-model="formLabelAlign2.payMethod"></el-input>
+              </el-form-item>
+              <el-form-item label="支付状态">
+                <el-input v-model="formLabelAlign2.payType"></el-input>
+              </el-form-item>
+              <el-form-item label="支付时间">
+                <el-input v-model="formLabelAlign2.payTime"></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.carParkingName" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <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>
+                <el-button type="primary" class="query-btn" @click="onSubmit3">查询</el-button>
+              </el-form-item>
+              <el-form-item>
+                <el-button type="success" @click="handleAdd3">添加</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">
+            <template slot-scope="scope" style="display: inline-block">
+              <el-button type="primary" @click="handleEdit3(scope.row)" slot="reference">修改</el-button>
+              <el-popconfirm title="确定删除吗？" @confirm="deleteRow3(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="total3" @current-change="handlePageChange3"
+                         :current-page.sync="pageNum3" :page-size.sync="pageSize3">
+          </el-pagination>
+        </div>
+
+        <el-dialog
+          :title="title3"
+          :visible.sync="dialogVisible3"
+          width="45%"
+          custom-class="audit-dialog">
+          <div class="form-div">
+            <el-form label-position="left" label-width="100px" :model="formLabelAlign3">
+              <el-form-item label="车场名称">
+                <el-input v-model="formLabelAlign3.carParkingName"></el-input>
+              </el-form-item>
+              <el-form-item label="车牌号">
+                <el-input v-model="formLabelAlign3.plateNo"></el-input>
+              </el-form-item>
+              <el-form-item label="停车时长(h)">
+                <el-input v-model="formLabelAlign3.parkDuration"></el-input>
+              </el-form-item>
+              <el-form-item label="欠费金额">
+                <el-input v-model="formLabelAlign3.owedAmount"></el-input>
+              </el-form-item>
+              <el-form-item label="支付方式">
+                <el-input v-model="formLabelAlign3.payMethod"></el-input>
+              </el-form-item>
+              <el-form-item label="支付状态">
+                <el-input v-model="formLabelAlign3.payType"></el-input>
+              </el-form-item>
+              <el-form-item label="支付时间">
+                <el-input v-model="formLabelAlign3.payTime"></el-input>
+              </el-form-item>
+            </el-form>
+          </div>
+          <span slot="footer" class="dialog-footer">
+            <el-button @click="dialogVisible3 = false">取 消</el-button>
+            <el-button type="primary" @click="handleConfirm3">确 定</el-button>
+        </span>
+        </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: 'carParkingName'
+        },
+        {
+          label: '车牌号',
+          key: 'plateNo'
+        },
+        {
+          label: '入场时间',
+          key: 'inTime'
+        },
+        {
+          label: '离场时间',
+          key: 'outTime'
+        },
+        {
+          label: '车位号',
+          key: 'code'
+        },
+      ],
+      tableData1: [{carParkingName: 'sasa'}],
+      total1: 0,
+      pageSize1: 10,
+      pageNum1: 1,
+      formInline1: {
+        carParkingName: '',
+        plateNo: '',
+        code: '',
+      },
+      title: '',
+      dialogVisible: false,
+      formLabelAlign: {
+        id: '',
+        carParkingName: '',
+        plateNo: '',
+        inTime: '',
+        outTime: '',
+        code: '',
+      },
+      columns2: [
+        {
+          label: '订单号',
+          key: 'code'
+        },
+        {
+          label: '车场名称',
+          key: 'carParkingName'
+        },
+        {
+          label: '车牌号',
+          key: 'plateNo'
+        },
+        {
+          label: '支付金额',
+          key: 'payAmount'
+        },
+        {
+          label: '支付方式',
+          key: 'payMethod'
+        },
+        {
+          label: '支付状态',
+          key: 'payType'
+        },
+        {
+          label: '支付时间',
+          key: 'payTime'
+        },
+      ],
+      tableData2: [{carParkingName: 'sasa1'}],
+      total2: 0,
+      pageSize2: 10,
+      pageNum2: 1,
+      formInline2: {
+        carParkingName: '',
+        plateNo: '',
+      },
+      title2: '',
+      dialogVisible2: false,
+      formLabelAlign2: {
+        id: '',
+        carParkingName: '',
+        plateNo: '',
+        payAmount: '',
+        payMethod: '',
+        payType: '',
+        payTime: '',
+      },
+      columns3: [
+        {
+          label: '订单号',
+          key: 'code'
+        },
+        {
+          label: '车场名称',
+          key: 'carParkingName'
+        },
+        {
+          label: '车牌号',
+          key: 'plateNo'
+        },
+        {
+          label: '停车时长(h)',
+          key: 'parkDuration'
+        },
+        {
+          label: '欠费金额',
+          key: 'owedAmount'
+        },
+        {
+          label: '支付方式',
+          key: 'payMethod'
+        },
+        {
+          label: '支付状态',
+          key: 'payType'
+        },
+        {
+          label: '支付时间',
+          key: 'payTime'
+        },
+      ],
+      tableData3: [{carParkingName: 'sasa111'}],
+      total3: 0,
+      pageSize3: 10,
+      pageNum3: 1,
+      formInline3: {
+        carParkingName: '',
+        plateNo: '',
+      },
+      title3: '',
+      dialogVisible3: false,
+      formLabelAlign3: {
+        id: '',
+        carParkingName: '',
+        plateNo: '',
+        parkDuration: '',
+        owedAmount: '',
+        payMethod: '',
+        payType: '',
+        payTime: '',
+      },
+    }
+  },
+  mounted() {
+    // this.getTableData1()
+    // this.getTableData2()
+    // this.getTableData3()
+    // this.getTableData4()
+  },
+  watch: {},
+  methods: {
+    onSubmit1() {
+      this.pageNum1 = 1
+      this.getTableData1()
+    },
+    handleAdd() {
+      this.title = '添加'
+      this.formLabelAlign.carParkingName = ''
+      this.formLabelAlign.plateNo = ''
+      this.formLabelAlign.inTime = ''
+      this.formLabelAlign.outTime = ''
+      this.formLabelAlign.code = ''
+      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.title2 = '添加'
+      this.formLabelAlign2.carParkingName = ''
+      this.formLabelAlign2.plateNo = ''
+      this.formLabelAlign2.payAmount = ''
+      this.formLabelAlign2.payMethod = ''
+      this.formLabelAlign2.payType = ''
+      this.formLabelAlign2.payTime = ''
+      this.dialogVisible2 = true
+    },
+
+    handleEdit2(row) {
+      this.title2 = '修改'
+      this.formLabelAlign2 = row
+      this.dialogVisible2 = true
+    },
+    deleteRow2(record) {
+      api.deleteWhiteIp({id: record.id}).then(res => {
+        if (res.code === 200) {
+          this.$message({type: 'success', message: '删除成功!'})
+          this.getTableData2()
+        }
+      })
+    },
+    handleConfirm2() {
+      if (this.title2 === '修改') {
+        api.addWhiteIp({ipAddr: this.formLabelAlign2.ipAddr, id: this.formLabelAlign2.id}).then(res => {
+          if (res.code === 200) {
+            this.dialogVisible2 = false
+            this.$message({
+              message: '修改成功!',
+              type: 'success'
+            })
+            this.getTableData2()
+          }
+        })
+      } else {
+        api.addWhiteIp({ipAddr: this.formLabelAlign2.ipAddr}).then(res => {
+          if (res.code === 200) {
+            this.dialogVisible2 = false
+            this.$message({
+              message: '添加成功!',
+              type: 'success'
+            })
+            this.getTableData2()
+          }
+        })
+      }
+    },
+    onSubmit3() {
+      this.pageNum3 = 1
+      this.getTableData3()
+    },
+    handleAdd3() {
+      this.title3 = '添加'
+      this.formLabelAlign3.carParkingName = ''
+      this.formLabelAlign3.plateNo = ''
+      this.formLabelAlign3.parkDuration = ''
+      this.formLabelAlign3.owedAmount = ''
+      this.formLabelAlign3.payMethod = ''
+      this.formLabelAlign3.payType = ''
+      this.formLabelAlign3.payTime = ''
+      this.dialogVisible3 = true
+    },
+
+    handleEdit3(row) {
+      this.title3 = '修改'
+      this.formLabelAlign3 = row
+      this.dialogVisible3 = true
+    },
+    deleteRow3(record) {
+      api.deleteWhiteIp({id: record.id}).then(res => {
+        if (res.code === 200) {
+          this.$message({type: 'success', message: '删除成功!'})
+          this.getTableData3()
+        }
+      })
+    },
+    handleConfirm3() {
+      if (this.title3 === '修改') {
+        api.addWhiteIp({ipAddr: this.formLabelAlign3.ipAddr, id: this.formLabelAlign3.id}).then(res => {
+          if (res.code === 200) {
+            this.dialogVisible3 = false
+            this.$message({
+              message: '修改成功!',
+              type: 'success'
+            })
+            this.getTableData3()
+          }
+        })
+      } else {
+        api.addWhiteIp({ipAddr: this.formLabelAlign3.ipAddr}).then(res => {
+          if (res.code === 200) {
+            this.dialogVisible3 = false
+            this.$message({
+              message: '添加成功!',
+              type: 'success'
+            })
+            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: pageNum4, size: pageSize4, ...this.formInline4}).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/exception_handing.vue

@@ -0,0 +1,742 @@
+<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.carParkingName" 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="100px" :model="formLabelAlign">
+              <el-form-item label="车场名称">
+                <el-input v-model="formLabelAlign.carParkingName"></el-input>
+              </el-form-item>
+              <el-form-item label="入场时间">
+                <el-input v-model="formLabelAlign.inTime"></el-input>
+              </el-form-item>
+              <el-form-item label="离场时间">
+                <el-input v-model="formLabelAlign.outTime"></el-input>
+              </el-form-item>
+              <el-form-item label="停车场管理员">
+                <el-input v-model="formLabelAlign.parkAdmin"></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.carParkingName" placeholder="请输入"></el-input>
+              </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-column
+            label="操作"
+            width="200">
+            <template slot-scope="scope" style="display: inline-block">
+              <el-button type="primary" @click="handleEdit2(scope.row)" slot="reference">修改</el-button>
+              <el-popconfirm title="确定删除吗？" @confirm="deleteRow2(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="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="110px" :model="formLabelAlign2">
+              <el-form-item label="车场名称">
+                <el-input v-model="formLabelAlign2.carParkingName"></el-input>
+              </el-form-item>
+              <el-form-item label="计费方式">
+                <el-input v-model="formLabelAlign2.billingMode"></el-input>
+              </el-form-item>
+              <el-form-item label="收费标准(元/h)">
+                <el-input v-model="formLabelAlign2.chargeStandard"></el-input>
+              </el-form-item>
+              <el-form-item label="收费方式">
+                <el-input v-model="formLabelAlign2.chargeMethod"></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.carParkingName" 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-form-item>
+                <el-button type="success" @click="handleAdd3">添加</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">
+            <template slot-scope="scope" style="display: inline-block">
+              <el-button type="primary" @click="handleEdit3(scope.row)" slot="reference">修改</el-button>
+              <el-popconfirm title="确定删除吗？" @confirm="deleteRow3(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="total3" @current-change="handlePageChange3"
+                         :current-page.sync="pageNum3" :page-size.sync="pageSize3">
+          </el-pagination>
+        </div>
+
+        <el-dialog
+          :title="title3"
+          :visible.sync="dialogVisible3"
+          width="45%"
+          custom-class="audit-dialog">
+          <div class="form-div">
+            <el-form label-position="left" label-width="100px" :model="formLabelAlign3">
+              <el-form-item label="车场名称">
+                <el-input v-model="formLabelAlign3.carParkingName"></el-input>
+              </el-form-item>
+              <el-form-item label="欠费期限(h)">
+                <el-input v-model="formLabelAlign3.arrears"></el-input>
+              </el-form-item>
+              <el-form-item label="逾期费用">
+                <el-input v-model="formLabelAlign3.overdueCharge"></el-input>
+              </el-form-item>
+              <el-form-item label="支付方式">
+                <el-input v-model="formLabelAlign3.paymentMethod"></el-input>
+              </el-form-item>
+              <el-form-item label="通知方式">
+                <el-input v-model="formLabelAlign3.notificationMode"></el-input>
+              </el-form-item>
+              <el-form-item label="处理措施">
+                <el-input v-model="formLabelAlign3.treatmentMeasure"></el-input>
+              </el-form-item>
+            </el-form>
+          </div>
+          <span slot="footer" class="dialog-footer">
+            <el-button @click="dialogVisible3 = false">取 消</el-button>
+            <el-button type="primary" @click="handleConfirm3">确 定</el-button>
+        </span>
+        </el-dialog>
+      </el-tab-pane>
+      <el-tab-pane label="僵尸车清理记录" name="僵尸车清理记录">
+        <el-form class="form-wrapper" :inline="true" :model="formInline4" style="margin-bottom: 20px;">
+          <el-row>
+            <el-col :span="8">
+              <el-form-item label="车场名称:">
+                <el-input v-model="formInline4.carParkingName" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item>
+                <el-button type="primary" class="query-btn" @click="onSubmit4">查询</el-button>
+              </el-form-item>
+              <el-form-item>
+                <el-button type="success" @click="handleAdd4">添加</el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+        <el-table :data="tableData4">
+          <el-table-column v-for="(item, index) in columns4" :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="handleEdit4(scope.row)" slot="reference">修改</el-button>
+              <el-popconfirm title="确定删除吗？" @confirm="deleteRow4(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="total4" @current-change="handlePageChange4"
+                         :current-page.sync="pageNum4" :page-size.sync="pageSize4">
+          </el-pagination>
+        </div>
+
+        <el-dialog
+          :title="title4"
+          :visible.sync="dialogVisible4"
+          width="45%"
+          custom-class="audit-dialog">
+          <div class="form-div">
+            <el-form label-position="left" label-width="100px" :model="formLabelAlign4">
+              <el-form-item label="车场名称">
+                <el-input v-model="formLabelAlign4.carParkingName"></el-input>
+              </el-form-item>
+              <el-form-item label="标识通知">
+                <el-input v-model="formLabelAlign4.identificationNotice"></el-input>
+              </el-form-item>
+              <el-form-item label="跟踪通知">
+                <el-input v-model="formLabelAlign4.traceNotification"></el-input>
+              </el-form-item>
+              <el-form-item label="公告">
+                <el-input v-model="formLabelAlign4.announcement"></el-input>
+              </el-form-item>
+              <el-form-item label="最终处理">
+                <el-input v-model="formLabelAlign4.finalTreatment"></el-input>
+              </el-form-item>
+              <el-form-item label="法律程序">
+                <el-input v-model="formLabelAlign4.legalProcedure"></el-input>
+              </el-form-item>
+            </el-form>
+          </div>
+          <span slot="footer" class="dialog-footer">
+            <el-button @click="dialogVisible4 = false">取 消</el-button>
+            <el-button type="primary" @click="handleConfirm4">确 定</el-button>
+        </span>
+        </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: 'carParkingName'
+        },
+        {
+          label: '入场时间',
+          key: 'inTime'
+        },
+        {
+          label: '离场时间',
+          key: 'outTime'
+        },
+        {
+          label: '停车场管理员',
+          key: 'parkAdmin'
+        },
+      ],
+      tableData1: [{carParkingName: 'sasa'}],
+      total1: 0,
+      pageSize1: 10,
+      pageNum1: 1,
+      formInline1: {
+        carParkingName: '',
+      },
+      title: '',
+      dialogVisible: false,
+      formLabelAlign: {
+        id: '',
+        carParkingName: '',
+        inTime: '',
+        outTime: '',
+        parkAdmin: '',
+      },
+      columns2: [
+        {
+          label: '车场名称',
+          key: 'carParkingName'
+        },
+        {
+          label: '计费方式',
+          key: 'billingMode'
+        },
+        {
+          label: '收费标准(元/h)',
+          key: 'chargeStandard'
+        },
+        {
+          label: '收费方式',
+          key: 'chargeMethod'
+        },
+      ],
+      tableData2: [{carParkingName: 'sasa1'}],
+      total2: 0,
+      pageSize2: 10,
+      pageNum2: 1,
+      formInline2: {
+        carParkingName: '',
+      },
+      title2: '',
+      dialogVisible2: false,
+      formLabelAlign2: {
+        id: '',
+        carParkingName: '',
+        billingMode: '',
+        chargeStandard: '',
+        chargeMethod: '',
+      },
+      columns3: [
+        {
+          label: '停车场名称',
+          key: 'carParkingName'
+        },
+        {
+          label: '欠费期限(h)',
+          key: 'arrears'
+        },
+        {
+          label: '逾期费用',
+          key: 'overdueCharge'
+        },
+        {
+          label: '支付方式',
+          key: 'paymentMethod'
+        },
+        {
+          label: '通知方式',
+          key: 'notificationMode'
+        },
+        {
+          label: '处理措施',
+          key: 'treatmentMeasure'
+        },
+      ],
+      tableData3: [{carParkingName: 'sasa111'}],
+      total3: 0,
+      pageSize3: 10,
+      pageNum3: 1,
+      formInline3: {
+        carParkingName: ''
+      },
+      title3: '',
+      dialogVisible3: false,
+      formLabelAlign3: {
+        id: '',
+        carParkingName: '',
+        arrears: '',
+        overdueCharge: '',
+        paymentMethod: '',
+        notificationMode: '',
+        treatmentMeasure: '',
+      },
+      columns4: [
+        {
+          label: '停车场名称',
+          key: 'carParkingName'
+        },
+        {
+          label: '标识通知',
+          key: 'identificationNotice'
+        },
+        {
+          label: '跟踪通知',
+          key: 'traceNotification'
+        },
+        {
+          label: '公告',
+          key: 'announcement'
+        },
+        {
+          label: '最终处理',
+          key: 'finalTreatment'
+        },
+        {
+          label: '法律程序',
+          key: 'legalProcedure'
+        },
+      ],
+      tableData4: [{carParkingName: 'sasa1111'}],
+      total4: 0,
+      pageSize4: 10,
+      pageNum4: 1,
+      formInline4: {
+        carParkingName: ''
+      },
+      title4: '',
+      dialogVisible4: false,
+      formLabelAlign4: {
+        id: '',
+        carParkingName: '',
+        identificationNotice: '',
+        traceNotification: '',
+        announcement: '',
+        finalTreatment: '',
+        legalProcedure: '',
+      },
+    }
+  },
+  mounted() {
+    // this.getTableData1()
+    // this.getTableData2()
+    // this.getTableData3()
+    // this.getTableData4()
+  },
+  watch: {},
+  methods: {
+    onSubmit1() {
+      this.pageNum1 = 1
+      this.getTableData1()
+    },
+    handleAdd() {
+      this.title = '添加车场'
+      this.formLabelAlign.carParkingName = ''
+      this.formLabelAlign.inTime = ''
+      this.formLabelAlign.outTime = ''
+      this.formLabelAlign.parkAdmin = ''
+      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.title2 = '添加'
+      this.formLabelAlign2.carParkingName = ''
+      this.formLabelAlign2.billingMode = ''
+      this.formLabelAlign2.chargeStandard = ''
+      this.formLabelAlign2.chargeMethod = ''
+      this.dialogVisible2 = true
+    },
+
+    handleEdit2(row) {
+      this.title2 = '修改'
+      this.formLabelAlign2 = row
+      this.dialogVisible2 = true
+    },
+    deleteRow2(record) {
+      api.deleteWhiteIp({id: record.id}).then(res => {
+        if (res.code === 200) {
+          this.$message({type: 'success', message: '删除成功!'})
+          this.getTableData2()
+        }
+      })
+    },
+    handleConfirm2() {
+      if (this.title2 === '修改') {
+        api.addWhiteIp({ipAddr: this.formLabelAlign2.ipAddr, id: this.formLabelAlign2.id}).then(res => {
+          if (res.code === 200) {
+            this.dialogVisible2 = false
+            this.$message({
+              message: '修改成功!',
+              type: 'success'
+            })
+            this.getTableData2()
+          }
+        })
+      } else {
+        api.addWhiteIp({ipAddr: this.formLabelAlign2.ipAddr}).then(res => {
+          if (res.code === 200) {
+            this.dialogVisible2 = false
+            this.$message({
+              message: '添加成功!',
+              type: 'success'
+            })
+            this.getTableData2()
+          }
+        })
+      }
+    },
+    onSubmit3() {
+      this.pageNum3 = 1
+      this.getTableData3()
+    },
+    handleAdd3() {
+      this.title3 = '添加'
+      this.formLabelAlign3.carParkingName = ''
+      this.formLabelAlign3.arrears = ''
+      this.formLabelAlign3.overdueCharge = ''
+      this.formLabelAlign3.paymentMethod = ''
+      this.formLabelAlign3.notificationMode = ''
+      this.formLabelAlign3.treatmentMeasure = ''
+      this.dialogVisible3 = true
+    },
+
+    handleEdit3(row) {
+      this.title3 = '修改'
+      this.formLabelAlign3 = row
+      this.dialogVisible3 = true
+    },
+    deleteRow3(record) {
+      api.deleteWhiteIp({id: record.id}).then(res => {
+        if (res.code === 200) {
+          this.$message({type: 'success', message: '删除成功!'})
+          this.getTableData3()
+        }
+      })
+    },
+    handleConfirm3() {
+      if (this.title3 === '修改') {
+        api.addWhiteIp({ipAddr: this.formLabelAlign3.ipAddr, id: this.formLabelAlign3.id}).then(res => {
+          if (res.code === 200) {
+            this.dialogVisible3 = false
+            this.$message({
+              message: '修改成功!',
+              type: 'success'
+            })
+            this.getTableData3()
+          }
+        })
+      } else {
+        api.addWhiteIp({ipAddr: this.formLabelAlign3.ipAddr}).then(res => {
+          if (res.code === 200) {
+            this.dialogVisible3 = false
+            this.$message({
+              message: '添加成功!',
+              type: 'success'
+            })
+            this.getTableData3()
+          }
+        })
+      }
+    },
+    onSubmit4() {
+      this.pageNum4 = 1
+      this.getTableData4()
+    },
+    handleAdd4() {
+      this.title4 = '添加'
+      this.formLabelAlign4.carParkingName = ''
+      this.formLabelAlign4.identificationNotice = ''
+      this.formLabelAlign4.traceNotification = ''
+      this.formLabelAlign4.announcement = ''
+      this.formLabelAlign4.finalTreatment = ''
+      this.formLabelAlign4.legalProcedure = ''
+      this.dialogVisible4 = true
+    },
+
+    handleEdit4(row) {
+      this.title4 = '修改'
+      this.formLabelAlign4 = row
+      this.dialogVisible4 = true
+    },
+    deleteRow4(record) {
+      api.deleteWhiteIp({id: record.id}).then(res => {
+        if (res.code === 200) {
+          this.$message({type: 'success', message: '删除成功!'})
+          this.getTableData4()
+        }
+      })
+    },
+    handleConfirm4() {
+      if (this.title4 === '修改') {
+        api.addWhiteIp({ipAddr: this.formLabelAlign4.ipAddr, id: this.formLabelAlign4.id}).then(res => {
+          if (res.code === 200) {
+            this.dialogVisible4 = false
+            this.$message({
+              message: '修改成功!',
+              type: 'success'
+            })
+            this.getTableData4()
+          }
+        })
+      } else {
+        api.addWhiteIp({ipAddr: this.formLabelAlign4.ipAddr}).then(res => {
+          if (res.code === 200) {
+            this.dialogVisible4 = false
+            this.$message({
+              message: '添加成功!',
+              type: 'success'
+            })
+            this.getTableData4()
+          }
+        })
+      }
+    },
+    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: pageNum4, size: pageSize4, ...this.formInline4}).then(res => {
+        this.tableData3 = res.data.records || []
+        this.total3 = res.data.total
+      })
+    },
+    handlePageChange4() {
+      this.getTableData4()
+    },
+    getTableData4() {
+      const {pageNum4, pageSize4} = this
+      api.tcjlListByPage({current: pageNum4, size: pageSize4, ...this.formInline4}).then(res => {
+        this.tableData4 = res.data.records || []
+        this.total4 = 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/inspection_management.vue

@@ -0,0 +1,392 @@
+<template>
+  <div class="body-wrapper">
+    <el-tabs  v-model="activeName">
+      <el-tab-pane label="稽查配置" name="稽查配置">
+        <el-form class="form-wrapper" :inline="true" style="margin-bottom: 20px;">
+          <el-row>
+            <el-col :span="8">
+              <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.type"></el-input>
+              </el-form-item>
+              <el-form-item label="问题描述">
+                <el-input v-model="formLabelAlign.questionDescription"></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="稽查审核">
+        <div style="font-size: large;margin-bottom: 30px">稽查审核</div>
+        <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.orderCode" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <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-column
+            label="操作"
+            width="100">
+            <template slot-scope="scope" style="display: inline-block">
+              <el-button  @click="handleAudit(scope.row)" type="text">审核</el-button>
+            </template>
+          </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">
+          <el-row class="mg-bt">
+            <el-col class="label" :span="4">审核：</el-col>
+            <el-col :span="18">
+              <el-radio v-model="radio" label="2">通过</el-radio>
+              <el-radio v-model="radio" label="3">驳回</el-radio>
+            </el-col>
+          </el-row>
+          <span slot="footer" class="dialog-footer">
+            <el-button @click="dialogVisible2 = false">取 消</el-button>
+            <el-button type="primary" @click="handleConfirm2">确 定</el-button>
+        </span>
+        </el-dialog>
+
+        <div style="font-size: large;margin-bottom: 30px">处理记录</div>
+        <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: 'type'
+        },
+        {
+          label: '问题描述',
+          key: 'questionDescription'
+        },
+        {
+          label: '创建日期',
+          key: 'creatTime'
+        },
+      ],
+      tableData1: [{parkingCardName:'昌建东外滩西南停车场',type:'实地考察',questionDescription:'部分车位存在一车多位的占用现象',creatTime:'2023-12-30'}],
+      total1: 0,
+      pageSize1: 10,
+      pageNum1: 1,
+      title:'',
+      dialogVisible:false,
+      formLabelAlign: {
+        id: '',
+        parkingCardName: '',
+        type: '',
+        questionDescription: '',
+      },
+      columns2: [
+        {
+          label: '稽查对象',
+          key: 'parkingCardName'
+        },
+        {
+          label: '取证类型',
+          key: 'type'
+        },
+        {
+          label: '问题描述',
+          key: 'questionDescription'
+        },
+        {
+          label: '创建日期',
+          key: 'creatTime'
+        },
+      ],
+      tableData2: [{parkingCardName:'昌建东外滩西南停车场',type:'实地考察',questionDescription:'部分车位存在一车多位的占用现象',creatTime:'2023-12-30'}],
+      total2: 0,
+      radio: '2',
+      pageSize2: 10,
+      pageNum2: 1,
+      formInline2: {
+        orderCode: '',
+        orderStatus:'',
+        orderWay:''
+      },
+      title2:'',
+      dialogVisible2:false,
+      formLabelAlign2: {
+        id: '',
+        parkingCardName: '',
+        type: '',
+        questionDescription: '',
+      },
+      columns3: [
+        {
+          label: '稽查对象',
+          key: 'parkingCardName'
+        },
+        {
+          label: '取证类型',
+          key: 'type'
+        },
+        {
+          label: '问题描述',
+          key: 'questionDescription'
+        },
+        {
+          label: '审核日期',
+          key: ''
+        },
+        {
+          label: '审核日期',
+          key: ''
+        },
+        {
+          label: '处理人',
+          key: ''
+        },
+      ],
+      tableData3: [],
+      total3: 0,
+      pageSize3: 10,
+      pageNum3: 1,
+      formInline3: {
+        parkingCardName: ''
+      },
+    }
+  },
+  mounted() {
+    // this.getTableData1()
+    // this.getTableData2()
+    // this.getTableData3()
+  },
+  watch: {
+  },
+  methods: {
+    handleAdd () {
+      this.title = '添加配置'
+      this.formLabelAlign.parkingCardName= ''
+      this.formLabelAlign.type= ''
+      this.formLabelAlign.questionDescription= ''
+      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()
+    },
+    handleAudit(row) {
+      this.formLabelAlign2 = row
+      this.dialogVisible2 = true
+    },
+
+    handleConfirm2() {
+      const {id} = this.formLabelAlign2.id
+      console.log('radio', this.radio)
+      api.applyResource({id, applyType: this.radio}).then(res => {
+        if(res.code === 200) {
+          this.dialogVisible2 = false
+          this.$message({
+            message: '审核成功!',
+            type: 'success'
+          })
+          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/components/pakking_lot.vue

@@ -0,0 +1,742 @@
+<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.carParkingName" 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="100px" :model="formLabelAlign">
+              <el-form-item label="车场名称">
+                <el-input v-model="formLabelAlign.carParkingName"></el-input>
+              </el-form-item>
+              <el-form-item label="入场时间">
+                <el-input v-model="formLabelAlign.inTime"></el-input>
+              </el-form-item>
+              <el-form-item label="离场时间">
+                <el-input v-model="formLabelAlign.outTime"></el-input>
+              </el-form-item>
+              <el-form-item label="停车场管理员">
+                <el-input v-model="formLabelAlign.parkAdmin"></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.carParkingName" placeholder="请输入"></el-input>
+              </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-column
+            label="操作"
+            width="200">
+            <template slot-scope="scope" style="display: inline-block">
+              <el-button type="primary" @click="handleEdit2(scope.row)" slot="reference">修改</el-button>
+              <el-popconfirm title="确定删除吗？" @confirm="deleteRow2(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="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="110px" :model="formLabelAlign2">
+              <el-form-item label="车场名称">
+                <el-input v-model="formLabelAlign2.carParkingName"></el-input>
+              </el-form-item>
+              <el-form-item label="计费方式">
+                <el-input v-model="formLabelAlign2.billingMode"></el-input>
+              </el-form-item>
+              <el-form-item label="收费标准(元/h)">
+                <el-input v-model="formLabelAlign2.chargeStandard"></el-input>
+              </el-form-item>
+              <el-form-item label="收费方式">
+                <el-input v-model="formLabelAlign2.chargeMethod"></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.carParkingName" 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-form-item>
+                <el-button type="success" @click="handleAdd3">添加</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">
+            <template slot-scope="scope" style="display: inline-block">
+              <el-button type="primary" @click="handleEdit3(scope.row)" slot="reference">修改</el-button>
+              <el-popconfirm title="确定删除吗？" @confirm="deleteRow3(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="total3" @current-change="handlePageChange3"
+                         :current-page.sync="pageNum3" :page-size.sync="pageSize3">
+          </el-pagination>
+        </div>
+
+        <el-dialog
+          :title="title3"
+          :visible.sync="dialogVisible3"
+          width="45%"
+          custom-class="audit-dialog">
+          <div class="form-div">
+            <el-form label-position="left" label-width="100px" :model="formLabelAlign3">
+              <el-form-item label="车场名称">
+                <el-input v-model="formLabelAlign3.carParkingName"></el-input>
+              </el-form-item>
+              <el-form-item label="欠费期限(h)">
+                <el-input v-model="formLabelAlign3.arrears"></el-input>
+              </el-form-item>
+              <el-form-item label="逾期费用">
+                <el-input v-model="formLabelAlign3.overdueCharge"></el-input>
+              </el-form-item>
+              <el-form-item label="支付方式">
+                <el-input v-model="formLabelAlign3.paymentMethod"></el-input>
+              </el-form-item>
+              <el-form-item label="通知方式">
+                <el-input v-model="formLabelAlign3.notificationMode"></el-input>
+              </el-form-item>
+              <el-form-item label="处理措施">
+                <el-input v-model="formLabelAlign3.treatmentMeasure"></el-input>
+              </el-form-item>
+            </el-form>
+          </div>
+          <span slot="footer" class="dialog-footer">
+            <el-button @click="dialogVisible3 = false">取 消</el-button>
+            <el-button type="primary" @click="handleConfirm3">确 定</el-button>
+        </span>
+        </el-dialog>
+      </el-tab-pane>
+      <el-tab-pane label="僵尸车管理" name="僵尸车管理">
+        <el-form class="form-wrapper" :inline="true" :model="formInline4" style="margin-bottom: 20px;">
+          <el-row>
+            <el-col :span="8">
+              <el-form-item label="车场名称:">
+                <el-input v-model="formInline4.carParkingName" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item>
+                <el-button type="primary" class="query-btn" @click="onSubmit4">查询</el-button>
+              </el-form-item>
+              <el-form-item>
+                <el-button type="success" @click="handleAdd4">添加</el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+        <el-table :data="tableData4">
+          <el-table-column v-for="(item, index) in columns4" :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="handleEdit4(scope.row)" slot="reference">修改</el-button>
+              <el-popconfirm title="确定删除吗？" @confirm="deleteRow4(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="total4" @current-change="handlePageChange4"
+                         :current-page.sync="pageNum4" :page-size.sync="pageSize4">
+          </el-pagination>
+        </div>
+
+        <el-dialog
+          :title="title4"
+          :visible.sync="dialogVisible4"
+          width="45%"
+          custom-class="audit-dialog">
+          <div class="form-div">
+            <el-form label-position="left" label-width="100px" :model="formLabelAlign4">
+              <el-form-item label="车场名称">
+                <el-input v-model="formLabelAlign4.carParkingName"></el-input>
+              </el-form-item>
+              <el-form-item label="标识通知">
+                <el-input v-model="formLabelAlign4.identificationNotice"></el-input>
+              </el-form-item>
+              <el-form-item label="跟踪通知">
+                <el-input v-model="formLabelAlign4.traceNotification"></el-input>
+              </el-form-item>
+              <el-form-item label="公告">
+                <el-input v-model="formLabelAlign4.announcement"></el-input>
+              </el-form-item>
+              <el-form-item label="最终处理">
+                <el-input v-model="formLabelAlign4.finalTreatment"></el-input>
+              </el-form-item>
+              <el-form-item label="法律程序">
+                <el-input v-model="formLabelAlign4.legalProcedure"></el-input>
+              </el-form-item>
+            </el-form>
+          </div>
+          <span slot="footer" class="dialog-footer">
+            <el-button @click="dialogVisible4 = false">取 消</el-button>
+            <el-button type="primary" @click="handleConfirm4">确 定</el-button>
+        </span>
+        </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: 'carParkingName'
+        },
+        {
+          label: '入场时间',
+          key: 'inTime'
+        },
+        {
+          label: '离场时间',
+          key: 'outTime'
+        },
+        {
+          label: '停车场管理员',
+          key: 'parkAdmin'
+        },
+      ],
+      tableData1: [{carParkingName: 'sasa'}],
+      total1: 0,
+      pageSize1: 10,
+      pageNum1: 1,
+      formInline1: {
+        carParkingName: '',
+      },
+      title: '',
+      dialogVisible: false,
+      formLabelAlign: {
+        id: '',
+        carParkingName: '',
+        inTime: '',
+        outTime: '',
+        parkAdmin: '',
+      },
+      columns2: [
+        {
+          label: '车场名称',
+          key: 'carParkingName'
+        },
+        {
+          label: '计费方式',
+          key: 'billingMode'
+        },
+        {
+          label: '收费标准(元/h)',
+          key: 'chargeStandard'
+        },
+        {
+          label: '收费方式',
+          key: 'chargeMethod'
+        },
+      ],
+      tableData2: [{carParkingName: 'sasa1'}],
+      total2: 0,
+      pageSize2: 10,
+      pageNum2: 1,
+      formInline2: {
+        carParkingName: '',
+      },
+      title2: '',
+      dialogVisible2: false,
+      formLabelAlign2: {
+        id: '',
+        carParkingName: '',
+        billingMode: '',
+        chargeStandard: '',
+        chargeMethod: '',
+      },
+      columns3: [
+        {
+          label: '停车场名称',
+          key: 'carParkingName'
+        },
+        {
+          label: '欠费期限(h)',
+          key: 'arrears'
+        },
+        {
+          label: '逾期费用',
+          key: 'overdueCharge'
+        },
+        {
+          label: '支付方式',
+          key: 'paymentMethod'
+        },
+        {
+          label: '通知方式',
+          key: 'notificationMode'
+        },
+        {
+          label: '处理措施',
+          key: 'treatmentMeasure'
+        },
+      ],
+      tableData3: [{carParkingName: 'sasa111'}],
+      total3: 0,
+      pageSize3: 10,
+      pageNum3: 1,
+      formInline3: {
+        carParkingName: ''
+      },
+      title3: '',
+      dialogVisible3: false,
+      formLabelAlign3: {
+        id: '',
+        carParkingName: '',
+        arrears: '',
+        overdueCharge: '',
+        paymentMethod: '',
+        notificationMode: '',
+        treatmentMeasure: '',
+      },
+      columns4: [
+        {
+          label: '停车场名称',
+          key: 'carParkingName'
+        },
+        {
+          label: '标识通知',
+          key: 'identificationNotice'
+        },
+        {
+          label: '跟踪通知',
+          key: 'traceNotification'
+        },
+        {
+          label: '公告',
+          key: 'announcement'
+        },
+        {
+          label: '最终处理',
+          key: 'finalTreatment'
+        },
+        {
+          label: '法律程序',
+          key: 'legalProcedure'
+        },
+      ],
+      tableData4: [{carParkingName: 'sasa1111'}],
+      total4: 0,
+      pageSize4: 10,
+      pageNum4: 1,
+      formInline4: {
+        carParkingName: ''
+      },
+      title4: '',
+      dialogVisible4: false,
+      formLabelAlign4: {
+        id: '',
+        carParkingName: '',
+        identificationNotice: '',
+        traceNotification: '',
+        announcement: '',
+        finalTreatment: '',
+        legalProcedure: '',
+      },
+    }
+  },
+  mounted() {
+    // this.getTableData1()
+    // this.getTableData2()
+    // this.getTableData3()
+    // this.getTableData4()
+  },
+  watch: {},
+  methods: {
+    onSubmit1() {
+      this.pageNum1 = 1
+      this.getTableData1()
+    },
+    handleAdd() {
+      this.title = '添加车场'
+      this.formLabelAlign.carParkingName = ''
+      this.formLabelAlign.inTime = ''
+      this.formLabelAlign.outTime = ''
+      this.formLabelAlign.parkAdmin = ''
+      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.title2 = '添加'
+      this.formLabelAlign2.carParkingName = ''
+      this.formLabelAlign2.billingMode = ''
+      this.formLabelAlign2.chargeStandard = ''
+      this.formLabelAlign2.chargeMethod = ''
+      this.dialogVisible2 = true
+    },
+
+    handleEdit2(row) {
+      this.title2 = '修改'
+      this.formLabelAlign2 = row
+      this.dialogVisible2 = true
+    },
+    deleteRow2(record) {
+      api.deleteWhiteIp({id: record.id}).then(res => {
+        if (res.code === 200) {
+          this.$message({type: 'success', message: '删除成功!'})
+          this.getTableData2()
+        }
+      })
+    },
+    handleConfirm2() {
+      if (this.title2 === '修改') {
+        api.addWhiteIp({ipAddr: this.formLabelAlign2.ipAddr, id: this.formLabelAlign2.id}).then(res => {
+          if (res.code === 200) {
+            this.dialogVisible2 = false
+            this.$message({
+              message: '修改成功!',
+              type: 'success'
+            })
+            this.getTableData2()
+          }
+        })
+      } else {
+        api.addWhiteIp({ipAddr: this.formLabelAlign2.ipAddr}).then(res => {
+          if (res.code === 200) {
+            this.dialogVisible2 = false
+            this.$message({
+              message: '添加成功!',
+              type: 'success'
+            })
+            this.getTableData2()
+          }
+        })
+      }
+    },
+    onSubmit3() {
+      this.pageNum3 = 1
+      this.getTableData3()
+    },
+    handleAdd3() {
+      this.title3 = '添加'
+      this.formLabelAlign3.carParkingName = ''
+      this.formLabelAlign3.arrears = ''
+      this.formLabelAlign3.overdueCharge = ''
+      this.formLabelAlign3.paymentMethod = ''
+      this.formLabelAlign3.notificationMode = ''
+      this.formLabelAlign3.treatmentMeasure = ''
+      this.dialogVisible3 = true
+    },
+
+    handleEdit3(row) {
+      this.title3 = '修改'
+      this.formLabelAlign3 = row
+      this.dialogVisible3 = true
+    },
+    deleteRow3(record) {
+      api.deleteWhiteIp({id: record.id}).then(res => {
+        if (res.code === 200) {
+          this.$message({type: 'success', message: '删除成功!'})
+          this.getTableData3()
+        }
+      })
+    },
+    handleConfirm3() {
+      if (this.title3 === '修改') {
+        api.addWhiteIp({ipAddr: this.formLabelAlign3.ipAddr, id: this.formLabelAlign3.id}).then(res => {
+          if (res.code === 200) {
+            this.dialogVisible3 = false
+            this.$message({
+              message: '修改成功!',
+              type: 'success'
+            })
+            this.getTableData3()
+          }
+        })
+      } else {
+        api.addWhiteIp({ipAddr: this.formLabelAlign3.ipAddr}).then(res => {
+          if (res.code === 200) {
+            this.dialogVisible3 = false
+            this.$message({
+              message: '添加成功!',
+              type: 'success'
+            })
+            this.getTableData3()
+          }
+        })
+      }
+    },
+    onSubmit4() {
+      this.pageNum4 = 1
+      this.getTableData4()
+    },
+    handleAdd4() {
+      this.title4 = '添加'
+      this.formLabelAlign4.carParkingName = ''
+      this.formLabelAlign4.identificationNotice = ''
+      this.formLabelAlign4.traceNotification = ''
+      this.formLabelAlign4.announcement = ''
+      this.formLabelAlign4.finalTreatment = ''
+      this.formLabelAlign4.legalProcedure = ''
+      this.dialogVisible4 = true
+    },
+
+    handleEdit4(row) {
+      this.title4 = '修改'
+      this.formLabelAlign4 = row
+      this.dialogVisible4 = true
+    },
+    deleteRow4(record) {
+      api.deleteWhiteIp({id: record.id}).then(res => {
+        if (res.code === 200) {
+          this.$message({type: 'success', message: '删除成功!'})
+          this.getTableData4()
+        }
+      })
+    },
+    handleConfirm4() {
+      if (this.title4 === '修改') {
+        api.addWhiteIp({ipAddr: this.formLabelAlign4.ipAddr, id: this.formLabelAlign4.id}).then(res => {
+          if (res.code === 200) {
+            this.dialogVisible4 = false
+            this.$message({
+              message: '修改成功!',
+              type: 'success'
+            })
+            this.getTableData4()
+          }
+        })
+      } else {
+        api.addWhiteIp({ipAddr: this.formLabelAlign4.ipAddr}).then(res => {
+          if (res.code === 200) {
+            this.dialogVisible4 = false
+            this.$message({
+              message: '添加成功!',
+              type: 'success'
+            })
+            this.getTableData4()
+          }
+        })
+      }
+    },
+    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: pageNum4, size: pageSize4, ...this.formInline4}).then(res => {
+        this.tableData3 = res.data.records || []
+        this.total3 = res.data.total
+      })
+    },
+    handlePageChange4() {
+      this.getTableData4()
+    },
+    getTableData4() {
+      const {pageNum4, pageSize4} = this
+      api.tcjlListByPage({current: pageNum4, size: pageSize4, ...this.formInline4}).then(res => {
+        this.tableData4 = res.data.records || []
+        this.total4 = 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

@@ -360,7 +360,7 @@ export default {
               message: '录入成功!',
               type: 'success'
             })
-            this.getTableData1()
+            this.getTableData2()
           }
         })
     },

src/pages/index/components/performance_assess.vue

@@ -0,0 +1,261 @@
+<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.tollCollector" 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-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>
+        <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-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.inspector" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <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.tollCollector" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="稽查员:">
+                <el-input v-model="formInline3.inspector" 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: 'tollCollector'
+        },
+        {
+          label: '收费员收入',
+          key: ''
+        },
+        {
+          label: '预收款',
+          key: ''
+        },
+        {
+          label: '欠费追缴金额',
+          key: ''
+        },
+        {
+          label: '录入次数',
+          key: ''
+        },
+        {
+          label: '录出次数',
+          key: ''
+        },
+      ],
+      tableData1: [],
+      total1: 0,
+      pageSize1: 10,
+      pageNum1: 1,
+      formInline1: {
+        tollCollector: ''
+      },
+      columns2: [
+        {
+          label: '稽查员',
+          key: 'inspector'
+        },
+        {
+          label: '稽查次数',
+          key: ''
+        },
+        {
+          label: '平均处理时间(/分钟)',
+          key: ''
+        },
+      ],
+      tableData2: [],
+      total2: 0,
+      pageSize2: 10,
+      pageNum2: 1,
+      formInline2: {
+        inspector: ''
+      },
+      columns3: [
+        {
+          label: '收费员',
+          key: 'tollCollector'
+        },
+        {
+          label: '稽查员',
+          key: 'inspector'
+        },
+        {
+          label: '被稽查次数',
+          key: ''
+        },
+      ],
+      tableData3: [],
+      total3: 0,
+      pageSize3: 10,
+      pageNum3: 1,
+      formInline3: {
+        tollCollector: '',
+        inspector:''
+      },
+    }
+  },
+  mounted() {
+    // this.getTableData1()
+    // this.getTableData2()
+    // this.getTableData3()
+  },
+  watch: {
+  },
+  methods: {
+    onSubmit1() {
+      this.pageNum1 = 1
+      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, tollCollector:this.formInline1.tollCollector}).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, inspector:this.formInline2.inspector}).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, tollCollector:this.formInline3.tollCollector, inspector:this.formInline3.inspector}).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/personnel_management.vue

@@ -0,0 +1,407 @@
+<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.carParkingName" 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="100px" :model="formLabelAlign">
+              <el-form-item label="车场名称">
+                <el-input v-model="formLabelAlign.carParkingName"></el-input>
+              </el-form-item>
+              <el-form-item label="收入统计">
+                <el-input v-model="formLabelAlign.incomeStatistics"></el-input>
+              </el-form-item>
+              <el-form-item label="停车量统计">
+                <el-input v-model="formLabelAlign.parkingStatistics"></el-input>
+              </el-form-item>
+              <el-form-item label="异常事件统计">
+                <el-input v-model="formLabelAlign.abnormalEvent"></el-input>
+              </el-form-item>
+              <el-form-item label="设备情况">
+                <el-input v-model="formLabelAlign.equipmentCondition"></el-input>
+              </el-form-item>
+              <el-form-item label="车辆情况">
+                <el-input v-model="formLabelAlign.vehicleCondition"></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.tollCollectorName" placeholder="请输入"></el-input>
+              </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-column
+            label="操作"
+            width="200">
+            <template slot-scope="scope" style="display: inline-block">
+              <el-button type="primary" @click="handleEdit2(scope.row)" slot="reference">修改</el-button>
+              <el-popconfirm title="确定删除吗？" @confirm="deleteRow2(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="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="110px" :model="formLabelAlign2">
+              <el-form-item label="收费员姓名">
+                <el-input v-model="formLabelAlign2.tollCollectorName"></el-input>
+              </el-form-item>
+              <el-form-item label="出生日期">
+                <el-input v-model="formLabelAlign2.birthday"></el-input>
+              </el-form-item>
+              <el-form-item label="岗位权限">
+                <el-input v-model="formLabelAlign2.postAuthority"></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-tabs>
+  </div>
+</template>
+<script>
+import api from "@/api/audit.js";
+import dictionary from "@/util/dictionary";
+
+export default {
+  components: {},
+  data() {
+    return {
+      activeName: '交接班报表',
+      columns1: [
+        {
+          label: '车场名称',
+          key: 'carParkingName'
+        },
+        {
+          label: '收入统计',
+          key: 'incomeStatistics'
+        },
+        {
+          label: '停车量统计',
+          key: 'parkingStatistics'
+        },
+        {
+          label: '异常事件统计',
+          key: 'abnormalEvent '
+        },
+        {
+          label: '设备情况',
+          key: 'equipmentCondition'
+        },
+        {
+          label: '车辆情况',
+          key: 'vehicleCondition'
+        },
+        {
+          label: '交班人',
+          key: 'handOver'
+        },
+        {
+          label: '接班人',
+          key: 'successor'
+        },
+      ],
+      tableData1: [{carParkingName: 'sasa'}],
+      total1: 0,
+      pageSize1: 10,
+      pageNum1: 1,
+      formInline1: {
+        carParkingName: '',
+      },
+      title: '',
+      dialogVisible: false,
+      formLabelAlign: {
+        id: '',
+        carParkingName: '',
+        incomeStatistics: '',
+        parkingStatistics: '',
+        abnormalEvent: '',
+        equipmentCondition: '',
+        vehicleCondition: '',
+      },
+      columns2: [
+        {
+          label: '收费员id',
+          key: 'id'
+        },
+        {
+          label: '收费员姓名',
+          key: 'tollCollectorName'
+        },
+        {
+          label: '出生日期',
+          key: 'birthday'
+        },
+        {
+          label: '岗位权限',
+          key: 'postAuthority'
+        },
+      ],
+      tableData2: [{tollCollectorName: 'sasa1'}],
+      total2: 0,
+      pageSize2: 10,
+      pageNum2: 1,
+      formInline2: {
+        tollCollectorName: '',
+      },
+      title2: '',
+      dialogVisible2: false,
+      formLabelAlign2: {
+        id: '',
+        tollCollectorName: '',
+        birthday: '',
+        postAuthority: '',
+      },
+    }
+  },
+  mounted() {
+    // this.getTableData1()
+    // this.getTableData2()
+    // this.getTableData3()
+    // this.getTableData4()
+  },
+  watch: {},
+  methods: {
+    onSubmit1() {
+      this.pageNum1 = 1
+      this.getTableData1()
+    },
+    handleAdd() {
+      this.title = '添加'
+      this.formLabelAlign.carParkingName = ''
+      this.formLabelAlign.incomeStatistics = ''
+      this.formLabelAlign.parkingStatistics = ''
+      this.formLabelAlign.abnormalEvent = ''
+      this.formLabelAlign.equipmentCondition = ''
+      this.formLabelAlign.vehicleCondition = ''
+      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.title2 = '添加'
+      this.formLabelAlign2.tollCollectorName = ''
+      this.formLabelAlign2.birthday = ''
+      this.formLabelAlign2.postAuthority = ''
+      this.dialogVisible2 = true
+    },
+
+    handleEdit2(row) {
+      this.title2 = '修改'
+      this.formLabelAlign2 = row
+      this.dialogVisible2 = true
+    },
+    deleteRow2(record) {
+      api.deleteWhiteIp({id: record.id}).then(res => {
+        if (res.code === 200) {
+          this.$message({type: 'success', message: '删除成功!'})
+          this.getTableData2()
+        }
+      })
+    },
+    handleConfirm2() {
+      if (this.title2 === '修改') {
+        api.addWhiteIp({ipAddr: this.formLabelAlign2.ipAddr, id: this.formLabelAlign2.id}).then(res => {
+          if (res.code === 200) {
+            this.dialogVisible2 = false
+            this.$message({
+              message: '修改成功!',
+              type: 'success'
+            })
+            this.getTableData2()
+          }
+        })
+      } else {
+        api.addWhiteIp({ipAddr: this.formLabelAlign2.ipAddr}).then(res => {
+          if (res.code === 200) {
+            this.dialogVisible2 = false
+            this.$message({
+              message: '添加成功!',
+              type: 'success'
+            })
+            this.getTableData2()
+          }
+        })
+      }
+    },
+    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
+      })
+    },
+  }
+}
+</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

@@ -46,6 +46,12 @@ export default {
         {name: '错峰停车', url: '/parking_unpeak'},
         {name: '预约停车', url: '/appointment_rules'},
         {name: '车场纠错', url: '/parking_correction'},
+        {name: '稽查管理', url: '/inspection_management'},
+        {name: '绩效考核', url: '/performance_assess'},
+        {name: '停车场管理', url: '/pakking_lot'},
+        {name: '人员管理', url: '/personnel_management'},
+        {name: '业务记录', url: '/business_record'},
+        {name: '异常管理', url: '/exception_handing'},
       ]
     }
   },

src/router/index.js

@@ -67,6 +67,36 @@ export default new Router({
           path: "/parking_correction",
           component: () => import("../pages/index/components/parking_correction.vue")
         },
+        {
+          name: "inspection_management",
+          path: "/inspection_management",
+          component: () => import("../pages/index/components/inspection_management.vue")
+        },
+        {
+          name: "performance_assess",
+          path: "/performance_assess",
+          component: () => import("../pages/index/components/performance_assess.vue")
+        },
+        {
+          name: "pakking_lot",
+          path: "/pakking_lot",
+          component: () => import("../pages/index/components/pakking_lot.vue")
+        },
+        {
+          name: "personnel_management",
+          path: "/personnel_management",
+          component: () => import("../pages/index/components/personnel_management.vue")
+        },
+        {
+          name: "business_record",
+          path: "/business_record",
+          component: () => import("../pages/index/components/business_record.vue")
+        },
+        {
+          name: "exception_handing",
+          path: "/exception_handing",
+          component: () => import("../pages/index/components/exception_handing.vue")
+        },
       ]
     }
   ]