jtt808初始化

jiangping

2025-02-28 43a53e5a46ba45a6d35e3913fdfdd6f82a84a038

 bicycle/pages/problemReporting/problemReporting.vue

@@ -25,13 +25,19 @@
            <view class="form_item_label">现场情况</view>
            <view class="form_item_uplaod">
               <view class="form_item_uplaod_list">
                  <image class="uploadImg" @click="uploadImg" src="@/static/icon/ic_upload@2x.png" mode="widthFix"></image>
                  <view class="uploadImg">
                     <image @click="uploadImg" src="@/static/icon/ic_upload@2x.png" mode="widthFix"></image>
                  </view>
						
                  <view class="form_item_uplaod_list_item" v-for="(item, index) in from.files" :key="index">
                     <view class="images">
                        <image class="img" :src="item.url" mode="widthFix"></image>
                     </view>
                     <image class="close" @click="dele(index)" src="@/static/icon/ic_clean@2x1.png" mode="widthFix"></image>
                  </view>
                  <view class="form_item_uplaod_list_item1"></view>
                  <view class="form_item_uplaod_list_item1"></view>
                  <view class="form_item_uplaod_list_item1"></view>
               </view>
               <textarea v-model="from.info" placeholder="请详细描述现场情况，不少于10个字"></textarea>
            </view>
@@ -98,7 +104,8 @@
               phone: '',
               typeId: ''
            },
            problemList: []
            problemList: [],
            isEnd: true
         };
      },
      computed: {
@@ -127,31 +134,39 @@
         },
         // 提交
         submit() {
            if (this.from.problemId == '') {
               uni.showToast({ title: '车辆问题不能为空', icon: 'none', duration: 2000 });
               return
            }
            this.$u.api.saveRepair({
               addr: this.from.address,
               bikeCode: this.from.code,
               binkeId: this.binkeId,
               content: this.from.info,
               fileUrlList: this.from.files.map(item => item.imgaddr),
               latitude: this.from.latitude,
               linkname: this.from.contacts,
               linkphone: this.from.phone,
               longitude: this.from.longitude,
               param: this.from.problemName,
               paramId: this.from.problemId,
               typeId: this.from.typeId
            }).then(res => {
               if (res.code === 200) {
                  uni.showToast({ title: '上报成功', icon: 'success', duration: 2000 });
                  setTimeout(() => {
                     uni.navigateBack({ delta: 1 });
                  }, 2000)
            if (this.isEnd) {
               if (this.from.problemId == '') {
                  uni.showToast({ title: '车辆问题不能为空', icon: 'none', duration: 2000 });
                  return
               }
            })
               if (this.from.info.length < 10) {
                  uni.showToast({ title: '最少字数不能低于10个字', icon: 'none', duration: 2000 });
                  return
               } 
               this.isEnd = false
               this.$u.api.saveRepair({
                  addr: this.from.address,
                  bikeCode: this.from.code,
                  binkeId: this.binkeId,
                  content: this.from.info,
                  fileUrlList: this.from.files.map(item => item.imgaddr),
                  latitude: this.from.latitude,
                  linkname: this.from.contacts,
                  linkphone: this.from.phone,
                  longitude: this.from.longitude,
                  param: this.from.problemName,
                  paramId: this.from.problemId,
                  typeId: this.from.typeId
               }).then(res => {
                  if (res.code === 200) {
                     uni.showToast({ title: '上报成功', icon: 'success', duration: 2000 });
                     this.isEnd = true
                     // setTimeout(() => {
                        uni.navigateBack({ delta: 1 });
                     // }, 2000)
                  }
               })
            }
         },
         // 拨打电话
         calling(mobile) {
@@ -526,23 +541,38 @@
               .form_item_uplaod_list {
                  display: flex;
                  align-items: center;
                  flex-wrap: wrap;
                  justify-content: space-between;

                  .uploadImg {
                     width: 150rpx;
                     height: 150rpx;
                     margin-right: 16rpx;
                     width: 22%;
                     height: 150rpx !important;
                     display: flex;
                     align-items: center;
                     justify-content: center;
                     // margin-right: 16rpx;
                     margin-bottom: 30rpx;
                     image {
                        width: 100%;
                        height: 100%;
                     }
                  }
						
                  .form_item_uplaod_list_item1 {
                     width: 22%;
                     height: 0;
                  }

                  .form_item_uplaod_list_item {
                     width: 150rpx;
                     width: 22%;
                     height: 150rpx;
                     border-radius: 16rpx;
                     display: flex;
                     align-items: center;
                     justify-content: center;
                     position: relative;
                     margin-right: 16rpx;

                     // margin-right: 25rpx;
                     margin-bottom: 30rpx;
							
                     &:last-child {
                        margin-right: 0 !important;
                     }
@@ -550,6 +580,8 @@
                     .images {
                        width: 150rpx;
                        height: 150rpx;
                        border-radius: 16rpx;
                        overflow: hidden;
                        display: flex;
                        align-items: center;
                        justify-content: center;