<!DOCTYPE html>
<html>
<head>
<title>index</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
<link href="data/styles.css" type="text/css" rel="stylesheet"/>
<link href="files/index/styles.css" type="text/css" rel="stylesheet"/>
<script src="resources/scripts/jquery-3.2.1.min.js"></script>
<script src="resources/scripts/axure/axQuery.js"></script>
<script src="resources/scripts/axure/globals.js"></script>
<script src="resources/scripts/axutils.js"></script>
<script src="resources/scripts/axure/annotation.js"></script>
<script src="resources/scripts/axure/axQuery.std.js"></script>
<script src="resources/scripts/axure/doc.js"></script>
<script src="resources/scripts/messagecenter.js"></script>
<script src="resources/scripts/axure/events.js"></script>
<script src="resources/scripts/axure/recording.js"></script>
<script src="resources/scripts/axure/action.js"></script>
<script src="resources/scripts/axure/expr.js"></script>
<script src="resources/scripts/axure/geometry.js"></script>
<script src="resources/scripts/axure/flyout.js"></script>
<script src="resources/scripts/axure/model.js"></script>
<script src="resources/scripts/axure/repeater.js"></script>
<script src="resources/scripts/axure/sto.js"></script>
<script src="resources/scripts/axure/utils.temp.js"></script>
<script src="resources/scripts/axure/variables.js"></script>
<script src="resources/scripts/axure/drag.js"></script>
<script src="resources/scripts/axure/move.js"></script>
<script src="resources/scripts/axure/visibility.js"></script>
<script src="resources/scripts/axure/style.js"></script>
<script src="resources/scripts/axure/adaptive.js"></script>
<script src="resources/scripts/axure/tree.js"></script>
<script src="resources/scripts/axure/init.temp.js"></script>
<script src="resources/scripts/axure/legacy.js"></script>
<script src="resources/scripts/axure/viewer.js"></script>
<script src="resources/scripts/axure/math.js"></script>
<script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
<script src="data/document.js"></script>
<script src="files/index/data.js"></script>
<script type="text/javascript">
$axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
$axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
$axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
</script>
</head>
<body>
<div id="base" class="">
<!-- Unnamed (形状) -->
<div id="u0" class="ax_default box_1" selectiongroup="管线">
<img id="u0_img" class="img " src="images/index/u0.svg"/>
<div id="u0_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u1" class="ax_default box_2" selectiongroup="管线">
<img id="u1_img" class="img " src="images/index/u1.svg"/>
<div id="u1_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u2" class="ax_default box_2">
<div id="u2_div" class=""></div>
<div id="u2_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (图片 ) -->
<div id="u3" class="ax_default image">
<img id="u3_img" class="img " src="images/index/u3.png"/>
<div id="u3_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (图片 ) -->
<div id="u4" class="ax_default image">
<img id="u4_img" class="img " src="images/index/u4.png"/>
<div id="u4_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (图片 ) -->
<div id="u5" class="ax_default image">
<img id="u5_img" class="img " src="images/index/u5.png"/>
<div id="u5_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u6" class="ax_default box_2">
<div id="u6_div" class=""></div>
<div id="u6_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (文本框) -->
<div id="u7" class="ax_default text_field">
<div id="u7_div" class=""></div>
<input id="u7_input" type="text" value="" class="u7_input"/>
</div>
<!-- logo (图片 ) -->
<div id="u8" class="ax_default image" data-label="logo">
<img id="u8_img" class="img " src="images/index/logo_u8.png"/>
<div id="u8_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u9" class="ax_default button selected">
<div id="u9_div" class="selected"></div>
<div id="u9_text" class="text ">
<p><span>监测中心</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u10" class="ax_default button">
<div id="u10_div" class=""></div>
<div id="u10_text" class="text ">
<p><span>历史数据</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u11" class="ax_default button">
<div id="u11_div" class=""></div>
<div id="u11_text" class="text ">
<p><span>报警记录</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u12" class="ax_default button">
<div id="u12_div" class=""></div>
<div id="u12_text" class="text ">
<p><span>系统设置</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u13" class="ax_default button">
<div id="u13_div" class=""></div>
<div id="u13_text" class="text ">
<p><span>用户管理</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u14" class="ax_default box_2">
<div id="u14_div" class=""></div>
<div id="u14_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u15" class="ax_default box_2">
<img id="u15_img" class="img " src="images/index/u15.svg"/>
<div id="u15_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u16" class="ax_default label">
<div id="u16_div" class=""></div>
<div id="u16_text" class="text ">
<p><span>当前时间:月/日/年/时/分/秒</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u17" class="ax_default primary_button">
<div id="u17_div" class=""></div>
<div id="u17_text" class="text ">
<p><span>刷新</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u18" class="ax_default primary_button">
<div id="u18_div" class=""></div>
<div id="u18_text" class="text ">
<p><span>设置</span></p>
</div>
</div>
<!-- Unnamed (组合) -->
<div id="u19" class="ax_default" selectiongroup="管线" data-left="3" data-top="131" data-width="1551" data-height="26">
<!-- Unnamed (矩形) -->
<div id="u20" class="ax_default primary_button selected" selectiongroup="管线">
<img id="u20_img" class="img " src="images/index/u20_mouseOver.svg"/>
<div id="u20_text" class="text ">
<p><span>油三增-池11增</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u21" class="ax_default primary_button" selectiongroup="管线">
<img id="u21_img" class="img " src="images/index/u20.svg"/>
<div id="u21_text" class="text ">
<p><span>池11增-油二联</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u22" class="ax_default primary_button" selectiongroup="管线">
<img id="u22_img" class="img " src="images/index/u20.svg"/>
<div id="u22_text" class="text ">
<p><span>姚三增-油二联</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u23" class="ax_default primary_button" selectiongroup="管线">
<img id="u23_img" class="img " src="images/index/u23.svg"/>
<div id="u23_text" class="text ">
<p><span>姚一增-油二联</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u24" class="ax_default primary_button" selectiongroup="管线">
<img id="u24_img" class="img " src="images/index/u20.svg"/>
<div id="u24_text" class="text ">
<p><span>姚四增-姚二增</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u25" class="ax_default primary_button" selectiongroup="管线">
<img id="u25_img" class="img " src="images/index/u20.svg"/>
<div id="u25_text" class="text ">
<p><span>姚二增-油二联</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u26" class="ax_default primary_button" selectiongroup="管线">
<img id="u26_img" class="img " src="images/index/u20.svg"/>
<div id="u26_text" class="text ">
<p><span>油四增-油十转</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u27" class="ax_default primary_button" selectiongroup="管线">
<img id="u27_img" class="img " src="images/index/u20.svg"/>
<div id="u27_text" class="text ">
<p><span>油二增-油十转</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u28" class="ax_default primary_button" selectiongroup="管线">
<img id="u28_img" class="img " src="images/index/u20.svg"/>
<div id="u28_text" class="text ">
<p><span>池141增-油十转</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u29" class="ax_default primary_button" selectiongroup="管线">
<img id="u29_img" class="img " src="images/index/u20.svg"/>
<div id="u29_text" class="text ">
<p><span>油十转-油二联</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u30" class="ax_default primary_button" selectiongroup="管线">
<img id="u30_img" class="img " src="images/index/u20.svg"/>
<div id="u30_text" class="text ">
<p><span>油二联-油一联</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u31" class="ax_default primary_button" selectiongroup="管线">
<img id="u31_img" class="img " src="images/index/u20.svg"/>
<div id="u31_text" class="text ">
<p><span>添加管线 +</span></p>
</div>
</div>
</div>
<!-- Unnamed (组合) -->
<div id="u32" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
</div>
<!-- Unnamed (内联框架) -->
<div id="u33" class="ax_default">
<iframe id="u33_input" scrolling="auto" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
<!-- 添加管线按钮 (动态面板) -->
<div id="u34" class="ax_default ax_default_hidden" data-label="添加管线按钮" style="display:none; visibility: hidden">
<div id="u34_state0" class="panel_state" data-label="State 1" style="">
<div id="u34_state0_content" class="panel_state_content">
<!-- Unnamed (组合) -->
<div id="u35" class="ax_default" data-left="0" data-top="0" data-width="574" data-height="296">
<!-- Unnamed (矩形) -->
<div id="u36" class="ax_default box_2">
<div id="u36_div" class=""></div>
<div id="u36_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u37" class="ax_default box_2">
<div id="u37_div" class=""></div>
<div id="u37_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u38" class="ax_default label">
<div id="u38_div" class=""></div>
<div id="u38_text" class="text ">
<p><span>添加管线</span></p>
</div>
</div>
<!-- logo (图片 ) -->
<div id="u39" class="ax_default image" data-label="logo">
<img id="u39_img" class="img " src="images/index/logo_u8.png"/>
<div id="u39_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (图片 ) -->
<div id="u40" class="ax_default image">
<img id="u40_img" class="img " src="images/index/u40.png"/>
<div id="u40_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (图片 ) -->
<div id="u41" class="ax_default image">
<img id="u41_img" class="img " src="images/index/u4.png"/>
<div id="u41_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (图片 ) -->
<div id="u42" class="ax_default image">
<img id="u42_img" class="img " src="images/index/u5.png"/>
<div id="u42_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u43" class="ax_default primary_button">
<img id="u43_img" class="img " src="images/index/u43.svg"/>
<div id="u43_text" class="text ">
<p><span>确认</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u44" class="ax_default primary_button">
<img id="u44_img" class="img " src="images/index/u43.svg"/>
<div id="u44_text" class="text ">
<p><span>取消</span></p>
</div>
</div>
<!-- Unnamed (组合) -->
<div id="u45" class="ax_default" data-left="17" data-top="60" data-width="542" data-height="172">
<!-- 管理管线 (动态面板) -->
<div id="u46" class="ax_default" data-label="管理管线">
<div id="u46_state0" class="panel_state" data-label="State 2" style="">
<div id="u46_state0_content" class="panel_state_content">
<!-- Unnamed (组合) -->
<div id="u47" class="ax_default" data-left="0" data-top="0" data-width="541" data-height="171">
<!-- Unnamed (矩形) -->
<div id="u48" class="ax_default box_2">
<div id="u48_div" class=""></div>
<div id="u48_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (组合) -->
<div id="u49" class="ax_default" data-left="17" data-top="25" data-width="506" data-height="115">
<!-- Unnamed (组合) -->
<div id="u50" class="ax_default" data-left="17" data-top="25" data-width="457" data-height="25">
<!-- Unnamed (矩形) -->
<div id="u51" class="ax_default label">
<div id="u51_div" class=""></div>
<div id="u51_text" class="text ">
<p><span>选择管线:</span></p>
</div>
</div>
<!-- Unnamed (下拉列表) -->
<div id="u52" class="ax_default droplist">
<div id="u52_div" class=""></div>
<select id="u52_input" class="u52_input">
<option class="u52_input_option" value="油三增-池11增">油三增-池11增</option>
<option class="u52_input_option" value="池11增-油二联">池11增-油二联</option>
<option class="u52_input_option" value="姚三增-油二联">姚三增-油二联</option>
<option class="u52_input_option" value="姚一增-油二联">姚一增-油二联</option>
<option class="u52_input_option" value="姚四增-姚二增">姚四增-姚二增</option>
<option class="u52_input_option" value="姚二增-油二联">姚二增-油二联</option>
<option class="u52_input_option" value="油四增-油十转">油四增-油十转</option>
<option class="u52_input_option" value="油二增-油十转">油二增-油十转</option>
<option class="u52_input_option" value="池141增-油十转">池141增-油十转</option>
<option class="u52_input_option" value="油十转-油二联">油十转-油二联</option>
<option class="u52_input_option" value="油二联-油一联">油二联-油一联</option>
</select>
</div>
</div>
<!-- Unnamed (组合) -->
<div id="u53" class="ax_default" data-left="17" data-top="55" data-width="457" data-height="25">
<!-- Unnamed (文本框) -->
<div id="u54" class="ax_default text_field">
<div id="u54_div" class=""></div>
<input id="u54_input" type="text" value="油十转" class="u54_input"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u55" class="ax_default label">
<div id="u55_div" class=""></div>
<div id="u55_text" class="text ">
<p><span>始站:</span></p>
</div>
</div>
</div>
<!-- Unnamed (组合) -->
<div id="u56" class="ax_default" data-left="17" data-top="85" data-width="457" data-height="25">
<!-- Unnamed (文本框) -->
<div id="u57" class="ax_default text_field">
<div id="u57_div" class=""></div>
<input id="u57_input" type="text" value="油二联" class="u57_input"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u58" class="ax_default label">
<div id="u58_div" class=""></div>
<div id="u58_text" class="text ">
<p><span>末站:</span></p>
</div>
</div>
</div>
<!-- Unnamed (组合) -->
<div id="u59" class="ax_default" data-left="17" data-top="115" data-width="457" data-height="25">
<!-- Unnamed (文本框) -->
<div id="u60" class="ax_default text_field">
<div id="u60_div" class=""></div>
<input id="u60_input" type="text" value="油房庄二区" class="u60_input"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u61" class="ax_default label">
<div id="u61_div" class=""></div>
<div id="u61_text" class="text ">
<p><span>所属作业区:</span></p>
</div>
</div>
</div>
<!-- Unnamed (文本框) -->
<div id="u62" class="ax_default text_field">
<div id="u62_div" class=""></div>
<input id="u62_input" type="text" value="修改" class="u62_input"/>
</div>
<!-- Unnamed (文本框) -->
<div id="u63" class="ax_default text_field">
<div id="u63_div" class=""></div>
<input id="u63_input" type="text" value="修改" class="u63_input"/>
</div>
<!-- Unnamed (文本框) -->
<div id="u64" class="ax_default text_field">
<div id="u64_div" class=""></div>
<input id="u64_input" type="text" value="修改" class="u64_input"/>
</div>
<!-- Unnamed (文本框) -->
<div id="u65" class="ax_default text_field">
<div id="u65_div" class=""></div>
<input id="u65_input" type="text" value="修改" class="u65_input"/>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 添加管线 (动态面板) -->
<div id="u66" class="ax_default" data-label="添加管线">
<div id="u66_state0" class="panel_state" data-label="添加管线" style="">
<div id="u66_state0_content" class="panel_state_content">
<!-- Unnamed (组合) -->
<div id="u67" class="ax_default" data-left="0" data-top="0" data-width="541" data-height="171">
<!-- Unnamed (矩形) -->
<div id="u68" class="ax_default box_2">
<div id="u68_div" class=""></div>
<div id="u68_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (组合) -->
<div id="u69" class="ax_default" data-left="17" data-top="25" data-width="506" data-height="25">
<!-- Unnamed (文本框) -->
<div id="u70" class="ax_default text_field">
<div id="u70_div" class=""></div>
<input id="u70_input" type="text" value="" class="u70_input"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u71" class="ax_default label">
<div id="u71_div" class=""></div>
<div id="u71_text" class="text ">
<p><span>管线名称:</span></p>
</div>
</div>
</div>
<!-- Unnamed (组合) -->
<div id="u72" class="ax_default" data-left="17" data-top="55" data-width="506" data-height="25">
<!-- Unnamed (文本框) -->
<div id="u73" class="ax_default text_field">
<div id="u73_div" class=""></div>
<input id="u73_input" type="text" value="" class="u73_input"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u74" class="ax_default label">
<div id="u74_div" class=""></div>
<div id="u74_text" class="text ">
<p><span>始站:</span></p>
</div>
</div>
</div>
<!-- Unnamed (组合) -->
<div id="u75" class="ax_default" data-left="17" data-top="85" data-width="506" data-height="25">
<!-- Unnamed (文本框) -->
<div id="u76" class="ax_default text_field">
<div id="u76_div" class=""></div>
<input id="u76_input" type="text" value="" class="u76_input"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u77" class="ax_default label">
<div id="u77_div" class=""></div>
<div id="u77_text" class="text ">
<p><span>末站:</span></p>
</div>
</div>
</div>
<!-- Unnamed (组合) -->
<div id="u78" class="ax_default" data-left="17" data-top="115" data-width="506" data-height="25">
<!-- Unnamed (文本框) -->
<div id="u79" class="ax_default text_field">
<div id="u79_div" class=""></div>
<input id="u79_input" type="text" value="" class="u79_input"/>
</div>
<!-- Unnamed (矩形) -->
<div id="u80" class="ax_default label">
<div id="u80_div" class=""></div>
<div id="u80_text" class="text ">
<p><span>所属作业区:</span></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u81" class="ax_default primary_button selected" selectiongroup="管线添加">
<img id="u81_img" class="img " src="images/index/u81_mouseOver.svg"/>
<div id="u81_text" class="text ">
<p><span>添加管线</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u82" class="ax_default primary_button" selectiongroup="管线添加">
<img id="u82_img" class="img " src="images/index/u81.svg"/>
<div id="u82_text" class="text ">
<p><span>管线管理</span></p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Unnamed (组合) -->
<div id="u83" class="ax_default" data-left="1862" data-top="64" data-width="30" data-height="30">
<!-- logo (图片 ) -->
<div id="u84" class="ax_default image" data-label="logo">
<img id="u84_img" class="img " src="images/index/logo_u8.png"/>
<div id="u84_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u85" class="ax_default label">
<div id="u85_div" class=""></div>
<div id="u85_text" class="text ">
<p><span>登录</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u86" class="ax_default label">
<div id="u86_div" class=""></div>
<div id="u86_text" class="text ">
<p><span>油田管道泄漏监测系统 V1.1.0</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u87" class="ax_default primary_button">
<div id="u87_div" class=""></div>
<div id="u87_text" class="text ">
<p><span>浅色模式</span></p>
</div>
</div>
<!-- Unnamed (垂直线) -->
<div id="u88" class="ax_default line">
<img id="u88_img" class="img " src="images/index/u88.svg"/>
<div id="u88_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- 2 (图片 ) -->
<div id="u89" class="ax_default image" data-label="2">
<img id="u89_img" class="img " src="images/index/2_u89.png"/>
<div id="u89_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- 1 (图片 ) -->
<div id="u90" class="ax_default image" data-label="1">
<img id="u90_img" class="img " src="images/index/1_u90.png"/>
<div id="u90_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (垂直线) -->
<div id="u91" class="ax_default line">
<img id="u91_img" class="img " src="images/index/u88.svg"/>
<div id="u91_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (垂直线) -->
<div id="u92" class="ax_default line">
<img id="u92_img" class="img " src="images/index/u92.svg"/>
<div id="u92_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (垂直线) -->
<div id="u93" class="ax_default line">
<img id="u93_img" class="img " src="images/index/u92.svg"/>
<div id="u93_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (图片 ) -->
<div id="u94" class="ax_default image">
<img id="u94_img" class="img " src="images/index/u94.png"/>
<div id="u94_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (图片 ) -->
<div id="u95" class="ax_default image">
<img id="u95_img" class="img " src="images/index/u95.png"/>
<div id="u95_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (图片 ) -->
<div id="u96" class="ax_default image">
<img id="u96_img" class="img " src="images/index/u96.png"/>
<div id="u96_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (图片 ) -->
<div id="u97" class="ax_default image">
<img id="u97_img" class="img " src="images/index/u97.png"/>
<div id="u97_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (组合) -->
<div id="u98" class="ax_default" data-left="16" data-top="63" data-width="315" data-height="33">
<!-- 时分秒 (动态面板) -->
<div id="u99" class="ax_default" data-label="时分秒">
<div id="u99_state0" class="panel_state" data-label="State1" style="">
<div id="u99_state0_content" class="panel_state_content">
</div>
</div>
<div id="u99_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
<div id="u99_state1_content" class="panel_state_content">
</div>
</div>
</div>
<!-- 年月日 (矩形) -->
<div id="u100" class="ax_default label" data-label="年月日">
<div id="u100_div" class=""></div>
<div id="u100_text" class="text ">
<p><span>年月日</span></p>
</div>
</div>
<!-- 获取天 (矩形) -->
<div id="u101" class="ax_default label ax_default_hidden" data-label="获取天" style="display:none; visibility: hidden">
<div id="u101_div" class=""></div>
<div id="u101_text" class="text ">
<p><span>文本标签</span></p>
</div>
</div>
<!-- 时间 (矩形) -->
<div id="u102" class="ax_default label" data-label="时间">
<div id="u102_div" class=""></div>
<div id="u102_text" class="text ">
<p><span>时间</span></p>
</div>
</div>
<!-- 星期 (矩形) -->
<div id="u103" class="ax_default label" data-label="星期">
<div id="u103_div" class=""></div>
<div id="u103_text" class="text ">
<p><span>星期</span></p>
</div>
</div>
<!-- 星期几 (矩形) -->
<div id="u104" class="ax_default label" data-label="星期几">
<div id="u104_div" class=""></div>
<div id="u104_text" class="text ">
<p><span>星期</span></p>
</div>
</div>
</div>
<!-- Unnamed (组合) -->
<div id="u105" class="ax_default" data-left="7" data-top="1059" data-width="188" data-height="20">
<!-- ClockText (矩形) -->
<div id="u106" class="ax_default label2" data-label="ClockText">
<div id="u106_div" class=""></div>
<div id="u106_text" class="text ">
<p><span>2016年08月08 08:08:08</span></p>
</div>
</div>
<!-- LoopPanel (动态面板) -->
<div id="u107" class="ax_default" data-label="LoopPanel">
<div id="u107_state0" class="panel_state" data-label="State1" style="">
<div id="u107_state0_content" class="panel_state_content">
</div>
</div>
<div id="u107_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
<div id="u107_state1_content" class="panel_state_content">
</div>
</div>
</div>
</div>
<!-- 管理员登录 (动态面板) -->
<div id="u108" class="ax_default ax_default_hidden" data-label="管理员登录" style="display:none; visibility: hidden">
<div id="u108_state0" class="panel_state" data-label="State 1" style="">
<div id="u108_state0_content" class="panel_state_content">
<!-- Unnamed (矩形) -->
<div id="u109" class="ax_default box_2">
<div id="u109_div" class=""></div>
<div id="u109_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- logo (图片 ) -->
<div id="u110" class="ax_default image" data-label="logo">
<img id="u110_img" class="img " src="images/index/logo_u8.png"/>
<div id="u110_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (图片 ) -->
<div id="u111" class="ax_default image">
<img id="u111_img" class="img " src="images/index/u40.png"/>
<div id="u111_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (图片 ) -->
<div id="u112" class="ax_default image">
<img id="u112_img" class="img " src="images/index/u4.png"/>
<div id="u112_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (图片 ) -->
<div id="u113" class="ax_default image">
<img id="u113_img" class="img " src="images/index/u5.png"/>
<div id="u113_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u114" class="ax_default box_2">
<div id="u114_div" class=""></div>
<div id="u114_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u115" class="ax_default label">
<div id="u115_div" class=""></div>
<div id="u115_text" class="text ">
<p><span>管理员登录</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u116" class="ax_default box_2">
<div id="u116_div" class=""></div>
<div id="u116_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (图片 ) -->
<div id="u117" class="ax_default image">
<img id="u117_img" class="img " src="images/index/u117.png"/>
<div id="u117_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (组合) -->
<div id="u118" class="ax_default" data-left="45" data-top="108" data-width="313" data-height="132">
<!-- 文本框 (组合) -->
<div id="u119" class="ax_default" data-label="文本框" data-left="45" data-top="108" data-width="300" data-height="30">
<!-- Unnamed (矩形) -->
<div id="u120" class="ax_default box_11">
<div id="u120_div" class=""></div>
<div id="u120_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (文本框) -->
<div id="u121" class="ax_default text_field1">
<div id="u121_div" class=""></div>
<input id="u121_input" type="text" value="" class="u121_input"/>
</div>
</div>
<!-- 文本框 (组合) -->
<div id="u122" class="ax_default" data-label="文本框" data-left="45" data-top="146" data-width="300" data-height="30">
<!-- Unnamed (矩形) -->
<div id="u123" class="ax_default box_11">
<div id="u123_div" class=""></div>
<div id="u123_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (文本框) -->
<div id="u124" class="ax_default text_field1">
<div id="u124_div" class=""></div>
<input id="u124_input" type="text" value="" class="u124_input"/>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u125" class="ax_default box_2">
<div id="u125_div" class=""></div>
<div id="u125_text" class="text ">
<p><span>登 录</span></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u126" class="ax_default label">
<div id="u126_div" class=""></div>
<div id="u126_text" class="text ">
<p><span>忘记密码?</span></p>
</div>
</div>
<!-- Unnamed (组合) -->
<div id="u127" class="ax_default" data-left="46" data-top="181" data-width="74" data-height="15">
<!-- Unnamed (矩形) -->
<div id="u128" class="ax_default ellipse">
<div id="u128_div" class=""></div>
<div id="u128_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u129" class="ax_default ellipse ax_default_hidden" style="display:none; visibility: hidden">
<div id="u129_div" class=""></div>
<div id="u129_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u130" class="ax_default label">
<div id="u130_div" class=""></div>
<div id="u130_text" class="text ">
<p><span>记住密码</span></p>
</div>
</div>
</div>
<!-- Unnamed (图片 ) -->
<div id="u131" class="ax_default _图像">
<img id="u131_img" class="img " src="images/index/u131.png"/>
<div id="u131_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (图片 ) -->
<div id="u132" class="ax_default _图像">
<img id="u132_img" class="img " src="images/index/u132.png"/>
<div id="u132_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (垂直线) -->
<div id="u133" class="ax_default line">
<img id="u133_img" class="img " src="images/index/u133.svg"/>
<div id="u133_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (垂直线) -->
<div id="u134" class="ax_default line">
<img id="u134_img" class="img " src="images/index/u133.svg"/>
<div id="u134_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u135" class="ax_default label">
<div id="u135_div" class=""></div>
<div id="u135_text" class="text ">
<p><span>油田管道泄漏监测系统</span></p>
</div>
</div>
</div>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u136" class="ax_default box_2">
<div id="u136_div" class=""></div>
<div id="u136_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u137" class="ax_default box_2">
<div id="u137_div" class=""></div>
<div id="u137_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (动态面板) -->
<div id="u138" class="ax_default">
<div id="u138_state0" class="panel_state" data-label="状态1" style="">
<div id="u138_state0_content" class="panel_state_content">
<!-- Unnamed (矩形) -->
<div id="u139" class="ax_default box_2">
<div id="u139_div" class=""></div>
<div id="u139_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u140" class="ax_default box_2">
<div id="u140_div" class=""></div>
<div id="u140_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u141" class="ax_default box_2">
<div id="u141_div" class=""></div>
<div id="u141_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u142" class="ax_default box_2">
<div id="u142_div" class=""></div>
<div id="u142_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u143" class="ax_default box_2">
<div id="u143_div" class=""></div>
<div id="u143_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u144" class="ax_default box_2">
<div id="u144_div" class=""></div>
<div id="u144_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u145" class="ax_default box_2">
<div id="u145_div" class=""></div>
<div id="u145_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
</div>
</div>
<div id="u138_state1" class="panel_state" data-label="状态2" style="visibility: hidden;">
<div id="u138_state1_content" class="panel_state_content">
<!-- Unnamed (矩形) -->
<div id="u146" class="ax_default box_2">
<div id="u146_div" class=""></div>
<div id="u146_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u147" class="ax_default box_2">
<div id="u147_div" class=""></div>
<div id="u147_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u148" class="ax_default box_2">
<div id="u148_div" class=""></div>
<div id="u148_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u149" class="ax_default box_2">
<div id="u149_div" class=""></div>
<div id="u149_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u150" class="ax_default box_2">
<div id="u150_div" class=""></div>
<div id="u150_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u151" class="ax_default box_2">
<div id="u151_div" class=""></div>
<div id="u151_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u152" class="ax_default box_2">
<div id="u152_div" class=""></div>
<div id="u152_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
</div>
</div>
<div id="u138_state2" class="panel_state" data-label="状态3" style="visibility: hidden;">
<div id="u138_state2_content" class="panel_state_content">
<!-- Unnamed (矩形) -->
<div id="u153" class="ax_default box_2">
<div id="u153_div" class=""></div>
<div id="u153_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u154" class="ax_default box_2">
<div id="u154_div" class=""></div>
<div id="u154_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u155" class="ax_default box_2">
<div id="u155_div" class=""></div>
<div id="u155_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u156" class="ax_default box_2">
<div id="u156_div" class=""></div>
<div id="u156_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u157" class="ax_default box_2">
<div id="u157_div" class=""></div>
<div id="u157_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u158" class="ax_default box_2">
<div id="u158_div" class=""></div>
<div id="u158_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u159" class="ax_default box_2">
<div id="u159_div" class=""></div>
<div id="u159_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
</div>
</div>
<div id="u138_state3" class="panel_state" data-label="状态4" style="visibility: hidden;">
<div id="u138_state3_content" class="panel_state_content">
<!-- Unnamed (矩形) -->
<div id="u160" class="ax_default box_2">
<div id="u160_div" class=""></div>
<div id="u160_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u161" class="ax_default box_2">
<div id="u161_div" class=""></div>
<div id="u161_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u162" class="ax_default box_2">
<div id="u162_div" class=""></div>
<div id="u162_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u163" class="ax_default box_2">
<div id="u163_div" class=""></div>
<div id="u163_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u164" class="ax_default box_2">
<div id="u164_div" class=""></div>
<div id="u164_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u165" class="ax_default box_2">
<div id="u165_div" class=""></div>
<div id="u165_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u166" class="ax_default box_2">
<div id="u166_div" class=""></div>
<div id="u166_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
</div>
</div>
<div id="u138_state4" class="panel_state" data-label="状态5" style="visibility: hidden;">
<div id="u138_state4_content" class="panel_state_content">
<!-- Unnamed (矩形) -->
<div id="u167" class="ax_default box_2">
<div id="u167_div" class=""></div>
<div id="u167_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u168" class="ax_default box_2">
<div id="u168_div" class=""></div>
<div id="u168_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u169" class="ax_default box_2">
<div id="u169_div" class=""></div>
<div id="u169_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u170" class="ax_default box_2">
<div id="u170_div" class=""></div>
<div id="u170_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u171" class="ax_default box_2">
<div id="u171_div" class=""></div>
<div id="u171_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u172" class="ax_default box_2">
<div id="u172_div" class=""></div>
<div id="u172_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u173" class="ax_default box_2">
<div id="u173_div" class=""></div>
<div id="u173_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
</div>
</div>
<div id="u138_state5" class="panel_state" data-label="状态6" style="visibility: hidden;">
<div id="u138_state5_content" class="panel_state_content">
<!-- Unnamed (矩形) -->
<div id="u174" class="ax_default box_2">
<div id="u174_div" class=""></div>
<div id="u174_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u175" class="ax_default box_2">
<div id="u175_div" class=""></div>
<div id="u175_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u176" class="ax_default box_2">
<div id="u176_div" class=""></div>
<div id="u176_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u177" class="ax_default box_2">
<div id="u177_div" class=""></div>
<div id="u177_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u178" class="ax_default box_2">
<div id="u178_div" class=""></div>
<div id="u178_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u179" class="ax_default box_2">
<div id="u179_div" class=""></div>
<div id="u179_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u180" class="ax_default box_2">
<div id="u180_div" class=""></div>
<div id="u180_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
</div>
</div>
<div id="u138_state6" class="panel_state" data-label="状态7" style="visibility: hidden;">
<div id="u138_state6_content" class="panel_state_content">
<!-- Unnamed (矩形) -->
<div id="u181" class="ax_default box_2">
<div id="u181_div" class=""></div>
<div id="u181_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u182" class="ax_default box_2">
<div id="u182_div" class=""></div>
<div id="u182_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u183" class="ax_default box_2">
<div id="u183_div" class=""></div>
<div id="u183_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u184" class="ax_default box_2">
<div id="u184_div" class=""></div>
<div id="u184_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u185" class="ax_default box_2">
<div id="u185_div" class=""></div>
<div id="u185_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u186" class="ax_default box_2">
<div id="u186_div" class=""></div>
<div id="u186_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
<!-- Unnamed (矩形) -->
<div id="u187" class="ax_default box_2">
<div id="u187_div" class=""></div>
<div id="u187_text" class="text " style="display:none; visibility: hidden">
<p></p>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="resources/scripts/axure/ios.js"></script>
</body>
</html>