历史欠费缴纳

liuqimichale
1 parent 65d81c4b
Showing 3 changed files with 164 additions and 39 deletions
src/api/parkRecord/parkRecord.js
src/components/parkRecord.vue
src/utils/utils.js
@@ -7,3 +7,11 @@ export function parkRecordList(params) {
     data: params
   })
 }
+
+export function historyQuery(params) {
+  return request({
+    url: '/api/queryParkOrder/queryArrearageStaForWXPublc',
+    method: 'post',
+    data: params
+  })
+}
@@ -14,33 +14,33 @@
       <!--本次缴费-->
       <div v-show="currentTabActive==0">
  
-        <div>
+        <div v-if="parkingData.length>0">
           <p class="free-tip">您为会员卡车辆无需缴费，请直接离场。</p>
  
           <div class="cost-main" >
             <ul class="cost-header">
-              <li :class="carColor | formateColor">蒙DMW169</li>
+              <li :class="carColor | formateColor">{{i.carNumber}}</li>
               <li>本次费用</li>
             </ul>
  
             <div class="cost-body">
               <p>车辆类型：临停车</p>
-              <p>车场名称：赤峰金店南
+              <p>车场名称：{{i.parkName}}
               </p>
-              <p> 进场时间：2020-12-19 12:59:18
+              <p> 进场时间：{{i.parkInTime}}
               </p>
-              <p>出场时间：2020-12-19 12:17:52
+              <p>出场时间：{{i.parkOutTime}}
               </p>
-              <p>停车时长：18分钟33秒</p>
+              <p>停车时长：{{ $utils.dateFormat(i.parkDuration)}}</p>
               <div class="out-wrap">
-                <p class="mon-wrap">￥1.50</p>
+                <p class="mon-wrap">￥{{(i.totalFee/100).toFixed(2)}}</p>
                 <p class="out-btn">出场缴费</p>
               </div>
             </div>
           </div>
         </div>
         <!--没有在停费用-->
-        <div class="noRecord">暂无记录</div>
+        <div class="noRecord" v-else>暂无记录</div>
  
  
       </div>
@@ -51,7 +51,7 @@
  
         <div class="history-body">
           <p class="money-all">总欠费金额：
-            <span>¥15.50</span>
+            <span>¥{{(allMoney/100).toFixed(2)}}</span>
           </p>
  
           <div class="cost-main  cost-main-history" style="padding-left: 50px;"
@@ -61,22 +61,22 @@
             :class="{isChecked: i.checked}"
           >
             <ul class="cost-header">
-              <li :class="carColor | formateColor">蒙DMW169</li>
+              <li :class="carColor | formateColor">{{i.carNumber}}</li>
               <li>欠费</li>
             </ul>
  
             <div class="cost-body">
               <p>车辆类型：临停车</p>
  
-              <p>车场名称：赤峰金店南
+              <p>车场名称：{{i.parkName}}
               </p>
-              <p> 进场时间：2020-12-19 12:59:18
+              <p> 进场时间：{{i.parkInTime}}
               </p>
-              <p>出场时间：2020-12-19 12:17:52
+              <p>出场时间：{{i.parkOutTime}}
               </p>
-              <p>停车时长：18分钟33秒</p>
+              <p>停车时长：{{ $utils.dateFormat(i.parkDuration)}}</p>
               <div class="out-wrap">
-                <p class="mon-wrap">￥1.50</p>
+                <p class="mon-wrap">￥{{(i.totalFee/100).toFixed(2)}}</p>
               </div>
  
             </div>
@@ -88,7 +88,7 @@
         <div class="history-footer">
           <p class="statistical-data">您已选中
             <span>{{historyCheckedLen}}</span>笔交易
-            &nbsp;&nbsp;&nbsp;&nbsp;合计：¥ <span>{{historyCheckedMon/100}}.00</span>
+            &nbsp;&nbsp;&nbsp;&nbsp;合计：¥ <span>{{(historyCheckedMon/100).toFixed(2)}}</span>
           </p>
           <div class="opration-wrap">
             <p class="check-btn" :class="{isAllChecked:allChecked}"
@@ -123,7 +123,7 @@
 </template>
  
 <script>
