2025-06-27 10:04:22 +08:00

75 lines
2.7 KiB
HTML

<style type="text/css">
.table {
display: table;
width: 100%;
}
.father {
/*position: relative;*/
display: flex;
justify-content: center;
}
</style>
<!--大屏演示-->
<div>
<div id="collapseOne" style="width: 88vw;height: 98vh;background-color: red">
<div class="" style="width: 100%;height: 50%; background-color: yellow;">
<div style="height: 100%;width: 100%;background-color: #63BA79"
class="father" ng-click="openZhuViveForm()">
<div style="place-self: center;" class="son">
<h1>大屏演示主界面</h1>
</div>
</div>
</div>
<div class="" style="height: 50%;width: 100%; background-color: gray">
<div style="height: 100%;width: 50%;background-color: #49A761;
float: left" class="father" ng-click="openFenByQuForm()">
<div style="place-self: center;" class="son">
<h1>根据区县统计</h1>
</div>
</div>
<div style="height: 100%;width: 50%;background-color: #79C48C;
float: right" class="father" ng-click="openFenByHuJieForm()">
<div style="place-self: center;" class="son">
<h1>根据环节统计</h1>
</div>
</div>
</div>
<!-- <div class="" style="width: 100%;height: 100%; background-color: yellow;">-->
<!-- <div style="height: 100%;width: 100%;background-color: #63BA79"-->
<!-- class="father" ng-click="openZhuViveForm()">-->
<!-- <div style="place-self: center;" class="son">-->
<!-- <h1>大屏演示主界面</h1>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <input type="button" class="btn btn-warning" value="大屏演示主界面" ng-click="openZhuViveForm()" />-->
<!-- &lt;!&ndash; <iframe width="100%" height="700px" src= "http://36.133.39.73:8050/#/shanghaimap"></iframe>&ndash;&gt;-->
<!-- <input type="button" class="btn btn-warning" value="分区" ng-click="openFenByQuForm()" />-->
<!-- <input type="button" class="btn btn-warning" value="分环节" ng-click="openFenByHuJieForm()" />-->
</div>
</div>
<script>
layui.use('layer', function () {
var $ = layui.jquery, layer = layui.layer;
//多窗口模式 - esc 键
$(document).on('keyup', function (e) {
if (e.keyCode === 27) {
layer.close(layer.index);
}
});
})
</script>