From 176eff96fb3be3e94bca9aced0915e1a594b5f19 Mon Sep 17 00:00:00 2001
From: liugongyu <290219706@qq.com>
Date: Tue, 27 Jun 2023 11:25:50 +0800
Subject: [PATCH] 添加车牌

---
 src/api/myCars/myCars.js                | 28 ++++++++++++++++++++++++++++
 src/router/index.js                     |  2 +-
 src/views/binding/binDing.vue           |  3 ---
 src/views/mySelf/myCars/addCarNum.vue   | 29 ++++++++++++++++++++++++++---
 src/views/mySelf/myCars/myCars.vue      | 71 ++++++++++++++++++++++++++++++++---------------------------------------
 src/views/mySelf/myCars/rzCarNumber.vue | 63 ++++++++++++++++++++++++++++++++++++++++++---------------------
 6 files changed, 129 insertions(+), 67 deletions(-)
 create mode 100644 src/api/myCars/myCars.js

diff --git a/src/api/myCars/myCars.js b/src/api/myCars/myCars.js
new file mode 100644
index 0000000..143d2e3
--- /dev/null
+++ b/src/api/myCars/myCars.js
@@ -0,0 +1,28 @@
+import request from '@/utils/request'
+
+export function queryUserCars(params) { //获取已经绑定的车牌号信息
+  return request({
+    url: 'user/car/queryUserCars',
+    method: 'post',
+    data: params
+  })
+}
+
+
+export function userCarsInfoEdit(params) { //编辑车牌号
+  return request({
+    url: 'user/car/userCarsInfoEdit',
+    method: 'post',
+    data: params
+  })
+}
+
+
+export function uploadPic(params) { //上传图片
+  return request({
+    url: 'pic/uploadPic',
+    method: 'post',
+    data: params
+  })
+}
+
diff --git a/src/router/index.js b/src/router/index.js
index 4f59b12..16dcbba 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -115,7 +115,7 @@ export default new Router({
       path: '/rzCarNumber',
       name: 'rzCarNumber',
       component: () => import("@/views//mySelf/myCars/rzCarNumber.vue"),
-      meta: {title: "认证车牌"}
+      // meta: {title: "认证车牌"}
     },
 
 
diff --git a/src/views/binding/binDing.vue b/src/views/binding/binDing.vue
index c498d21..0528be3 100644
--- a/src/views/binding/binDing.vue
+++ b/src/views/binding/binDing.vue
@@ -71,7 +71,6 @@ export default {
         phone: this.phone
       };
       jsondata.sign = this.$utils.signObject(jsondata);
-      console.log("停车记录传参  " + JSON.stringify(jsondata));
       sendverificode(jsondata).then(response => {
         console.log(response);
         this.$toast("获取验证码成功");
@@ -114,7 +113,6 @@ export default {
         openid:'oWw3o5rY_bFsiT_nFd2CEQWGZfhs'  // 正式注释
       };
       jsondata.sign = this.$utils.signObject(jsondata);
-      console.log("停车记录传参  " + JSON.stringify(jsondata));
       bindCustByOpenId(jsondata).then(response => {
         if(response.code=='0'){
           this.getTokenByOpenId() // 获取token和用户手机号
@@ -132,7 +130,6 @@ export default {
         openid:'oWw3o5rY_bFsiT_nFd2CEQWGZfhs'  // 正式注释
       };
       jsondata.sign = this.$utils.signObject(jsondata);
-      console.log("停车记录传参  " + JSON.stringify(jsondata));
       getTokenByOpenId(jsondata).then(response => {
         if(response.code=='0'){
           this.$toast("亲，您已绑定成功!");
diff --git a/src/views/mySelf/myCars/addCarNum.vue b/src/views/mySelf/myCars/addCarNum.vue
index 1cc933d..ff05ae0 100644
--- a/src/views/mySelf/myCars/addCarNum.vue
+++ b/src/views/mySelf/myCars/addCarNum.vue
@@ -11,6 +11,7 @@
 
 <script>
 import VnpInput from "@/components/vant-number-plate/vnp-input";
+import { userCarsInfoEdit } from "@/api/myCars/myCars";
 export default {
   name: "addCarNum",
   components: {
@@ -26,10 +27,32 @@ export default {
     toMyCarsPage() {
       console.log(this.value)
       console.log(this.value.length)
-      this.$router.push({
-          name: "myCars"
+      if(this.value.length>6){
+        this.userCarsInfoEdit()
+      }else{
+        this.$toast('输入正确车牌号')
+      }
+
+    },
+    userCarsInfoEdit(){
+      let jsondata = {
+        carNumbers: JSON.stringify([{carNumber:this.value}]),
+        optType:'00'
+      };
+      jsondata.sign = this.$utils.signObject(jsondata);
+      userCarsInfoEdit(jsondata).then(response => {
+        console.log(response);
+        if(response.code==0){
+          this.$router.push({
+              name: "myCars"
+            }
+          );
+        }else if(response.code==-10005){
+          this.$toast('最多绑定三辆车')
+        }else{
+          this.$toast('添加车牌失败')
         }
-      );
+      });
     }
   }
 };
diff --git a/src/views/mySelf/myCars/myCars.vue b/src/views/mySelf/myCars/myCars.vue
index 446206a..d090b17 100644
--- a/src/views/mySelf/myCars/myCars.vue
+++ b/src/views/mySelf/myCars/myCars.vue
@@ -2,49 +2,20 @@
   <section style="padding: 20px 15px;">
     <p style="color: #343434;font-size: 30px;font-weight: 600;padding-bottom: 15px;">我的车辆</p>
     <div>
-      <van-row>
+      <van-row v-for="item in carList" :key="item.id">
         <van-col span="3" style="text-align: center">
           <van-image style="margin-top: 18px;" :src="require('../../../assets/images/myCars/carNumBg.png')"/>
         </van-col>
         <van-col span="14" style="font-size: 16px;">
-          京A1231231
+          {{item.carNumber}}
         </van-col>
-        <van-col span="5">
-          <!--<p style="color: #FF555D">立即认证</p>-->
-          <p style="color: #1aad19">通过认证</p>
+        <van-col span="5" v-if="item.examineState == 0" @click="toRzcarNumber(item.carNumber,item.id)">
+          <p style="color: #1aad19">立即认证</p>
         </van-col>
-        <van-col span="2">
-          <p>
-            <van-icon name="cross" color="#D1D1D6"/>
-          </p>
-        </van-col>
-      </van-row>
-
-      <van-row>
-        <van-col span="3" style="text-align: center">
-          <van-image style="margin-top: 18px;" :src="require('../../../assets/images/myCars/carNumBg.png')"/>
-        </van-col>
-        <van-col span="14" style="font-size: 16px;">
-          京A1231231
-        </van-col>
-        <van-col span="5">
-          <p style="color: #FF555D" @click="toRzcarNumber">立即认证</p>
-        </van-col>
-        <van-col span="2">
-          <p>
-            <van-icon name="cross" color="#D1D1D6"/>
-          </p>
+        <van-col span="5" v-else-if="item.examineState == 0">
+          <p style="color: #FF555D">通过认证</p>
         </van-col>
-      </van-row>
-
-      <van-row>
-        <van-col span="3" style="text-align: center">
-          <van-image style="margin-top: 18px;" :src="require('../../../assets/images/myCars/carNumBg.png')"/>
-        </van-col>
-        <van-col span="14" style="font-size: 16px;">
-          京A1231231
-        </van-col>
-        <van-col span="5">
+        <van-col span="5" v-else>
           <p style="color: #2282C5">审核中</p>
         </van-col>
         <van-col span="2">
@@ -54,7 +25,7 @@
         </van-col>
       </van-row>
 
-      <section class="addBtnBg" @click="toAddCarPage">
+      <section class="addBtnBg" @click="toAddCarPage" v-if="carList.length<3">
         <van-image style="margin-top: 10px" :src="require('../../../assets/images/myCars/addBtn.png')"/>
         添加车辆
       </section>
@@ -96,18 +67,40 @@
 </template>
 
 <script>
+
+import { queryUserCars } from "@/api/myCars/myCars";
 export default {
   name: "myCars",
+  data() {
+    return {
+      carList: []
+    };
+  },
+  created() {
+    this.queryUserCars();
+  },
   methods: {
+    queryUserCars() {
+      let jsondata = {};
+      jsondata.sign = this.$utils.signObject(jsondata);
+      queryUserCars(jsondata).then(response => {
+        console.log(response);
+        this.carList = response.data;
+      });
+    },
     toAddCarPage() {
       this.$router.push({
           name: "addCarNum"
         }
       );
     },
-    toRzcarNumber(){
+    toRzcarNumber(carNumber, id) {
       this.$router.push({
-          name: "rzCarNumber"
+          name: "rzCarNumber",
+          query: {
+            carNumber: carNumber,
+            id: id
+          }
         }
       );
     }
diff --git a/src/views/mySelf/myCars/rzCarNumber.vue b/src/views/mySelf/myCars/rzCarNumber.vue
index 923c5aa..138f6f9 100644
--- a/src/views/mySelf/myCars/rzCarNumber.vue
+++ b/src/views/mySelf/myCars/rzCarNumber.vue
@@ -2,7 +2,7 @@
   <div style="background: #fff;width: 100%;height: 100%">
     <h3 style="padding: 10px 10px;border-bottom: 5px solid #f5f5f5">
       车牌号码：
-      <b style="color:#2282C5">京A12321</b>
+      <b style="color:#2282C5">{{$route.query.carNumber}}</b>
     </h3>
 
     <div style="padding: 10px 10px">
@@ -11,11 +11,11 @@
 
         <!--&lt;!&ndash;<div class="uploadBg"></div>&ndash;&gt;-->
         <!--<van-image  style="width: 100%;height: 200px;"-->
-          <!--:src="require('../../../assets/images/myCars/fornt.png')" />-->
+        <!--:src="require('../../../assets/images/myCars/fornt.png')" />-->
       </van-uploader>
 
       <!--<div class="uploadBg">-->
-       <!---->
+      <!---->
       <!--</div>-->
 
 
@@ -31,48 +31,69 @@
 
       <van-button type="info" round block style="margin-top: 40px;" @click="toMyCarsPage">立即验证</van-button>
 
-
-
     </div>
 
-
-
-
   </div>
 
 </template>
 
 <script>
+import { uploadPic } from "@/api/myCars/myCars";
 export default {
   name: "rzCarNumber",
   data() {
     return {
       fileList: [],
+      path:''
     };
   },
-  methods:{
+  created() {
+    console.log(this.$route.query);
+  },
+  methods: {
     afterRead(file) {
       // 此时可以自行将文件上传至服务器
-      console.log(file);
+      console.log(file.content);
+      this.path = file.content
+      this.uploadPic()
     },
     toMyCarsPage() {
-      console.log(this.fileList)
-      console.log(this.fileList.length)
-      this.$router.push({
-          name: "myCars"
+      console.log(this.fileList);
+      console.log(this.fileList.length);
+      // this.$router.push({
+      //     name: "myCars"
+      //   }
+      // );
+
+      if(this.fileList.length==0){
+        this.$toast('请先上传图片')
+      }else{
+
+      }
+    },
+    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'){
+
         }
-      );
+      });
     }
   }
 };
 </script>
 
 <style scoped>
-.uploadBg{
-  width: 100%;
-  height: 200px;
-  background:#eee url("../../../assets/images/myCars/fornt.png") no-repeat;
-  background-size: 100% 100%;
+  .uploadBg {
+    width: 100%;
+    height: 200px;
+    background: #eee url("../../../assets/images/myCars/fornt.png") no-repeat;
+    background-size: 100% 100%;
 
-}
+  }
 </style>
--
libgit2 0.21.4