页面提交

src/pages/index/components/defaulting_subscrlber.vue

@@ -0,0 +1,138 @@
+<template>
+  <div class="body-wrapper">
+    <div style="display: flex; justify-content: space-between;">
+      <div style="width: 100%">
+        <h4>欠费用户</h4>
+        <br>
+        <el-form class="form-wrapper" :inline="true" :model="formInline" style="margin-bottom: 20px;">
+          <el-row>
+            <el-col :span="6">
+              <el-form-item label="会员ID:">
+                <el-input v-model="formInline.memberId" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="停车场名称:">
+                <el-input v-model="formInline.parkName" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="车牌号:">
+                <el-input v-model="formInline.plateNo" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4">
+              <el-form-item>
+                <el-button type="primary" class="query-btn" @click="onSubmit">查询</el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+        <br>
+        <el-table :data="tableData">
+          <el-table-column v-for="(item, index) in columns" :key="index" :label="item.label" :prop="item.key">
+          </el-table-column>
+        </el-table>
+
+        <div class="table-pagination">
+          <el-pagination :background="false" layout="total, prev, pager, next" :total="total" @current-change="handlePageChange"
+                         :current-page.sync="pageNum" :page-size.sync="pageSize">
+          </el-pagination>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import api from "@/api/audit";
+
+
+export default {
+  components: {
+
+  },
+  data() {
+    return {
+      formInline: {
+        memberId: '',
+        parkName: '',
+        plateNo: ''
+      },
+      columns: [
+        {
+          label: '停车场',
+          key: 'parkName'
+        },
+        {
+          label: '泊位号',
+          key: 'berthCode'
+        },
+        {
+          label: '泊车状态',
+          key: 'berthIsorno'
+        },
+        {
+          label: '是否潮汐车位',
+          key: 'isTidalPark'
+        },
+        {
+          label: '是否充电泊位',
+          key: 'hasChargingPile'
+        },
+        {
+          label: '是否共享泊位',
+          key: 'isSharePark'
+        },
+      ],
+      tableData:[],
+      total: 0,
+      pageSize: 5,
+      pageNum: 1,
+    }
+  },
+  mounted() {
+    this.getTableData()
+  },
+  watch: {},
+  methods: {
+    onSubmit() {
+      this.pageNum = 1
+      this.getTableData()
+    },
+    handlePageChange() {
+      this.getTableData()
+    },
+    getTableData() {
+      const {pageNum, pageSize} = this
+      api.berthListByPage({current: pageNum, size: pageSize, ...this.formInline}).then(res => {
+        this.tableData = (res.data.records || []).map(item => ({...item, berthIsorno: (item.berthIsorno === '0' ? '否':'是'),isTidalPark: (item.isTidalPark === '0' ? '否':'是'),hasChargingPile: (item.hasChargingPile === '0' ? '否':'是'),isSharePark: (item.isSharePark === '0' ? '否':'是'),}))
+        this.total = res.data.total
+      })
+    },
+  }
+}
+</script>
+<style lang="scss" scoped>
+.body-wrapper {
+  padding: 20px;
+
+  .button-block {
+    text-align: right;
+    margin-bottom: 20px;
+  }
+
+  .table-pagination {
+    text-align: right;
+  }
+
+  .search-card {
+    margin-bottom: 20px;
+    text-align: center;
+
+    .input-wrapper {
+      width: 40%;
+    }
+  }
+}
+
+</style>

src/pages/index/components/lead_system.vue

