jiangping
2023-11-02 8e75bb4e451d6d3f33e2146335bad0f85d27d99f
bicycle/pages/problemReporting/problemReporting.vue
@@ -25,7 +25,10 @@
            <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>
@@ -98,7 +101,8 @@
               phone: '',
               typeId: ''
            },
            problemList: []
            problemList: [],
            isEnd: true
         };
      },
      computed: {
@@ -127,31 +131,35 @@
         },
         // 提交
         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
               }
            })
               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 +534,33 @@
               .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_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 +568,8 @@
                     .images {
                        width: 150rpx;
                        height: 150rpx;
                        border-radius: 16rpx;
                        overflow: hidden;
                        display: flex;
                        align-items: center;
                        justify-content: center;