<!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>
											&nbsp;&nbsp;&nbsp;
											<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>
									&nbsp;&nbsp;&nbsp;
									<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>
                                            &nbsp;&nbsp;&nbsp;
                                            <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>