车牌认证

刘淇
1 parent 5d00ef92
Showing 3 changed files with 83 additions and 22 deletions
src/api/myCars/myCars.js
src/router/index.js
src/views/mySelf/myCars/rzCarNumber.vue
@@ -22,7 +22,9 @@ export function uploadPic(params) { //上传图片
   return request({
     url: 'pic/uploadPic',
     method: 'post',
-    data: params
+    data: params,
+    headers:{'Content-Type': 'multipart/form-data;boundary=10'},
+
   })
 }
@@ -98,8 +98,8 @@ export default new Router({
     {
       path: "/rzCarNumber",
       name: "rzCarNumber",
-      component: () => import("@/views//mySelf/myCars/rzCarNumber.vue")
-      // meta: {title: "认证车牌"}
+      component: () => import("@/views//mySelf/myCars/rzCarNumber.vue"),
+      meta: {title: "认证车牌"}
     },
     {
       path: "/cardList",
@@ -7,9 +7,9 @@
     <div style="padding: 10px 10px">
-      <van-uploader style="width: 100%" :after-read="afterRead" v-model="fileList" :max-count="1" preview-size="200">
+      <van-uploader style="width: 100%" :after-read="afterRead" v-model="fileList" :max-count="1" preview-size="350">
-        <!--&lt;!&ndash;<div class="uploadBg"></div>&ndash;&gt;-->
+        <div class="uploadBg"></div>
         <!--<van-image  style="width: 100%;height: 200px;"-->
         <!--:src="require('../../../assets/images/myCars/fornt.png')" />-->
       </van-uploader>
@@ -30,7 +30,6 @@
       </h6>
       <van-button type="info" round block style="margin-top: 40px;" @click="toMyCarsPage">立即验证</van-button>
-
     </div>
   </div>
@@ -38,13 +37,15 @@
 </template>
 <script>
-import { uploadPic } from "@/api/myCars/myCars";
+import axios from 'axios'
+import { uploadPic, userCarsInfoEdit } from "@/api/myCars/myCars";
 export default {
   name: "rzCarNumber",
   data() {
     return {
       fileList: [],
-      path:''
+      path:'',
+      picSrc:'',
     };
   },
   created() {
@@ -53,7 +54,9 @@ export default {
   methods: {
     afterRead(file) {
       // 此时可以自行将文件上传至服务器
-      console.log(file);
+      // console.log(file);
+      // console.log(file.content)
+      // this.picSrc = file.content
       // this.path = file.content
       this.uploadPic(file)
     },
@@ -68,29 +71,81 @@ export default {
       if(this.fileList.length==0){
         this.$toast('请先上传图片')
       }else{
-
+        let jsondata = {}
+        let arr = [];
+        let carlist = {
+          carNumber: this.$route.query.carNumber,
+          cerPicturePath: this.path,
+          carNumberColor: this.$route.query.carNumberColor,
+          id: this.$route.query.id
+        };
+        arr.push(carlist);
+        // 状态；1-已使用，0-未使用， 2-已使用+未使用
+        jsondata.optType = "02";
+        jsondata.carNumbers = JSON.stringify(arr);
+        jsondata.sign = this.$utils.signObject(jsondata);
+        userCarsInfoEdit(jsondata).then(response => {
+          console.log(response);
+          if(response.code==0){
+            this.$router.push({
+                name: "myCars"
+              }
+            );
+          }
+        });
       }
     },
     uploadPic(file) {
+      let data = new FormData();
+      data.append('picFile', file.file);
+      data.append('fileType', '11');
+      data.append('token', this.$utils.userToken);
+      let config = {
+        headers: { //添加请求头
+          "Content-Type": "multipart/form-data"
+        }
+      };
+      // jsondata.sign = this.$utils.signObject(jsondata)
+      //上传图片
+      axios.post("https://pay.ccccitd.cc/pic/uploadPic",data, config).then(res => {
+        console.log(res.data);
+        console.log(res.data.data);
+        this.path = res.data.data
+        // console.log(this.path);
+      })
+
-      let params=new FormData();
-      params.append('file',file.file);
-      params.append('fileType','11');
-      params.sign = this.$utils.signObject(params);
+      // params.sign = this.$utils.signObject(params);
       //uploafile为自定义上传路径，记得引入
+      // var jsondata = {
+      //   fileType: '11',
+      //   picFile: file.content
+      // }
+      // jsondata.sign = this.$utils.signObject(jsondata);
-      uploadPic({
-        filePath: file.content,
-        name: "picFile",
-        formData: params,
-      }).then((res) => {
+      // let formData=new FormData();
+      // formData.append('picFile',file);
+      // formData.append('fileType','11');
+      // formData.append("token", this.$utils.userToken)
+      // console.log(this.$utils.userToken)
-        //上传成功返回结果
-        console.log(res);
-      });
+      // var jsondata = {
+      //   fileType: '11',
+      //   picFile: file[0]
+      // }
+      // uploadPic({
+      //   filePath: file[0],
+      //   name: "picFile",
+      //
+      //   formData: this.$utils.signObject(jsondata)
+      // }).then((res) => {
+      //
+      //   //上传成功返回结果
+      //   console.log(res);
+      // });
@@ -123,4 +178,8 @@ export default {
     background-size: 100% 100%;
   }
+
+  >>> .van-uploader__input-wrapper{
+    width: 100%;
+  }
 </style>