场所检查功能完善

Lou

2024-01-30 e0c780a058a97fcee0bc1987943981719a9079cd

 subPackage/workbench/views/checkDetail.vue

@@ -1,22 +1,49 @@
<template>
   <view class="">

      <view class="item-row flex j-c-s-b a-i-c">
         <text>整改内容</text>
         <text>{{info.remark}}</text>
         <text>场所名称</text>
         <text class="item-content">{{info.placeName}}</text>
      </view>
      <view class="item-row flex j-c-s-b a-i-c">
         <text>时间</text>
         <text>标签</text>
         <text>{{label || "未完善"}}</text>
      </view>
      <view class="item-row flex j-c-s-b a-i-c">
         <text>场所负责人</text>
         <text>{{info.principal || "未完善"}}</text>
      </view>
      <view class="item-row flex j-c-s-b a-i-c">
         <text>场所负责人电话</text>
         <text>{{info.principalPhone || "未完善"}}</text>
      </view>
      <view class="item-row flex j-c-s-b a-i-c">
         <text>检查人</text>
         <text>{{info.name}}</text>
      </view>
      <view class="item-row flex j-c-s-b a-i-c">
         <text>检查时间</text>
         <text>{{info.createTime}}</text>
      </view>
      <view class="item-row flex j-c-s-b a-i-c">
         <text>地址</text>
         <text class="item-content">{{info.location}}</text>
      </view>

      <view class="item-row flex j-c-s-b a-i-c" v-if="inof.remark">
         <text>其它隐患问题</text>
         <text class="item-content">{{info.remark}}</text>
      </view>

      <view class="image-wrap bgc-ff" v-if="images.length">
         <view class="mb-20">
            图片
         </view>
         <view class="image-item" v-for="(i,k) in images" @click="previewImage(images,i)">
            <u-image :src="i" width="100rpx" height="100rpx"></u-image>
         <view class="flex flex-wrap">
            <view class="image-item" v-for="(i,k) in images" @click="previewImage(images,i)">
               <u-image :src="i" width="100rpx" height="100rpx"></u-image>
            </view>
         </view>

      </view>

      <view class="image-wrap bgc-ff" v-if="signatureUrl.length">
@@ -27,24 +54,60 @@
            <u-image :src="i" width="100rpx" height="100rpx"></u-image>
         </view>
      </view>
      <view class="mt-20 bgc-ff">
         <block v-for="(item,index) in itemList">
            <block v-for="(i,k) in item.children">
               <block v-for="(n,m) in info.patrolRecordVOList">
                  <view class="item-row flex j-c-s-b a-i-c" v-if="i.id == n.itemId && n.state == 1">
                     <text class="item-left">{{i.title}}</text>
                     <text>不存在</text>
                  </view>
                  <u-collapse ref="collapse" v-if="i.id == n.itemId && n.state == 0">
                     <u-collapse-item :name="index" :title="i.title" value="存在">
                        <view class="mb-20" v-if="n.remark">
                           <view class="f-26 mb-10" style="color:#000">隐患描述</view>
                           <view class="f-28" style="color:#000">
                              {{n.remark}}
                           </view>
                        </view>
                        <view class="" v-if="n.imageUrls">
                           <view class="f-26 mb-10" style="color:#000">隐患照片</view>
                           <view class="flex flex-wrap">
                              <view class="mr-20" v-for="r in ($setImageUrl(n.imageUrls))">
                                 <u-image :src="r" width="100rpx" height="100rpx"
                                    @click="previewImage($setImageUrl(n.imageUrls),i)"></u-image>
                              </view>
                           </view>
                        </view>
                     </u-collapse-item>
                  </u-collapse>
               </block>
            </block>
         </block>
      </view>



   </view>
</template>

<script>
   import {
      getPlaceCheckItem,
      getPlaceCheckDetail
   } from '@/api/place/place.js'

   export default {
      data() {
         return {
            info: {},
            images: [],
            signatureUrl: []
            signatureUrl: [],
            label: "",
            itemList: []
         }
      },
      onLoad(option) {
      async onLoad(option) {
         await this.getItem();
         this.getDetail(option.id);
      },
      methods: {
@@ -55,11 +118,28 @@
               this.info = res.data;
               this.images = this.$setImageUrl(res.data.imageUrls);
               this.signatureUrl = this.$setImageUrl(res.data.signaturePath);
               if (res.data.placePoiLabelVOList.length) {
                  this.label = res.data.placePoiLabelVOList[res.data.placePoiLabelVOList.length - 1]
                     .labelName;
               }

               // this.label = res.data.
            })
         },


         getItem() {
            getPlaceCheckItem().then(res => {
               if (res.code == 200) {
                  this.itemList = res.data;
               }
            })
         },


         setUrl(src) {
            return this.$setImageUrl(url)
         },

         previewImage(urls, current) {
            uni.previewImage({
@@ -89,6 +169,10 @@
         width: 70%;
         text-align: right;
      }

      .item-left {
         width: 70%;
      }
   }

   .image-wrap {
@@ -99,4 +183,19 @@
         margin-right: 20rpx;
      }
   }

   /deep/.u-cell__title-text {
      color: #000 !important;
      width: 70%;
      font-size: 28rpx !important;
   }

   /deep/ .u-cell__value {
      color: #000 !important;
      font-size: 28rpx !important;
   }

   .mr-20 {
      margin-right: 20rpx;
   }
</style>