|
<!DOCTYPE html>
<html lang="en">
<head>
{%>template/common/Head.html%}
<title>一键报障-查询</title>
<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">
<link rel="stylesheet" type="text/css" href="biz/css/iconfont/iconfont.css">
<script src="biz/js/one-click-repair-list.js"></script>
</head>
<body class="pages-one-click-repair-list main-body-bg-grey">
<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">一键报障</h1>
</div>
</div>
<div class="ipu-flex-col ipu-flex-col-auto ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col">
<div class="select-type">
<div class="select-title active"> 请选择业务类型</div>
<ul class="select-option">
<li id="112033700001" class="active">高品质互联网专线</li>
<li id="112043700001">高品质数字传输专线</li>
</ul>
</div>
<div class="select-search-area ipu-flex ipu-flex-justify-space ipu-flex-align-center">
<div class="ipu-flex-grow-1" style="position: relative">
<input type="text" class="common-search-input common-select-search-input" placeholder="请输入用户26码" id="billId" value=""/>
<div class="search-input-clean"></div>
</div>
<button class="ipu-btn common-btn common-select-search-btn">搜索</button>
</div>
</div>
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="page-content">
<div class="ipu-list ipu-list-media ipu-flex-content" id="refresh" style="margin-top:.1rem;">
<!-- 组件html结构，最外层div应有一个固定的高度，会在此元素上初始化iScroll -->
<div class="ipu-refresh-wrapper">
<!-- 此处组件初始化后，会添加上拉html -->
<div class="refresh-content">
<div id="result" class="ipu-fn-hide">
<ul>
<li class="report-item">
<div class="report-title" id="custName">北京合纵网联科技有限公司</div>
<div class="report-info">
<span id="busiType">高品质互联网专线</span>
<span> | 26码：</span>
<span id="26code">26009973901</span>
<span> | CO：</span>
<span id="CO">26009973901</span>
</div>
<input type="hidden" id="data">
</li>
</ul>
</div>
<div class="no-result-msg ipu-fn-p ipu-txt-center ipu-fn-hide">
<div class="no-result-content">
<div class="no-result-image"></div>
<div class="no-result-tips-title">温馨提示</div>
<div class="no-result-tips-content">
通过您输入的26码对应产品不符合可进行保障范围，不可办理一键报障服务
</div>
</div>
</div>
</div>
<!-- 此处组件初始化后，会添加下拉html -->
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
|
