补缴

王飞
1 parent 83e23298
Showing 3 changed files with 113 additions and 14 deletions
src/api/index.js
src/filters/index.js
src/views/payback/index.vue
@@ -33,3 +33,36 @@ export function queryOwnerParkRecord(param) {
     data:param
   })
 }
+/**
+ * 分页查询车主欠费记录
+ * @param param
+ */
+export function pageQueryArrearRecordByCondition(param) {
+  return request({
+    url: '/personPc/index/pageQueryArrearRecordByCondition',
+    method: 'post',
+    data:param
+  })
+}
+/**
+ * 补缴获取二维码
+ * @param param
+ */
+export function personOrderBackWxPay(param) {
+  return request({
+    url: '/personPc/wxPay/personOrderBackWxPay',
+    method: 'post',
+    data:param
+  })
+}
+/**
+ * 获取所有组织下拉框
+ * @param param
+ */
+export function selectAllAppOrg(param) {
+  return request({
+    url: '/personPc/index/selectAllAppOrg',
+    method: 'post',
+    data:param
+  })
+}
@@ -266,6 +266,8 @@ export function inOutStateFormatter(row, value) {
     if (orderState == 52) {
       return "欠费";
+    }else if (orderState == 53) {
+      return "欠费已补缴";
     } else {
       return "离场";
     }
@@ -4,6 +4,16 @@
       <el-row :gutter="20">
         <el-form ref="form" :model="form" label-width="60px" label-position="left">
           <el-col :xs="8" :sm="6" :md="7" :lg="7" :xl="1">
+
+            <el-form-item label="公司">
+              <el-select v-model="form.orgId" placeholder="请选择公司">
+              <el-option v-for="item in orgs" :label="item.orgName" :value="item.orgId"/>
+
+              </el-select>
+            </el-form-item>
+
+          </el-col>
+          <el-col :xs="8" :sm="6" :md="7" :lg="7" :xl="1">
             <el-form-item label="车牌">
               <el-input v-model="form.name" maxlength="10" />
             </el-form-item>
@@ -43,10 +53,10 @@
           :show-overflow-tooltip="true">
         </el-table-column>
         <el-table-column
-          prop="orderTotalFee"
-          label="应收费用">
+          prop="arrearageFee"
+          label="欠费金额">
           <template slot-scope="scope">
-            <span>{{(scope.row.orderTotalFee) |fen2Yuan}} </span>
+            <span>{{(scope.row.arrearageFee) |fen2Yuan}} </span>
           </template>
         </el-table-column>
         <el-table-column
@@ -103,7 +113,10 @@
       :visible.sync="dialogVisible"
       width="30%"
       :close-on-click-modal="false">
-      <span>这是二维码</span>
+      <div>
+        <el-image style="display: block;width: 100%" :src="url" >
+        </el-image>
+      </div>
       <span slot="footer" class="dialog-footer">
         <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
       </span>
@@ -113,16 +126,18 @@
 </template>
 <script>
-  import {queryOwnerParkRecord} from '@/api/index';
+  import {pageQueryArrearRecordByCondition,selectAllAppOrg,personOrderBackWxPay } from '@/api/index';
   import {fen2Yuan,string2Date,inOutStateFormatter,parkingDurationFormatter} from '@/filters/index';
   export default {
     data() {
       return {
         form: {
+          orgId:null,
           plNos: null,
           carNum: null,
         },
+        orgs:[],
         total: 0,
         currentPage: 1,
         pageSize: 10,
@@ -130,17 +145,38 @@
         ],
         multipleSelection:[],
         dialogVisible:false,
+        url:'http://106.15.186.134:9090/group1/M00/20/F3/rBMAsV0exOmAH91dAAZpQUTBbps512.jpg',
       }
     },
     mounted: function() {
+      this.selectAllAppOrg();
-      this.queryOwnerParkRecord();
     },
     methods: {
       /**
+       *获取所有组织下拉框
+       */
+      selectAllAppOrg:function(){
+        let req = {};
+        selectAllAppOrg (req).then(response =>{
+          if(response.code=='8888'){
+            this.orgs = response.data;
+            this.form.orgId = response.data[0].orgId;
+            this.pageQueryArrearRecordByCondition();
+          }else{
+            console.log(response);
+          }
+
+        });
+      },
+      /**
        * 获取查询参数
        */
       getQueryParams: function() {
+        if(this.form.orgId == undefined || this.form.orgId == null){
+          console.log("orgId为空");
+          return;
+        }
         let userInfo = this.$store.state.user.userInfo;
         let plNos = [];
         if(this.form.plNos != null && this.form.plNos != ''){
@@ -151,6 +187,7 @@
           custId:'501519113641649119232',
           orderStates:[52],
           plNos:plNos,
+          orgId:this.form.orgId,
           carNum:this.form.carNum,
         }
         return req;
@@ -158,14 +195,14 @@
       /**
        * 查询订单信息
        */
-      queryOwnerParkRecord: function() {
+      pageQueryArrearRecordByCondition: function() {
         let req = this.getQueryParams();
         req.baseRequest={
           pageNum:this.currentPage,
           pageSize:this.pageSize,
         },
-          queryOwnerParkRecord (req).then(response =>{
+          pageQueryArrearRecordByCondition (req).then(response =>{
             if(response.code=='8888'){
               this.orderData = response.data.dataList;
               this.total = response.data.pageTotals;
@@ -180,7 +217,7 @@
         console.log(page)
         this.currentPage = page;
         /** 调用表格数据.*/
-        this.queryOwnerParkRecord();
+        this.pageQueryArrearRecordByCondition();
       },
       //多选
@@ -197,18 +234,45 @@
           });
           return;
         }
-        let backs = [];
+        let orders = [];
+        let orgIds = [];
         selects.forEach(item=>{
-          backs.push({orderId:item.orderId,carNumber:item.carNumber});
+          orders.push({orderId:item.orderId,parkId:item.plNo,orderNotPayFee:item.arrearageFee});
+          orgIds.push(item.orgId);
         });
-        console.log(backs);
-        //TODO 调用后台接口获取二维码信息
+        if(orders == null || orders.length < 1){
+          this.$message({
+            message: '请至少选择一行数据!',
+            type: 'warning'
+          });
+          return;
+        }
+
+        let req ={
+          sysCode:'10003',
+          payType:2,
+          paySrcType:103,
+          terminalSource:9,
+          recordArreaInfos:JSON.stringify(orders)
+        };
+        // req = JSON.stringify(req);
+        //调用后台接口获取二维码信息
+        personOrderBackWxPay(req).then(response =>{
+          if(response.code=='8888'){
+            console.log(response.data);
+            this.url = response.data;
+          }else{
+            console.log(response);
+            this.url = "http://106.15.186.134:9090/group1/M00/20/F3/rBMAsV0exOmAH91dAAZpQUTBbps512.jpg";
+          }
+
+        });
         this.dialogVisible = true;
       },
       onSubmit:function() {
-        this.queryOwnerParkRecord();
+        this.pageQueryArrearRecordByCondition();
       },
       onCancel:function() {
         this.$message({