146 lines
4.6 KiB
HTML
146 lines
4.6 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/systemOrder/systemOrderEdit.css"/>
|
|
</head>
|
|
<body>
|
|
<!-- <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> -->
|
|
<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 class="heightHeader" id="heightHeader" ></div>
|
|
|
|
<div class="tabs bg-white">
|
|
<div class="tab active" id="order-tab">工单详情</div>
|
|
<div class="tab" id="problem-tab">设备缺陷</div>
|
|
</div>
|
|
<div style="height: 2.4rem;"></div>
|
|
|
|
<div class="content-container">
|
|
<!-- 工单详情 -->
|
|
<div class="content task-panel" id="order-panel">
|
|
<div class="pr-select">
|
|
<h3 class="title">配电室</h3>
|
|
<div class="pr-selector" id="pr-name">
|
|
配电室
|
|
</div>
|
|
</div>
|
|
<div class="order-person">
|
|
<h3 class="title">创建人<span></span></h3>
|
|
<div id="person">
|
|
|
|
</div>
|
|
</div>
|
|
<div class="order-person">
|
|
<h3 class="title">创建时间<span></span></h3>
|
|
<div id="create-time">
|
|
|
|
</div>
|
|
</div>
|
|
<div class="order-desc">
|
|
<h3 class="title order">问题描述</h3>
|
|
<div id="desc">
|
|
|
|
</div>
|
|
</div>
|
|
<div class="order-pic">
|
|
<h3 class="title pic">现场照片</h3>
|
|
<div id="pic-content" class="pics order-item-content">
|
|
<!-- <span class="pic-item"><img src="" alt=""></span> -->
|
|
</div>
|
|
</div>
|
|
<div class="order-result start-show">
|
|
<h3 class="title"><b>*</b>处理结果<span></span></h3>
|
|
<div>
|
|
<textarea name="" id="result-desc" rows="6" placeholder="请填写文字描述"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="order-pic start-show">
|
|
<h3 class="title">处理照片</h3>
|
|
<div id="result-pic-content" class="pics order-item-content">
|
|
<!-- <span class="pic-item"><img src="" alt=""></span> -->
|
|
<!-- <img id="pic-add-btn" src="../../image/add.png" alt=""> -->
|
|
<span class="pic-item">
|
|
<img id="camera-btn" src="../../image/camera.png" alt="">
|
|
</span>
|
|
<!-- <span class="pic-item">
|
|
<img id="pic-add-btn" src="../../image/album.png" alt="">
|
|
</span> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 设备缺陷 -->
|
|
<div class="task-panel" id="problem-panel">
|
|
<div id="new-add-btn">
|
|
<div>
|
|
<span>+</span>新增设备缺陷
|
|
</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="btns">
|
|
<div class="delete-btn">
|
|
删除
|
|
</div>
|
|
<div class="submit-btn">
|
|
提交
|
|
</div>
|
|
</div>
|
|
<div class="finished">已提交</div>
|
|
</div>
|
|
<div class="problem-desc">
|
|
<div class="problem-item-title">问题描述：</div>
|
|
<div>
|
|
<textarea class="desc" cols="30" rows="10" placeholder="请输入问题描述..."></textarea>
|
|
</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>
|
|
</div>
|
|
<div id="start-btn">
|
|
开始处理
|
|
</div>
|
|
<div id="finish-btn">
|
|
处理完成
|
|
</div>
|
|
<!-- 图片预览层 -->
|
|
<div id="pic-review">
|
|
<img src="../../image/microphone.png" alt="">
|
|
</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/systemOrder/systemOrderEdit.js"></script>
|
|
</html>
|