|
@@ -178,7 +178,17 @@
|
|
:key="file.id">
|
|
:key="file.id">
|
|
<img mode='aspectFit' :src="file" @click="sphotos(item.photoPath,index)" class="image-list-item-img"/>
|
|
<img mode='aspectFit' :src="file" @click="sphotos(item.photoPath,index)" class="image-list-item-img"/>
|
|
</view>
|
|
</view>
|
|
|
|
+ <view v-if="item.VideoPath.length>0" class="image-list-item " >
|
|
|
|
+ <view v-for="(vi,vindex) in item.VideoPath" class="videoLine">
|
|
|
|
+ <!-- <video :src="vi" style="width: 160rpx;height: 160rpx;" ></video> -->
|
|
|
|
+ <img src="http://dmsphoto.66km.com.cn/thFiles/C8C06AA1-7775-4C23-9454-38C64E004DA8.png" alt="" style="width: 160rpx;height: 160rpx;">
|
|
|
|
+ <view class="videoLineZz" @click="showVideoFN(vi)"></view>
|
|
|
|
+ </view>
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
|
|
+
|
|
|
|
|
|
<view class="video-wrapper" v-if="item.showVideo">
|
|
<view class="video-wrapper" v-if="item.showVideo">
|
|
<video :src="item.VideoURL"></video>
|
|
<video :src="item.VideoURL"></video>
|
|
@@ -209,6 +219,11 @@
|
|
<image src="../../static/timg/icon_guanbi@2x.png" mode="" class="authorizCloseImg"></image>
|
|
<image src="../../static/timg/icon_guanbi@2x.png" mode="" class="authorizCloseImg"></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
+ <view class="authorizBox videoZz" v-if="videoUrlShow" @click="videoUrlShow=false">
|
|
|
|
+ <view class="videoCont" @click.stop="">
|
|
|
|
+ <video :src="videoUrl" autoplay></video>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
@@ -229,11 +244,14 @@
|
|
authorizShow: false,
|
|
authorizShow: false,
|
|
code: '',
|
|
code: '',
|
|
iStatusBarHeight:'',
|
|
iStatusBarHeight:'',
|
|
|
|
+ videoUrl:'',
|
|
|
|
+ videoUrlShow:false,
|
|
}
|
|
}
|
|
},
|
|
},
|
|
onLoad(opt) {
|
|
onLoad(opt) {
|
|
this.iStatusBarHeight = uni.getSystemInfoSync().statusBarHeight;
|
|
this.iStatusBarHeight = uni.getSystemInfoSync().statusBarHeight;
|
|
this.id = opt.id;
|
|
this.id = opt.id;
|
|
|
|
+ //this.id='761BD9FD-B5B4-468D-A136-3DB2AF68A203'//'761BD9FD-B5B4-468D-A136-3DB2AF68A203'
|
|
this.userInfo = this.$store.state.userInfo;
|
|
this.userInfo = this.$store.state.userInfo;
|
|
this.ext = this.$common.getExtStoreId();
|
|
this.ext = this.$common.getExtStoreId();
|
|
if (this.userInfo) {
|
|
if (this.userInfo) {
|
|
@@ -256,6 +274,11 @@
|
|
|
|
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
|
|
+ showVideoFN(url){
|
|
|
|
+ console.log(url)
|
|
|
|
+ this.videoUrl=url
|
|
|
|
+ this.videoUrlShow=true
|
|
|
|
+ },
|
|
sphotos(arr,index){
|
|
sphotos(arr,index){
|
|
uni.previewImage({
|
|
uni.previewImage({
|
|
urls: arr,
|
|
urls: arr,
|
|
@@ -350,6 +373,9 @@
|
|
this.$set(item2, 'name', Object.keys(item2)[0])
|
|
this.$set(item2, 'name', Object.keys(item2)[0])
|
|
this.$set(item2, 'value', item2[Object.keys(item2)[0]])
|
|
this.$set(item2, 'value', item2[Object.keys(item2)[0]])
|
|
this.$set(item2, 'showVideo', false)
|
|
this.$set(item2, 'showVideo', false)
|
|
|
|
+ this.$set(item2, 'showVideo2', false)
|
|
|
|
+ this.$set(item2, 'VideoPath', item2.value[0].VideoPath&& item2.value[
|
|
|
|
+ 0].VideoPath.split(',') || [])
|
|
this.$set(item2, 'VideoName', item2.value[0].VideoName)
|
|
this.$set(item2, 'VideoName', item2.value[0].VideoName)
|
|
this.$set(item2, 'VideoURL', item2.value[0].VideoURL)
|
|
this.$set(item2, 'VideoURL', item2.value[0].VideoURL)
|
|
this.$set(item2, 'photoPath', item2.value[0].photoPath && item2.value[
|
|
this.$set(item2, 'photoPath', item2.value[0].photoPath && item2.value[
|
|
@@ -1222,4 +1248,22 @@
|
|
font-size: 24rpx;
|
|
font-size: 24rpx;
|
|
color: #999999;
|
|
color: #999999;
|
|
}
|
|
}
|
|
|
|
+ .videoLine{
|
|
|
|
+ position: relative;
|
|
|
|
+ }
|
|
|
|
+ .videoLineZz{
|
|
|
|
+ width: 160rpx;height: 160rpx;
|
|
|
|
+ position: absolute;top: 0;left: 0;
|
|
|
|
+ z-index: 11;
|
|
|
|
+ }
|
|
|
|
+ .videoCont{
|
|
|
|
+ width: 100vw;
|
|
|
|
+ }
|
|
|
|
+ .videoCont video{
|
|
|
|
+ width: 100vw;
|
|
|
|
+ }
|
|
|
|
+ .videoZz{
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ }
|
|
</style>
|
|
</style>
|