|
|
@@ -7,9 +7,10 @@
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
<title>Template</title>
|
|
|
<link rel="stylesheet" href="./js/layui/css/layui.css">
|
|
|
+ <link rel="stylesheet" href="./js/layui/css/modules/index.css">
|
|
|
<style>
|
|
|
.all {
|
|
|
- padding-top: 30px;
|
|
|
+ padding-top: 10px;
|
|
|
padding-left: 30px;
|
|
|
padding-right: 30px;
|
|
|
|
|
|
@@ -17,23 +18,30 @@
|
|
|
|
|
|
.c {
|
|
|
float: left;
|
|
|
-
|
|
|
+ background-color: #fff;
|
|
|
+ padding: 10px;
|
|
|
}
|
|
|
|
|
|
.c1 {
|
|
|
margin: 10px;
|
|
|
float: left;
|
|
|
-
|
|
|
-
|
|
|
}
|
|
|
|
|
|
.t1 {
|
|
|
- width: 15%;
|
|
|
+ width: 18%;
|
|
|
+ margin-right: 10px;
|
|
|
+ -webkit-box-sizing:border-box;
|
|
|
+ -moz-box-sizing:border-box;
|
|
|
+ -ms-box-sizing:border-box;
|
|
|
+ box-sizing:border-box
|
|
|
}
|
|
|
|
|
|
.row {
|
|
|
height: 50px;
|
|
|
}
|
|
|
+ .row2 {
|
|
|
+ height: 130px;
|
|
|
+ }
|
|
|
|
|
|
.t2 {
|
|
|
width: 10%;
|
|
|
@@ -41,7 +49,7 @@
|
|
|
|
|
|
.view {
|
|
|
|
|
|
- width: 75%;
|
|
|
+ width: 79%;
|
|
|
}
|
|
|
|
|
|
#timeType {
|
|
|
@@ -63,15 +71,22 @@
|
|
|
height: 50px;
|
|
|
line-height: 32px;
|
|
|
}
|
|
|
+ #column{
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
</style>
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
+ <div class="banner">
|
|
|
+ <!-- <img src="../static/js/layui/css/modules/layer/default/nokiaLogo.png" alt="" width="150px" height="50px"> -->
|
|
|
+ <div class="logo"></div>
|
|
|
+ <div class="name">KPI-Analyser</div>
|
|
|
+ </div>
|
|
|
<div class="all">
|
|
|
-
|
|
|
<div class="c t1">
|
|
|
<button type="button" class="layui-btn layui-btn-sm" onclick="addTemplate()">添加指标模板</button>
|
|
|
- <button type="button" class="layui-btn layui-btn-sm" onclick="deleteTemplate()">删除指标模板</button>
|
|
|
+ <button type="button" class="layui-btn layui-btn-sm layui-btn-danger" onclick="deleteTemplate()">删除指标模板</button>
|
|
|
<div id="allArea"></div>
|
|
|
<div id="indicatorTemplate"></div>
|
|
|
<div id="add-template" style="display: none;">
|
|
|
@@ -87,7 +102,7 @@
|
|
|
<div id="allIndicator"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="c t2">
|
|
|
+ <!-- <div class="c t2">
|
|
|
<form class="layui-form" action="">
|
|
|
<div class="column" id="searchType">
|
|
|
<input type="radio" name="where" value="eci" title="按eci查询" lay-filter="where" checked>
|
|
|
@@ -96,28 +111,40 @@
|
|
|
<textarea id="condition" cols="14" rows="19"
|
|
|
style="border-width:1px;border-style: solid;border-color: #eee;"></textarea>
|
|
|
</form>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
<div class="c view">
|
|
|
- <div class="row layui-form">
|
|
|
-
|
|
|
- <div class="c1 label"> 粒度:</div>
|
|
|
-
|
|
|
- <div class="timeTypeDiv c1" style="width: 10%;">
|
|
|
- <select name="timeType" id="timeType">
|
|
|
- <option value="quater">15分钟</option>
|
|
|
- <option value="hour">小时</option>
|
|
|
- <option value="day">天</option>
|
|
|
- <!--<option value="week">星期</option>-->
|
|
|
- <!--<option value="month">月</option>-->
|
|
|
- </select>
|
|
|
+ <div class="row layui-form row2">
|
|
|
+ <div style="width:100%;float: left;">
|
|
|
+ <div class="c1 label"> 粒度:</div>
|
|
|
+
|
|
|
+ <div class="timeTypeDiv c1" style="width: 10%;">
|
|
|
+ <select name="timeType" id="timeType">
|
|
|
+ <option value="quater">15分钟</option>
|
|
|
+ <option value="hour">小时</option>
|
|
|
+ <option value="day">天</option>
|
|
|
+ <!--<option value="week">星期</option>-->
|
|
|
+ <!--<option value="month">月</option>-->
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="c1 label" style="margin-left: 120px;">时间:</div>
|
|
|
+ <input type="text" class="layui-input c1" style="width: 300px;" id="time1">
|
|
|
+ <button class="layui-btn btn c1" style="margin-left: 20px;" onclick="search()">查询</button>
|
|
|
+ <button class="layui-btn btn c1" style="margin-left: 20px;" onclick="conditionSearch()">条件查询</button>
|
|
|
+ </div>
|
|
|
+ </br>
|
|
|
+ <div style="width:100%;float: left;">
|
|
|
+ <div class="column" id="searchType" style="width:auto;float: left;">
|
|
|
+ <input type="radio" name="where" value="eci" title="按eci查询" lay-filter="where" checked>
|
|
|
+ <input type="radio" name="where" value="all" title="全网选择" lay-filter="where">
|
|
|
+ </div>
|
|
|
+ <div style="width:70%;float: left;">
|
|
|
+ <input id="condition" class="layui-input" placeholder="如多个eci查询请用英文逗号隔开"
|
|
|
+ style="border-width:1px;border-style: solid;border-color: #eee;"></input>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
-
|
|
|
- <div class="c1 label" style="margin-left: 120px;">时间:</div>
|
|
|
- <input type="text" class="layui-input c1" style="width: 300px;" id="time1">
|
|
|
- <button class="layui-btn btn c1" style="margin-left: 20px;" onclick="search()">查询</button>
|
|
|
- <button class="layui-btn btn c1" style="margin-left: 20px;" onclick="conditionSearch()">条件查询</button>
|
|
|
</div>
|
|
|
- <div class="row">
|
|
|
+ <div>
|
|
|
<table id="demo" lay-filter="test" style="width: 200px;"></table>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -447,7 +474,7 @@
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
- if (tree.getChecked('Id2').length == 0) {
|
|
|
+ if (tree.getChecked('Id3').length == 0) {
|
|
|
alert('请选择指标')
|
|
|
return;
|
|
|
}
|
|
|
@@ -465,7 +492,7 @@
|
|
|
// layer.msg(JSON.stringify(data.field));
|
|
|
// let checkData1 = tree.getChecked('Id1')[0].children;
|
|
|
|
|
|
- let checkData2 = tree.getChecked('Id2')[0].children;
|
|
|
+ let checkData2 = tree.getChecked('Id3')[0].children;
|
|
|
|
|
|
|
|
|
var indicatorsA = new Array();
|
|
|
@@ -576,6 +603,17 @@
|
|
|
});
|
|
|
});
|
|
|
}
|
|
|
+
|
|
|
+ //
|
|
|
+ $(document).ready(function(){
|
|
|
+ setTimeout(()=>{
|
|
|
+ $(".layui-tree-txt").mouseenter(function(){
|
|
|
+ // console.log('this',this)
|
|
|
+ $(this).attr("title",$(this).text());
|
|
|
+ // console.log('this.text(): ', $(this).text());
|
|
|
+ });
|
|
|
+ },1000)
|
|
|
+ });
|
|
|
</script>
|
|
|
</body>
|
|
|
|
