巡检点上传图片修正

wuye-manager-uniapp/pageSubPack/inspection/inspection_main.vue

@@ -1,75 +1,78 @@
 <template>
-  <view class="page_container inspection_main_box">
-    <view class="info_box">
-      <view class="title_box flex items-center justify-between">
-        <view class="title flex items-center">
-          <view class="line"> </view>
-          <text>{{ info.taskName }}</text>
+  <view class="page_padding">
+    <view class="flex-1 flex-col flex inspection_main_box">
+      <view class="info_box">
+        <view class="title_box flex items-center justify-between">
+          <view class="title flex items-center">
+            <view class="line"> </view>
+            <text>{{ info.taskName }}</text>
+          </view>
+          <view class="inspection_status" v-if="info.status === 0"> <text>已巡检</text> </view>
+          <view class="inspection_status todo" v-else>
+            <text>未巡检</text>
+          </view>
         </view>
-        <view class="inspection_status" v-if="info.status === 0"> <text>已巡检</text> </view>
-        <view class="inspection_status todo" v-else>
-          <text>未巡检</text>
+        <view class="info">
+          <view class="item">
+            <text>巡检项目：</text>
+            <text>{{ info.items.join('； ') }}</text>
+          </view>
+          <view class="item">
+            <text>巡检时间：</text>
+            <text>{{ info.time }}</text>
+          </view>
+          <view class="item">
+            <text>巡检小区：</text>
+            <text>{{ info.villageName }}</text>
+          </view>
+          <view class="item">
+            <text>巡检路线：</text>
+            <text>{{ info.planName }}</text>
+          </view>
+          <view class="item">
+            <text>巡检点：</text>
+            <text>{{ info.point.join('; ') }}</text>
+          </view>
         </view>
       </view>
-      <view class="info">
-        <view class="item">
-          <text>巡检项目：</text>
-          <text>{{ info.items.join('； ') }}</text>
+      <view class="result_box">
+        <view class="inspecton_result_title">
+          <text>巡检结果</text>
         </view>
-        <view class="item">
-          <text>巡检时间：</text>
-          <text>{{ info.time }}</text>
+        <view class="inspection_body" v-for="(item, index) in result" :key="index">
+          <view class="inspection_items">
+            <text class="label">巡检点：</text>
+            <text>{{ item.pointName }}</text>
+          </view>
+          <view class="inspection_items">
+            <text class="label">巡检人：</text>
+            <text>{{ item.user }}</text>
+          </view>
+          <view class="inspection_items">
+            <text class="label">手机号码：</text>
+            <text>{{ item.phone }}</text>
+          </view>
+          <view class="inspection_items">
+            <text class="label">巡检时间：</text>
+            <text>{{ item.time }}</text>
+          </view>
+          <view class="inspection_items">
+            <view class="label">巡检结果：</view>
+            <view class="desction_value">{{ item.descrtion }}</view>
+          </view>
+          <view class="inspection_items">
+            <view class="label">巡检照片：</view>
+            <image
+              lazy-load
+              class="inspection_photo"
+              v-for="(ite, ind) in item.photos"
+              :key="ind"
+              :src="ite"
+              mode="scaleToFill"
+            ></image>
+          </view>
+          <view class="linedash" v-show="index + 1 !== result.length"> </view>
         </view>
-        <view class="item">
-          <text>巡检小区：</text>
-          <text>{{ info.villageName }}</text>
-        </view>
-        <view class="item">
-          <text>巡检路线：</text>
-          <text>{{ info.planName }}</text>
-        </view>
-        <view class="item">
-          <text>巡检点：</text>
-          <text>{{ info.point.join('; ') }}</text>
-        </view>
-      </view>
-    </view>
-    <view class="result_box">
-      <view class="inspecton_result_title">
-        <text>巡检结果</text>
-      </view>
-      <view class="inspection_body" v-for="(item, index) in result" :key="index">
-        <view class="inspection_items">
-          <text class="label">巡检点：</text>
-          <text>{{ item.pointName }}</text>
-        </view>
-        <view class="inspection_items">
-          <text class="label">巡检人：</text>
-          <text>{{ item.user }}</text>
-        </view>
-        <view class="inspection_items">
-          <text class="label">手机号码：</text>
-          <text>{{ item.phone }}</text>
-        </view>
-        <view class="inspection_items">
-          <text class="label">巡检时间：</text>
-          <text>{{ item.time }}</text>
-        </view>
-        <view class="inspection_items">
-          <view class="label">巡检结果：</view>
-          <view class="desction_value">{{ item.descrtion }}</view>
-        </view>
-        <view class="inspection_items">
-          <view class="label">巡检照片：</view>
-          <image
-            class="inspection_photo"
-            v-for="(ite, ind) in item.photos"
-            :key="index"
-            :src="ite"
-            mode="scaleToFill"
-          ></image>
-        </view>
-        <view class="linedash" v-show="index + 1 !== result.length"> </view>
       </view>
     </view>
   </view>
@@ -131,8 +134,16 @@ const result = ref([
 </script>
 
 <style lang="scss" scoped>
-.inspection_main_box {
+.page_padding {
   background: #f9f9f9;
+}
+.inspection_main_box {
+  padding: 20rpx 40rpx;
+  background: #f9f9f9;
+  flex: 1;
+  overflow: hidden;
+  box-sizing: border-box;
+
   .info_box {
     padding: 40rpx 30rpx;
     border-radius: 16rpx;
@@ -181,6 +192,10 @@ const result = ref([
     background-color: #fff;
     border-radius: 16rpx;
     margin-top: 20rpx;
+    flex: 1;
+    box-sizing: border-box;
+    overflow: hidden;
+    overflow-y: auto;
     .inspecton_result_title {
       font-size: 32rpx;
       color: #222222;