-import { parkRecordList } from '@/api/parkRecord/parkRecord.js'
+import { parkRecordList, historyQuery } from '@/api/parkRecord/parkRecord.js'
 import axios from 'axios'
  
 export default {
@@ -137,16 +137,17 @@ export default {
       carColor: 1,// 车牌颜色
       currentTabActive: 1, // 显示当前哪个
       carNumber: '', //  车牌号码
+      parkingData:[], //  在停数据
       parkList: [], // 停车记录数据
       historyList:[  // 历史欠费数据
         {money:100,checked:false, id: 1},
-        {money:200,checked:false, id: 2},
-        {money:300,checked:false, id: 3},
-        {money:400,checked:false, id: 4},
+
       ] ,
       allChecked:false, // 全部选择事件
+      allMoney:0, // 欠费所有的费用
       historyCheckedLen:0, //选中了几笔交易
       historyCheckedMon: 0, //选中了待缴纳的金额
+      orderIds: [] // 选中数据的订单 数组
     }
   },
   mounted(){
@@ -168,7 +169,9 @@ export default {
         { keyname: 'pageSize', value: 1000 },
         { keyname: 'parkState', value: 10 },
         { keyname: 'terminalSource', value: 7 },
-        { keyname: 'carNumber', value: this.carNumber }
+        { keyname: 'carNumber', value: this.carNumber },
+        { keyname: 'orgId', value: this.$utils.myOrgId },
+
       ];
       var md5sign = this.$utils.myGetSign(sortd);
       var jsondata = {
@@ -181,15 +184,30 @@ export default {
         parkState: 10,
         terminalSource: 7,
         carNumber: this.carNumber,
-        sign: md5sign
+        sign: md5sign,
+        orgId: this.$utils.myOrgId
       }
+
+
+      // jsondata.sign = md5sign
       console.log('停车记录传参  ' + JSON.stringify(jsondata));
       parkRecordList(jsondata).then(response => {
         console.log(response)
         this.parkList = response.data.dataList
-        this.historyList = this.parkList.filter((item) => {
-          return item.parkState = '20'
+
+
+        this.parkingData = this.parkList.filter(item => {
+          return item.parkState == '10'
         })
+        console.log(this.parkingData)
+        this.historyList = this.parkList.filter(item => {
+          return item.parkState == '20'
+        })
+        this.historyList.forEach( i => {
+          this.allMoney += Number(i.totalFee)
+        })
+
+        console.log(this.historyList)
       })
     },
  
@@ -201,12 +219,17 @@ export default {
     chooseHandle(i, index) { // 历史欠费单个选择事件
       i.checked = !i.checked
       let me = this
+
       if(i.checked ){ //单个选中
         me.historyCheckedLen ++
-        me.historyCheckedMon += i.money
+        if(me.historyCheckedLen == this.historyList.length){
+          this.allChecked = true
+        }
+        me.historyCheckedMon += Number(i.totalFee)
       }else{ //单个不选中
+        this.allChecked = false
         me.historyCheckedLen --
-        me.historyCheckedMon -= i.money
+        me.historyCheckedMon -= Number(i.totalFee)
       }
  
  
@@ -214,21 +237,22 @@ export default {
     checkedAll() { // 全选选择事件
       this.allChecked = !this.allChecked
       if(this.allChecked){  //全选
-        let me = this
-        me.historyCheckedMon = 0
+        let me  = this
         this.historyList.forEach(function(item){
           item.checked = true;
-          me.historyCheckedMon += item.money
+          me.orderIds.push(item.orderId)
         });
+        this.historyCheckedMon = this.allMoney
         this.historyCheckedLen = this.historyList.length
-      }else{ //反选
  
+      }else{ //反选
         this.historyList.forEach(function(item){
           item.checked = false;
  
         });
         this.historyCheckedLen = 0
         this.historyCheckedMon = 0
+        this.orderIds = []
       }
     },
     toPayPage() { //缴纳费用
@@ -236,14 +260,55 @@ export default {
         this.$refs.alert.open()
         return
       }
-      this.$router.push(
-        {
-          path:'orderPay',
-          query:{
-            carColor:0
-          }
-        }
-      )
+      var salt = this.$utils.myCommonSalt(32);
+
+      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,
+        deviceInfo: this.$utils.myDeviceInfo,
+        salt: salt,
+        sign: md5sign,
+        sign_type: "md5",
+        appId: this.$utils.myVxAppId,
+        orderIds: list,
+        terminalSource: '7',
+        payType: 4,
+        orgId: this.$utils.myOrgId,
+      }
+
+      historyQuery(jsondata).then(response => {
+        console.log(response)
+
+      })
+
+
+
+      // this.$router.push(
+      //   {
+      //     path:'orderPay',
+      //     query:{
+      //       carColor:0
+      //     }
+      //   }
+      // )
     }
   },
   filters: {
@@ -38,8 +38,60 @@ export default {
     return strmd5;
   },
  
+  dateFormat: function (msd) {  // 时间转换
+    var time = msd
+
+    if (null != time && "" != time) {
+
+      if (time > 60 && time < 60 * 60) {
+
+        time = parseInt(time / 60.0) + "分钟" + parseInt((parseFloat(time / 60.0) -
+
+          parseInt(time / 60.0)) * 60) + "秒";
+
+      }
+
+      else if (time >= 60 * 60 && time < 60 * 60 * 24) {
+
+        time = parseInt(time / 3600.0) + "小时" + parseInt((parseFloat(time / 3600.0) -
+
+          parseInt(time / 3600.0)) * 60) + "分钟" +
+
+          parseInt((parseFloat((parseFloat(time / 3600.0) - parseInt(time / 3600.0)) * 60) -
+
+            parseInt((parseFloat(time / 3600.0) - parseInt(time / 3600.0)) * 60)) * 60) + "秒";
+
+      } else if (time >= 60 * 60 * 24) {
+
+        time = parseInt(time / 3600.0 / 24) + "天" + parseInt((parseFloat(time / 3600.0 / 24) -
+
+          parseInt(time / 3600.0 / 24)) * 24) + "小时" + parseInt((parseFloat(time / 3600.0) -
+
+          parseInt(time / 3600.0)) * 60) + "分钟" +
+
+          parseInt((parseFloat((parseFloat(time / 3600.0) - parseInt(time / 3600.0)) * 60) -
+
+            parseInt((parseFloat(time / 3600.0) - parseInt(time / 3600.0)) * 60)) * 60) + "秒";
+
+      }
+
+      else {
+
+        time = parseInt(time) + "秒";
+
+      }
+
+    }
+
+    return time;
+  },
+
   myVarAppid:'ud8yq5tv0inxupc05xfeau39jywlqoj2',// 公共请求Appid
  
-  myDeviceInfo: 'BC0703A4-AFB0-4B51-9089-9B7487C0CC6E' // 公共请求设备信息
+  myDeviceInfo: 'BC0703A4-AFB0-4B51-9089-9B7487C0CC6E', // 公共请求设备信息
+
+  myVxAppId: 'wx2af2bab90d433c86' , // 微信赤峰 appid
+
+  myOrgId: '10003' // 归属地 赤峰id
  
 }