BJ_web_developers / codeScanning

Commit afb48777625a8e800391ad1ea54e8f2c207cdfeb

Authored by liuqimichale
1 parent fb891275

赤峰本次停车费用

Inline Side-by-side
Showing 1 changed file with 48 additions and 75 deletions
src/components/parkRecord.vue
  View file @afb4877
... ... @@ -17,7 +17,7 @@
17 17 <div v-if="parkingData.length>0">
18 18 <p class="free-tip">您为会员卡车辆无需缴费，请直接离场。</p>
19 19  
20   - <div class="cost-main" >
  20 + <div class="cost-main" v-for="i in parkingData">
21 21 <ul class="cost-header">
22 22 <li :class="carColor | formateColor">{{i.carNumber}}</li>
23 23 <li>本次费用</li>
... ... @@ -48,59 +48,60 @@
48 48  
49 49 <!--历史缴费-->
50 50 <div v-show="currentTabActive==1" class="history-con" >
  51 + <div v-if="historyList.length>0">
  52 + <div class="history-body" >
  53 + <p class="money-all">总欠费金额：
  54 + <span>¥{{(allMoney/100).toFixed(2)}}</span>
  55 + </p>
  56 +
  57 + <div class="cost-main cost-main-history" style="padding-left: 50px;"
  58 +
  59 + v-for="(i, index) in historyList" :key="i.id"
  60 + @click="chooseHandle(i, index)"
  61 + :class="{isChecked: i.checked}"
  62 + >
  63 + <ul class="cost-header">
  64 + <li :class="carColor | formateColor">{{i.carNumber}}</li>
  65 + <li>欠费</li>
  66 + </ul>
  67 +
  68 + <div class="cost-body">
  69 + <p>车辆类型：临停车</p>
  70 +
  71 + <p>车场名称：{{i.parkName}}
  72 + </p>
  73 + <p> 进场时间：{{i.parkInTime}}
  74 + </p>
  75 + <p>出场时间：{{i.parkOutTime}}
  76 + </p>
  77 + <p>停车时长：{{ $utils.dateFormat(i.parkDuration)}}</p>
  78 + <div class="out-wrap">
  79 + <p class="mon-wrap">￥{{(i.unPayFee/100).toFixed(2)}}</p>
  80 + </div>
51 81  
52   - <div class="history-body">
53   - <p class="money-all">总欠费金额：
54   - <span>¥{{(allMoney/100).toFixed(2)}}</span>
55   - </p>
56   -
57   - <div class="cost-main cost-main-history" style="padding-left: 50px;"
58   -
59   - v-for="(i, index) in historyList" :key="i.id"
60   - @click="chooseHandle(i, index)"
61   - :class="{isChecked: i.checked}"
62   - >
63   - <ul class="cost-header">
64   - <li :class="carColor | formateColor">{{i.carNumber}}</li>
65   - <li>欠费</li>
66   - </ul>
67   -
68   - <div class="cost-body">
69   - <p>车辆类型：临停车</p>
70   -
71   - <p>车场名称：{{i.parkName}}
72   - </p>
73   - <p> 进场时间：{{i.parkInTime}}
74   - </p>
75   - <p>出场时间：{{i.parkOutTime}}
76   - </p>
77   - <p>停车时长：{{ $utils.dateFormat(i.parkDuration)}}</p>
78   - <div class="out-wrap">
79   - <p class="mon-wrap">￥{{(i.unPayFee/100).toFixed(2)}}</p>
80 82 </div>
81   -
82 83 </div>
83   - </div>
84 84  
85   - </div>
  85 + </div>
