|
<!DOCTYPE html>
<html lang="en">
<head>
<title>测试APP</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css">
<link rel="stylesheet" type="text/css" href="biz/lib/remixicon/remixicon.css">
<link rel="stylesheet" type="text/css" href="biz/css/base.css">
<script src="ipu/lib/requirejs/require.js"></script>
<script src="biz/js/require-config.js"></script>
<script src="biz/js/page/measure-realTimeSignal.js"></script>
</head>
<body class="pages-measure-realTimeSignal">
<div class="ipu-flex-row ipu-flex-vertical" style="background-color: #f5f7f9">
<div class="ipu-flex-col">
<div class="measure-rt-header">
<div class="measure-rt-title">测试APP</div>
<i class="ipu-icon ri-settings-3-line measure-rt-setting"></i>
</div>
</div>
<div class="ipu-tab"> <!-- 如果class中添加 ipu-tab-fixed，则可固定头部，此时需要父元素的高度是确定的 -->
<ul class="ipu-tab-title ipu-tab-title-link"> <!-- 页头有 ipu-tab-title-link 和 ipu-tab-title-button两种样式 -->
<li class="">实时信令</li>
<li>信令事件</li>
<li class="ipu-current">自动测试</li>
</ul>
<div class="ipu-tab-body">
<ul class="ipu-tab-body-wrapper">
<li> <div class="ipu-flex-col ">
<div class="measure-rt-list-view">
<div class="ipu-flex measure-rt-list-title">
<div class="measure-rt-list-title-time">时间</div>
<div class="measure-rt-list-title-signal">信号</div>
<div class="measure-rt-list-icons">
<i class="ipu-icon ri-upload-line "></i>
<i class="ipu-icon ri-pause-circle-line"></i>
<i class="ipu-icon ri-filter-fill"></i>
<i class="ipu-icon ri-settings-3-line"></i>
</div>
</div>
<div class="measure-rt-list-content">
<ul>
<li class="ipu-flex measure-rt-list-item ">
<div class="ipu-icon ri-arrow-right-s-fill"></div>
<div class="measure-rt-list-item-time text-purple"> 00:29:42.034</div>
<div class="measure-rt-list-item-content text-purple">UL DCCH/ULikjnvdjnjo </div>
<div class="measure-rt-list-hidden-msg">
<div class="measure-rt-list-hidden-detail">
[Pkt Verion=3] nfsnndj. sdsskdm/,skmds dslkdlkkl
[Pkt Verion=3] nfsnndj. sdsskdm/,skmds dslkdlkkl
[Pkt Verion=3] nfsnndj. sdsskdm/,skmds dslkdlkkl
[Pkt Verion=3] nfsnndj. sdsskdm/,skmds dslkdlkkl
[Pkt Verion=3] nfsnndj. sdsskdm/,skmds dslkdlkkl
[Pkt Verion=3] nfsnndj. sdsskdm/,skmds dslkdlkkl
</div>
</div>
</li>
<li class="ipu-flex measure-rt-list-item ">
<div class="ipu-icon ri-arrow-right-s-fill"></div>
<div class="measure-rt-list-item-time text-green"> 00:29:42.034</div>
<div class="measure-rt-list-item-content text-green">UL DCCH/ULikjnvdjnjo </div>
</li>
<li class="ipu-flex measure-rt-list-item ">
<div class="ipu-icon ri-arrow-right-s-fill"></div>
<div class="measure-rt-list-item-time text-red"> 00:29:42.034</div>
<div class="measure-rt-list-item-content text-red">UL DCCH/ULikjnvdjnjo </div>
</li>
<li class="ipu-flex measure-rt-list-item ">
<div class="ipu-icon ri-arrow-right-s-fill"></div>
<div class="measure-rt-list-item-time text-purple"> 00:29:42.034</div>
<div class="measure-rt-list-item-content text-purple">UL DCCH/ULikjnvdjnjo </div>
</li>
<li class="ipu-flex measure-rt-list-item ">
<div class="ipu-icon ri-arrow-right-s-fill"></div>
<div class="measure-rt-list-item-time text-purple"> 00:29:42.034</div>
<div class="measure-rt-list-item-content text-purple">UL DCCH/ULikjnvdjnjo </div>
</li>
<li class="ipu-flex measure-rt-list-item ">
<div class="ipu-icon ri-arrow-right-s-fill"></div>
<div class="measure-rt-list-item-time text-green"> 00:29:42.034</div>
<div class="measure-rt-list-item-content text-green">UL DCCH/ULikjnvdjnjo </div>
</li>
<li class="ipu-flex measure-rt-list-item ">
<div class="ipu-icon ri-arrow-right-s-fill"></div>
<div class="measure-rt-list-item-time text-green"> 00:29:42.034</div>
<div class="measure-rt-list-item-content text-green">UL DCCH/ULikjnvdjnjo </div>
</li>
<li class="ipu-flex measure-rt-list-item ">
<div class="ipu-icon ri-arrow-right-s-fill"></div>
<div class="measure-rt-list-item-time text-purple"> 00:29:42.034</div>
<div class="measure-rt-list-item-content text-purple">UL DCCH/ULikjnvdjnjo </div>
</li>
<li class="ipu-flex measure-rt-list-item ">
<div class="ipu-icon ri-arrow-right-s-fill"></div>
<div class="measure-rt-list-item-time text-purple"> 00:29:42.034</div>
<div class="measure-rt-list-item-content text-purple">UL DCCH/ULikjnvdjnjo </div>
</li>
<li class="ipu-flex measure-rt-list-item ">
<div class="ipu-icon ri-arrow-right-s-fill"></div>
<div class="measure-rt-list-item-time text-red"> 00:29:42.034</div>
<div class="measure-rt-list-item-content text-red">UL DCCH/ULikjnvdjnjo </div>
</li>
<li class="ipu-flex measure-rt-list-item ">
<div class="ipu-icon ri-arrow-right-s-fill"></div>
<div class="measure-rt-list-item-time text-green"> 00:29:42.034</div>
<div class="measure-rt-list-item-content text-green">UL DCCH/ULikjnvdjnjo </div>
</li>
<li class="ipu-flex measure-rt-list-item ">
<div class="ipu-icon ri-arrow-right-s-fill"></div>
<div class="measure-rt-list-item-time text-green"> 00:29:42.034</div>
<div class="measure-rt-list-item-content text-green">UL DCCH/ULikjnvdjnjo </div>
</li>
<li class="ipu-flex measure-rt-list-item ">
<div class="ipu-icon ri-arrow-right-s-fill"></div>
<div class="measure-rt-list-item-time text-green"> 00:29:42.034</div>
<div class="measure-rt-list-item-content text-green">UL DCCH/ULikjnvdjnjo </div>
</li>
<li class="ipu-flex measure-rt-list-item -red">
<div class="ipu-icon ri-arrow-right-s-fill"></div>
<div class="measure-rt-list-item-time text-green"> 00:29:42.034</div>
<div class="measure-rt-list-item-content text-green">UL DCCH/ULikjnvdjnjo </div>
</li>
</ul>
<div class="ipu-flex measure-rt-list-more">
<div class="">查看更多信息</div>
<i class="ipu-icon ri-arrow-down-s-line"></i>
</div>
</div>
</div>
</div></li>
<li>
<div class="ipu-flex-col ">
<div class="measure-rt-list-view">
<div class="ipu-flex measure-rt-list-title">
<div class="measure-rt-list-title-time">时间</div>
<div class="measure-rt-list-title-signal">信号</div>
<div class="measure-rt-list-icons">
<i class="ipu-icon ri-upload-line "></i>
<i class="ipu-icon ri-pause-circle-line"></i>
<i class="ipu-icon ri-filter-fill"></i>
<i class="ipu-icon ri-settings-3-line"></i>
</div>
</div>
<div class="measure-rt-list-content">
<ul>
<li class="ipu-flex measure-rt-list-item ">
<div class="measure-rt-list-item-time text-purple"> 00:29:42.034</div>
<div class="measure-rt-list-item-content text-purple">UL DCCH/ULikjnvdjnjo </div>
<div class="measure-rt-list-hidden-msg">
<div class="measure-rt-list-hidden-detail">
[Pkt Verion=3] nfsnndj. sdsskdm/,skmds dslkdlkkl
[Pkt Verion=3] nfsnndj. sdsskdm/,skmds dslkdlkkl
[Pkt Verion=3] nfsnndj. sdsskdm/,skmds dslkdlkkl
[Pkt Verion=3] nfsnndj. sdsskdm/,skmds dslkdlkkl
[Pkt Verion=3] nfsnndj. sdsskdm/,skmds dslkdlkkl
[Pkt Verion=3] nfsnndj. sdsskdm/,skmds dslkdlkkl
</div>
</div>
</li>
<li class="ipu-flex measure-rt-list-item ">
<div class="measure-rt-list-item-time text-green"> 00:29:42.034</div>
<div class="measure-rt-list-item-content text-green">UL DCCH/ULikjnvdjnjo </div>
</li>
<li class="ipu-flex measure-rt-list-item ">
<div class="measure-rt-list-item-time text-red"> 00:29:42.034</div>
<div class="measure-rt-list-item-content text-red">UL DCCH/ULikjnvdjnjo </div>
</li>
<li class="ipu-flex measure-rt-list-item ">
<div class="measure-rt-list-item-time text-purple"> 00:29:42.034</div>
<div class="measure-rt-list-item-content text-purple">UL DCCH/ULikjnvdjnjo </div>
</li>
<li class="ipu-flex measure-rt-list-item ">
<div class="measure-rt-list-item-time text-purple"> 00:29:42.034</div>
<div class="measure-rt-list-item-content text-purple">UL DCCH/ULikjnvdjnjo </div>
</li>
<li class="ipu-flex measure-rt-list-item ">
<div class="measure-rt-list-item-time text-green"> 00:29:42.034</div>
<div class="measure-rt-list-item-content text-green">UL DCCH/ULikjnvdjnjo </div>
</li>
<li class="ipu-flex measure-rt-list-item ">
<div class="measure-rt-list-item-time text-green"> 00:29:42.034</div>
<div class="measure-rt-list-item-content text-green">UL DCCH/ULikjnvdjnjo </div>
</li>
<li class="ipu-flex measure-rt-list-item ">
<div class="measure-rt-list-item-time text-purple"> 00:29:42.034</div>
<div class="measure-rt-list-item-content text-purple">UL DCCH/ULikjnvdjnjo </div>
</li>
<li class="ipu-flex measure-rt-list-item ">
<div class="measure-rt-list-item-time text-purple"> 00:29:42.034</div>
<div class="measure-rt-list-item-content text-purple">UL DCCH/ULikjnvdjnjo </div>
</li>
<li class="ipu-flex measure-rt-list-item ">
<div class="measure-rt-list-item-time text-red"> 00:29:42.034</div>
<div class="measure-rt-list-item-content text-red">UL DCCH/ULikjnvdjnjo </div>
</li>
<li class="ipu-flex measure-rt-list-item ">
<div class="measure-rt-list-item-time text-green"> 00:29:42.034</div>
<div class="measure-rt-list-item-content text-green">UL DCCH/ULikjnvdjnjo </div>
</li>
<li class="ipu-flex measure-rt-list-item ">
<div class="measure-rt-list-item-time text-green"> 00:29:42.034</div>
<div class="measure-rt-list-item-content text-green">UL DCCH/ULikjnvdjnjo </div>
</li>
<li class="ipu-flex measure-rt-list-item ">
<div class="measure-rt-list-item-time text-green"> 00:29:42.034</div>
<div class="measure-rt-list-item-content text-green">UL DCCH/ULikjnvdjnjo </div>
</li>
<li class="ipu-flex measure-rt-list-item -red">
<div class="measure-rt-list-item-time text-green"> 00:29:42.034</div>
<div class="measure-rt-list-item-content text-green">UL DCCH/ULikjnvdjnjo </div>
</li>
</ul>
<div class="ipu-flex measure-rt-list-more">
<div class="">查看更多信息</div>
<i class="ipu-icon ri-arrow-down-s-line"></i>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="ipu-flex-col">
<ul class="ipu-flex ipu-flex-justify-center ipu-flex-vertical" >
<li class="auto-measure-list-item">
<div class="ipu-flex auto-measure-list-item-top">
<div class="auto-measure-list-item-top-icon bc-blue"><i class="ipu-icon ri-information-line"></i></div>
<div class="auto-measure-list-item-top-title">FTP</div>
<i class="ipu-icon auto-measure-list-item-top-icon2 ri-checkbox-circle-fill text-lightGreen"></i>
</div>
<div class="ipu-flex auto-measure-list-item-bottom">
<div class="auto-measure-list-item-bottom-title">任务配置</div>
<i class="ipu-icon ri-arrow-down-s-line"></i>
</div>
<ul class="auto-measure-hide-view ipu-fn-hide">
<li class="auto-measure-dispose-item ipu-flex ipu-flex-justify-space ipu-fn-bgc-white">
<div class="auto-measure-dispose-title">server
<span class="auto-measure-dispose-icon">*</span>
</div>
<input class="auto-measure-dispose-input" placeholder="文字在这里" onfocus="this.placeholder=''" onblur="this.placeholder='文字在这里'">
<i class="ipu-icon ri-close-circle-fill"></i>
</li>
<li class="auto-measure-dispose-item ipu-flex ipu-flex-justify-space ipu-fn-bgc-white">
<div class="auto-measure-dispose-title">用户名
<span class="auto-measure-dispose-icon">*</span>
</div>
<input class="auto-measure-dispose-input" placeholder="文字在这里" onfocus="this.placeholder=''" onblur="this.placeholder='文字在这里'">
<i class="ipu-icon ri-close-circle-fill"></i>
</li>
<li class="auto-measure-dispose-item ipu-flex ipu-flex-justify-space ipu-fn-bgc-white">
<div class="auto-measure-dispose-title">密码
<span class="auto-measure-dispose-icon">*</span>
</div>
<input class="auto-measure-dispose-input" placeholder="文字在这里" onfocus="this.placeholder=''" onblur="this.placeholder='文字在这里'">
<i class="ipu-icon ri-close-circle-fill"></i>
</li>
<li class="auto-measure-dispose-item ipu-flex ipu-flex-justify-space ipu-fn-bgc-white">
<div class="auto-measure-dispose-title">线程数
<span class="auto-measure-dispose-icon">*</span>
</div>
<input class="auto-measure-dispose-input" placeholder="文字在这里" onfocus="this.placeholder=''" onblur="this.placeholder='文字在这里'">
<i class="ipu-icon ri-close-circle-fill"></i>
</li>
<li class="auto-measure-dispose-item ipu-flex ipu-flex-justify-space ipu-fn-bgc-white">
<div class="auto-measure-dispose-title">测试次数
<span class="auto-measure-dispose-icon">*</span>
</div>
<input class="auto-measure-dispose-input" placeholder="文字在这里" onfocus="this.placeholder=''" onblur="this.placeholder='文字在这里'">
<i class="ipu-icon ri-close-circle-fill"></i>
</li>
<li class="auto-measure-dispose-item ipu-flex ipu-flex-justify-space ipu-fn-bgc-white">
<div class="auto-measure-dispose-title">测试次序
<span class="auto-measure-dispose-icon">*</span>
</div>
<input class="auto-measure-dispose-input" placeholder="文字在这里" onfocus="this.placeholder=''" onblur="this.placeholder='文字在这里'">
<i class="ipu-icon ri-close-circle-fill"></i>
</li>
</ul>
</li>
<li class="auto-measure-list-item">
<div class="ipu-flex auto-measure-list-item-top">
<div class="auto-measure-list-item-top-icon bc-blue"><i class="ipu-icon ri-information-line"></i></div>
<div class="auto-measure-list-item-top-title">FTP</div>
<i class="ipu-icon auto-measure-list-item-top-icon2 ri-checkbox-circle-fill text-lightGreen"></i>
</div>
<div class="ipu-flex auto-measure-list-item-bottom">
<div>任务配置</div>
<i class="ipu-icon ri-arrow-down-s-line"></i>
</div>
</li>
<li class="auto-measure-list-item">
<div class="ipu-flex auto-measure-list-item-top">
<div class="auto-measure-list-item-top-icon bc-blue"><i class="ipu-icon ri-information-line"></i></div>
<div class="auto-measure-list-item-top-title">FTP</div>
<i class="ipu-icon auto-measure-list-item-top-icon2 ri-checkbox-circle-fill text-lightGreen"></i>
</div>
<div class="ipu-flex auto-measure-list-item-bottom">
<div>任务配置</div>
<i class="ipu-icon ri-arrow-down-s-line"></i>
</div>
</li>
<li class="auto-measure-list-item">
<div class="ipu-flex auto-measure-list-item-top">
<div class="auto-measure-list-item-top-icon bc-blue"><i class="ipu-icon ri-information-line"></i></div>
<div class="auto-measure-list-item-top-title">FTP</div>
<i class="ipu-icon auto-measure-list-item-top-icon2 ri-checkbox-circle-fill text-lightGreen"></i>
</div>
<div class="ipu-flex auto-measure-list-item-bottom">
<div>任务配置</div>
<i class="ipu-icon ri-arrow-down-s-line"></i>
</div>
</li>
<li class="auto-measure-list-item">
<div class="ipu-flex auto-measure-list-item-top">
<div class="auto-measure-list-item-top-icon bc-blue"><i class="ipu-icon ri-information-line"></i></div>
<div class="auto-measure-list-item-top-title">FTP</div>
<i class="ipu-icon auto-measure-list-item-top-icon2 ri-checkbox-circle-fill text-lightGreen"></i>
</div>
<div class="ipu-flex auto-measure-list-item-bottom">
<div>任务配置</div>
<i class="ipu-icon ri-arrow-down-s-line"></i>
</div>
</li>
<li class="auto-measure-list-item">
<div class="ipu-flex auto-measure-list-item-top">
<div class="auto-measure-list-item-top-icon bc-blue"><i class="ipu-icon ri-information-line"></i></div>
<div class="auto-measure-list-item-top-title">FTP</div>
<i class="ipu-icon auto-measure-list-item-top-icon2 ri-checkbox-circle-fill text-lightGreen"></i>
</div>
<div class="ipu-flex auto-measure-list-item-bottom">
<div>任务配置</div>
<i class="ipu-icon ri-arrow-down-s-line"></i>
</div>
</li>
</ul>
<div class="auto-measure-result bc-blue">结果</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>
|
