160 lines
6.7 KiB
HTML
160 lines
6.7 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>巡检</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/inspectionItem.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 id="title-prname">配电室</span>
|
|
<div class="width-back"></div>
|
|
</div>
|
|
</header>
|
|
|
|
<div style="height:8.5rem;"></div>
|
|
<div class="tabs bg-white">
|
|
<div class="tab active" id="usual-task-tab">日常检查项</div>
|
|
<div class="tab" id="review-task-tab">复查检查项</div>
|
|
<div class="tab" id="new-task-tab">新增检查项</div>
|
|
</div>
|
|
|
|
<div class="content-container">
|
|
<!-- 日常检查项 -->
|
|
<div class="task-panel" id="usual-task-panel">
|
|
<ul>
|
|
<li class="category-item">
|
|
<div class="category-name">
|
|
<img class="" src="../../image/arrow-bottom.png" />
|
|
<span>变压器</span>
|
|
</div>
|
|
<ul class="">
|
|
<li class="task-item" data-status="" data-itemid="">
|
|
<div class="task-item-desc">11设备名称、标志齐全完好1设备名称、标志齐全完好1设备名称、标志齐全完好1设备名称、标志齐全完好1</div>
|
|
<div class="task-item-img">
|
|
<span class="task-item-status-box task-item-img-success">
|
|
<span class="task-item-status-ok">
|
|
<input checked type="radio" name="task-item-status" id="normal1" value="0">
|
|
<label for="normal1">正常</label>
|
|
|
|
<input type="radio" name="task-item-status" id="resolved1" value="1">
|
|
<label for="resolved1">异常已解决</label>
|
|
</span>
|
|
<img class="success-dark" src="../../image/success-dark.svg" alt="">
|
|
<img class="success-light" src="../../image/success-light.svg" alt="">
|
|
</span>
|
|
<span class="task-item-img-error">
|
|
<img class="error-dark" src="../../image/error-dark.svg" alt="">
|
|
<img class="error-light" src="../../image/error-light.svg" alt="">
|
|
</span>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- 复查检查项 -->
|
|
<div class="task-panel" id="review-task-panel">
|
|
<div class="category-name">
|
|
<img class="" src="../../image/arrow-bottom.png" />
|
|
<span>复查检查项</span>
|
|
</div>
|
|
<ul class="category-item">
|
|
<!-- <li class="task-item" data-status="">
|
|
<div class="task-item-desc">11设备名称、标志齐全完好1设备名称、标志齐全完好1设备名称、标志齐全完好1设备名称、标志齐全完好1</div>
|
|
<div class="task-item-img">
|
|
<span class="task-item-status-box task-item-img-success">
|
|
<span class="task-item-status-ok">
|
|
<input checked type="radio" name="task-item-status" id="normal1" value="0">
|
|
<label for="normal1">正常</label>
|
|
|
|
<input type="radio" name="task-item-status" id="resolved1" value="1">
|
|
<label for="resolved1">异常已解决</label>
|
|
</span>
|
|
<img class="success-dark" src="../../image/success-dark.svg" alt="">
|
|
<img class="success-light" src="../../image/success-light.svg" alt="">
|
|
</span>
|
|
<span class="task-item-img-error">
|
|
<img class="error-dark" src="../../image/error-dark.svg" alt="">
|
|
<img class="error-light" src="../../image/error-light.svg" alt="">
|
|
</span>
|
|
</div>
|
|
</li> -->
|
|
</ul>
|
|
</div>
|
|
<!-- 新增检查项 -->
|
|
<div class="task-panel" id="new-task-panel">
|
|
<div id="new-add-btn">
|
|
<div>
|
|
<span>+</span>新增突发检查项
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<ul class="category-item">
|
|
<!-- <li class="task-item" data-status="{{status}}" data-itemid="{{itemId}}" data-index="{{index}}">
|
|
<div class="task-item-desc">
|
|
{{checkItem}}
|
|
</div>
|
|
<div class="task-item-img">
|
|
<span class="task-item-status-box task-item-img-success {{successClass}}">
|
|
<span class="task-item-status-ok">
|
|
<input {{checked0}} type="radio" name="task-item-status{{index}}" id="normal{{index}}" value="0">
|
|
<label for="normal{{index}}">正常</label>
|
|
|
|
<input {{checked1}} type="radio" name="task-item-status{{index}}" id="resolved{{index}}" value="1">
|
|
<label for="resolved{{index}}">异常已解决</label>
|
|
</span>
|
|
<img class="success-dark" src="../../image/success-dark.svg" alt="">
|
|
<img class="success-light" src="../../image/success-light.svg" alt="">
|
|
</span>
|
|
<span class="task-item-img-error {{errorClass}}">
|
|
<img class="error-dark" src="../../image/error-dark.svg" alt="">
|
|
<img class="error-light" src="../../image/error-light.svg" alt="">
|
|
</span>
|
|
</div>
|
|
</li> -->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="bottom-btn">
|
|
<!-- 自动勾选剩余项 -->
|
|
<div id="auto-checked-all">
|
|
<img class="success" src="../../image/success-dark.svg" alt=""> 自动勾选剩余项
|
|
</div>
|
|
<!-- 巡检按钮 -->
|
|
<div id="inspection-finished">
|
|
巡检完成
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="empty-tips" id="inspectionitem-empty-tips">
|
|
<p class="height50"></p>
|
|
<div></div>
|
|
<span>没有检查项</span>
|
|
</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/inspectionItem.js"></script>
|
|
|
|
</html> |