添加办理进度、办结结果录入

hejianhao

2025-02-23 51e524c7ed8153dc921df9fee25c2c8e385ef2c7

 H5/pages/add-progress/index.vue

@@ -7,7 +7,7 @@
         </view>
         <view class="mx-13 mt-33 pt-35 pb-33 px-27 br-19 flex a-center j-between bgcolor1">
            <view class="fs-27 lh-38 color2">江苏省常州市溧阳市牛顿大道172号</view>
            <image src="../../static/public/gps.png" class="w-31 h-31 shrink0" />
            <image src="@/static/public/gps.png" class="w-31 h-31 shrink0" />
         </view>
         <view class="flex a-center j-between mt-31 mx-13">
            <view class="flex-column a-center">
@@ -24,6 +24,40 @@
            </view>
         </view>
      </view>
      <view class="br-19 mt-38 bs-1 pt-35 pb-33 px-31">
         <view class="fs-27 lh-38 font-bold">办理进度描述</view>
         <textarea class="pt-25 pl-31 mt-27 fs-27 br-8 bgcolor4" style="height: 365rpx;" placeholder="请输入办理进度描述" />
         <view class="fs-27 mt-38 lh-38 font-bold">图片</view>
         <view class="flex wrap mt-27">
            <view class="relative mr-15" v-for="item in 4" :key="item">
               <image src="/static/logo.png" class="w-140 h-140 shrink0 br-8" />
               <view class="absolute w-140 h-140 bgcolor5 top0 left0 br-8">
                  <view class="absolute" style="top: 50%;left: 50%;transform: translate(-50%,-50%);">
                     <image @tap="viewImage(item)" src="@/static/Appeal/amplify.png" class="w-19 h-19 mr-35"
                        mode="" />
                     <image src="@/static/Appeal/trash.png" class="w-19 h-19" />
                  </view>
               </view>
            </view>
            <image src="/static/Appeal/add.png" class="w-140 h-140 shrink0" />
         </view>
         <view class="fs-27 mt-37 lh-38 font-bold">视频</view>
         <view class="flex wrap mt-27">
            <view class="relative mr-15" v-for="item in 4" :key="item">
               <image src="@/static/logo.png" class="w-140 h-140 shrink0 br-8" />
               <view class="absolute w-140 h-140 bgcolor5 top0 left0 br-8">
                  <view class="absolute" style="top: 50%;left: 50%;transform: translate(-50%,-50%);">
                     <image @tap="viewImage(item)" src="@/static/Appeal/amplify.png" class="w-19 h-19 mr-35"
                        mode="" />
                     <image src="@/static/Appeal/trash.png" class="w-19 h-19" />
                  </view>
               </view>
            </view>
            <image src="@/static/Appeal/add.png" class="w-140 h-140 shrink0" />
         </view>
      </view>
      <view class="mt-38 fs-35 lh-96 br-48 txt-center font-bold bgcolor6 color4">确认添加</view>
      <view class="safe-box"></view>
   </view>
</template>

@@ -35,7 +69,11 @@
         }
      },
      methods: {

         viewImage(item) {
            uni.previewImage({
               urls:[require('@/static/logo.png')]
            })
         }
      }
   }
</script>
@@ -57,6 +95,10 @@
      color: #FAAD14;
   }

   .color4 {
      color: #FFFFFF;
   }

   .bgcolor1 {
      background: linear-gradient(270deg, rgba(255, 241, 0, 0.5) 0%, rgba(255, 249, 172, 0.25) 48%, rgba(255, 255, 255, 0.2) 100%, #FFFFFF 100%);
   }
@@ -69,7 +111,23 @@
      background: #FFFBE6;
   }

   .bgcolor4 {
      background: #F8F8F8;
   }

   .bgcolor5 {
      background: rgba(0, 0, 0, .23);
   }

   .bgcolor6 {
      background: linear-gradient(270deg, #FC8D55 0%, #FF4948 100%);
   }

   .border1 {
      border: 2rpx solid #FFF1B8;
   }

   .safe-box {
      height: env(safe-area-inset-bottom);
   }
</style>