|
<!DOCTYPE html>
<html lang="en">
<head>
<title>SLA可视查询</title>
{%>template/common/Head.html%}
<meta charset="utf-8">
<!-- 宽度自动适配 -->
<meta name="viewport"
content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0, user-scalable=no"/>
<!-- 不识别页面上的数字为可拨打号码 -->
<meta content="telephone=no" name="format-detection"/>
<link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css">
<link rel="stylesheet" type="text/css" href="biz/css/base.css">
<script src="biz/js/sla-search.js"></script>
</head>
<body class="pages-sla-search">
<div class="ipu-pages">
<div class="ipu-page">
<div class="ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col common-border-bottom">
<div class="ipu-toolbar">
<a class="ipu-fn-left link-back ipu-flex ipu-flex-align-center" href="javascript:;" id="back">
<div class="left-back"></div>
</a>
<h1 class="ipu-toolbar-title">SLA可视查询</h1>
</div>
</div>
<div class=" ipu-flex-col ipu-flex-col-auto">
<div class="sla-search-content">
<div class="ipu-form-item form-item-required" max-length="50">
<div class="ipu-flex common-border-bottom">
<div class="item-key"> 业务资源码：</div>
<div class="item-value ipu-flex-col-auto" id="billId">
<input type="text" placeholder="请输入" value=""/>
</div>
</div>
<div class="check-tips"></div>
</div>
<div class="ipu-form-item form-item-required" max-length="20">
<div class="ipu-flex common-border-bottom">
<div class="item-key">开始时间：</div>
<div class="item-value ipu-flex-col-auto" id="start-time">
<div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
<input type="text" placeholder="请选择" readonly/>
<div class="right-arrow"></div>
</div>
</div>
</div>
<div class="check-tips"></div>
</div>
<div class="ipu-form-item form-item-required" max-length="20">
<div class="ipu-flex common-border-bottom">
<div class="item-key">结束时间：</div>
<div class="item-value ipu-flex-col-auto" id="end-time">
<div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
<input type="text" placeholder="请选择" readonly/>
<div class="right-arrow"></div>
</div>
</div>
</div>
<div class="check-tips"></div>
</div>
<div class="ipu-form-item form-item-required" max-length="50">
<div class="ipu-flex common-border-bottom">
<div class="item-key" style=" margin-right: 0rem">时间颗粒度：</div>
<div class="item-tips">
<div class="bubble-tooltip">
1、时间颗粒选择15分钟：开始时间只能是当前时间往前推30天内。开始时间和结束时间时长不能超过7天；<br>
2、时间颗粒度选择1天：最多1年可查。
</div>
</div>
<div class="item-value ipu-flex-col-auto" id="segment">
<div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
<input type="text" placeholder="请选择" readonly value="15分钟"/>
<div class="right-arrow"></div>
</div>
</div>
</div>
<div class="check-tips"></div>
</div>
<div class="sla-search-btn">
<button class="ipu-btn common-btn">搜索</button>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
|
