139 lines
5.5 KiB
HTML
139 lines
5.5 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</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/inspectionTaskDetail.css"/>
|
|
<style>
|
|
|
|
</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 class="heightHeader" id="heightHeader" ></div>
|
|
|
|
<div class="tabs bg-white">
|
|
<div class="tab active" id="content-tab">巡检内容</div>
|
|
<div class="tab " id="problem-tab">设备缺陷</div>
|
|
</div>
|
|
|
|
<div style="height: 2.4rem;"></div>
|
|
|
|
<div class="content-container">
|
|
<div id="content-panel">
|
|
<div class="fix-top" id="searcher">
|
|
<div class="search-line">
|
|
<span class="msg-item">巡检日期：</span>
|
|
<div class="center " id="xjDate">
|
|
|
|
</div>
|
|
</div>
|
|
<div style="height: 1.3rem"></div>
|
|
<div class="search-line">
|
|
<span class="msg-item">巡检人员：</span>
|
|
<div class="center " id="inspector">
|
|
|
|
</div>
|
|
</div>
|
|
<!-- <div style="height: 1.3rem"></div>
|
|
<div class="search-line">
|
|
<span class="msg-item">上班时间：</span>
|
|
<div class="center " id="">
|
|
08:00
|
|
</div>
|
|
</div> -->
|
|
</div>
|
|
<div style="height: 8rem"></div>
|
|
|
|
<div class="prList-content">
|
|
<div class="pr-num-box">
|
|
<div>共<span class="pr-num" id="prCount"></span>个配电室</div>
|
|
</div>
|
|
<div class="stackpanel-vertical" id="prList">
|
|
<!-- <div class="pr">
|
|
<div class="left">
|
|
<div class="icon-con"><img src="../../image/black-pr-icon.png"></div>
|
|
<div class="content font1">
|
|
<div class="pr-name-con"><span class="pr-name">敦豪配电室</span>
|
|
</div>
|
|
<div> < <span class="inspect-type">{type}</span> > </div>
|
|
</div>
|
|
</div>
|
|
<div class="right">
|
|
<span class="color-green">已完成</span>
|
|
</div>
|
|
</div> -->
|
|
</div>
|
|
</div>
|
|
<div class="empty-tips" id="content-empty-tips">
|
|
<div></div>
|
|
<span style="margin:1rem 0 0 0">未查询到配电室</span>
|
|
</div>
|
|
</div>
|
|
<div id="problem-panel">
|
|
<div id="problem-status-btns">
|
|
<div class="search-line">
|
|
<input class="search-criteria bg-touch bg-yellow" id="btn-unhandle" type="button" value="未处理" />
|
|
<input class="search-criteria bg-touch" id="btn-handling" type="button" value="处理中" />
|
|
</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="status">未处理</div>
|
|
</div>
|
|
<div class="problem-desc">
|
|
<div class="problem-item-title">问题描述：</div>
|
|
<div>问题描述123蒂法蒂法蒂法第三方</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 class="empty-tips" id="problem-empty-tips">
|
|
<div></div>
|
|
<span style="margin:1rem 0 0 0">未查询到设备缺陷</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 图片预览层 -->
|
|
<div id="pic-review">
|
|
<img src="../../image/microphone.png" alt="">
|
|
</div>
|
|
<!-- 开始巡检按钮 -->
|
|
<div id="start-inspect-btn">
|
|
开始巡检
|
|
</div>
|
|
<!-- 全部巡检完成按钮 -->
|
|
<div id="finish-inspect-btn">
|
|
提交
|
|
</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/menu-privilege.js"></script>
|
|
<script type="text/javascript" src="../../script/common.js"></script>
|
|
<script type="text/javascript" src="../../script/inspection/inspectionTaskDetail.js"></script>
|
|
|
|
</html>
|