Commit de300f11 authored by yaqizhang's avatar yaqizhang

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

parents 248c894b 3f8f9b92
This diff is collapsed.
...@@ -12,6 +12,7 @@ ...@@ -12,6 +12,7 @@
<link rel="stylesheet" href="https://js.arcgis.com/3.33/dijit/themes/nihilo/nihilo.css"> <link rel="stylesheet" href="https://js.arcgis.com/3.33/dijit/themes/nihilo/nihilo.css">
<title>危化品企业监管平台</title> <title>危化品企业监管平台</title>
<script src="./EasyWasmPlayer.js"></script>
</head> </head>
<body> <body>
<noscript> <noscript>
......
...@@ -18,27 +18,67 @@ ...@@ -18,27 +18,67 @@
</el-col> </el-col>
<el-col :xs="12" :sm="12" :md="18" :lg="20" :xl="20"> <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-row class="row">
<el-table-column prop="deviceName" label></el-table-column> <div class="box" :class="[flag == 'newplay1' ? 'boxred' : 'boxblack']">
</el-table> <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-col>
</el-row> </el-row>
</div> </div>
</template> </template>
<style lang="scss" scped> <style lang="scss" scped>
@import '@/utils/public.scss'; @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> </style>
<script lang="ts"> <script lang="ts">
import { Component, Vue, Provide, Watch } from "vue-property-decorator"; import { Component, Vue, Provide, Watch } from "vue-property-decorator";
import METHOD from "@/utils/methods"
@Component({ @Component({
components: { } components: { }
}) })
export default class VideoList extends Vue { 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() loading: Boolean = false;
@Provide() playerWindow: String = "newplay1";
@Provide() flag:String = "";
@Provide() treeData: any = [ @Provide() treeData: any = [
{ {
enterpriseId: 0, enterpriseId: 0,
...@@ -66,7 +106,18 @@ ...@@ -66,7 +106,18 @@
nodeClick(data: any, node: any, target: any) { nodeClick(data: any, node: any, target: any) {
let that = this; let that = this;
that.treecheckedObj = node.data; 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() { created() {
let that = this; let that = this;
that.getTreeData(); 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