From 21a0c616ca241c83e94e2dbec87330fb6e5fb1f5 Mon Sep 17 00:00:00 2001
From: kun <1422840143@qq.com>
Date: Thu, 16 May 2024 10:39:22 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20BUG=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                         |  10 +++
 pages/videoManage/playBackList.vue | 122 +++++++++++++++++++++++++++++
 pages/videoManage/playVideo.vue    |   8 +-
 3 files changed, 139 insertions(+), 1 deletion(-)
 create mode 100644 pages/videoManage/playBackList.vue

diff --git a/pages.json b/pages.json
index dd04438a..d7845770 100644
--- a/pages.json
+++ b/pages.json
@@ -67,6 +67,16 @@
 			"path": "pages/videoManage/playVideo",
 			"style": {}
 		},
+		{
+			"path": "pages/videoManage/playBackList",
+			"style": {
+				"navigationBarTitleText": "录像查询",
+				"enablePullDownRefresh": false,
+				"onReachBottomDistance": 100,
+				"navigationBarBackgroundColor": "#3A7BFF",
+				"navigationBarTextStyle": "white"
+			}
+		},
 		{
 			"path": "pages/projectEnd/projectIndex/projectIndex",
 			"style": {}
diff --git a/pages/videoManage/playBackList.vue b/pages/videoManage/playBackList.vue
new file mode 100644
index 00000000..0bbba826
--- /dev/null
+++ b/pages/videoManage/playBackList.vue
@@ -0,0 +1,122 @@
+<template>
+	<view class="fullHeight">
+		<view class="videoBox" v-if="videoList.length>0">
+			<view class="videoItem" v-for="(item,index) in videoList" :key="index" @click="playVideoFn(item)">
+				<image v-if="item.coverUrl" class="videoPoster" :src="item.coverUrl" mode="aspectFill"></image>
+				<view v-else class="videoPoster">
+					<image src="/static/no_poster.png" class="no_poster"></image>
+				</view>
+				<view class="videoName">
+					{{item.name}}
+				</view>
+			</view>
+		</view>
+		<view class="placeholderBox" v-else>
+			<image src="/static/noData.png" class="noDataImg"></image>
+			<view class="text">
+				暂无数据
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				videoList: [
+					{startTime: "2024-05-11 00:00:00", endTime: "2024-06-11 00:00:00"}
+				],
+				pageType: 'company',
+				pageNo: 1,
+				pageSize: 7,
+			};
+		},
+		onLoad(options) {
+			if (options.pageType) {
+				this.pageType = options.pageType
+			}
+			// this.loadData(options.sn)
+			this.pageNo = 1;
+		},
+		onReachBottom() {
+			// console.log("============================")
+			this.pageNo++;
+			uni.showLoading({
+				title: '加载中'
+			})
+			// this.loadData()
+		},
+		methods: {
+			playVideoFn(item) {
+				// console.log(item)
+				uni.setStorageSync('videoInfo', item)
+				// if(item.liveRadioUrl){
+				uni.navigateTo({
+					// url:'./playVideo?url='+item.liveRadioUrl,
+					url: 'playVideo'
+				})
+				// }
+
+			},
+			//获取项目视频
+			loadData(sn) {
+				var that = this
+				this.sendRequest({
+					url: "xmgl/company/getComapnyStatisticsList",
+					data: {
+						sn: sn,
+						videoType: 1
+					},
+					method: "POST",
+					success(res) {
+						console.log('找封面', res)
+						that.videoList = res.result.videoList
+					}
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.videoBox {
+		padding: 20px 10px 10px;
+		overflow: hidden;
+	}
+
+	.videoItem {
+		float: left;
+		background-color: white;
+		width: calc(50% - 5px);
+		margin-bottom: 10px;
+
+		&:nth-child(2n-1) {
+			margin-right: 10px;
+		}
+
+		.videoPoster {
+			height: 90px;
+			width: 100%;
+			background-color: #282828;
+			text-align: center;
+
+			.no_poster {
+				width: 55px;
+				height: 50px;
+				margin-top: 20px;
+			}
+		}
+
+		.videoName {
+			font-size: 14px;
+			color: $uni-text-color;
+			padding: 3px 0 8px;
+			width: 100%;
+			overflow: hidden;
+			white-space: nowrap;
+			text-overflow: ellipsis;
+			text-align: center;
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pages/videoManage/playVideo.vue b/pages/videoManage/playVideo.vue
index 0351baac..160e2d0d 100644
--- a/pages/videoManage/playVideo.vue
+++ b/pages/videoManage/playVideo.vue
@@ -26,7 +26,7 @@
 				<view class="zoom zoomout" @click="controlVideoFn(0,0,-0.2,'ZOOM_OUT')"></view>
 			</view>
 		</view>
-		<view class="video-playback">
+		<view class="video-playback" @click="toBackList">
 			视频回放
 		</view>
 	</view>
@@ -54,6 +54,12 @@
 			}
 		},
 		methods:{
+			// 跳转到录像回放列表
+			toBackList(){
+				uni.navigateTo({
+					url: './playBackList'
+				})
+			},
 			changeStreamFn(){
 				if(this.streamType==1){
 					this.streamType=2