|
|
|
@ -126,10 +126,44 @@
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row" v-if="ViewModel">
|
|
|
|
|
<div class="col-md-6">
|
|
|
|
|
云台
|
|
|
|
|
<div class="box box-solid">
|
|
|
|
|
<table class="ptz" v-if="PTZControlSupport()">
|
|
|
|
|
<tr>
|
|
|
|
|
<td><img src="/images/zoomin.png" /></td>
|
|
|
|
|
<td></td>
|
|
|
|
|
<td><img src="/images/up.png" /></td>
|
|
|
|
|
<td></td>
|
|
|
|
|
<td><img src="/images/zoomout.png" /></td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td></td>
|
|
|
|
|
<td><img src="/images/left.png" /></td>
|
|
|
|
|
<td><img src="/images/stop.png" /></td>
|
|
|
|
|
<td><img src="/images/right.png" /></td>
|
|
|
|
|
<td></td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td></td>
|
|
|
|
|
<td></td>
|
|
|
|
|
<td><img src="/images/down.png" /></td>
|
|
|
|
|
<td></td>
|
|
|
|
|
<td></td>
|
|
|
|
|
</tr>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-6">
|
|
|
|
|
场景
|
|
|
|
|
<div class="box box-solid btns">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-md-6"><button class="btn btn-block btn-primary">一键开</button></div>
|
|
|
|
|
<div class="col-md-6"><button class="btn btn-block btn-primary">一键关</button></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-md-3" v-for="scene in ViewModel.Scenes">
|
|
|
|
|
<button class="btn btn-block btn-info">{{scene.Name}}</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row" v-if="ViewModel">
|
|
|
|
@ -142,6 +176,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
<script>
|
|
|
|
|
var flvPlayer;
|
|
|
|
|
var decodedFrames;
|
|
|
|
|
function UpdateChart(id, title, data, labels, colors, type) {
|
|
|
|
|
var ctx = document.getElementById(id).getContext('2d');
|
|
|
|
|
colors = colors || $.map(data, function (item) { return Color16(item); });
|
|
|
|
@ -192,7 +227,7 @@
|
|
|
|
|
UpdateCamera()
|
|
|
|
|
});
|
|
|
|
|
function UpdateCamera() {
|
|
|
|
|
var number = $('#camera').val(); alert(number);
|
|
|
|
|
var number = $('#camera').val();
|
|
|
|
|
var device = Enumerable.from(vm.ViewModel.Devices).where(function (o) { return o.Number === number; }).firstOrDefault();
|
|
|
|
|
var url = Enumerable.from(device.Data).where(o => o.Name === '主码流flv').firstOrDefault().Value;
|
|
|
|
|
closePlayer(flvPlayer);
|
|
|
|
@ -290,7 +325,14 @@
|
|
|
|
|
.toArray();
|
|
|
|
|
},
|
|
|
|
|
CameraSelected() {
|
|
|
|
|
alert(1);
|
|
|
|
|
UpdateCamera();
|
|
|
|
|
},
|
|
|
|
|
PTZControlSupport() {
|
|
|
|
|
return true;
|
|
|
|
|
var number = $('#camera').val();
|
|
|
|
|
var device = Enumerable.from(vm.ViewModel.Devices).where(function (o) { return o.Number === number; }).firstOrDefault();
|
|
|
|
|
var data = Enumerable.from(device.Data).where(o => o.Name === '缩放支持').firstOrDefault().Value;
|
|
|
|
|
return data === '是';
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
destroy() {
|
|
|
|
|