86 86  
87 87  
88   - <div class="history-footer">
89   - <p class="statistical-data">您已选中
90   - <span>{{historyCheckedLen}}</span>笔交易
91   - &nbsp;&nbsp;&nbsp;&nbsp;合计：¥ <span>{{(historyCheckedMon/100).toFixed(2)}}</span>
92   - </p>
93   - <div class="opration-wrap">
94   - <p class="check-btn" :class="{isAllChecked:allChecked}"
95   - @click="checkedAll"
96   - >全选</p>
97   - <p class="settle-btn" @click="toPayPage">清缴欠费</p>
  88 + <div class="history-footer">
  89 + <p class="statistical-data">您已选中
  90 + <span>{{historyCheckedLen}}</span>笔交易
  91 + &nbsp;&nbsp;&nbsp;&nbsp;合计：¥ <span>{{(historyCheckedMon/100).toFixed(2)}}</span>
  92 + </p>
  93 + <div class="opration-wrap">
  94 + <p class="check-btn" :class="{isAllChecked:allChecked}"
  95 + @click="checkedAll"
  96 + >全选</p>
  97 + <p class="settle-btn" @click="toPayPage">清缴欠费</p>
  98 + </div>
98 99 </div>
99 100 </div>
100 101  
101 102  
102 103 <!--没有在停费用-->
103   - <!--<div class="noRecord">暂无记录</div>-->
  104 + <div class="noRecord" v-else>暂无记录</div>
104 105  
105 106 </div>
106 107  
... ... @@ -162,20 +163,7 @@ export default {
162 163 methods: {
163 164 parkRecordList(){
164 165 var salt = this.$utils.myCommonSalt(32);
165   - // var sortd = [
166   - // { keyname: 'app_id', value: this.$utils.myVarAppid },
167   - // { keyname: 'deviceInfo', value: this.$utils.myDeviceInfo },
168   - // { keyname: 'salt', value: salt },
169   - // { keyname: 'sign_type', value: 'md5' },
170   - // { keyname: 'pageNum', value: 1 },
171   - // { keyname: 'pageSize', value: 1000 },
172   - // { keyname: 'parkState', value: 10 },
173   - // { keyname: 'terminalSource', value: 7 },
174   - // { keyname: 'carNumber', value: this.carNumber },
175   - // { keyname: 'orgId', value: this.$utils.myOrgId },
176   - //
177   - // ];
178   - // var md5sign = this.$utils.myGetSign(sortd);
  166 +
179 167 var jsondata = {
180 168 app_id: this.$utils.myVarAppid,
181 169 deviceInfo: this.$utils.myDeviceInfo,
... ... @@ -199,10 +187,12 @@ export default {
199 187 console.log(response)
200 188 this.parkList = response.data.dataList
201 189  
202   -
203 190 this.parkingData = this.parkList.filter(item => {
204 191 return item.parkState == '10'
205 192 })
  193 + if(this.parkingData.length>0){
  194 + this.currentTabActive = 0
  195 + }
206 196 console.log(this.parkingData)
207 197 this.historyList = this.parkList.filter(item => {
208 198 return item.parkState == '20'
... ... @@ -272,23 +262,6 @@ export default {
272 262  
273 263 var list = "[" + this.orderIds + "]"
274 264  
275   - // var orderlist = this.orderIds
276   - // var codes = "[" + fun.parkCodes + "]"
277   - //
278   - // var sortd = [
279   - //
280   - // { keyname: 'app_id', value: this.$utils.myVarAppid },
281   - // { keyname: 'deviceInfo', value: this.$utils.myDeviceInfo },
282   - // { keyname: 'salt', value: salt },
283   - // { keyname: 'sign_type', value: 'md5' },
284   - // { keyname: 'orderIds', value: list },
285   - // { keyname: 'terminalSource', value: 7 },
286   - // { keyname: 'orgId', value: this.$utils.myOrgId },
287   - // { keyname: 'payType', value:4 },
288   - // { keyname: 'appId', value: this.$utils.myVxAppId }
289   - //
290   - // ];
291   - // var md5sign = this.$utils.myGetSign(sortd);
292 265  
293 266 var jsondata = {
294 267 app_id: this.$utils.myVarAppid,
... ...