Merge branch 'master' of http://120.76.84.145:10101/gitblit/r/H5/threeSide

13404089107

2025-02-25 3f34d376d35e0fefa3432b0203417a6f90ed3444

 H5/pages/delay/delay.vue

@@ -1,66 +1,79 @@
<template>
   <view class="pt-38">
<template>

   <view class="pt-38">

      <view class="br-16 shadow1 pl-31 pt-31 pr-31 pb-21 ml-31 mr-31">

         <view class="fs-27 font-bold">

            说明内容

         </view>

         <view class="mt-27 bgColor1 pt-25 pl-31 pr-31 pb-29 lh-38 fs-27">

            <view class="">

               1、处理措施：记录为解决该问题所采取的具体措施，包括政策宣传、处理沟通、现场处理等方式。

            {{ info.comment || '' }}

         </view>

         <view v-if="info.images && info.images.length > 0" class="">

            <view class="fs-27 font-bold mt-38">

               图片

            </view>

            <view class="">

               2、处理时间：记录处理该问题的时间节点，包括开始处理时间、处理完成时间等。

            </view>

            <view class="">

               3、参与人员：记录参与处理该问题的人员名单，包括走访人员、相关部门工作人员等。

            </view>

            <view class="">

               4、结果概述：简要描述问题的处理结果，是否得到有效解决，是否达到走访对象的期望等。

            </view>

            <view class="">

               5、后续跟进：如需进一步跟进或处理，记录后续跟进的计划、时间节点及责任人员。

            <view class="flex a-center j-between mt-27 wrap">

               <image v-for="(item,index) in info.images" :key="index" :src="item" mode="aspectFill"

                  class="w-140 h-140 mr-15 shrink0 mb-10"></image>

            </view>

         </view>

         <view class="fs-27 font-bold mt-38">

            图片

         </view>

         <view class="flex a-center j-between mt-27 wrap">

            <image src="../../static/logo.png" mode="aspectFill" class="w-140 h-140 mr-15 shrink0 mb-10" v-for="item in 4" :key="item"></image>

         </view>

         <view class="fs-27 font-bold mt-28">

            视频

         </view>

         <view class="flex a-center j-between mt-27 wrap">

            <view class="relative mr-15 shrink0 mb-10" v-for="item in 4" :key="item">

               <image src="../../static/logo.png" mode="aspectFill" class="w-140 h-140" ></image>

               <image src="../../static/detailImg/open.png" mode="aspectFill" class="w100 h100 absolute top0 left0"></image>

         <view v-if="info.videos && info.videos.length > 0" class="">

            <view class="fs-27 font-bold mt-28">

               视频

            </view>

            <view class="flex a-center j-between mt-27 wrap">

               <view class="relative mr-15 shrink0 mb-10" v-for="(item,index) in info.videos" :key="item"

                  @click="toPlay(item)">

                  <video :controls="false" :show-center-play-btn="false" :src="item" class="w-140 h-140"

                     mode=""></video>

                  <image src="../../static/detailImg/open.png" mode="aspectFill"

                     class="w100 h100 absolute top0 left0"></image>

               </view>

            </view>

         </view>

      </view>

      <view class="h-10 safe-b">

			
      </view>
   </view>
</template>

<script>
   export default {
      data() {
         return {
				
         }
      },
      methods: {
			
      }
   }
</script>

<style scoped>
   .shadow1 { 
      box-shadow: 0rpx 0rpx 27rpx 0rpx rgba(0,0,0,0.1);



      </view>

   </view>

</template>



<script>

   import {

      getDelayDetail

   } from './service.js'

   export default {

      data() {

         return {

            info: {}

         }

      },

      onLoad(e) {

         getDelayDetail(e.id).then(res => {

            if (res.data.images) {

               res.data.images = res.data.images.split(',')

            }

            if (res.data.videos) {

               res.data.videos = res.data.videos.split(',')

            }

            this.info = res.data

         })

      },

      methods: {

         toPlay(url) {

            uni.navigateTo({

               url: '/pages/work-detail/maxVideo?url=' + url

            })

         }

      }

   }

</script>



<style scoped>

   .shadow1 {

      box-shadow: 0rpx 0rpx 27rpx 0rpx rgba(0, 0, 0, 0.1);

   }



   .bgColor1 {

      background-color: #FBFBFB;

   }
</style>
   }

</style>