优化

MrShi

2025-08-19 f2ac76666299407545fb733f0d21f6e8cfe538a3

 h5/pages/details_she/details_she.vue

@@ -1,58 +1,65 @@
<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">
            {{returnType(info.memberType)}}
            <template v-if="returnType(info.memberType) !== '本人'">-{{info.memberNames}}</template>
         </view>
      </view>
      <view class="box_item">
         <view class="box_item_label">发生地点</view>
         <view class="box_item_value">成都</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">{{info.remark}}</view>
      </view>
      <view class="box_item">
         <view class="box_item_label">是否外部就医</view>
         <view class="box_item_value">否</view>
         <view class="box_item_value">{{isTrue(info.outJiuyi)}}</view>
      </view>
      <view class="box_item">
      <view class="box_item" v-if="info.outJiuyi == '0'">
         <view class="box_item_label">是否医务室</view>
         <view class="box_item_value">否</view>
         <view class="box_item_value">{{isTrue(info.isYiwushi)}}</view>
      </view>
      <view class="box_item">
      <view class="box_item" v-if="info.isYiwushi == '0'">
         <view class="box_item_label">是否受伤</view>
         <view class="box_item_value">否</view>
         <view class="box_item_value">{{isTrue(info.isHurted)}}</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">否</view>
         <view class="box_item_value">{{isTrue(info.workRelated)}}</view>
      </view>
      <view class="box_item">
         <view class="box_item_label">事件说明</view>
         <view class="box_item_value">这里是事情说明内容这里是事情说明内容这里是事情说明内容这里是事情说明内容这里是事情说明内容</view>
         <view class="box_item_value">{{info.eventInfo}}</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>
@@ -66,8 +73,44 @@
   export default {
      data() {
         return {
				
            id: null,
            info: null
         };
      },
      onLoad(option) {
         this.id = option.id
         this.getDetails()
      },
      methods: {
         previewImage(current, urls) {
            uni.previewImage({
               current,
               urls
            });
         },
         getDetails() {
            this.$u.api.detail({ id: this.id })
               .then(res => {
                  console.log(res)
                  this.info = res.data
               })
         },
         returnType(type) {
            if (type === 0) {
               return '本人'
            } else if (type === 1) {
               return '同事'
            } else if (type === 2) {
               return '供应商'
            }
         },
         isTrue(type) {
            if (type === 1) {
               return '是'
            } else if (type === 0) {
               return '否'
            }
         }
      }
   }
</script>