103 lines
3.2 KiB
HTML
103 lines
3.2 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/repair.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="order-detail-tab">任务详情</div>
|
||
|
|
<div class="tab" id="pr-msg-tab">配电室信息</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="content-container">
|
||
|
|
<!-- 任务详情 -->
|
||
|
|
<div id="order-detail-panel">
|
||
|
|
<div id="qx-programme" class="order-detail-item">
|
||
|
|
<div class="title">抢修方案:</div>
|
||
|
|
<div class="content"></div>
|
||
|
|
</div>
|
||
|
|
<div id="qx-desc" class="order-detail-item">
|
||
|
|
<div class="title">问题描述:</div>
|
||
|
|
<div class="content"></div>
|
||
|
|
</div>
|
||
|
|
<div class="order-detail-item">
|
||
|
|
<div class="title">现场照片:</div>
|
||
|
|
<div id="pic-content" class="problem-item-content">
|
||
|
|
<!-- <span class="pic-item"><i></i><img src="../../image/camera.png" alt=""></span> -->
|
||
|
|
<div id="pic-place" class="pic-item">
|
||
|
|
<img src="../../image/camera.png" alt="">
|
||
|
|
<p>共<span id="pic-count">10</span>张</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- 配电室信息 -->
|
||
|
|
<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>
|
||
|
|
<!-- 开始抢修按钮 -->
|
||
|
|
<div id="start-repair-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/repair.js"></script>
|
||
|
|
|
||
|
|
</html>
|