Skip to content

W
whp-xl
Commit de300f11 authored by yaqizhang's avatar yaqizhang
Browse files
Options

Merge branch 'master' of ssh://111.61.77.35:15/lizhichao/whp-xl into master

parents 248c894b 3f8f9b92
Expand all Show whitespace changes
Inline Side-by-side
Showing with 78 additions and 7 deletions
dcit-hcsystem-hcsystem-master/public/EasyWasmPlayer.js 0 → 100644
View file @ de300f11
This diff is collapsed.
dcit-hcsystem-hcsystem-master/public/index.html
View file @ de300f11
......@@ -12,6 +12,7 @@
<link rel="stylesheet" href="https://js.arcgis.com/3.33/dijit/themes/nihilo/nihilo.css">
<title>危化品企业监管平台</title>
<script src="./EasyWasmPlayer.js"></script>
</head>
<body>
<noscript>
......
dcit-hcsystem-hcsystem-master/src/views/Video/VideoList.vue
View file @ de300f11
......@@ -18,27 +18,67 @@
</el-col>
<el-col :xs="12" :sm="12" :md="18" :lg="20" :xl="20">
<el-table :data="tableData.pageData" border style="width:100%;" v-loading="loading">
<el-table-column prop="deviceName" label></el-table-column>
</el-table>
<el-row class="row">
<div class="box" :class="[flag == 'newplay1' ? 'boxred' : 'boxblack']">
<div id="newplay1" style="width:100%; height:100%;" @click="chooseWindow('newplay1')">
<span class="novideo">无信号</span>
</div>
</div>
<div class="box" :class="[flag == 'newplay2' ? 'boxred' : 'boxblack']">
<div id="newplay2" style="width:100%; height:100%;" @click="chooseWindow('newplay2')">
<span class="novideo">无信号</span>
</div>
</div>
</el-row>
<el-row class="row">
<div class="box" :class="[flag == 'newplay3' ? 'boxred' : 'boxblack']">
<div id="newplay3" style="width:100%; height:100%;" @click="chooseWindow('newplay3')">
<span class="novideo">无信号</span>
</div>
</div>
<div class="box" :class="[flag == 'newplay4' ? 'boxred' : 'boxblack']">
<div id="newplay4" style="width:100%; height:100%;" @click="chooseWindow('newplay4')">
<span class="novideo">无信号</span>
</div>
</div>
</el-row>
</el-col>
</el-row>
</div>
</template>
<style lang="scss" scped>
@import '@/utils/public.scss';
.row{
display: flex;
.box{
width: 100%;
text-align: center;
background-color: #edf1f6;
}
}
.boxred{
border: 1px solid red;
}
.boxblack{
border: 1px solid black;
}
.novideo{
/*padding: 147px 0px 147px 0px;*/
/*display: block;*/
line-height: calc((100vh - 120px)/2);
}
</style>
<script lang="ts">
import { Component, Vue, Provide, Watch } from "vue-property-decorator";
import METHOD from "@/utils/methods"
@Component({
components: { }
})
export default class VideoList extends Vue {
@Provide() tableData: Object = { pageData: [], total: 0 };
@Provide() PAGE: any = { page: 1, size: 100000 };
@Provide() searchData: any = { account: "", userName: "" };
@Provide() loading: Boolean = false;
@Provide() playerWindow: String = "newplay1";
@Provide() flag:String = "";
@Provide() treeData: any = [
{
enterpriseId: 0,
......@@ -66,7 +106,18 @@
nodeClick(data: any, node: any, target: any) {
let that = this;
that.treecheckedObj = node.data;
if(node.level == "3"){
var player = new WasmPlayer(null, that.playerWindow, null, {Height: true});
console.log(that.playerWindow, node.data.deviceNumber)
player.play('http://27.128.189.137:10001/flv/hls/' + that.treecheckedObj.deviceNumber + '.flv', 1);
}
}
chooseWindow(data: any){
this.playerWindow = data;
this.flag = data;
}
created() {
let that = this;
that.getTreeData();
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment