停车记录

刘淇
1 parent 176eff96
Showing 5 changed files with 100 additions and 34 deletions
src/api/parkRecord/parkRecord.js
src/views/mySelf/myCars/addCarNum.vue
src/views/mySelf/myCars/myCars.vue
src/views/mySelf/myCars/rzCarNumber.vue
src/views/mySelf/parkNotes/parkNotes.vue
@@ -8,6 +8,7 @@ export function parkRecordList(params) {
   })
 }
  
+
 export function historyQuery(params) {
   return request({
     url: 'queryParkOrder/queryArrearageStaForWXPublc',
@@ -50,7 +50,7 @@ export default {
         }else if(response.code==-10005){
           this.$toast('最多绑定三辆车')
         }else{
-          this.$toast('添加车牌失败')
+          this.$toast(response.message)
         }
       });
     }
@@ -19,7 +19,7 @@
           <p style="color: #2282C5">审核中</p>
         </van-col>
         <van-col span="2">
-          <p>
+          <p @click="toDeletecarNumber(item,_index)">
             <van-icon name="cross" color="#D1D1D6"/>
           </p>
         </van-col>
@@ -68,7 +68,7 @@
  
 <script>
  
-import { queryUserCars } from "@/api/myCars/myCars";
+import { queryUserCars, userCarsInfoEdit } from "@/api/myCars/myCars";
 export default {
   name: "myCars",
   data() {
@@ -103,6 +103,23 @@ export default {
           }
         }
       );
+    },
+    toDeletecarNumber(item,index){
+      let arr = []
+      arr.push(item);
+      let jsondata = {
+        optType: '01' ,
+        carNumbers: JSON.stringify(arr)
+      };
+      jsondata.sign = this.$utils.signObject(jsondata);
+      userCarsInfoEdit(jsondata).then(response => {
+        console.log(response);
+        if(response.code==0){
+          this.queryUserCars();
+          this.$toast('删除成功')
+        }
+      });
+
     }
   }
 };
@@ -53,9 +53,9 @@ export default {
   methods: {
     afterRead(file) {
       // 此时可以自行将文件上传至服务器
-      console.log(file.content);
-      this.path = file.content
-      this.uploadPic()
+      console.log(file);
+      // this.path = file.content
+      this.uploadPic(file)
     },
     toMyCarsPage() {
       console.log(this.fileList);
@@ -71,18 +71,45 @@ export default {
  
       }
     },
-    uploadPic() {
-      let jsondata = {
-        fileType: '11',
-        picFile: this.path
-      };
-      jsondata.sign = this.$utils.signObject(jsondata);
-      uploadPic(jsondata).then(response => {
-        console.log(jsondata)
-        if(response.code=='0'){
-
-        }
+    uploadPic(file) {
+
+
+
+
+      let params=new FormData();
+      params.append('file',file.file);
+      params.append('fileType','11');
+      params.sign = this.$utils.signObject(params);
+      //uploafile为自定义上传路径，记得引入
+
+      uploadPic({
+        filePath: file.content,
+        name: "picFile",
+        formData: params,
+      }).then((res) => {
+
+        //上传成功返回结果
+        console.log(res);
       });
+
+
+
+
+      // let jsondata = {
+      //   fileType: '11',
+      //   picFile:file.file
+      // };
+      // // jsondata.sign = this.$utils.signObject(jsondata);
+      // //通过formData上传文件
+      // let formData = new FormData();
+      // formData.append("file", file)
+      // formData.append("fileType", '11')
+      // uploadPic(jsondata).then(response => {
+      //   console.log(jsondata)
+      //   if(response.code=='0'){
+      //
+      //   }
+      // });
     }
   }
 };
 <template>
   <div>
-    <ul class="notesList">
-      <li>车牌号: <span>蒙DMW169</span></li>
-      <li>车牌颜色: <span>蓝色</span></li>
-      <li>进场时间: <span>2020-12-19 12：59：18</span></li>
-      <li>出场时间: <span>2020-12-19 12：59：18</span></li>
-      <li>停车时长: <span>18分33秒</span></li>
-    </ul>
-    <ul class="notesList">
-      <li>车牌号: <span>蒙DMW169</span></li>
-      <li>车牌颜色: <span>蓝色</span></li>
-      <li>进场时间: <span>2020-12-19 12：59：18</span></li>
-      <li>出场时间: <span>2020-12-19 12：59：18</span></li>
-      <li>停车时长: <span>18分33秒</span></li>
-    </ul>
+    <div v-if="recordList.length>0">
+      <ul class="notesList"  v-for="(i,index) in recordList" :key="i.orderId">
+        <li>车牌号: <span>{{i.carNumber}}</span></li>
+        <li>停车场: <span>{{i.parkName}}</span></li>
+        <li>进场时间: <span>{{i.parkInTime}}</span></li>
+        <li>出场时间: <span>{{i.parkOutTime}}</span></li>
+        <li>停车时长: <span>{{i.parkDuration}}</span></li>
+        <li>费用: <span>{{(i.totalFee/100).toFixed(2)}}</span></li>
+      </ul>
+    </div>
  
-    <div class="noRecord" >暂无记录</div>
+
+    <div class="noRecord" v-else>暂无记录</div>
  
   </div>
 </template>
  
 <script>
+import { parkRecordList } from "@/api/parkRecord/parkRecord.js";
 export default {
-  name: 'parkRecord'
-}
+  name: "parkRecord",
+  data() {
+    return {
+      recordList: []
+    };
+  },
+  created() {
+    this.parkRecordList();
+  },
+  methods: {
+    parkRecordList() {
+      let jsondata = {
+        pageNum: 1,
+        pageSize: 10,
+        parkState: 20,
+        terminalSource: 3
+      };
+      jsondata.sign = this.$utils.signObject(jsondata);
+      parkRecordList(jsondata).then(response => {
+        console.log(response);
+        this.recordList = data.data.dataList;
+      });
+    }
+  }
+};
 </script>
  
 <style scoped lang="scss">