admin/zhgdyun
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

视频回放添加存储方式 配置

Browse Source
This commit is contained in:
jiayu 2024-12-07 16:35:17 +08:00
parent 630a7dc6cb
commit f15b59b857
3 changed files with 23 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/store/index.js
View File

@ -46,6 +46,8 @@ export default new Vuex.Store({
state: {
PAGESIZRS: [10, 20, 30, 50],
// UPLOADURL: 'http://183.249.224.118:9000/upload/image/', // 嘉兴王江泾
// FILEURL: ' http://183.249.224.118:9000/image/', // 嘉兴王江泾
// UPLOADURL: 'http://192.168.0.12:9809/upload/image/', // 国维科技
// FILEURL: ' http://192.168.0.12:9809/image/', // 国维科技
// WORKFLOWURL: 'http://192.168.0.12:19998/#/workspace/forms', //国维科技工作流地址

8
src/views/projectFront/replayVideoManage/components/playBack/playBack.vue
View File

@ -6,7 +6,7 @@
</template>
<script>
export default {
props: ["devList","isReplayNum","startTime","endTime","showVideo"],
props: ["devList","isReplayNum","startTime","endTime","showVideo", "locationValue"],
data() {
return {
videoType:"",
@ -72,6 +72,10 @@ export default {
this.hide();
}
},
locationValue: function(newVal, oldVal) {
console.log('新的值',newVal)
this.startPlayback()
}
},
mounted() {
// this.init();
@ -335,7 +339,7 @@ export default {
var cameraIndexCode = this.pointCode; //获取输入的监控点编号值，必填
var startTimeStamp = new Date(this.startTime).getTime(); //回放开始时间戳，必填
var endTimeStamp = new Date(this.endTime).getTime(); //回放结束时间戳，必填
var recordLocation = 1; //录像存储位置：0-中心存储，1-设备存储
var recordLocation = this.locationValue; //录像存储位置：0-中心存储，1-设备存储
var transMode = 1; //传输协议：0-UDP，1-TCP
var gpuMode = 0; //是否启用GPU硬解，0-不启用，1-启用
var wndId = -1; //播放窗口序号（在2x2以上布局下可指定播放窗口）

18
src/views/projectFront/replayVideoManage/overview.vue
View File

@ -85,6 +85,13 @@
</vue-scroll>
</div>
<div class="timeBox">
<div class="time-select">
<span style="width: 30%;">储存方式:</span>
<el-select style="width: 68%;" @change="handleChangeRecordLocation" v-model="locationValue" size="small" placeholder="请选择">
<el-option label="中心存储" :value="0" ></el-option>
<el-option label="设备存储" :value="1" ></el-option>
</el-select>
</div>
<div class="time-select">
<span>回放开始时间：</span>
<el-date-picker
@ -121,7 +128,7 @@
</div>
</div>
</div>
<playBack class="playVideoBox" :showVideo="showVideo" :devList="selectList" :isReplayNum="isReplayNum" :startTime="selectDate.startTime" :endTime="selectDate.endTime" v-if="selectList.length > 0"></playBack>
<playBack class="playVideoBox" :showVideo="showVideo" :devList="selectList" :isReplayNum="isReplayNum" :startTime="selectDate.startTime" :endTime="selectDate.endTime" :locationValue="locationValue" v-if="selectList.length > 0"></playBack>
<div class="noVideoContent" v-else></div>
</div>
</div>
@ -151,7 +158,8 @@ export default {
endTime: "",
},
isReplayNum: 1,
showVideo: true
showVideo: true,
locationValue: 0, // 存储方式
};
},
mounted() {
@ -162,6 +170,7 @@ export default {
// } else {
// this.loadData2()
// }
this.locationValue = Number(localStorage.getItem('recordLocation') || 0)
//设置录像回放时间的默认值
this.selectDate.startTime = dateFormat(new Date(), "yyyy-MM-dd 00:00:00");
this.selectDate.endTime = dateFormat(new Date(), "yyyy-MM-dd hh:mm:ss");
@ -170,6 +179,9 @@ export default {
},
methods: {
handleChangeRecordLocation(val) {
localStorage.setItem("recordLocation", val);
},
//获取视频分组列表
getVideoTreeGroup() {
getVideoTreeGroupVideoApi({
@ -320,7 +332,7 @@ export default {
height: calc(100% - 22px)
}
// element 样式
/deep/.el-date-editor .el-input__inner {
/deep/.el-date-editor .el-input__inner, /deep/.el-select .el-input__inner {
background: rgba(5, 177, 194, 0.15);
border-radius: 2px 2px 2px 2px;
border: 1px solid #00fdff;