app-xiangsonghua/app-saas-src/html/inspectionRepair/repairLogDetail.html
2024-12-26 17:00:06 +08:00

160 lines
5.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</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/repairLogDetail.css"/>
</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="pr-name"></span>
<div class="width-back"></div>
</div>
</header>
<div class="heightHeader" id="heightHeader"></div>
<div class="con">
<div class="malfunction">
<div class="header">
<div class="title">
<img src="../../image/malfunction.png" class="malfunction-pic"/>
<span>故障信息</span>
</div>
<div class="bt-detail " id="malfunction-detail" >
<img src="../../image/arrow-bottom.png"/>
</div>
</div>
<div class="malfunction-list item " id="malfunction-list">
<p class="malfunction-item" id="malfunction-item"></p>
</div>
</div>
<div class="repair-process">
<div class="header">
<div class="title">
<img src="../../image/malfunction.png" class="malfunction-pic"/>
<span>抢修过程 </span>
</div>
<div class="bt-detail" id="repair-detail">
<img src="../../image/arrow-bottom.png"/>
</div>
</div>
<div class="process-list item" id="repair-proccess">
<div class="process-item">
<div class="item-time">
<div class="rectangle">
<div class="left">
<p class="time" id="complete-time"></p>
<p class="date" id="complete-date"></p>
</div>
<div id="complete-circle"></div>
</div>
</div>
<div class="item-desc">抢修完成</div>
</div>
<div class="process-item">
<div class="item-time">
<div class="rectangle">
<div class="left">
<p class="time" id="repair-time"></p>
<p class="date" id="repair-date"></p>
</div>
<div id="repair-circle"></div>
</div>
</div>
<div class="item-desc">开始抢修</div>
</div>
<div class="process-item" >
<div class="item-time">
<div class="rectangle">
<div class="left">
<p class="time" id="survey-time"></p>
<p class="date" id="survey-date"></p>
</div>
<div id="survey-circle"></div>
</div>
</div>
<div class="item-desc">开始查勘</div>
</div>
<div class="process-item">
<div class="item-time">
<div class="rectangle">
<div class="left">
<p class="time" id="alram-time"></p>
<p class="date" id="alram-date"></p>
</div>
<div id="alram-circle"></div>
<div class="circle-start "></div>
</div>
</div>
<div class="item-desc">开始报警</div>
</div>
</div>
</div>
<div class="survey-result" id="survey-result" >
<div class="header">
<div class="title">
<img src="../../image/scheme.png" class="scheme-pic"/>
<span>查勘结果</span>
</div>
<div class="bt-detail" id="survey-result-detail">
<img src="../../image/arrow-bottom.png"/>
</div>
</div>
<div class="item" id="survey-list-con" >
<!-- <div class="item" id="survey-result-list">
<div class="survey-desc" ></div>
<div class="survey-pic " id="survey-pic"></div>
</div> -->
</div>
</div>
<div class="repair-scheme">
<div class="header">
<div class="title">
<img src="../../image/scheme.png" class="scheme-pic"/>
<span>抢修方案</span>
</div>
<div class="bt-detail" id="scheme-detail">
<img src="../../image/arrow-bottom.png"/>
</div>
</div>
<div class="scheme-list item" id="repair-programme"></div>
</div>
<div class="picture">
<div class="header">
<div class="title">
<img src="../../image/scheme.png" class="scheme-pic"/>
<span>抢修结果</span>
</div>
<div class="bt-detail" id="picture-detail">
<img src="../../image/arrow-bottom.png"/>
</div>
</div>
<div class="picture-list item" style="border-bottom: none" id="repair-result">
<div class="taskDesc" id="taskDesc"></div>
<div class="height10"></div>
<div class="repair-pic pic" id="repair-pic"></div>
</div>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="../../script/zepto.min.js"></script>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript" src="../../script/dateUtils.js"></script>
<script type="text/javascript" src="../../script/inspectionRepair/repairLogDetail.js"></script>
</html>