| | |
| | | <view class="label">{{info.status == '1' ? '整改前' : '视频/图片'}}</view>
|
| | | <view class="value">
|
| | | <view class="adduser_list_item_ipt1_upload" v-for="(item, i) in info.dealBeforeFileList" :key="i">
|
| | | <image v-if="item.type == 0" :src="item.fileurlFull" mode="widthFix"></image>
|
| | | <video v-if="item.type == 1" :src="item.fileurlFull" :controls="false"></video>
|
| | | <image v-if="item.type == 0" @click="priviewImage(item.fileurlFull)" :src="item.fileurlFull" mode="widthFix"></image>
|
| | | <video v-if="item.type == 1" @click="videoClick(item, i)" :src="item.fileurlFull" :controls="false"></video>
|
| | | </view>
|
| | | </view>
|
| | | </view>
|
| | |
| | | <view class="label">整改后</view>
|
| | | <view class="value">
|
| | | <view class="adduser_list_item_ipt1_upload" v-for="(item, i) in info.dealAfterFileList" :key="i">
|
| | | <image v-if="item.type == 0" :src="item.fileurlFull" mode="widthFix"></image>
|
| | | <video v-if="item.type == 1" :src="item.fileurlFull" :controls="false"></video>
|
| | | <image v-if="item.type == 0" @click="priviewImage(item.fileurlFull)" :src="item.fileurlFull" mode="widthFix"></image>
|
| | | <video v-if="item.type == 1" @click="videoClick(item, i)" :src="item.fileurlFull" :controls="false"></video>
|
| | | </view>
|
| | | </view>
|
| | | </view>
|
| | |
| | | <view class="adduser_list_item_ipt1_upload" v-for="(item, i) in dealBeforeFileList" :key="i">
|
| | | <u-icon class="close" size="20" name="close-circle-fill" color="red"
|
| | | @click="fileDel('dealBeforeFileList', i)"></u-icon>
|
| | | <image v-if="item.type == 0" :src="item.fileurlFull" mode="widthFix"></image>
|
| | | <video v-if="item.type == 1" :src="item.fileurlFull" :controls="false"></video>
|
| | | <image v-if="item.type == 0" @click="priviewImage(item.fileurlFull)" :src="item.fileurlFull" mode="widthFix"></image>
|
| | | <video v-if="item.type == 1" @click="videoClick(item, i)" :src="item.fileurlFull" :controls="false"></video>
|
| | | </view>
|
| | | </view>
|
| | | <view class="label">退回说明</view>
|
| | |
| | | },
|
| | | videoClick(item, i) {
|
| | | this.videoContext = uni.createVideoContext("myvideo", this); // this这个是实例对象 必传
|
| | | console.log(item)
|
| | | this.videoUrl = item.fileurlFull; |
| | | console.log(item) |
| | | this.videoPlay = true;
|
| | | this.videoUrl = item.fileurlFull;
|
| | | this.$nextTick(() => { |
| | | this.videoContext.requestFullScreen({ |
| | | direction: 90 |
| | | }); |
| | | this.videoContext.requestFullScreen(); |
| | | this.videoContext.play(); |
| | | }) |
| | |
|
| | |
| | |
|
| | | .flow_wrap {
|
| | | padding: 30rpx 0 90rpx;
|
| | |
|
| | | |
| | | .list {
|
| | | .item {
|
| | | display: flex;
|
| | |
| | | height: 80rpx;
|
| | | position: relative;
|
| | | margin-right: 20rpx;
|
| | |
|
| | | |
| | | .img {
|
| | | width: 80rpx;
|
| | | height: 80rpx;
|
| | |
| | | border-radius: 50%;
|
| | | position: absolute;
|
| | | right: 0;
|
| | | bottom: 0;
|
| | | bottom: 0; |
| | | z-index: 999;
|
| | | }
|
| | | }
|
| | |
|
| | |
| | | .main_footer {
|
| | | position: fixed;
|
| | | bottom: 0;
|
| | | width: 100%;
|
| | | width: 100%; |
| | | z-index: 9999;
|
| | | left: 0;
|
| | | padding: 30rpx 10rpx 60rpx;
|
| | | display: flex;
|
| | |
| | | }
|
| | | .video_app{ |
| | | position: absolute; |
| | | left: 3000rpx; |
| | | top: 3000rpx; |
| | | left: 0; |
| | | top: 0; |
| | | width: 100vw; |
| | | height: 100vh; |
| | | }
|
| | | .Transfer_footer {
|
| | | display: flex;
|