From 8e75bb4e451d6d3f33e2146335bad0f85d27d99f Mon Sep 17 00:00:00 2001
From: jiangping <jp@doumee.com>
Date: 星期四, 02 十一月 2023 17:06:46 +0800
Subject: [PATCH] 硬件协议对接
---
bicycle/pages/problemReporting/problemReporting.vue | 86 ++++++++++++++++++++++++++----------------
1 files changed, 53 insertions(+), 33 deletions(-)
diff --git a/bicycle/pages/problemReporting/problemReporting.vue b/bicycle/pages/problemReporting/problemReporting.vue
index 5436ca4..0f9315b 100644
--- a/bicycle/pages/problemReporting/problemReporting.vue
+++ b/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;
--
Gitblit v1.9.3