修改车辆信息

pages-order/addOrder/addOrder.vue

@@ -220,7 +220,9 @@ export default {
   },
   onShow() {
     if (this.phone != '') {
-      this.listUserInfo()
+      setTimeout(() => {
+        this.listUserInfo()
+      }, 500)
     }
   },
   methods: {
@@ -306,7 +308,7 @@ export default {
         })
       } else {
         uni.showToast({
-          title: '请输入手机号',
+          title: '请输入手机号|车牌号|车架号',
           icon: 'none'
         })
       }
@@ -340,7 +342,9 @@ export default {
 
     getCarList() {
       const params = {
-        userId: this.userInfo.userId
+        userId: this.userInfo.userId,
+        pageNo: 1,
+        pageSize: 100000
       }
       request({
         url: '/admin-api/base/carMain/page',
@@ -348,7 +352,6 @@ export default {
         params: params
       }).then(res => {
         this.carList = res.data.records
-        console.log('车列表', this.carList)
         for (let i = 0; i < this.carList.length; i++) {
           if (this.carList[i].licenseNumber.toLowerCase() == this.phone.toLowerCase()) {
             this.activeCarIndex = i
@@ -360,9 +363,21 @@ export default {
         }
         //将时间戳转换
         this.carList.forEach(item => {
-          item.inspectionDate = formatTimestampCustom(item.inspectionDate)
+          if (item.inspectionDate) {
-          item.insuranceDate = formatTimestampCustom(item.insuranceDate)
+            item.inspectionDate = formatTimestampCustom(item.inspectionDate)
-          item.carRegisterDate = formatTimestampCustom(item.carRegisterDate)
+          }else {
+            item.inspectionDate = ''
+          }
+          if (item.insuranceDate) {
+            item.insuranceDate = formatTimestampCustom(item.insuranceDate)
+          }else {
+            item.insuranceDate = ''
+          }
+          if (item.carRegisterDate) {
+            item.carRegisterDate = formatTimestampCustom(item.carRegisterDate)
+          }else {
+            item.carRegisterDate = ''
+          }
         })
       })
     },
@@ -389,6 +404,10 @@ export default {
 
     },
     editUserInfo(userInfo) {
+      if (this.phone == '') return uni.showToast({
+        title: '请先输入手机号，再添加客户',
+        icon: 'none'
+      })
       bus.$off('updateUserInfo')
       bus.$on('updateUserInfo', (userInfo) => {
         this.userInfo = userInfo

pages/myCar/carDetail.vue

@@ -5,7 +5,14 @@
       <u-form labelPosition="top">
         <view class="card">
           <u-form-item borderBottom label="上传图片" labelWidth="200">
-            <u-upload></u-upload>
+            <u-upload
+                :fileList="fileList1"
+                @afterRead="afterRead"
+                @delete="deletePic"
+                name="1"
+                :maxCount="1"
+                multiple
+            ></u-upload>
           </u-form-item>
           <u-form-item borderBottom label="车牌号" labelWidth="200" @click="carInputClick();">
             <u-input
@@ -20,18 +27,11 @@
                 name="arrow-right"
             ></u-icon>
           </u-form-item>
-          <u-form-item label="车辆品牌" labelWidth="200" @click="brandType = true;">
+          <!--          @click="brandType = true;"-->
-            <u-input
+          <u-form-item label="车辆品牌" labelWidth="200">
-                v-model="car.brandStr"
+            <picker @change="picker($event)" :value="arrayIndex" :range="brandList" range-key="brandName">
-                border="none"
+              <view class="uni-input">{{ brandList && brandList[arrayIndex] ? brandList[arrayIndex].brandName : '' }}</view>
-                disabled
+            </picker>
-                disabledColor="#ffffff"
-                placeholder="请选择车辆品牌"
-            ></u-input>
-            <u-icon
-                slot="right"
-                name="arrow-right"
-            ></u-icon>
           </u-form-item>
           <u-form-item label="车辆型号" labelWidth="200">
             <u-input
@@ -40,6 +40,11 @@
                 placeholder="请输入车辆型号"
             ></u-input>
           </u-form-item>
+          <u-form-item class="formItem" label="车辆性质" labelWidth="200">
+            <picker @change="natureChange" :value="natureIndex" :range="natureList" range-key="value">
+              <view class="uni-input">{{ natureList[natureIndex].value}}</view>
+            </picker>
+          </u-form-item>
         </view>
 
         <view class="card">
@@ -91,24 +96,6 @@
         </view>
       </u-form>
 
-      <!-- 车辆品牌 -->
-      <u-action-sheet
-          :actions="brandList"
-          :show="brandType"
-          title="请选择车辆品牌"
-          @close="brandType = false"
-          @select="brandSelect"
-      >
-      </u-action-sheet>
-      <!-- 车辆型号 -->
-      <u-action-sheet
-          :actions="typeList"
-          :show="showType"
-          title="请选择车辆型号"
-          @close="showType = false"
-          @select="typeSelect"
-      >
-      </u-action-sheet>
 
       <keyboard-plate ref="plateNumber" :plateNum.sync='car.licenseNumber' isShow
                       @change="getPlateNum"></keyboard-plate>
@@ -131,8 +118,10 @@
 
 <script>
 import VNavigationBar from '@/components/VNavigationBar.vue';
-import {bus} from "@/utils/eventBus";
 import request from "@/utils/request";
+import config from '@/config'
+import upload from "@/utils/upload";
+import {getDictByCode} from "@/utils/utils";
 
 export default {
   components: {
@@ -158,18 +147,24 @@ export default {
         brandAndModel: [],
       },
       userInfo: {},
+      arrayIndex: 0,
       bo1: false,
       bo2: true,
 
       datePickerShow: false,
       datePickerValue: new Date().getTime(),
       pickerConfirmField: 'njDate',
-      brandId:'',
+      brandId: '',
 
       showType: false,
       brandType: false,
       typeList: [],
       brandList: [],
+      fileList1: [],
+      imageUrl: '',
+      //可选车辆性质范围
+      natureList: [],
+      natureIndex: 0,
     };
   },
   onLoad(options) {
@@ -182,42 +177,60 @@ export default {
       this.bo1 = true;
       this.bo2 = false;
       this.pageTitle = '修改车辆信息'
+      if (this.car.carLicenseImg) {
+        this.fileList1.push({
+          url: config.baseImageUrl + this.car.carLicenseImg
+        })
+      }
     } else {
       // 没有数据 需要赋值一下初始化
       this.bo1 = false;
       this.bo2 = true;
       this.pageTitle = '添加车辆信息'
     }
+    this.getBrandList()
+    this.getNatureList()
     this.car.userId = JSON.parse(decodeURIComponent(options.userInfo)).userId;
     this.userInfo = JSON.parse(decodeURIComponent(options.userInfo))
     console.log(this.car)
-    this.getBrandList()
+
   },
   methods: {
     typeSelect(e) {
-      console.log('e', e)
     },
-    brandSelect(e) {
+    picker(e) {
-      console.log('e', e)
+      // 或者
-      this.brandId = e.value
+      this.arrayIndex = e.target.value;
-      this.car.brandStr = e.name
+      this.brandId = this.brandList[e.target.value].value
-      // this.getCarModule()
+    },
+    // 车辆性质选择事件
+    natureChange(event) {
+      const newIndex = event.detail.value;
+      this.natureIndex = newIndex;
+      //
+      this.car.carNature = this.natureList[newIndex].value;
     },
     getBrandList() {
       request({
         url: '/admin-api/base/carBrand/page',
         method: 'GET',
         params: {
-          page: 1,
+          pageNo: 1,
-          size: 10000
+          pageSize: 10000
         }
       }).then(res => {
-        console.log(res);
         res.data.records.forEach(item => {
           item.name = item.brandName,
-          item.value = item.id
+              item.value = item.id
         })
         this.brandList = res.data.records
+        if (this.car) {
+          for (let i = 0; i < this.brandList.length; i++) {
+            if (this.car.carBrand == this.brandList[i].id) {
+              this.arrayIndex = i;
+            }
+          }
+        }
       })
     },
 
@@ -257,7 +270,6 @@ export default {
         return;
       }
       this.car[this.pickerConfirmField] = date.getFullYear() + '-' + (Number(date.getMonth()) + 1 + '').padStart(2, '0') + '-' + (date.getDate() + '').padStart(2, '0')
-      console.log("this.car[this.pickerConfirmField]",this.car[this.pickerConfirmField])
       this.datePickerCancel(picker)
     },
     datePickerCancel(picker) {
@@ -274,18 +286,28 @@ export default {
       if (type === 'day') {
         return `${value}日`
       }
-      console.log('for value', value)
       return value
     },
     // 新增
     async submit() {
       // bus.$emit('updateCarInfo', this.car)
       this.car.brandAndModel = [this.brandId, this.car.carModel]
-      console.log("car",this.car)
       //将日期转为时间戳
-      this.car.inspectionDate = new Date(this.car.inspectionDate).getTime()
+      if (this.car.inspectionDate) {
-      this.car.insuranceDate = new Date(this.car.insuranceDate).getTime()
+        this.car.inspectionDate = new Date(this.car.inspectionDate).getTime()
-      this.car.carRegisterDate = new Date(this.car.carRegisterDate).getTime()
+      }else {
+        this.car.inspectionDate = undefined
+      }
+      if (this.car.insuranceDate) {
+        this.car.insuranceDate = new Date(this.car.insuranceDate).getTime()
+      }else {
+        this.car.insuranceDate = undefined
+      }
+      if (this.car.carRegisterDate) {
+        this.car.carRegisterDate = new Date(this.car.carRegisterDate).getTime()
+      }else {
+        this.car.carRegisterDate = undefined
+      }
       if (this.car.id != null) {
         request({
           url: '/admin-api/base/carMain/update',
@@ -304,36 +326,103 @@ export default {
             url: '/admin-api/base/carMain/page',
             method: 'GET',
             params: {
-              licenseNumber:this.car.licenseNumber
+              licenseNumber: this.car.licenseNumber
             }
-          }).then( res =>{
+          }).then(res => {
             this.car = res.data.records[0]
-            console.log("执行")
             request({
               url: '/admin-api/base/custom/bindCustomerCar',
               method: 'post',
-              data :{
+              data: {
                 carList: [this.car],
                 id: this.userInfo.id
               }
-            }).then( res =>{
+            }).then(res => {
               uni.navigateBack();
             })
           })
 
         })
       }
+    },
+    // 查询下拉 车辆性质
+    async getNatureList() {
+      this.natureList= getDictByCode('car_nature')
+      if (this.bo2 == true) {
+        this.car.carNature = this.natureList[0].value;
+      } else {
+        // 如果是修改 遍历当前集合 将index 同步
+        this.natureList.forEach((item, index) => {
+          if (item.value == this.car.carNature) {
+            this.natureIndex = index;
+          }
+        })
+      }
 
-      // let res = await request({
+    },
-      //   url: '/userClient/base/myCar/create',
+    // 删除图片
-      //   method: 'POST',
+    deletePic(event) {
-      //   data: this.car,
+      this[`fileList${event.name}`].splice(event.index, 1)
-      // })
+    },
-      // if (res.code == 200) {
+    // 新增图片
-      //   // 新增成功返回上一个页面
+    async afterRead(event) {
-      //   bus.$emit('updateCarInfo', res.result)
+      // 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
-      //   uni.navigateBack();
+      let lists = [].concat(event.file)
-      // }
+      let fileListLen = this[`fileList${event.name}`].length
+      lists.map((item) => {
+        this[`fileList${event.name}`].push({
+          ...item,
+          status: 'uploading',
+          message: '上传中'
+        })
+      })
+      for (let i = 0; i < lists.length; i++) {
+        const result = await this.uploadFilePromise(lists[i].url)
+        let item = this[`fileList${event.name}`][fileListLen]
+        this[`fileList${event.name}`].splice(fileListLen, 1, Object.assign(item, {
+          status: 'success',
+          message: '',
+          url: result
+        }))
+        fileListLen++
+      }
+    },
+    uploadFilePromise(url) {
+      return new Promise((resolve, reject) => {
+        upload({
+          url: '/admin-api/infra/file/upload',
+          filePath: url
+        }).then(res => {
+          resolve(config.baseImageUrl +res.data)
+          this.car.carLicenseImg = res.data
+          this.imageUrl = config.baseImageUrl + res.data
+          request({
+            url: '/admin-api/base/carMain/vehicleLicenseOCR',
+            method: 'POST',
+            data: this.imageUrl,
+            tenantIdFlag: false
+          }).then((res) => {
+            this.car.vin = res.data.vin
+            this.car.licenseNumber = res.data.plateNo
+            this.car.carRegisterDate = res.data.issueDate
+            this.car.engineNumber = res.data.engineNo
+            //车辆品牌自动定位
+            this.brandList.forEach((item, index) => {
+              if (item.brandName == res.data.brand) {
+                this.arrayIndex = index;
+                this.brandId = this.brandList[index].id;
+              }
+            })
+            //车辆性质自动定位
+            this.natureList.forEach((item, index) => {
+              if (item.label == res.data.useCharacter) {
+                this.natureIndex = index;
+                this.car.carNature = this.natureList[index].value;
+              }
+            })
+          })
+        })
+      })
     },
   }
 }

pages/userInfo/editUserInfo.vue

@@ -66,6 +66,7 @@
           :formatter="formatter"
           :show="datePickerShow"
           mode="date"
+          :min-date="minDate"
           @cancel="datePickerCancel"
           @confirm="datePickerConfirm"
       ></u-datetime-picker>
@@ -100,6 +101,7 @@ export default {
       },
       bo1: false,
       bo2: true,
+      minDate: new Date(1900, 0, 1).getTime(),
 
       datePickerShow: false,
       datePickerValue: new Date().getTime(),