2024-10-29 18:29:56 +08:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="zh-CN">
|
2024-11-01 18:21:57 +08:00
|
|
|
|
2024-10-29 18:29:56 +08:00
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
2024-11-01 00:15:12 +08:00
|
|
|
<title>视频中心</title>
|
2024-10-29 18:29:56 +08:00
|
|
|
<link rel="stylesheet" href="/layui/css/layui.css">
|
|
|
|
|
</head>
|
|
|
|
|
|
2024-11-01 18:21:57 +08:00
|
|
|
<body class="layui-bg-gray">
|
2024-10-29 18:29:56 +08:00
|
|
|
<div id="header"></div>
|
2024-11-01 18:21:57 +08:00
|
|
|
<div class="layui-panel" style="width: 260px; margin: 16px;">
|
|
|
|
|
<ul class="layui-menu" id="menusss">
|
|
|
|
|
<!-- <div id="menuView"></div> -->
|
|
|
|
|
<li class="layui-menu-item-group layui-menu-item-down" lay-options="{type: 'group'}">
|
|
|
|
|
<div class="layui-menu-body-title">
|
|
|
|
|
menu group <i class="layui-icon layui-icon-up"></i>
|
|
|
|
|
</div>
|
|
|
|
|
<ul>
|
|
|
|
|
<li lay-options="{id: 103}">
|
|
|
|
|
<div class="layui-menu-body-title">menu item 3-1</div>
|
|
|
|
|
</li>
|
|
|
|
|
<li lay-options="{id: 102}">
|
|
|
|
|
<div class="layui-menu-body-title">menu item 3-2</div>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2024-10-29 18:29:56 +08:00
|
|
|
</body>
|
2024-11-01 18:21:57 +08:00
|
|
|
<script id="menulist" type="text/html">
|
|
|
|
|
<ul class="layui-tab-title">
|
|
|
|
|
{{# layui.each(d.data, function(index, item){ }}
|
|
|
|
|
<li lay-id="{{= item.live_room_id}}">{{= item.anchorName}}</li>
|
2024-11-01 00:15:12 +08:00
|
|
|
{{# }); }}
|
2024-11-01 18:21:57 +08:00
|
|
|
{{# if(d.data.length === 0){ }}
|
2024-11-01 00:15:12 +08:00
|
|
|
无数据
|
|
|
|
|
{{# } }}
|
|
|
|
|
</ul>
|
2024-10-29 18:29:56 +08:00
|
|
|
</script>
|
|
|
|
|
<script src="/js/jquery-3.2.1.js"></script>
|
|
|
|
|
<script src="/js/CommonConfig.js"></script>
|
2024-11-01 18:21:57 +08:00
|
|
|
<script src="/js/httpUtils.js"></script>
|
|
|
|
|
<script src="/layui/layui.js"></script>
|
2024-10-29 18:29:56 +08:00
|
|
|
<script>
|
2024-11-01 18:21:57 +08:00
|
|
|
headerModel = 2;
|
2024-10-29 18:29:56 +08:00
|
|
|
$('#header').load("/html/header.html");
|
2024-11-01 18:21:57 +08:00
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
2024-10-29 18:29:56 +08:00
|
|
|
|
2024-11-01 18:21:57 +08:00
|
|
|
<script>
|
|
|
|
|
|
|
|
|
|
var roomId = '17961';
|
|
|
|
|
layui.use(['dropdown', 'laytpl'], function () {
|
|
|
|
|
var dropdown = layui.dropdown;
|
2024-11-01 00:15:12 +08:00
|
|
|
var layer = layui.layer;
|
2024-11-01 18:21:57 +08:00
|
|
|
var laytpl = layui.laytpl;
|
|
|
|
|
function initTabs() {
|
|
|
|
|
getVideo(roomId, pageIndex, pageMax)
|
|
|
|
|
.then(data => {
|
|
|
|
|
initMenu(data)
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
dropdown.on('click(menusss)', function (options) {
|
|
|
|
|
console.log(this, options);
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
function initMenu(data) {
|
|
|
|
|
var view = $("#menuView").get(0);
|
|
|
|
|
laytpl($('#menulist').get(0).innerHTML).render(data, function (html) {
|
|
|
|
|
view.innerHTML = html;
|
|
|
|
|
layer.close(loadIndex)
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function init() {
|
|
|
|
|
// initTabs()
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
init()
|
|
|
|
|
|
2024-11-01 00:15:12 +08:00
|
|
|
})
|
2024-10-30 18:27:37 +08:00
|
|
|
|
2024-10-29 18:29:56 +08:00
|
|
|
</script>
|
2024-11-01 18:21:57 +08:00
|
|
|
|
2024-10-29 18:29:56 +08:00
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
</style>
|
2024-11-01 18:21:57 +08:00
|
|
|
|
2024-10-29 18:29:56 +08:00
|
|
|
</html>
|
