<!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>