BJ_web_developers / HSpark

Commit 83a1b563516859a5b73149682db9c0fb34d05e97

Authored by Andy
1 parent 7efbb9fb

add 欠费补缴 前端页面

Inline Side-by-side
Showing 2 changed files with 195 additions and 0 deletions
src/router/index.js
  View file @83a1b56
... ... @@ -85,6 +85,17 @@ export const constantRoutes = [
85 85 }
86 86 ]
87 87 },
  88 + {
  89 + path: '/payback',
  90 + component: Layout,
  91 + children: [
  92 + {
  93 + path: 'index',
  94 + component: () => import('@/views/payback/index'),
  95 + meta: { title: '欠费补缴', icon: 'nested' }
  96 + }
  97 + ]
  98 + },
88 99  
89 100 {
90 101 path: '/mycar',
... ...
src/views/payback/index.vue 0 → 100644
  View file @83a1b56
  1 +<template>
  2 + <div>
  3 + <div class="serch-wrap">
  4 + <el-row :gutter="20">
  5 + <el-form ref="form" :model="form" label-width="60px" label-position="left">
  6 + <el-col :xs="8" :sm="6" :md="7" :lg="7" :xl="1">
  7 + <el-form-item label="车牌">
  8 + <el-input v-model="form.name" maxlength="10" />
  9 + </el-form-item>
  10 + </el-col>
  11 + <el-col :xs="8" :sm="6" :md="3" :lg="3" :xl="1">
  12 + <el-button type="primary" @click="onSubmit">查询</el-button>
  13 + </el-col>
  14 + </el-form>
  15 + </el-row>
  16 + </div>
  17 +
  18 + <div class="table-wrap">
  19 + <p class="table-title">订单详情</p>
  20 + <el-table
  21 + :data="orderData"
  22 + style="width: 100%;"
  23 + :show-overflow-tooltip="true">
  24 + <el-table-column
  25 + prop="parkName"
  26 + label="停车场"
  27 + :show-overflow-tooltip="true">
  28 + </el-table-column>
  29 + <el-table-column
  30 + prop="license"
  31 + label="车牌"
  32 + :show-overflow-tooltip="true">
  33 + </el-table-column>
  34 + <el-table-column
  35 + prop="money"
  36 + label="停车费">
  37 + </el-table-column>
  38 + <el-table-column
  39 + prop="inTime"
  40 + label="进场时间"
  41 + :show-overflow-tooltip="true">
  42 + </el-table-column>
  43 + <el-table-column
  44 + prop="outTime"
  45 + label="出场时间"
  46 + :show-overflow-tooltip="true">
  47 + </el-table-column>
  48 + <el-table-column
  49 + prop="duration"
  50 + label="停车时长"
  51 + :show-overflow-tooltip="true">
  52 + </el-table-column>
  53 + <el-table-column
  54 + prop="berthNum"
  55 + label="泊位编号">
  56 + </el-table-column>
  57 + <el-table-column
  58 + prop="status"
  59 + label="订单状态">
  60 + </el-table-column>
  61 + </el-table>
  62 + <el-pagination
  63 + :page-size="10"
  64 + :pager-count="11"
  65 + layout="prev, pager, next"
  66 + :total="total">
  67 + </el-pagination>
  68 + </div>
  69 + </div>
  70 +</template>
  71 +
  72 +<script>
  73 +export default {
  74 + data() {
  75 + return {
  76 + form: {
  77 + name: '',
  78 + region: '',
  79 + date1: '',
  80 + date2: '',
  81 + delivery: false,
  82 + type: [],
  83 + resource: '',
  84 + desc: ''
  85 + },
  86 + total: 55,
  87 + currentPage: 1,
  88 + pageSize: 10,
  89 + orderData: [
  90 + {
  91 + parkName: '承德老二中停车场',
  92 + license: '冀H7517732',
  93 + money: '31',
  94 + inTime: '2019-06-02 00:00:00',
  95 + outTime: '2019-06-01 08:00:00',
  96 + duration: '2小时28分钟43秒',
  97 + berthNum: 'A1212231',
  98 + status: '完成'
  99 + },
  100 + {
  101 + parkName: '承德老二中停车场',
  102 + license: '冀H7517732',
  103 + money: '31',
  104 + inTime: '2019-06-02 00:00:00',
  105 + outTime: '2019-06-01 08:00:00',
  106 + duration: '2小时28分钟43秒',
  107 + berthNum: 'A1212231',
  108 + status: '完成'
  109 + },
  110 + {
  111 + parkName: '承德老二中停车场',
  112 + license: '冀H7517732',
  113 + money: '31',
  114 + inTime: '2019-06-02 00:00:00',
  115 + outTime: '2019-06-01 08:00:00',
  116 + duration: '2小时28分钟43秒',
  117 + berthNum: 'A1212231',
  118 + status: '完成'
  119 + },
  120 + {
  121 + parkName: '承德老二中停车场',
  122 + license: '冀H7517732',
  123 + money: '31',
  124 + inTime: '2019-06-02 00:00:00',
  125 + outTime: '2019-06-01 08:00:00',
  126 + duration: '2小时28分钟43秒',
  127 + berthNum: 'A1212231',
  128 + status: '完成'
  129 + },
  130 + {
  131 + parkName: '承德老二中停车场',
  132 + license: '冀H7517732',
  133 + money: '31',
  134 + inTime: '2019-06-02 00:00:00',
  135 + outTime: '2019-06-01 08:00:00',
  136 + duration: '2小时28分钟43秒',
  137 + berthNum: 'A1212231',
  138 + status: '完成'
  139 + },
  140 + {
  141 + parkName: '承德老二中停车场',
  142 + license: '冀H7517732',
  143 + money: '31',
  144 + inTime: '2019-06-02 00:00:00',
  145 + outTime: '2019-06-01 08:00:00',
  146 + duration: '2小时28分钟43秒',
  147 + berthNum: 'A1212231',
  148 + status: '完成'
  149 + },
  150 + {
  151 + parkName: '承德老二中停车场',
  152 + license: '冀H7517732',
  153 + money: '31',
  154 + inTime: '2019-06-02 00:00:00',
  155 + outTime: '2019-06-01 08:00:00',
  156 + duration: '2小时28分钟43秒',
  157 + berthNum: 'A1212231',
  158 + status: '完成'
  159 + },
  160 + ]
  161 + }
  162 + },
  163 + methods: {
  164 + onSubmit() {
  165 + this.$message('submit!')
  166 + },
  167 + onCancel() {
  168 + this.$message({
  169 + message: 'cancel!',
  170 + type: 'warning'
  171 + })
  172 + }
  173 + }
  174 +}
  175 +</script>
  176 +
  177 +<style scoped>
  178 + .serch-wrap{
  179 + background-color: #FFF;
  180 + padding: 15px;
  181 + }
  182 +
  183 +</style>
  184 +
... ...