@@ -0,0 +1,325 @@
+<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.orderCode" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="日期:">
+                <el-date-picker
+                  v-model="formInline1.time"
+                  type="daterange"
+                  align="right"
+                  unlink-panels
+                  range-separator="-"
+                  value-format="yyyy-MM-dd HH:mm:ss"
+                  start-placeholder="开始日期"
+                  end-placeholder="结束日期">
+                </el-date-picker>
+              </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.orderCode" 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="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="6">
+              <el-form-item label="订单号:">
+                <el-input v-model="formInline3.orderCode" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="泊位号:">
+                <el-input v-model="formInline3.berthCode" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="车牌号:">
+                <el-input v-model="formInline3.plateNo" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="5">
+              <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: 'orderCode'
+        },
+        {
+          label: '支付日期',
+          key: ''
+        },
+        {
+          label: '支付金额',
+          key: ''
+        },
+        {
+          label: '泊位号',
+          key: ''
+        },
+        {
+          label: '车牌号',
+          key: ''
+        },
+        {
+          label: '入场日期',
+          key: ''
+        },
+        {
+          label: '出场日期',
+          key: ''
+        }
+      ],
+      tableData1: [],
+      total1: 0,
+      pageSize1: 10,
+      pageNum1: 1,
+      formInline1: {
+        orderCode: '',
+        time:''
+      },
+      columns2: [
+        {
+          label: '欠费订单号',
+          key: ''
+        },
+        {
+          label: '车牌号',
+          key: ''
+        },
+        {
+          label: '修改日期',
+          key: ''
+        },
+        {
+          label: '欠费金额',
+          key: ''
+        }
+      ],
+      tableData2: [],
+      total2: 0,
+      pageSize2: 10,
+      pageNum2: 1,
+      formInline2: {
+        orderCode: '',
+        plateNo:''
+      },
+      columns3: [
+        {
+          label: '订单号',
+          key: ''
+        },
+        {
+          label: '泊位号',
+          key: ''
+        },
+        {
+          label: '车牌号',
+          key: ''
+        },
+        {
+          label: '应付金额',
+          key: ''
+        },
+      ],
+      tableData3: [],
+      total3: 0,
+      pageSize3: 10,
+      pageNum3: 1,
+      formInline3: {
+        orderCode:'',
+        berthCode:'',
+        plateNo: ''
+      },
+      columns4: [
+        {
+          label: '订单号',
+          key: ''
+        },
+        {
+          label: '泊位号',
+          key: ''
+        },
+        {
+          label: '车牌号',
+          key: ''
+        },
+        {
+          label: '预付金额',
+          key: ''
+        },
+      ],
+      tableData4: [],
+      total4: 0,
+      pageSize4: 10,
+      pageNum4: 1,
+      formInline4: {
+        orderCode:'',
+        berthCode:'',
+        plateNo: ''
+      }
+    }
+  },
+  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()
+    },
+    onSubmit4() {
+      this.pageNum4 = 1
+      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: pageNum3, size: pageSize3, ...this.formInline3}).then(res => {
+        this.tableData3 = res.data.records || []
+        this.total3 = res.data.total
+      })
+    },
+    handlePageChange4() {
+      this.getTableData3()
+    },
+    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%;
+    }
+  }
+}
+</style>

src/pages/index/components/product_order.vue

