Administrator
/
FenXiNspBigScreen
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

升级播放器版本、增加监控回放、总氮磷COD弹窗

This commit is contained in:
wgx 2025-12-03 17:05:35 +08:00
parent feda83f227
commit 8a0f7d5c17
7 changed files with 410 additions and 10982 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10651
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

3
package.json
View File

@ -5,7 +5,8 @@
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
"lint": "vue-cli-service lint",
"preinstall": "pnpm i"
},
"dependencies": {
"@amap/amap-jsapi-loader": "^1.0.1",

462
pnpm-lock.yaml
View File

File diff suppressed because it is too large Load Diff

93
src/components/TaizhangDialog.vue
View File

@ -37,51 +37,59 @@
</span>
</div>
<table class="tz_cov_right_tab" v-if="!flag">
<tr class="tz_cov_right_tab_tit" style="width:100%;">
<th style="width:15%;">采样时间</th>
<th style="width:18%;">监测站</th>
<th style="width:15%;">作物</th>
<th style="width:15%;">农膜残留量(kg/h㎡)</th>
<th style="width:10%;">秸秆残留量(kg/h㎡)</th>
<th style="width:32%;">覆膜年份</th>
</tr>
<img src="@/assets/image/noneNumber.png" class="noneNumber" alt="" v-if="ntfmnumbtotal == 0">
<template v-else>
<tr class="tz_cov_right_tab_list" v-for="item in ntfmnumblist" :key="item.id">
<td>{{ item.sampTime }}</td>
<td>{{ item.stationName }}</td>
<td>{{ item.cropName }}</td>
<td>{{ item.mulchRemain }}</td>
<td>{{ item.strawRemain }}</td>
<td>{{ item.mulchYear }}</td>
<thead>
<tr class="tz_cov_right_tab_tit" style="width:100%;">
<th class="tableheader" style="width:15%;">采样时间</th>
<!-- <th class="tableheader" style="width:18%;">监测站</th>-->
<th class="tableheader" style="width:15%;">农作物</th>
<th class="tableheader" style="width:15%;">农膜残留量(kg/h㎡)</th>
<th class="tableheader" style="width:15%;">秸秆残留量(kg/h㎡)</th>
<th class="tableheader" style="width:20%;">覆膜年份</th>
</tr>
</template>
</thead>
<tbody>
<img src="@/assets/image/noneNumber.png" class="noneNumber" alt="" v-if="ntfmnumbtotal == 0">
<template v-else>
<tr class="tz_cov_right_tab_list" v-for="item in ntfmnumblist" :key="item.id">
<td>{{ item.sampTime }}</td>
<!-- <td>{{ item.stationName }}</td>-->
<td>{{ item.cropName }}</td>
<td>{{ item.mulchRemain }}</td>
<td>{{ item.strawRemain }}</td>
<td>{{ item.mulchYear }}</td>
</tr>
</template>
</tbody>
</table>
<table class="tz_cov_right_tab" v-if="flag">
<thead>
<tr class="tz_cov_right_tab_tit" style="width:100%;">
<th style="width:10%;">年份</th>
<th style="width:20%;">养殖场名称</th>
<th style="width:10%;">养殖品种</th>
<th style="width:10%;">现有存栏（只）</th>
<th style="width:10%;">固体粪便（吨）</th>
<th style="width:10%;">液体粪污（m³）</th>
<th style="width:10%;">混合粪污（m³）</th>
<th style="width:10%;">收入金额(元)</th>
<th class="tableheader" style="width:10%;">年份</th>
<th class="tableheader" style="width:20%;">养殖场名称</th>
<th class="tableheader" style="width:10%;">养殖品种</th>
<th class="tableheader" style="width:10%;">现有存栏（只）</th>
<th class="tableheader" style="width:10%;">固体粪便（吨）</th>
<th class="tableheader" style="width:10%;">液体粪污（m³）</th>
<th class="tableheader" style="width:10%;">混合粪污（m³）</th>
<th class="tableheader" style="width:10%;">收入金额(元)</th>
</tr>
<img src="@/assets/image/noneNumber.png" class="noneNumber" alt="" v-if="qcfmnumbtotal == 0">
<template v-else>
<tr class="tz_cov_right_tab_list" v-for="item in qcfmnumblist" :key="item.id">
<td style="width:10%;">{{ item.countYear }}</td>
<td style="width:20%;">{{ item.farmName }}</td>
<td style="width:10%;">{{ item.breedVariety }}</td>
<td style="width:10%;">{{ item.breedScale }}</td>
<td style="width:10%;">{{ item.fecesQuantity }}</td>
<td style="width:10%;">{{ item.urineQuantity }}</td>
<td style="width:10%;">{{ item.mixQuantity }}</td>
<td style="width:10%;">{{ item.chargeAmount }}</td>
</tr>
</template>
</thead>
<tbody>
<img src="@/assets/image/noneNumber.png" class="noneNumber" alt="" v-if="qcfmnumbtotal == 0">
<template v-else>
<tr class="tz_cov_right_tab_list" v-for="item in qcfmnumblist" :key="item.id">
<td style="width:10%;">{{ item.countYear }}</td>
<td style="width:20%;">{{ item.farmName }}</td>
<td style="width:10%;">{{ item.breedVariety }}</td>
<td style="width:10%;">{{ item.breedScale }}</td>
<td style="width:10%;">{{ item.fecesQuantity }}</td>
<td style="width:10%;">{{ item.urineQuantity }}</td>
<td style="width:10%;">{{ item.mixQuantity }}</td>
<td style="width:10%;">{{ item.chargeAmount }}</td>
</tr>
</template>
</tbody>
</table>
</div>
</div>
@ -221,11 +229,11 @@ export default {
label: {
normal: {
position: 'outer',
formatter: '{b} : {c}个 '
formatter: '{b} : {c} '
},
textStyle: {
color: '#595959', // 提示文字颜色
fontSize: 18, // 提示文字大小
fontSize: 34, // 提示文字大小
}
},
data: data,
@ -380,7 +388,7 @@ export default {
top: -3px; /* 固定表头位置 */
}
.tz_cov_right_tab_tit th {
.tz_cov_right_tab_tit .tableheader {
width: 20%;
height: 1.8vw;
border: 1px solid #285A93;
@ -396,7 +404,6 @@ export default {
}
.tz_cov_right_tab_list td {
width: 20%;
height: 1.8vw;
text-align: center;
border: 1px solid #285A93;

2
src/main.js
View File

@ -51,7 +51,7 @@ Vue.use(Viewer) // 默认配置写法
// 视频监控
import EZUIKit from 'ezuikit-js';
import EZUIKit from 'ezuikit-js';
Vue.use(EZUIKit)
// 路由守卫

22
src/pages/Home/index.vue
View File

@ -68,7 +68,7 @@
<img src="@/assets/image/sanguang.png" class="sanguangbt" alt="">
<div>
<div class="in1con_lf_tit ">
<span class="in1con_lf_titshow1">{{ briefconCode }}</span>
<span class="in1con_lf_titshow1" >{{ briefconCode }}</span>
<img src="@/assets/image/title_bg.png" class="in1con_lf_titimg" alt="">
</div>
<div class="home_lcgk" style="width: 88%;">
@ -242,9 +242,9 @@
<div class="home_dlhj">
<el-carousel :autoplay="false" indicator-position="none" arrow="always" height="320px">
<el-carousel-item v-for="item in stationInfoList" :key="item.id">
<div class="in1con_lf_tit ">
<span class="in1con_lf_titshow1 "
@click="addTask3(item)">{{ item.stationName }}</span>
<div class="in1con_lf_tit " >
<span class="in1con_lf_titshow1 " style="cursor: pointer"
@click="jumpStationPage(item)">{{ item.stationName }}</span>
<img src="@/assets/image/title_bg.png" class="in1con_lf_titimg" alt="">
</div>
<div class="jczcov">
@ -283,18 +283,18 @@
<!-- <span class="in1con_lf_titshow2 " style="">台账>></span>-->
</div>
<div class="mywrcov">
<div class="mywrcov_one " >
<div class="mywrcov_one mywrcov_onehover" @click="showEchartDialog({stationCode: 'S_1'}, 'dataWaterTp')">
<span class="mywrcov_onetit">{{ effect_assess0.detailCode }}</span>
<span class="mywrcov_onenum">
<span class="in1con_lf_imglf_num_jix mywrcov_onenumjx">{{ effect_assess0.detailValue }}</span>
</span>
</div>
<div class="mywrcov_two ">
<div class="mywrcov_two mywrcov_onehover" @click="showEchartDialog({stationCode: 'S_1'}, 'dataWaterTn')">
<span class="mywrcov_onetit">{{ effect_assess1.detailCode }}</span>
<span class="mywrcov_onenum"><span
class="in1con_lf_imglf_num_jix mywrcov_onenumjx">{{ effect_assess1.detailValue }}</span></span>
</div>
<div class="mywrcov_three ">
<div class="mywrcov_three mywrcov_onehover" @click="showEchartDialog({stationCode: 'S_1'}, 'dataWaterCod')">
<span class="mywrcov_onenum" style="margin-top: 1vw;"><span
class="in1con_lf_imglf_num_jix mywrcov_onenumjx">{{ effect_assess2.detailValue }}</span></span>
<span class="mywrcov_onetit">{{ effect_assess2.detailCode }}</span>
@ -390,7 +390,7 @@
<span class="jctc_text" style="background: #52ac2a;">土壤温度</span>
<span class="jctc_text" style="background: #4c9bb5;">土壤盐分</span> -->
</div>
<img src="@/assets/image/ljjr.png" class="ljjr" @click="addTask3(qcdtinfor)" alt="">
<img src="@/assets/image/ljjr.png" class="ljjr" @click="jumpStationPage(qcdtinfor)" alt="">
</div>
</el-dialog>
<!-- 企业弹窗 -->
@ -697,7 +697,7 @@ export default {
console.log("ee", e)
},
showEchartDialog(item, survItem) {
console.log('showEchartDialog', item, survItem)
// console.log('showEchartDialog', item, survItem)
if(survItem === 1){
let dom = item.target.closest(".jczbtm_lf"); // 定位元素
if(!dom){
@ -711,7 +711,7 @@ export default {
}else{
item2 = null;
}
console.log('showEchartDialog222', dom,item2, survItem)
// console.log('showEchartDialog222', dom,item2, survItem)
// :data-item="item" :data-survItem="valist.tylename"
if(item2 && survItem){
this.showEchartDialog(item2, survItem)
@ -993,7 +993,7 @@ export default {
return val
},
// 跳转页面3
addTask3(e) {
jumpStationPage(e) {
let stationCode = e.stationCode
if (e.stationType == 'livestock') {
this.$router.push({path: '/CqyzList', query: {stationCode: stationCode}})

159
src/pages/MywrList/index.vue
View File

@ -6,13 +6,13 @@
:delay="100"
:isFlat="true"
>
<div class="main2" v-if="DetailList">
<div class="main2" v-if="stationDetail">
<video class="fullscreenvideo" id="bgvid" playsinline="" autoplay="" muted="" loop="">
<!-- <source src="@/assets/image/bg2.mp4" type="video/mp4">-->
<source src="http://fxnsp.zgzhny.com/lh-api/sys/common/static/v/bg2.mp4" type="video/mp4">
</video>
<div class="nav">
<span class="nav_ti nav_mag">{{ DetailList.stationName }}</span>
<span class="nav_ti nav_mag">{{ stationDetail.stationName }}</span>
<span class="nav_tit">治理效果评价与预警一张图</span>
</div>
<div class="nav_btn">
@ -57,12 +57,16 @@
<span class="in1con_lf_moreimg" @click="zdinfor">详情>></span>
</div>
<div class="jczcov">
<div style="position: absolute; cursor:pointer; top: 68px;right: 16px;color: rgb(255, 255, 255);z-index: 500;">
<span v-show="!currentPlayerLive" @click="switchLive(true)">录播</span>
<span v-show="currentPlayerLive" @click="switchLive(false)">直播</span>
</div>
<el-carousel width="100%" arrow="always" :interval="5000">
<el-carousel-item class="jczcov_lf" v-for="value in DetailList.deviceList" :key="value.id">
<el-carousel-item class="jczcov_lf" v-for="value in stationDetail.deviceList" :key="value.id">
<div class="jczimg" :id="value.deployCode"></div>
</el-carousel-item>
</el-carousel>
<!-- <div class="jczcov_lf" v-for="value in DetailList.deviceList" :key="value.id">
<!-- <div class="jczcov_lf" v-for="value in stationDetail.deviceList" :key="value.id">
<div class="jczimg" :id="value.deployCode" >
@ -72,19 +76,19 @@
</div>
<div class="jctc_add">
<img src="@/assets/image/jctcicon1.png" class="jctcicon1" alt="">
<span class="jctcvban_tit">站点名称：{{ DetailList.stationName }}</span>
<span class="jctcvban_tit">站点名称：{{ stationDetail.stationName }}</span>
</div>
<div class="jctc_add">
<img src="@/assets/image/jctcicon3.png" class="jctcicon1" alt="">
<span class="jctcvban_tit">站点位置：{{ DetailList.stationLocation }} </span>
<span class="jctcvban_tit">站点位置：{{ stationDetail.stationLocation }} </span>
</div>
<div class="jctc_add">
<img src="@/assets/image/jctcicon2.png" class="jctcicon1" alt="">
<span class="jctcvban_tit">建站时间：{{ DetailList.buildTime }}</span>
<span class="jctcvban_tit">建站时间：{{ stationDetail.buildTime }}</span>
</div>
<!-- <div class="jctc_add">
<img src="@/assets/image/jctcicon2.png" class="jctcicon1" alt="">
<span class="jctcvban_tit">监测范围：{{DetailList.survRange}}</span>
<span class="jctcvban_tit">监测范围：{{stationDetail.survRange}}</span>
</div> -->
<div class="jctc_add">
<img src="@/assets/image/jctcicon3.png" class="jctcicon1" alt="">
@ -93,7 +97,7 @@
<div class="jctc_add" style="height:2vw;">
<img src="@/assets/image/jctcicon4.png" class="jctcicon1" alt="">
<span class="jctcvban_tit">监测指标</span>
<span class="jctc_text" v-for="(item,index) in DetailList.survColorItems" :key="index"
<span class="jctc_text" v-for="(item,index) in stationDetail.survColorItems" :key="index"
:style="{background:(item.color)}"
style="background: #445fb4;margin-top:0.8vw;padding-right:10px;">{{ item.name }}</span>
<!-- <span class="jctc_text" style="background: #52ac2a;">土壤墒情</span>
@ -108,21 +112,21 @@
<img src="@/assets/image/sbsl.png" class="in1con_lf_imgone" alt="">
<span class="in1con_lf_imglf_tit">设备数量</span>
<span class="in1con_lf_imglf_num"><span
class="in1con_lf_imglf_num_jix">{{ DetailList.deviceCount }}</span>个</span>
class="in1con_lf_imglf_num_jix">{{ stationDetail.deviceCount }}</span>个</span>
</div>
<div
class="in1con_lf_imglf animate__animated animate__delay-1s animate__infinite animate__slow animate__pulse">
<img src="@/assets/image/sbsl02.png" class="in1con_lf_imgone" alt="">
<span class="in1con_lf_imglf_tit">监测项</span>
<span class="in1con_lf_imglf_num"><span
class="in1con_lf_imglf_num_jix">{{ DetailList.survColorItems.length }}</span>项</span>
class="in1con_lf_imglf_num_jix">{{ stationDetail.survColorItems.length }}</span>项</span>
</div>
<div
class="in1con_lf_imglf animate__animated animate__delay-1s animate__infinite animate__slow animate__pulse">
<img src="@/assets/image/sbsl03.png" class="in1con_lf_imgone" alt="">
<span class="in1con_lf_imglf_tit">监测频率</span>
<span class="in1con_lf_imglf_num"><span
class="in1con_lf_imglf_num_jix">{{ DetailList.survFrequency }}</span>天</span>
class="in1con_lf_imglf_num_jix">{{ stationDetail.survFrequency }}</span>天</span>
</div>
</div>
</div>
@ -133,8 +137,8 @@
<img src="@/assets/image/title_bg.png" class="in1con_lf_titimg" alt="">
</div>
<ul class="liMarqueeUp" style="height:206px;overflow:hidden;" @click="showEchartDialog($event, 1)" >
<vue-seamless-scroll :data="DetailList.latestData" class="wp-1 hp-1" :class-option="classOption">
<li class="jcsssj2" v-for="(item,index) in DetailList.latestData" :key="index"
<vue-seamless-scroll :data="stationDetail.latestData" class="wp-1 hp-1" :class-option="classOption">
<li class="jcsssj2" v-for="(item,index) in stationDetail.latestData" :key="index"
:data-survItem="item.survItem" >
<img src="@/assets/image/xian2.png" class="jcsssj_xian2" alt="">
<div class="jcsssj_rt" >
@ -201,35 +205,35 @@
</div>
<div>
<div class="changguiwucanshu">
<div @click="showEchartDialog(DetailList,'dataWaterTemp')">
<div @click="showEchartDialog(stationDetail,'dataWaterTemp')">
<div class="wucanshuDiv">
<div class="wucanshuValueDiv">{{ DetailList.latestWaterData[0].dataWaterTemp }}<span class="typeStyle">℃</span></div>
<div class="wucanshuValueDiv">{{ stationDetail.latestWaterData[0].dataWaterTemp }}<span class="typeStyle">℃</span></div>
</div>
<div class="wucanshuNameDiv">水温</div>
</div>
<div @click="showEchartDialog(DetailList,'dataWaterPh')">
<div @click="showEchartDialog(stationDetail,'dataWaterPh')">
<div class="wucanshuDiv">
<div class="wucanshuValueDiv">{{ DetailList.latestWaterData[0].dataWaterPh }}<span class="typeStyle"></span></div>
<div class="wucanshuValueDiv">{{ stationDetail.latestWaterData[0].dataWaterPh }}<span class="typeStyle"></span></div>
</div>
<div class="wucanshuNameDiv">PH值</div>
</div>
</div>
<div class="changguiwucanshu" >
<div @click="showEchartDialog(DetailList,'dataWaterDo')">
<div @click="showEchartDialog(stationDetail,'dataWaterDo')">
<div class="wucanshuDiv">
<div class="wucanshuValueDiv">{{ DetailList.latestWaterData[0].dataWaterDo }}<span class="typeStyle">mg/L</span></div>
<div class="wucanshuValueDiv">{{ stationDetail.latestWaterData[0].dataWaterDo }}<span class="typeStyle">mg/L</span></div>
</div>
<div class="wucanshuNameDiv">溶解氧</div>
</div>
<div @click="showEchartDialog(DetailList,'dataWaterDdl')">
<div @click="showEchartDialog(stationDetail,'dataWaterDdl')">
<div class="wucanshuDiv">
<div class="wucanshuValueDiv">{{ DetailList.latestWaterData[0].dataWaterDdl }}<span class="typeStyle">μS/cm</span></div>
<div class="wucanshuValueDiv">{{ stationDetail.latestWaterData[0].dataWaterDdl }}<span class="typeStyle">μS/cm</span></div>
</div>
<div class="wucanshuNameDiv">电导率</div>
</div>
<div @click="showEchartDialog(DetailList,'dataWaterNtu')">
<div @click="showEchartDialog(stationDetail,'dataWaterNtu')">
<div class="wucanshuDiv">
<div class="wucanshuValueDiv">{{ DetailList.latestWaterData[0].dataWaterNtu }}<span class="typeStyle">NTU</span></div>
<div class="wucanshuValueDiv">{{ stationDetail.latestWaterData[0].dataWaterNtu }}<span class="typeStyle">NTU</span></div>
</div>
<div class="wucanshuNameDiv">浊度</div>
</div>
@ -270,8 +274,8 @@
<el-col :span="12">
<div class="grid-content bg-purple" style="width:80%;margin-left:10%;">
<el-carousel indicator-position="outside">
<el-carousel-item v-for="(item,index) in DetailList.stationPic" :key="index">
<viewer :images="DetailList.stationPic">
<el-carousel-item v-for="(item,index) in stationDetail.stationPic" :key="index">
<viewer :images="stationDetail.stationPic">
<img :src="urlimg+item" alt="" style="width:100%;height:100%">
</viewer>
</el-carousel-item>
@ -280,10 +284,10 @@
</el-col>
<el-col :span="12">
<div class="grid-content bg-purple-light">
<span class="tctit">{{DetailList.stationName}}</span>
<span class="tcgldw1">管理单位：{{DetailList.stationIntro}}</span>
<span class="tcgldw1">建站时间：{{DetailList.buildTime}}</span>
<span class="tcgldw1">站点介绍：{{DetailList.stationOrg}}</span>
<span class="tctit">{{stationDetail.stationName}}</span>
<span class="tcgldw1">管理单位：{{stationDetail.stationIntro}}</span>
<span class="tcgldw1">建站时间：{{stationDetail.buildTime}}</span>
<span class="tcgldw1">站点介绍：{{stationDetail.stationOrg}}</span>
</div>
</el-col>
</el-row>
@ -298,7 +302,6 @@
import ScaleBox from 'vue2-scale-box'
import {getStationDetail, getStationDisplay, getIndexSummry, survItemSummary, getMaintainLog} from '@/api';
import vueSeamlessScroll from 'vue-seamless-scroll'
import {ModelFbx} from "vue-3d-model";
import hefentianqi from '@/pages/weather/weather.vue'
import SoilDialog from "@/components/SoilDialog.vue";
import SingleEchartDialog from "@/components/SingleEchartDialog.vue";
@ -307,7 +310,6 @@ export default {
components: {
SingleEchartDialog,
SoilDialog,
ModelFbx,
vueSeamlessScroll,
hefentianqi,
ScaleBox
@ -315,15 +317,17 @@ export default {
name: "MywrList",
data() {
return {
currentPlayerLive: true,
singleEchartDialogShowFlag: false,
singleEchartData: null,
stationCode: '',
urlimg: 'https://fxnsp.zgzhny.com/lh-api/sys/common/static/',
player: null,
player: {},
timer: {},
enableZ: false, //默认关闭电子放大
play: false, //默认停止播放
nowTime: '',
DetailList: '',
stationDetail: '',
DetailListAirData: '',
DetailListSoilData: '',
DisplayList: '',
@ -352,7 +356,6 @@ export default {
DetailSoilTemp3: 0,
DetailSoilWet3: 0,
DetailSoilDdl3: 0,
timer: null,
refresh: true,
fullscreen: false, //全屏
trqxzxdialogTableVisible: false,
@ -381,8 +384,12 @@ export default {
},
destroyed() {
//离开页面是销毁
clearInterval(this.timer);
this.timer = null;
Object.values(this.timer).map(item => {
if(item){
clearInterval(item);
}
});
this.timer = {};
},
created() {
this.infor()
@ -394,7 +401,7 @@ export default {
this.initChartData();//下方echart监测图标
this.hhlist();//土壤空气数据
// 实现轮询
this.timer = setInterval(() => this.hhlistxunh(), 5000);
this.timer['soil'] = setInterval(() => this.hhlistxunh(), 5000);
},
computed: {
classOption() {
@ -455,12 +462,12 @@ export default {
}
}
});
this.initEchartData(this.echartIndex)
this.initEchartDom(this.echartIndex)
}
})
},
// 折线图数据
initEchartData(index) {
initEchartDom(index) {
this.$nextTick(() => {
let domKey = `myChartDiv0`;
let data = this.summryAllData[index];
@ -574,7 +581,7 @@ export default {
if (dom) { // 是否是滚动组件的某一行/列
survItem = dom.dataset.survitem
if(survItem){
this.showEchartDialog(this.DetailList, survItem)
this.showEchartDialog(this.stationDetail, survItem)
}
}
return;
@ -633,7 +640,7 @@ export default {
let that = this;
let stationCode = this.$route.query.stationCode
getStationDetail(stationCode).then(res => {
this.DetailList = res.result
this.stationDetail = res.result
this.DetailListAirData = res.result.latestAirData[0]
//空气数据
if (this.DetailListAirData) {
@ -648,29 +655,53 @@ export default {
// 土壤数据
this.DetailListSoilData = res.result.latestSoilData[0]
this.hhlistxunh();
that.currentPlayerLive = false;
// 监控画面
this.DetailList.deviceList.forEach((itm) => {
setTimeout(() => {
this.player = new EZUIKit.EZUIKitPlayer({
id: itm.deployCode, // 视频容器ID
accessToken: itm.ysToken,
url: itm.deviceUrl,
template: "security", // simple - 极简版;standard-标准版;security - 安防版(预览回放);voice-语音版；
audio: 0, // 是否默认开启声音 0 - 关闭 1 - 开启
autoplay: true,
width: 430,
height: 231,
success: function () {
if (that.player) {
setTimeout(() => {
that.player.pause()
}, 30000)
}
console.log('success')
},
})
}, 2000)
})
setTimeout(() => {
this.switchLive(true);
}, 2000)
})
},
switchLive(live){
let that = this;
this.stationDetail.deviceList.forEach((item) => {
that.initPlayer(item, live);
})
},
initPlayer(itm, live){
let that = this;
if(this.currentPlayerLive === live){
return;
}
that.currentPlayerLive = live;
if(that.player[itm.deployCode]){
that.player[itm.deployCode].stop();
that.player[itm.deployCode].destroy();
}
that.player[itm.deployCode] = new EZUIKit.EZUIKitPlayer({
id: itm.deployCode,
accessToken: itm.ysToken,
url: itm.deviceUrl,
template: live?"pcLive":"pcRec", // simple - 极简版;standard-标准版;security - 安防版(预览回放);voice-语音版；
audio: false, // 是否默认开启声音 0 - 关闭 1 - 开启
sound: 0,
autoplay: true,
width: 420,
height: 231,
handleSuccess: function () {
console.log('萤石云播放器播放成功自定义回调', itm)
that.timer[itm.deployCode] && clearTimeout(that.timer[itm.deployCode]);
if (that.player[itm.deployCode]) {
console.log('萤石云播放器播放成功自定义回调2', that.player[itm.deployCode])
that.player[itm.deployCode].closeSound();
that.timer[itm.deployCode] = setTimeout(() => {
that.player[itm.deployCode].closeSound();
}, 2000)
that.timer[itm.deployCode] = setTimeout(() => {
that.player[itm.deployCode].pause()
}, 60000)
}
},
})
},
hhlistxunh() {