mirror of
https://gitee.com/java110/MicroCommunityWeb.git
synced 2026-02-25 06:09:11 +08:00
62 lines
2.8 KiB
HTML
62 lines
2.8 KiB
HTML
<div>
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<h6>
|
|
<vc:i18n name="摄像头" namespace="cameraControlVideo"></vc:i18n>
|
|
</h6>
|
|
</div>
|
|
<div class="col-md-6 text-right">
|
|
<div class="btn-group" role="group" aria-label="Basic example">
|
|
<button type="button" class="btn btn-sm"
|
|
v-bind:class="{'btn-primary': cameraControlVideoInfo.cameraCount == 4}"
|
|
v-on:click="_changeCount(4)">
|
|
<vc:i18n name="四路" namespace="cameraControlVideo"></vc:i18n>
|
|
</button>
|
|
<button type="button" class="btn btn-sm"
|
|
v-bind:class="{'btn-primary': cameraControlVideoInfo.cameraCount == 6}"
|
|
v-on:click="_changeCount(6)">
|
|
<vc:i18n name="六路" namespace="cameraControlVideo"></vc:i18n>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row margin-top">
|
|
<!-- 2*2-->
|
|
<div class="col-md-6" v-if="cameraControlVideoInfo.cameraCount == 4"
|
|
v-for="(item,index) in cameraControlVideoInfo.machines">
|
|
<div class="form-group">
|
|
<div :id="item.id" style="border: 1px solid #dee2e6;">
|
|
<img width="100%" src="/img/init.jpg" height="300px" style="border: 1;" />
|
|
</div>
|
|
<div class="flex justify-between margin-top-sm" style="font-size: 14px;">
|
|
<div class="margin-left-sm ">
|
|
<span class="fa fa-bell" style="color: #007bff;"></span>{{item.machineName}}
|
|
</div>
|
|
<button type="button" class="btn btn-sm btn-primary" v-on:click="_openSelectVideo(item)">
|
|
选择
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="col-md-4" v-if="cameraControlVideoInfo.cameraCount == 6"
|
|
v-for="(item,index) in cameraControlVideoInfo.machines">
|
|
<div class="form-group">
|
|
<div :id="item.id" style="border: 1px solid #dee2e6;">
|
|
<img width="100%" src="/img/init.jpg" height="300px" style="border: 1;" />
|
|
</div>
|
|
<div class="flex justify-between margin-top-sm" style="font-size: 14px;">
|
|
<div class="margin-left-sm ">
|
|
<span class="fa fa-bell" style="color: #007bff;"></span>{{item.machineName}}
|
|
</div>
|
|
<button type="button" class="btn btn-sm btn-primary" v-on:click="_openSelectVideo(item)">
|
|
选择
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<vc:create path="machine/selectVideoMachine"></vc:create>
|
|
</div> |