@@ -0,0 +1,325 @@
+<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.orderCode" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="日期:">
+                <el-date-picker
+                  v-model="formInline1.time"
+                  type="daterange"
+                  align="right"
+                  unlink-panels
+                  range-separator="-"
+                  value-format="yyyy-MM-dd HH:mm:ss"
+                  start-placeholder="开始日期"
+                  end-placeholder="结束日期">
+                </el-date-picker>
+              </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.orderCode" 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="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="6">
+              <el-form-item label="订单号:">
+                <el-input v-model="formInline3.orderCode" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="泊位号:">
+                <el-input v-model="formInline3.berthCode" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="车牌号:">
+                <el-input v-model="formInline3.plateNo" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="5">
+              <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: 'orderCode'
+        },
+        {
+          label: '支付日期',
+          key: ''
+        },
+        {
+          label: '支付金额',
+          key: ''
+        },
+        {
+          label: '泊位号',
+          key: ''
+        },
+        {
+          label: '车牌号',
+          key: ''
+        },
+        {
+          label: '入场日期',
+          key: ''
+        },
+        {
+          label: '出场日期',
+          key: ''
+        }
+      ],
+      tableData1: [],
+      total1: 0,
+      pageSize1: 10,
+      pageNum1: 1,
+      formInline1: {
+        orderCode: '',
+        time:''
+      },
+      columns2: [
+        {
+          label: '欠费订单号',
+          key: ''
+        },
+        {
+          label: '车牌号',
+          key: ''
+        },
+        {
+          label: '修改日期',
+          key: ''
+        },
+        {
+          label: '欠费金额',
+          key: ''
+        }
+      ],
+      tableData2: [],
+      total2: 0,
+      pageSize2: 10,
+      pageNum2: 1,
+      formInline2: {
+        orderCode: '',
+        plateNo:''
+      },
+      columns3: [
+        {
+          label: '订单号',
+          key: ''
+        },
+        {
+          label: '泊位号',
+          key: ''
+        },
+        {
+          label: '车牌号',
+          key: ''
+        },
+        {
+          label: '应付金额',
+          key: ''
+        },
+      ],
+      tableData3: [],
+      total3: 0,
+      pageSize3: 10,
+      pageNum3: 1,
+      formInline3: {
+        orderCode:'',
+        berthCode:'',
+        plateNo: ''
+      },
+      columns4: [
+        {
+          label: '订单号',
+          key: ''
+        },
+        {
+          label: '泊位号',
+          key: ''
+        },
+        {
+          label: '车牌号',
+          key: ''
+        },
+        {
+          label: '预付金额',
+          key: ''
+        },
+      ],
+      tableData4: [],
+      total4: 0,
+      pageSize4: 10,
+      pageNum4: 1,
+      formInline4: {
+        orderCode:'',
+        berthCode:'',
+        plateNo: ''
+      }
+    }
+  },
+  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()
+    },
+    onSubmit4() {
+      this.pageNum4 = 1
+      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: pageNum3, size: pageSize3, ...this.formInline3}).then(res => {
+        this.tableData3 = res.data.records || []
+        this.total3 = res.data.total
+      })
+    },
+    handlePageChange4() {
+      this.getTableData3()
+    },
+    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%;
+    }
+  }
+}
+</style>

src/pages/index/components/task_audit.vue

