| | |
| | | <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> |
| | | |
| | |
| | | <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> |
| | |
| | | minioBaseUrl |
| | | } |
| | | from "@/common/setting.js" |
| | | import captionRow from "@/components/caption/caption.vue" |
| | | export default { |
| | | components: { |
| | | captionRow |
| | | }, |
| | | data() { |
| | | return { |
| | | detail: {}, |
| | |
| | | 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); |
| | | } |
| | | }) |
| | | }, |
| | |
| | | |
| | | .item-row { |
| | | width: 100%; |
| | | padding: 30rpx; |
| | | padding: 20rpx; |
| | | box-sizing: border-box; |
| | | border-bottom: 1px solid #f5f5f5; |
| | | font-size: 28rpx; |
| | |
| | | } |
| | | |
| | | .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> |