Lou
2024-04-07 b9ebc3c70a2f1c0c40b0d71b497e19ca764ac15f
subPackage/counterfraud/propagateDetail.vue
@@ -1,12 +1,12 @@
<template>
   <view class="">
      <view class="bgc-ff">
      <view class="box bgc-ff">
         <view class="item-row flex j-c-s-b a-i-c">
            <text>地址</text>
            <text class="address">{{detail.address}}</text>
         </view>
         <view class="item-row flex j-c-s-b a-i-c" v-if="detail.pubContent">
            <text>宣传内容</text>
            <text>宣防内容</text>
            <text class="address">{{detail.pubContent}}</text>
         </view>
@@ -15,20 +15,45 @@
            <text>{{detail.createTime}}</text>
         </view>
      </view>
      <!-- <view class="box bgc-ff" v-if="detail.context">
         <view class="caption f-28">
            巡查内容
      <view class="box images bgc-ff" v-if="images.length">
         <caption-row title="宣防佐证照片" />
         <view class="ml-20 mt-10">
            <u-album :urls="images" singleSize="100" multipleSize="100"></u-album>
         </view>
         <view class="f-30">
            {{detail.context}}
         </view>
      </view> -->
      <view class="box bgc-ff" v-if="images.length">
         <view class="caption f-28">
            宣传佐证照片
         </view>
         <u-album :urls="images" singleSize="100" multipleSize="100"></u-album>
      </view>
      <view class="box bgc-ff">
         <caption-row title="宣防对象" />
         <view class="" v-for="(i,k) in detail.backblastPubPersonEntityList" :key="k">
            <view class="index-name f-28 fw">
               人员-#{{k+ 1}}
            </view>
            <view class="item-row flex j-c-s-b a-i-c">
               <text>姓名</text>
               <text>{{i.name}}</text>
            </view>
            <view class="item-row flex j-c-s-b a-i-c">
               <text>手机号</text>
               <text>{{i.telephone}}</text>
            </view>
            <view class="item-row flex j-c-s-b a-i-c">
               <text>身份证号</text>
               <text>{{i.idCard}}</text>
            </view>
            <view class="item-row flex j-c-s-b a-i-c">
               <text>职业</text>
               <text>{{i.occupation}}</text>
            </view>
            <view class="item-row flex j-c-s-b a-i-c">
               <text>居住地</text>
               <text class="address">{{i.address}}</text>
            </view>
         </view>
      </view>
      <view class="blank"></view>
   </view>
</template>
@@ -42,7 +67,11 @@
      minioBaseUrl
   }
   from "@/common/setting.js"
   import captionRow from "@/components/caption/caption.vue"
   export default {
      components: {
         captionRow
      },
      data() {
         return {
            detail: {},
@@ -60,8 +89,8 @@
               id
            }).then(res => {
               this.detail = res.data;
               if (res.data.url) {
                  this.images = this.setImageUrl(res.data.url);
               if (res.data.pubUrls) {
                  this.images = this.setImageUrl(res.data.pubUrls);
               }
            })
         },
@@ -85,7 +114,7 @@
   .item-row {
      width: 100%;
      padding: 30rpx;
      padding: 20rpx;
      box-sizing: border-box;
      border-bottom: 1px solid #f5f5f5;
      font-size: 28rpx;
@@ -97,11 +126,25 @@
   }
   .box {
      padding: 0 30rpx 30rpx;
      margin-top: 20rpx;
      padding: 0 20rpx;
      margin: 20rpx 20rpx 0;
   }
   .images {
      padding-bottom: 20rpx;
   }
   .caption {
      padding: 30rpx 0;
   }
   .index-name {
      padding: 20rpx 0;
      margin-left: 20rpx;
   }
   .blank {
      width: 100%;
      height: 100rpx;
   }
</style>