| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166 |
- <!DOCTYPE HTML>
- <html xmlns:th="http://www.thymeleaf.org"
- xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
- layout:decorate="~{admin/common/common}">
- <head>
- <title>维修处理</title>
- </head>
- <body layout:fragment="content">
- <article class="page-container">
- <form class="form form-horizontal" id="form-maintenance-update">
- <input type="hidden" id="hiddenId" th:name="id" th:value="${maintenance?.id}"/>
-
- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>报修人:</label>
- <div class="formControls col-xs-8 col-sm-3">
- <input type="text" readonly="readonly" class="input-text readonly" th:value="${maintenance?.report_user_name}" placeholder="" th:id="report_user_name" th:name="report_user_name"/>
- </div>
- <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>报修日期:</label>
- <div class="formControls col-xs-8 col-sm-3">
- <input type="text" readonly="readonly" class="input-text readonly" th:value="${maintenance?.create_time}" placeholder="" th:id="create_time" th:name="create_time"/>
- </div>
- </div>
- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>客户名称:</label>
- <div class="formControls col-xs-8 col-sm-8">
- <input type="text" readonly class="input-text readonly" th:value="${maintenance?.company_name}" placeholder="" th:id="company_name" th:name="company_name"/>
-
- </div>
- </div>
- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>联系电话:</label>
- <div class="formControls col-xs-8 col-sm-8">
- <input type="text" class="input-text readonly" th:value="${maintenance?.contact}" readonly placeholder="" th:id="contact" th:name="contact"/>
-
- </div>
- </div>
- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>位置:</label>
- <div class="formControls col-xs-8 col-sm-8">
- <input type="text" readonly="readonly" class="input-text readonly" th:value="${maintenance?.location}" placeholder="" th:id="location" th:name="location"/>
- </div>
- </div>
- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>问题名称:</label>
- <div class="formControls col-xs-8 col-sm-8">
- <input type="text" readonly="readonly" class="input-text readonly" th:value="${maintenance?.question_name}"placeholder="" th:id="question_name" th:name="question_name"/>
- </div>
- </div>
- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>具体描述:</label>
- <div class="formControls col-xs-8 col-sm-8">
- <textarea class="input-text readonly" readonly="readonly" th:id="description" th:name="description">[[${maintenance?.description}]]</textarea>
- </div>
- </div>
- <!-- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>期望完成时间:</label>
- <div class="formControls col-xs-8 col-sm-9">
- <input type="date" readonly="readonly" class="input-text" th:value="${maintenance?.expect_date}" placeholder="" th:id="expect_date" th:name="expect_date"/>
- </div>
- </div> -->
- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>上门处理时间:</label>
- <div class="formControls col-xs-8 col-sm-8">
- <input type="text" readonly="readonly" class="input-text readonly" th:value="${maintenance?.deal_date}" placeholder="" th:id="deal_date" th:name="deal_date"/>
- </div>
- </div>
- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-3">上传照片:</label>
- <div class="formControls col-xs-8 col-sm-8">
- <div class="uploader-thum-container" th:each="fileDown:${maintenance.fileDowns}" th:object="${fileDown}">
- <input type="hidden" name="file_url" id="img" th:value="${maintenance.fileDowns[0].file_url}"/>
- <ul class="gallery" style="float:left; margin-left: 10px;">
- <li><a th:href="${fileUrl} +*{file_url}"><img th:src="${fileUrl} +*{file_url}" width=200 /></a></li>
- </ul>
- </div>
- </div>
- </div>
- <div class="row cl">
- <input type="hidden" value="1" th:name="is_processed" th:id="is_processed"/>
- </div>
- <!-- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>已完成:</label>
- <div class="formControls col-xs-8 col-sm-9">
- <input type="checkbox" value="1" th:name="is_processed" th:id="is_processed"/>
- </div>
- </div> -->
- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-3"><span>上传附件:</span></label>
- <div class="formControls col-xs-8 col-sm-8">
- <div class="uploader-thum-container">
- <div id="fileListPre" class="uploader-list">
- </div>
- <div id="filePicker">选择文件</div>
- </div>
- </div>
- </div>
- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-3"><span>反馈:</span></label>
- <div class="formControls col-xs-8 col-sm-8">
- <textarea class="textarea" th:name="feedback" th:id="feedback"></textarea>
- </div>
- </div>
- <div class="row cl">
- <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
- <button class="btn btn-primary radius" type="submit"><i class="Hui-iconfont"></i> 提交</button>
- <!--<button onClick="article_save();" class="btn btn-secondary radius" type="button"><i-->
- <!--class="Hui-iconfont"></i> 保存草稿-->
- <!--</button>-->
- <button onClick="removeIframe();" class="btn btn-default radius" type="button"> 取消 </button>
- </div>
- </div>
- </form>
- </article>
- <script type="text/javascript" th:src="@{/js/common/zoom.min.js}"></script>
- <script type="text/javascript" th:src="@{/js/build/maintenance/maintenance_update.js}"></script>
- <script th:inline="javascript">
- $(function () {
- // 初始化图片上传
- var options = {
- auto: false,
- uploadBtnId: '#filePicker',
- picturePreId: 'fileListPre',
- hiddenPictureUrl: 'fileDown.file_id',
- hiddenPictureName: 'imgName',
- accept: {
- title: 'Images',
- extensions: 'gif,jpg,jpeg,bmp,png',
- mimeTypes: 'image/gif,image/jpg,image/jpeg,image/bmp,image/png'
- },
- width: 81,
- height: 81,
- fileSizeLimit: 100 * 1024 * 1024,
- fileSingleSizeLimit: 100 * 1024 * 1024,
- fileNumLimit: 3,
- append:true
- };
- var webUploadPicture = new $WebUploadPicture(options);
- webUploadPicture.init();
-
- });
-
- /**
- * 取消
- */
- function removeIframe() {
- var index = parent.layer.getFrameIndex(window.name);
- if(index){
- parent.layer.close(index);
- }else{
- history.back(-1);
- }
- }
-
- function getName(obj) {
- $("input[name='company_name']").val($(obj).find("option:selected").text());
- }
-
- </script>
- </body>
- </html>
|