@@ -0,0 +1,318 @@
+<template>
+  <div class="body-wrapper">
+    <el-tabs  v-model="activeName">
+      <el-tab-pane label="电话追缴" name="电话追缴">
+        <el-form class="form-wrapper" :model="formInline1" :inline="true" style="margin-bottom: 20px;">
+          <el-row>
+            <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.phone" 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-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="handleAudit1(scope.row)" slot="reference">审核</el-button>
+            </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-radio-group v-model="formLabelAlign.status">
+                  <el-radio label="同意"></el-radio>
+                  <el-radio label="拒绝"></el-radio>
+                </el-radio-group>
+              </el-form-item>
+              <el-form-item label="备注">
+                <el-input
+                  type="textarea"
+                  :rows="2"
+                  placeholder="请输入内容"
+                  v-model="formLabelAlign.remark">
+                </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" :model="formInline1" :inline="true" style="margin-bottom: 20px;">
+          <el-row>
+            <el-col :span="6">
+              <el-form-item label="车牌号: ">
+                <el-input v-model="formInline2.plateNo" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="电话号码: ">
+                <el-input v-model="formInline2.phone" 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-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="handleAudit2(scope.row)" slot="reference">审核</el-button>
+            </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="dialogVisible2"
+          width="45%"
+          custom-class="audit-dialog">
+          <div class="form-div">
+            <el-form label-position="left" label-width="85px" :model="formLabelAlign2">
+              <el-form-item label="审核状态">
+                <el-radio-group v-model="formLabelAlign2.status">
+                  <el-radio label="同意"></el-radio>
+                  <el-radio label="拒绝"></el-radio>
+                </el-radio-group>
+              </el-form-item>
+              <el-form-item label="备注">
+                <el-input
+                  type="textarea"
+                  :rows="2"
+                  placeholder="请输入内容"
+                  v-model="formLabelAlign2.remark">
+                </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-tabs>
+  </div>
+</template>
+<script>
+import api from "@/api/audit.js";
+import dictionary from "@/util/dictionary";
+
+export default {
+  components: {},
+  data() {
+    return {
+      activeName: '电话追缴',
+      columns1: [
+        {
+          label: '车牌号',
+          key: 'plateNo'
+        },
+        {
+          label: '电话号码',
+          key: 'phone'
+        },
+        {
+          label: '欠缴金额',
+          key: 'questionDescription'
+        },
+        {
+          label: '追缴日期',
+          key: 'creatTime'
+        },
+        {
+          label: '追缴状态',
+          key: 'creatTime'
+        },
+      ],
+      tableData1: [{parkingCardName:'昌建东外滩西南停车场',type:'实地考察',questionDescription:'部分车位存在一车多位的占用现象',creatTime:'2023-12-30'}],
+      total1: 0,
+      pageSize1: 10,
+      pageNum1: 1,
+      title:'任务审核',
+      dialogVisible:false,
+      formLabelAlign: {
+        status: '',
+        ramark: '',
+      },
+      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,
+      formInline1: {
+        plateNo: '',
+        phone:'',
+      },
+      formInline2: {
+        plateNo: '',
+        phone:'',
+      },
+      dialogVisible2:false,
+      formLabelAlign2: {
+        status: '',
+        ramark: '',
+      },
+    }
+  },
+  mounted() {
+    this.getTableData1()
+    this.getTableData2()
+  },
+  watch: {
+  },
+  methods: {
+    onSubmit2() {
+      this.pageNum2 = 1
+      this.getTableData2()
+    },
+    handleAudit1(row) {
+      this.formLabelAlign = row
+      this.dialogVisible = true
+    },
+    handleAudit2(row) {
+      this.formLabelAlign2 = row
+      this.dialogVisible2 = true
+    },
+    handleConfirm() {
+      const {id} = this.formLabelAlign2.id
+      api.applyResource({id, applyType: this.radio}).then(res => {
+        if(res.code === 200) {
+          this.dialogVisible2 = false
+          this.$message({
+            message: '操作成功!',
+            type: 'success'
+          })
+          this.getTableData2()
+        }
+      })
+    },
+    handleConfirm2() {
+      const {id} = this.formLabelAlign2.id
+      api.applyResource({id, applyType: this.radio}).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/components/task_recovery.vue

@@ -0,0 +1,413 @@
+<template>
+  <div class="body-wrapper">
+    <el-tabs  v-model="activeName">
+      <el-tab-pane label="电话追缴" name="电话追缴">
+        <el-form class="form-wrapper" :model="formInline1" :inline="true" style="margin-bottom: 20px;">
+          <el-row>
+            <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.phone" 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-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.plateNo"></el-input>
+              </el-form-item>
+              <el-form-item label="电话号码">
+                <el-input v-model="formLabelAlign.phone"></el-input>
+              </el-form-item>
+              <el-form-item label="欠缴金额">
+                <el-input v-model="formLabelAlign.recoveryAmount"></el-input>
+              </el-form-item>
+              <el-form-item label="追缴详情">
+                <el-input
+                  type="textarea"
+                  :rows="2"
+                  placeholder="请输入内容"
+                  v-model="formLabelAlign.recoveryDetail">
+                </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" :model="formInline1" :inline="true" style="margin-bottom: 20px;">
+          <el-row>
+            <el-col :span="6">
+              <el-form-item label="车牌号: ">
+                <el-input v-model="formInline2.plateNo" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="电话号码: ">
+                <el-input v-model="formInline2.phone" 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-button type="success" @click="handleAdd">新增</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="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="formLabelAlign2">
+              <el-form-item label="车牌号">
+                <el-input v-model="formLabelAlign2.plateNo"></el-input>
+              </el-form-item>
+              <el-form-item label="电话号码">
+                <el-input v-model="formLabelAlign2.phone"></el-input>
+              </el-form-item>
+              <el-form-item label="欠缴金额">
+                <el-input v-model="formLabelAlign2.recoveryAmount"></el-input>
+              </el-form-item>
+              <el-form-item label="追缴详情">
+                <el-input
+                  type="textarea"
+                  :rows="2"
+                  placeholder="请输入内容"
+                  v-model="formLabelAlign.recoveryDetail">
+                </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-tabs>
+  </div>
+</template>
+<script>
+import api from "@/api/audit.js";
+import dictionary from "@/util/dictionary";
+
+export default {
+  components: {},
+  data() {
+    return {
+      activeName: '电话追缴',
+      columns1: [
+        {
+          label: '车牌号',
+          key: 'plateNo'
+        },
+        {
+          label: '电话号码',
+          key: 'phone'
+        },
+        {
+          label: '欠缴金额',
+          key: 'questionDescription'
+        },
+        {
+          label: '追缴日期',
+          key: 'creatTime'
+        },
+        {
+          label: '追缴状态',
+          key: 'creatTime'
+        },
+      ],
+      tableData1: [{parkingCardName:'昌建东外滩西南停车场',type:'实地考察',questionDescription:'部分车位存在一车多位的占用现象',creatTime:'2023-12-30'}],
+      total1: 0,
+      pageSize1: 10,
+      pageNum1: 1,
+      title:'',
+      dialogVisible:false,
+      formLabelAlign: {
+        plateNo: '',
+        phone: '',
+        recoveryAmount: '',
+        recoveryDetail: ''
+      },
+      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,
+      formInline1: {
+        plateNo: '',
+        phone:'',
+      },
+      formInline2: {
+        orderCode: '',
+        orderStatus:'',
+      },
+      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 = {}
+      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({...this.formLabelAlign, plateNo: this.formLabelAlign.plateNo, phone: this.formLabelAlign.phone, recoveryAmount: this.formLabelAlign.recoveryAmount, recoveryDetail: this.formLabelAlign.recoveryDetail}).then(res => {
+          if (res.code === 200) {
+            this.dialogVisible = false
+            this.$message({
+              message: '修改成功!',
+              type: 'success'
+            })
+            this.getTableData1()
+          }
+        })
+      } else {
+        api.addWhiteIp(this.formLabelAlign).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/task_report.vue

@@ -0,0 +1,136 @@
+<template>
+  <div class="body-wrapper">
+    <div style="display: flex; justify-content: space-between;">
+      <div style="width: 100%">
+        <h4>任务报表</h4>
+        <br>
+        <el-form class="form-wrapper" :inline="true" :model="formInline" style="margin-bottom: 20px;">
+          <el-row>
+            <el-col :span="6">
+              <el-form-item label="车牌号:">
+                <el-input v-model="formInline.plateNo" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="追缴形式:">
+                <el-select clearable v-model="formInline.errorType" placeholder="错误类型" popper-class="cur-select">
+                  <el-option label="全部" value=""></el-option>
+                  <el-option label="电话追缴" value="电话追缴"></el-option>
+                  <el-option label="短信追缴" value="短信追缴"></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4">
+              <el-form-item>
+                <el-button type="primary" class="query-btn" @click="onSubmit">查询</el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+        <br>
+        <el-table :data="tableData">
+          <el-table-column v-for="(item, index) in columns" :key="index" :label="item.label" :prop="item.key">
+          </el-table-column>
+        </el-table>
+
+        <div class="table-pagination">
+          <el-pagination :background="false" layout="total, prev, pager, next" :total="total" @current-change="handlePageChange"
+                         :current-page.sync="pageNum" :page-size.sync="pageSize">
+          </el-pagination>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import api from "@/api/audit";
+
+
+export default {
+  components: {
+
+  },
+  data() {
+    return {
+      formInline: {
+        plateNo: '',
+        way: '',
+      },
+      columns: [
+        {
+          label: '追缴形式',
+          key: 'parkName'
+        },
+        {
+          label: '车牌号',
+          key: 'berthCode'
+        },
+        {
+          label: '手机号',
+          key: 'berthIsorno'
+        },
+        {
+          label: '执行时间',
+          key: 'isTidalPark'
+        },
+        {
+          label: '追缴金额',
+          key: 'hasChargingPile'
+        },
+        {
+          label: '执行结果',
+          key: 'isSharePark'
+        },
+      ],
+      tableData:[],
+      total: 0,
+      pageSize: 5,
+      pageNum: 1,
+    }
+  },
+  mounted() {
+    this.getTableData()
+  },
+  watch: {},
+  methods: {
+    onSubmit() {
+      this.pageNum = 1
+      this.getTableData()
+    },
+    handlePageChange() {
+      this.getTableData()
+    },
+    getTableData() {
+      const {pageNum, pageSize} = this
+      api.berthListByPage({current: pageNum, size: pageSize, ...this.formInline}).then(res => {
+        this.tableData = (res.data.records || []).map(item => ({...item, berthIsorno: (item.berthIsorno === '0' ? '否':'是'),isTidalPark: (item.isTidalPark === '0' ? '否':'是'),hasChargingPile: (item.hasChargingPile === '0' ? '否':'是'),isSharePark: (item.isSharePark === '0' ? '否':'是'),}))
+        this.total = res.data.total
+      })
+    },
+  }
+}
+</script>
+<style lang="scss" scoped>
+.body-wrapper {
+  padding: 20px;
+
+  .button-block {
+    text-align: right;
+    margin-bottom: 20px;
+  }
+
+  .table-pagination {
+    text-align: right;
+  }
+
+  .search-card {
+    margin-bottom: 20px;
+    text-align: center;
+
+    .input-wrapper {
+      width: 40%;
+    }
+  }
+}
+
+</style>

src/pages/index/components/telephone_management.vue

@@ -0,0 +1,133 @@
+<template>
+  <div class="body-wrapper">
+    <div style="display: flex; justify-content: space-between;">
+      <div style="width: 100%">
+        <h4>电话管理</h4>
+        <br>
+        <el-form class="form-wrapper" :inline="true" :model="formInline" style="margin-bottom: 20px;">
+          <el-row>
+            <el-col :span="6">
+              <el-form-item label="车牌号:">
+                <el-input v-model="formInline.plateNo" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="电话号码:">
+                <el-input v-model="formInline.phone" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="电话是否有效:">
+                <el-select clearable v-model="formInline.type" placeholder="错误类型" popper-class="cur-select">
+                  <el-option label="全部" value=""></el-option>
+                  <el-option label="有效" value="有效"></el-option>
+                  <el-option label="无效" value="无效"></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4">
+              <el-form-item>
+                <el-button type="primary" class="query-btn" @click="onSubmit">查询</el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+        <br>
+        <el-table :data="tableData">
+          <el-table-column v-for="(item, index) in columns" :key="index" :label="item.label" :prop="item.key">
+          </el-table-column>
+        </el-table>
+        <div class="table-pagination">
+          <el-pagination :background="false" layout="total, prev, pager, next" :total="total" @current-change="handlePageChange"
+                         :current-page.sync="pageNum" :page-size.sync="pageSize">
+          </el-pagination>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import api from "@/api/audit";
+
+
+export default {
+  components: {
+
+  },
+  data() {
+    return {
+      formInline: {
+        plateNo: '',
+        phone: '',
+        type: ''
+      },
+      columns: [
+        {
+          label: '车牌号',
+          key: 'parkName'
+        },
+        {
+          label: '电话号码',
+          key: 'berthCode'
+        },
+        {
+          label: '导入时间',
+          key: 'berthIsorno'
+        },
+        {
+          label: '状态',
+          key: 'isTidalPark'
+        },
+      ],
+      tableData:[],
+      total: 0,
+      pageSize: 10,
+      pageNum: 1,
+    }
+  },
+  mounted() {
+    this.getTableData()
+  },
+  watch: {},
+  methods: {
+    onSubmit() {
+      this.pageNum = 1
+      this.getTableData()
+    },
+    handlePageChange() {
+      this.getTableData()
+    },
+    getTableData() {
+      const {pageNum, pageSize} = this
+      api.berthListByPage({current: pageNum, size: pageSize, ...this.formInline}).then(res => {
+        this.tableData = (res.data.records || []).map(item => ({...item, berthIsorno: (item.berthIsorno === '0' ? '否':'是'),isTidalPark: (item.isTidalPark === '0' ? '否':'是'),hasChargingPile: (item.hasChargingPile === '0' ? '否':'是'),isSharePark: (item.isSharePark === '0' ? '否':'是'),}))
+        this.total = res.data.total
+      })
+    },
+  }
+}
+</script>
+<style lang="scss" scoped>
+.body-wrapper {
+  padding: 20px;
+
+  .button-block {
+    text-align: right;
+    margin-bottom: 20px;
+  }
+
+  .table-pagination {
+    text-align: right;
+  }
+
+  .search-card {
+    margin-bottom: 20px;
+    text-align: center;
+
+    .input-wrapper {
+      width: 40%;
+    }
+  }
+}
+
+</style>

src/pages/index/layouts/indexLayout.vue

@@ -41,6 +41,7 @@ export default {
         {name: '概览系统', url: '/parking_index'},
         {name: '订单修改查询', url: '/product_order_search'},
         {name: '停车订单查询', url: '/parking_order'},
+        {name: '商品订单查询', url: '/product_order'},
         {name: '泊位列表', url: '/berth_list'},
         {name: '停车卡', url: '/parking_card'},
         {name: '错峰停车', url: '/parking_unpeak'},
@@ -54,6 +55,12 @@ export default {
         {name: '异常管理', url: '/exception_handing'},
         {name: '基础配置', url: '/basic_configuration'},
         {name: '岗亭操作', url: '/parking_outside_operation'},
+        {name: '欠费用户', url: '/defaulting_subscrlber'},
+        {name: '任务追缴', url: '/task_recovery'},
+        {name: '任务审核', url: '/task_audit'},
+        {name: '任务报表', url: '/task_report'},
+        {name: '电话管理', url: '/telephone_management'},
+        {name: '领导数字驾驶舱系统', url: '/lead_system'},
       ]
     }
   },

src/router/index.js

@@ -107,6 +107,41 @@ export default new Router({
           path: "/parking_outside_operation",
           component: () => import("../pages/index/components/parking_outside_operation.vue")
         },
+        {
+          name: "defaulting_subscrlber",
+          path: "/defaulting_subscrlber",
+          component: () => import("../pages/index/components/defaulting_subscrlber.vue")
+        },
+        {
+          name: "task_recovery",
+          path: "/task_recovery",
+          component: () => import("../pages/index/components/task_recovery.vue")
+        },
+        {
+          name: "task_audit",
+          path: "/task_audit",
+          component: () => import("../pages/index/components/task_audit.vue")
+        },
+        {
+          name: "task_report",
+          path: "/task_report",
+          component: () => import("../pages/index/components/task_report.vue")
+        },
+        {
+          name: "telephone_management",
+          path: "/telephone_management",
+          component: () => import("../pages/index/components/telephone_management.vue")
+        },
+        {
+          name: "product_order",
+          path: "/product_order",
+          component: () => import("../pages/index/components/product_order.vue")
+        },
+        {
+          name: "lead_system",
+          path: "/lead_system",
+          component: () => import("../pages/index/components/lead_system.vue")
+        },
       ]
     }
   ]