提交bug

王富生
1 parent 5ab16151
Showing 3 changed files with 51 additions and 12 deletions
src/api/mycar.js
src/views/mycar/index.vue
src/views/order/index.vue
@@ -18,7 +18,7 @@ export function boundCarNum(params) {
   return request({
     url: '/personCarNumPc/boundCarNum',
     method: 'post',
-    params
+    data:params
   })
 }
@@ -26,10 +26,11 @@ export function boundCarNum(params) {
  * 解绑车牌
  * @param params
  */
-export function unboundCarNum() {
+export function unboundCarNum(params) {
   return request({
     url: '/personCarNumPc/unboundCarNum',
-    method: 'post'
+    method: 'post',
+    data:params
   })
 }
@@ -31,7 +31,7 @@
                 </el-form-item>
               </el-col>
               <el-col :span="12">
-                <el-button type="primary" :loading="bondformBtnVisible" @click="bondCarNum('bondform')">绑定车牌</el-button>
+                <el-button type="primary" :loading="bondformBtnVisible" @click="checkCarNum('bondform')">绑定车牌</el-button>
               </el-col>
             </el-row>
@@ -40,7 +40,7 @@
         </el-card>
       </el-col>
       <el-col :span="12">
-        <el-card class="box-card" style="height: 300px">
+        <el-card class="box-card" style="min-height: 300px">
           <div slot="header" class="clearfix">
             <span>解绑车牌</span>
           </div>
@@ -106,13 +106,46 @@
     },
     methods: {
-      /**绑定车牌*/
-      bondCarNum:function(formName){
+      /**校验是否已经绑定*/
+      checkCarNum(formName){
+        debugger
+        //checkBoundCarNum
         let that = this;
         let custId = this.form.custId;
         let carNum = this.bondform.carNum;
+        let existFlg = false;
         this.$refs[formName].validate((valid) => {
           if (valid) {
+            getPersonCarNumPC().then(response =>{
+              if(response.code ='8888'){
+                let data = response.data;
+                data.forEach(function(item,index){
+                    if(item.carNumber ==carNum){
+                      existFlg=true;
+                    }
+                });
+               if(data.length >=3){
+                 this.$message({
+                   type: 'error',
+                   message: '最多只能绑定3个车牌'
+                 });
+                }else if(existFlg){
+                  this.$message({
+                    type: 'error',
+                    message: '该车牌已经绑定！'
+                  });
+                }else {
+                  that.bondCarNum(custId,carNum);
+                }
+
+              }
+            });
+          }
+        });
+      },
+      /**绑定车牌*/
+      bondCarNum:function(custId,carNum){
+           let  that =this;
             let req ={
               custId:custId,
               carNumber:carNum,
@@ -126,14 +159,12 @@
                    type: 'success',
                    message: '车牌绑定成功！'
                  });
+                 that.getPersonCarNumPC();
                }
             });
-          } else {
-            console.log('error submit!!');
-            return false;
-          }
-        });
+
+
       },
       /**获取车牌.*/
       getPersonCarNumPC:function () {
@@ -161,6 +192,7 @@
           sysCode:'1001',
           carBindingStatus:2, //解绑
         };
+        debugger
         unboundCarNum(req).then(response =>{
           if(response.code ='8888'){
             this.$message({
@@ -37,6 +37,9 @@
       <p class="table-title">订单详情</p>
       <el-table
         :data="orderData"
+        v-loading="loading"
+        element-loading-text="数据加载中..."
+        element-loading-spinner="el-icon-loading"
         style="width: 100%;"
         :show-overflow-tooltip="true">
         <el-table-column
@@ -125,6 +128,7 @@ export default {
         carNum: null,
       },
+      loading:false,
       total: 0,
       currentPage: 1,
       pageSize: 6,
@@ -158,6 +162,7 @@ export default {
      * 查询订单信息
      */
     queryOwnerParkRecord: function() {
+      this.loading=true;
       let req = this.getQueryParams();
       req.baseRequest={
@@ -166,6 +171,7 @@ export default {
       },
         queryOwnerParkRecord (req).then(response =>{
           if(response.code=='8888'){
+            this.loading=false;
             this.orderData = response.data.dataList;
             this.total = response.data.pageTotals;
           }else{