提交

MrShi

2025-04-23 c8b32b8bca79a116cfab70eb8c389907b664c9ca

 h5/pages/riskDetails/riskDetails.vue

@@ -1,34 +1,38 @@
<template>
   <view class="box">
   <view class="box" v-if="info">
      <view class="box_item">
         <view class="box_item_label">员工姓名</view>
         <view class="box_item_value">张三</view>
         <view class="box_item_value">{{info.memberName}}</view>
      </view>
      <view class="box_item">
         <view class="box_item_label">部门</view>
         <view class="box_item_value">XXX有限公司/产品部</view>
         <view class="box_item_value">{{info.companyName}}</view>
      </view>
      <view class="box_item">
         <view class="box_item_label">上报时间</view>
         <view class="box_item_value">2024-10-09 07:45</view>
         <view class="box_item_value">{{info.submitDate.substring(0, 16)}}</view>
      </view>
      <view class="box_item">
         <view class="box_item_label">发现时间</view>
         <view class="box_item_value">2024-10-09 07:45</view>
         <view class="box_item_value">{{info.happenTime.substring(0, 16)}}</view>
      </view>
      <view class="box_item">
         <view class="box_item_label">风险类型</view>
         <view class="box_item_value">同事-李四</view>
         <view class="box_item_value">{{info.typeName}}</view>
      </view>
      <view class="box_item">
         <view class="box_item_label">发生地点</view>
         <view class="box_item_value">{{info.locationName}}</view>
      </view>
      <view class="box_item">
         <view class="box_item_label">风险描述</view>
         <view class="box_item_value">这里是事情说明内容这里是事情说明内容这里是事情说明内容这里是事情说明内容这里是事情说明内容</view>
         <view class="box_item_value">{{info.riskInfo}}</view>
      </view>
      <view class="box_item" style="flex-direction: column;">
         <view class="box_item_label">图片</view>
         <view class="box_item_tu">
            <view class="box_item_tu_item">
               <image src="/static/logo.png" mode="widthFix"></image>
         <view class="box_item_tu" v-if="info.multifileList">
            <view class="box_item_tu_item" v-for="(item, index) in info.multifileList" :key="index" @click="previewImage(item.fileurlFull, info.multifileList.map(item => item.fileurlFull))">
               <image :src="item.fileurlFull" mode="widthFix"></image>
            </view>
            <view class="box_item_tu_zw"></view>
            <view class="box_item_tu_zw"></view>
@@ -42,8 +46,28 @@
   export default {
      data() {
         return {
				
            id: null,
            info: null
         };
      },
      onLoad(option) {
         this.id = option.id
         this.getDetails()
      },
      methods: {
         getDetails() {
            this.$u.api.detail({ id: this.id })
               .then(res => {
                  console.log(res)
                  this.info = res.data
               })
         },
         previewImage(current, urls) {
            uni.previewImage({
               current,
               urls
            });
         },
      }
   }
</script>