app-xiangsonghua/app-saas-src/html/inspectionRepair/inspection.html
2024-12-26 17:00:06 +08:00

159 lines
5.0 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport"
content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
<title>巡检1</title>
<link rel="stylesheet" type="text/css" href="../../css/api.css" />
<link rel="stylesheet" type="text/css" href="../../css/style.css" />
<link rel="stylesheet" type="text/css" href="../../css/inspectionRepair/inspection.css" />
<style>
body {
background: #ffffff
}
</style>
</head>
<body>
<div class="container">
<header>
<div id="statusBarHeight"></div>
<div class="top-bar">
<div class="back" id="back"><img src="../../image/back.png" /></div>
<span>巡检</span>
<div class="width-back"></div>
</div>
</header>
<div style="height:8.5rem;"></div>
<div class="tabs bg-white">
<div class="tab active" id="pr-msg-tab">配电室信息</div>
<div class="tab" id="inspection-log-tab">巡检日志</div>
<div class="tab" id="repair-log-tab">抢修日志</div>
</div>
<div class="content-container">
<!-- 配电室信息 -->
<div id="pr-msg-panel">
<!-- 配电室信息 -->
<div class="pr-msg">
<div class="title">
<div class="icon-con">
<img src="../../image/black-pr-icon.png">
</div>
<div class="name">配电室信息</div>
</div>
<div class="msg" id="pr-msg">
</div>
</div>
<!-- 相关资料 -->
<div class="pr-msg">
<div class="title">
<div class="icon-con">
<img src="../../image/operate-ticket.svg" />
</div>
<div class="name">相关资料</div>
</div>
<div class="msg">
<div class="list" id="pr-msg-list">
</div>
</div>
</div>
</div>
<!-- 巡检日志 -->
<div id="inspection-log-panel">
<div class="container">
<section>
<div class="time-fixed">
<div class="search-line">
<div class="datetime-line">
<div class="center iptime-group" id="start-time">
<img class="img-drop-down" src="../../image/drop-down.png" />
<span class="datetime underline-yellow" id="lbStartTime">开始日期</span>
<input class="iptime" type="date" id="startTime-select">
</div>
<span class="datetime"></span>
<div class="center iptime-group" id="end-time">
<img class="img-drop-down" src="../../image/drop-down.png" />
<span class="datetime underline-yellow" id="lbEndTime">结束日期</span>
<input class="iptime" type="date" id="endTime-select">
</div>
</div>
<input class="search-criteria bg-yellow btn-touch" id="query" type="button"
value="查询" />
</div>
<div class="height1" style="background:#F4F4F4"></div>
</div>
</div>
<div style="height:3.33rem;"></div>
<div>
<div class="list" id="inspect-logs"></div>
<div class="empty-tips" id="inspect-log-empty-tips">
<p class="height50"></p>
<div></div>
<span>查找不到数据</span>
</div>
</div>
</section>
</div>
<!-- 抢修日志 -->
<div id="repair-log-panel">
<div class="container">
<section>
<div class="time-fixed">
<div class="search-line">
<div class="datetime-line">
<div class="center iptime-group" id="repair-start-time">
<img class="img-drop-down" src="../../image/drop-down.png" />
<span class="datetime underline-yellow" id="repair-lbStartTime">开始日期</span>
<input class="iptime" type="date" id="repair-startTime-select">
</div>
<span class="datetime"></span>
<div class="center iptime-group" id="repair-end-time">
<img class="img-drop-down" src="../../image/drop-down.png" />
<span class="datetime underline-yellow" id="repair-lbEndTime">结束日期</span>
<input class="iptime" type="date" id="repair-endTime-select">
</div>
</div>
<input class="search-criteria bg-yellow btn-touch" id="repair-query" type="button"
value="查询" />
</div>
<div class="height1" style="background:#F4F4F4"></div>
</div>
<div class="height1" style="background:#f4f4f4"></div>
</div>
<div style="height:3.33rem;"></div>
<div class="list" id="repair-logs">
</div>
<div class="empty-tips" id="repair-log-empty-tips">
<p class="height50"></p>
<div></div>
<span>查找不到数据</span>
</div>
</section>
</div>
</div>
<!-- 巡检按钮 -->
<div id="start-inspect-btn">
开始巡检
</div>
</div>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/zepto.min.js"></script>
<script type="text/javascript" src="../../script/dateUtils.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript" src="../../script/inspectionRepair/inspection.js"></script>
</html>