133 lines
4.3 KiB
HTML
133 lines
4.3 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/inspection/inspectionPrDetail.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 class="heightHeader" id="heightHeader" ></div>
|
|
|
|
<div class="tabs bg-white">
|
|
<div class="tab active" id="guide-tab">巡检内容</div>
|
|
<div class="tab" id="problem-tab">设备缺陷</div>
|
|
</div>
|
|
|
|
<div style="height: 2.4rem;"></div>
|
|
|
|
<div class="content-container">
|
|
<!-- 巡检内容 -->
|
|
<div class="task-panel" id="guide-panel">
|
|
<div class="weather-selector">
|
|
<div class="weather-selector-title">天气选择:</div>
|
|
<div class="weather-type-radio" id="weather">
|
|
<label><input name="weather" type="radio" class="qing" checked> 晴</label>
|
|
<label><input name="weather" type="radio" class="yin"> 阴</label>
|
|
<label><input name="weather" type="radio" class="yu"> 雨</label>
|
|
<label><input name="weather" type="radio" class="xue"> 雪</label>
|
|
</div>
|
|
</div>
|
|
<div class="remark">
|
|
<div class="remark-title">备注:</div>
|
|
<div class="remark-box">
|
|
<textarea cols="30" id="remark" rows="10" placeholder="请填写巡检备注..."></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="guide">
|
|
<div class="guide-title">巡检指导书:</div>
|
|
<ul class="inspect-item-box">
|
|
<!-- <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>
|
|
</li>
|
|
</ul>
|
|
</li> -->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!-- 设备缺陷 -->
|
|
<div class="task-panel" id="problem-panel">
|
|
<div id="new-add-btn">
|
|
<div>
|
|
<span>+</span>新增设备缺陷
|
|
</div>
|
|
</div>
|
|
<ul class="problem-list-container" id="problem-list-container">
|
|
<!-- <li class="problem-item">
|
|
<div class="problem-index">
|
|
<div class="problem-item-title">问题<span>1</span></div>
|
|
<div class="btns">
|
|
<div class="delete-btn">
|
|
删除
|
|
</div>
|
|
<div class="submit-btn">
|
|
提交
|
|
</div>
|
|
</div>
|
|
<div class="finished">已提交</div>
|
|
</div>
|
|
<div class="problem-desc">
|
|
<div class="problem-item-title">问题描述：</div>
|
|
<div>
|
|
<textarea class="desc" cols="30" rows="10" placeholder="请输入问题描述..."></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="problem-pic">
|
|
<div class="problem-item-title">现场照片：</div>
|
|
<div class="pic-content" class="pics problem-item-content">
|
|
<img class="pic-add-btn" src="../../image/add.png" alt="">
|
|
</div>
|
|
</div>
|
|
</li> -->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="inspect-finish-btn">
|
|
巡检完成
|
|
</div>
|
|
<!-- 图片预览层 -->
|
|
<div id="pic-review">
|
|
<img src="../../image/microphone.png" alt="">
|
|
</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/inspection/inspectionPrDetail.js"></script>
|
|
|
|
</html> |