赤峰本次停车费用

liuqimichale
1 parent fb891275
Showing 1 changed file with 48 additions and 75 deletions
src/components/parkRecord.vue
@@ -17,7 +17,7 @@
         <div v-if="parkingData.length>0">
           <p class="free-tip">您为会员卡车辆无需缴费，请直接离场。</p>
-          <div class="cost-main" >
+          <div class="cost-main" v-for="i in parkingData">
             <ul class="cost-header">
               <li :class="carColor | formateColor">{{i.carNumber}}</li>
               <li>本次费用</li>
@@ -48,59 +48,60 @@
       <!--历史缴费-->
       <div v-show="currentTabActive==1" class="history-con" >
+        <div v-if="historyList.length>0">
+          <div class="history-body" >
+            <p class="money-all">总欠费金额：
+              <span>¥{{(allMoney/100).toFixed(2)}}</span>
+            </p>
+
+            <div class="cost-main  cost-main-history" style="padding-left: 50px;"
+
+                 v-for="(i, index) in historyList" :key="i.id"
+                 @click="chooseHandle(i, index)"
+                 :class="{isChecked: i.checked}"
+            >
+              <ul class="cost-header">
+                <li :class="carColor | formateColor">{{i.carNumber}}</li>
+                <li>欠费</li>
+              </ul>
+
+              <div class="cost-body">
+                <p>车辆类型：临停车</p>
+
+                <p>车场名称：{{i.parkName}}
+                </p>
+                <p> 进场时间：{{i.parkInTime}}
+                </p>
+                <p>出场时间：{{i.parkOutTime}}
+                </p>
+                <p>停车时长：{{ $utils.dateFormat(i.parkDuration)}}</p>
+                <div class="out-wrap">
+                  <p class="mon-wrap">￥{{(i.unPayFee/100).toFixed(2)}}</p>
+                </div>
-        <div class="history-body">
-          <p class="money-all">总欠费金额：
-            <span>¥{{(allMoney/100).toFixed(2)}}</span>
-          </p>
-
-          <div class="cost-main  cost-main-history" style="padding-left: 50px;"
-
-               v-for="(i, index) in historyList" :key="i.id"
-               @click="chooseHandle(i, index)"
-               :class="{isChecked: i.checked}"
-          >
-            <ul class="cost-header">
-              <li :class="carColor | formateColor">{{i.carNumber}}</li>
-              <li>欠费</li>
-            </ul>
-
-            <div class="cost-body">
-              <p>车辆类型：临停车</p>
-
-              <p>车场名称：{{i.parkName}}
-              </p>
-              <p> 进场时间：{{i.parkInTime}}
-              </p>
-              <p>出场时间：{{i.parkOutTime}}
-              </p>
-              <p>停车时长：{{ $utils.dateFormat(i.parkDuration)}}</p>
-              <div class="out-wrap">
-                <p class="mon-wrap">￥{{(i.unPayFee/100).toFixed(2)}}</p>
               </div>
-
             </div>
-          </div>
-        </div>
+          </div>
-        <div class="history-footer">
-          <p class="statistical-data">您已选中
-            <span>{{historyCheckedLen}}</span>笔交易
-            &nbsp;&nbsp;&nbsp;&nbsp;合计：¥ <span>{{(historyCheckedMon/100).toFixed(2)}}</span>
-          </p>
-          <div class="opration-wrap">
-            <p class="check-btn" :class="{isAllChecked:allChecked}"
-               @click="checkedAll"
-            >全选</p>
-            <p class="settle-btn" @click="toPayPage">清缴欠费</p>
+          <div class="history-footer">
+            <p class="statistical-data">您已选中
+              <span>{{historyCheckedLen}}</span>笔交易
+              &nbsp;&nbsp;&nbsp;&nbsp;合计：¥ <span>{{(historyCheckedMon/100).toFixed(2)}}</span>
+            </p>
+            <div class="opration-wrap">
+              <p class="check-btn" :class="{isAllChecked:allChecked}"
+                 @click="checkedAll"
+              >全选</p>
+              <p class="settle-btn" @click="toPayPage">清缴欠费</p>
+            </div>
           </div>
         </div>
         <!--没有在停费用-->
-        <!--<div class="noRecord">暂无记录</div>-->
+        <div class="noRecord" v-else>暂无记录</div>
       </div>
@@ -162,20 +163,7 @@ export default {
   methods: {
     parkRecordList(){
       var salt = this.$utils.myCommonSalt(32);
-      // var sortd = [
-      //   { keyname: 'app_id', value: this.$utils.myVarAppid },
-      //   { keyname: 'deviceInfo', value: this.$utils.myDeviceInfo },
-      //   { keyname: 'salt', value: salt },
-      //   { keyname: 'sign_type', value: 'md5' },
-      //   { keyname: 'pageNum', value: 1 },
-      //   { keyname: 'pageSize', value: 1000 },
-      //   { keyname: 'parkState', value: 10 },
-      //   { keyname: 'terminalSource', value: 7 },
-      //   { keyname: 'carNumber', value: this.carNumber },
-      //   { keyname: 'orgId', value: this.$utils.myOrgId },
-      //
-      // ];
-      // var md5sign = this.$utils.myGetSign(sortd);
+
       var jsondata = {
         app_id: this.$utils.myVarAppid,
         deviceInfo: this.$utils.myDeviceInfo,
@@ -199,10 +187,12 @@ export default {
         console.log(response)
         this.parkList = response.data.dataList
-
         this.parkingData = this.parkList.filter(item => {
           return item.parkState == '10'
         })
+        if(this.parkingData.length>0){
+          this.currentTabActive = 0
+        }
         console.log(this.parkingData)
         this.historyList = this.parkList.filter(item => {
           return item.parkState == '20'
@@ -272,23 +262,6 @@ export default {
       var list = "[" + this.orderIds + "]"
-      // var orderlist = this.orderIds
-      // var codes = "[" + fun.parkCodes + "]"
-      //
-      // var sortd = [
-      //
-      //   { keyname: 'app_id', value: this.$utils.myVarAppid },
-      //   { keyname: 'deviceInfo', value: this.$utils.myDeviceInfo },
-      //   { keyname: 'salt', value: salt },
-      //   { keyname: 'sign_type', value: 'md5' },
-      //   { keyname: 'orderIds', value: list },
-      //   { keyname: 'terminalSource', value: 7 },
-      //   { keyname: 'orgId', value: this.$utils.myOrgId },
-      //   { keyname: 'payType', value:4 },
-      //   { keyname: 'appId', value: this.$utils.myVxAppId }
-      //
-      // ];
-      // var md5sign = this.$utils.myGetSign(sortd);
       var jsondata = {
         app_id: this.$utils.myVarAppid,