| | |
| | | <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> |
| | |
| | | phone: '', |
| | | typeId: '' |
| | | }, |
| | | problemList: [] |
| | | problemList: [], |
| | | isEnd: true |
| | | }; |
| | | }, |
| | | computed: { |
| | |
| | | }, |
| | | // 提交 |
| | | 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) { |
| | |
| | | .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; |
| | | } |
| | |
| | | .images { |
| | | width: 150rpx; |
| | | height: 150rpx; |
| | | border-radius: 16rpx; |
| | | overflow: hidden; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |