优化

MrShi

2025-10-09 4fabfe4dbd2eb28d07a4350597d314958cc1c281

 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>
@@ -74,7 +80,6 @@
      </u-popup>
   </view>
</template>

<script>
   import { mapState } from 'vuex'
   export default {
@@ -133,6 +138,10 @@
                  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,
@@ -151,9 +160,9 @@
                  if (res.code === 200) {
                     uni.showToast({ title: '上报成功', icon: 'success', duration: 2000 });
                     this.isEnd = true
                     setTimeout(() => {
                     // setTimeout(() => {
                        uni.navigateBack({ delta: 1 });
                     }, 2000)
                     // }, 2000)
                  }
               })
            }
@@ -531,21 +540,37 @@
               .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;
                     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;