|
@@ -0,0 +1,326 @@
|
|
|
+<!DOCTYPE HTML>
|
|
|
+<html>
|
|
|
+<head>
|
|
|
+ <meta charset="utf-8">
|
|
|
+ <meta name="renderer" content="webkit|ie-comp|ie-stand">
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
|
+ <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
|
|
|
+ <meta http-equiv="Cache-Control" content="no-siteapp" />
|
|
|
+<#include "/base/add_base.ftl">
|
|
|
+ <link href="${path}/common/lib/jquery.ui/jquery-ui.css" rel="stylesheet" type="text/css"/>
|
|
|
+ <link href="${path}/common/lib/webuploader/0.1.5/webuploader.css" rel="stylesheet" type="text/css"/>
|
|
|
+ <link href="${path}/common/lib/icheck/icheck.css" rel="stylesheet" type="text/css"/>
|
|
|
+ <style>
|
|
|
+ .tit{position: relative;text-align: left;font-size: 16px;padding-left: 10px;}
|
|
|
+ .tit:after{content: '';position: absolute;left: 0;top: 20%;height: 60%;width: 3px;background-color: #32a3d8;}
|
|
|
+ .tit-2{position: relative;text-align: left;font-size: 16px;padding-left: 10px;color: #50a2ea;}
|
|
|
+ .tit-2:after{content: '';position: absolute;left: 0;top: 50%;height: 6px;width: 6px;border-radius: 6px;margin-top: -3px; background-color: #32a3d8;}
|
|
|
+ #province select{margin-right:10px; width:100px;height: 31px;-webkit-appearance:none !important;appearance:none;background: url(${path}/common/images/cm/select-1.png) right center no-repeat;background-size: auto 100%;padding-left:3px;padding-right: 25px;}
|
|
|
+
|
|
|
+ #suggest, #suggest2 {width:200px}
|
|
|
+ .gray {color:gray}
|
|
|
+ .ac_results {background:#fff;border:1px solid #7f9db9;position: absolute;z-index: 10000;display: none}
|
|
|
+ .ac_results li a {white-space: nowrap;text-decoration:none;display:block;color:#05a;padding:1px 3px}
|
|
|
+ .ac_results li {border:1px solid #fff}
|
|
|
+ .ac_over, .ac_results li a:hover {background:#c8e3fc}
|
|
|
+ .ac_results li a span {float:right}
|
|
|
+ .ac_result_tip {border-bottom:1px dashed #666;padding:3px}
|
|
|
+
|
|
|
+ .select-box{background: url(${path}/common/images/cm/select-1.png) right center no-repeat;background-size: auto 100%;}
|
|
|
+ .select-box select{-webkit-appearance:none !important;background-color: transparent; appearance:none;padding-right: 15px;}
|
|
|
+ .dalog-ask{position: absolute;left:60%;top:0;-webkit-transform: translateY(-30%);transform: translateY(-30%);display: none;background-color: #fff;z-index: 10;}
|
|
|
+ .tag{ width:300px; min-height:300px; border:1px solid #32a3d8; position:relative;background-color: #fff;line-height: 1.5;padding: 10px 12px;}
|
|
|
+ .tag em{display:block; border-width:15px; position:absolute; top:30%; left:-30px;border-style:solid dashed dashed; border-color:transparent #32a3d8 transparent transparent;font-size:0; line-height:0;}
|
|
|
+ .dalog-ask .ask{color: #000;margin: 10px 0 5px 0;}
|
|
|
+ .dalog-ask .answer{color: #666;margin-bottom: 10px;}
|
|
|
+ .dalog-ask .answer:hover{color: #32a3d8;cursor: pointer;}
|
|
|
+ .time-line-list{list-style: none;width: 100%;margin-left: -20px;}
|
|
|
+ .time-line-list>li{position: relative;float: left; text-align: center;width: 100px;overflow: hidden;white-space: nowrap;word-break: break-all;padding: 2px 0;}
|
|
|
+ .time-line-list .number{display: inline-block; padding: 2px; background: #32a3d8;border: 2px solid #fff;box-shadow:0 0 0 1px #32a3d8;width: 20px;height: 20px;color: #fff;line-height: 20px;border-radius: 50%;}
|
|
|
+ .time-line-list .red{display: inline-block; padding: 2px; background: red;border: 2px solid #fff;box-shadow:0 0 0 1px #32a3d8;width: 20px;height: 20px;color: #fff;line-height: 20px;border-radius: 50%;}
|
|
|
+ .time-line-list>li:before{content:'';position: absolute;height: 1px;width: 30%;right:0;top: 15px; background-color: #32a3d8;}
|
|
|
+ .time-line-list>li:after{content: '';position: absolute;height: 1px;width: 30%;left: 0;top: 15px;background:#32a3d8;}
|
|
|
+ .time-line-list>li:first-child:after,.time-line-list>li:last-child:before{display: none;}
|
|
|
+ .time-line-list .arrow{border-width:7px; position:absolute; left:25%; top:9px;border-style:solid dashed dashed; border-color:transparent transparent transparent #32a3d8;font-size:0; line-height:0;}
|
|
|
+ .time-line-list>li:first-child .arrow{display: none;}
|
|
|
+ .table-bg th{background-color: #e2f6ff;}
|
|
|
+ .update-parts>span{margin-right: 10px;padding: 3px 4px;background-color: #effaff;border: 1px solid #32a3d8;}
|
|
|
+ .my-search-input{padding-left: 30px;background: url(${path}/common/images/cm/search.png) 6px center no-repeat;background-size: auto 60%; }
|
|
|
+ .txt-red{color:red}
|
|
|
+ .my-btn-search{border: 1px solid #32a3d8;padding: 1px 25px;height: 32px;background-color: #32a3d8;color: #fff;}
|
|
|
+ </style>
|
|
|
+ <title>订单详细信息</title>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+
|
|
|
+<nav class="breadcrumb"><i class="Hui-iconfont"></i> 首页
|
|
|
+ <span class="c-gray en">/</span> 维修管理
|
|
|
+ <span class="c-gray en">/</span> 维修详情
|
|
|
+ <a class="btn radius r"
|
|
|
+ href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont"></i></a>
|
|
|
+ <a class="btn radius r"
|
|
|
+ href="javascript:history.back(-1);" title="后退"><i class="Hui-iconfont"></i></a>
|
|
|
+</nav>
|
|
|
+
|
|
|
+
|
|
|
+<article class="cl pd-20">
|
|
|
+ <form action="" method="post" class="form form-horizontal" id="form-article-add">
|
|
|
+ <div class="row cl">
|
|
|
+ <label class="form-label col-3">
|
|
|
+ <div class="tit-2">维修详细信息</div>
|
|
|
+ </label>
|
|
|
+ <div class="formControls col-9">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <table class="table table-border table-bg table-bordered" style="margin-top: 10px;">
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th width="10">维修编号:</th>
|
|
|
+ <td width="10" style="font-weight: normal;"><span>${detectinfo.detectNumber!''}</span></td>
|
|
|
+ <td width="10"></td>
|
|
|
+ <th width="10">产品名称:</th>
|
|
|
+ <td width="10" style="font-weight: normal;"><span>${detectinfo.productName!''}(${detectinfo.colorName!''})</span></td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th width="10">是否可翻新:</th>
|
|
|
+ <td width="10" style="font-weight: normal;">
|
|
|
+ <#if detectinfo.detectRenovation == 1>
|
|
|
+ 可翻新
|
|
|
+ <#elseif detectinfo.detectRenovation == 2>
|
|
|
+ 不可翻新
|
|
|
+ </#if>
|
|
|
+ </span></td>
|
|
|
+ <td width="10"></td>
|
|
|
+ <th width="10">是否有故障:</th>
|
|
|
+ <td width="10" style="font-weight: normal;"><span>
|
|
|
+ <#if detectinfo.isMaintenance == 1>
|
|
|
+ 有故障
|
|
|
+ <#elseif detectinfo.isMaintenance == 2>
|
|
|
+ 无故障
|
|
|
+ </#if>
|
|
|
+ </span></td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th width="10">当前状态:</th>
|
|
|
+ <td width="10" style="font-weight: normal;"><span>
|
|
|
+ <#if detectinfo.detectState == 1>
|
|
|
+ <span class="c-red">待检测机器(${detectinfo.maintenanceCutTime?string("yyyy/MM/dd")}前完成)</span>
|
|
|
+ </#if>
|
|
|
+ <#if detectinfo.detectState == 30>
|
|
|
+ 待用户确认
|
|
|
+ </#if>
|
|
|
+ <#if detectinfo.detectState == 31>
|
|
|
+ <span class="c-red">待维修</span>
|
|
|
+ </#if>
|
|
|
+ <#if detectinfo.detectState == 32>
|
|
|
+ <span class="c-success">维修完成</span>
|
|
|
+ </#if>
|
|
|
+ <#if detectinfo.detectState == 33>
|
|
|
+ <span class="c-success">用户不维修(原机退回)</span>
|
|
|
+ </#if>
|
|
|
+ <#if detectinfo.detectState == 34>
|
|
|
+ 待客服确认维修
|
|
|
+ </#if>
|
|
|
+ <#if detectinfo.detectState == 35>
|
|
|
+ <span class="c-red">待维修</span>
|
|
|
+ </#if>
|
|
|
+ <#if detectinfo.detectState == 36>
|
|
|
+ <span class="c-success">维修完成</span>
|
|
|
+ </#if>
|
|
|
+ <#if detectinfo.detectState == 37>
|
|
|
+ 机器无故障,原机退回
|
|
|
+ </#if>
|
|
|
+ <#if detectinfo.detectState == 38>
|
|
|
+ 机器故障,待用户确认
|
|
|
+ </#if>
|
|
|
+ <#if detectinfo.detectState == 20>
|
|
|
+ 待翻新入库
|
|
|
+ </#if>
|
|
|
+ <#if detectinfo.detectState == 21>
|
|
|
+ <span class="c-success">已翻新入库</span>
|
|
|
+ </#if>
|
|
|
+ <#if detectinfo.detectState == 22>
|
|
|
+ 不能翻新,待报废
|
|
|
+ </#if>
|
|
|
+ <#if detectinfo.detectState == 23>
|
|
|
+ <span class="c-success">已报废回收</span>
|
|
|
+ </#if>
|
|
|
+ </span></td>
|
|
|
+ <td width="10"></td>
|
|
|
+ <th width="10">维修报价:</th>
|
|
|
+ <td width="10" style="font-weight: normal;"><span><#if detectinfo.detectOffer??>${detectinfo.detectOffer/100}<#else>-</#if></span></td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th width="10">生产月份:</th>
|
|
|
+ <td width="10" style="font-weight: normal;"><span>${detectinfo.detectProduction!''}</span></td>
|
|
|
+ <td width="10"></td>
|
|
|
+ <th width="10">机身条码:</th>
|
|
|
+ <td width="10" style="font-weight: normal;"><span>${detectinfo.detectFuselageBarcode!''}</span></td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th width="10">厚膜类型:</th>
|
|
|
+ <td width="10" style="font-weight: normal;"><span>
|
|
|
+ <#if detectinfo.detectFilmType??>
|
|
|
+ <#if detectinfo.detectFilmType == 1>
|
|
|
+ 圆
|
|
|
+ <#elseif detectinfo.detectFilmType == 2>
|
|
|
+ 扁
|
|
|
+ </#if>
|
|
|
+ </#if>
|
|
|
+ </span></td>
|
|
|
+ <td width="10"></td>
|
|
|
+ <th width="10">浮子类型:</th>
|
|
|
+ <td width="10" style="font-weight: normal;"><span>
|
|
|
+ <#if detectinfo.detectFloatType??>
|
|
|
+ <#if detectinfo.detectFloatType == 1>
|
|
|
+ 长
|
|
|
+ <#elseif detectinfo.detectFloatType == 2>
|
|
|
+ 短
|
|
|
+ </#if>
|
|
|
+ </#if>
|
|
|
+ </span></td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th width="10">版本号:</th>
|
|
|
+ <td width="10" style="font-weight: normal;"><span>${detectinfo.detectVersionNumber!''}</span></td>
|
|
|
+ <td width="10"></td>
|
|
|
+ <th width="10">是否翻新机:</th>
|
|
|
+ <td width="10" style="font-weight: normal;"><span>
|
|
|
+ <#if detectinfo.detectIsRefurbishing??>
|
|
|
+ <#if detectinfo.detectIsRefurbishing == 1>
|
|
|
+ 是
|
|
|
+ <#elseif detectinfo.detectIsRefurbishing == 2>
|
|
|
+ 否
|
|
|
+ </#if>
|
|
|
+ </#if>
|
|
|
+ </span></td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th width="10">QC检测结果:</th>
|
|
|
+ <td width="10" style="font-weight: normal;"><span>
|
|
|
+ <#if detectinfo.maintenanceResults??>
|
|
|
+ <#if detectinfo.maintenanceResults == 1>
|
|
|
+ 通过
|
|
|
+ <#elseif detectinfo.maintenanceResults == 2>
|
|
|
+ 不通过
|
|
|
+ </#if>
|
|
|
+ </#if></span></td>
|
|
|
+ <td width="10"></td>
|
|
|
+ <th width="10">检测日期:</th>
|
|
|
+ <td width="10" style="font-weight: normal;"><span>${(detectinfo.detectDate?string("yyyy-MM-dd"))!''}</span></td>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ </table>
|
|
|
+ <div class="row cl">
|
|
|
+ <label class="form-label col-3">
|
|
|
+ <div class="tit-2">
|
|
|
+ 客诉信息
|
|
|
+ </div>
|
|
|
+ </label>
|
|
|
+ <div class="formControls col-10 col-sm-10">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <table class="table table-border table-bg table-bordered" style="margin-top: 10px;">
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th width="10">客诉处理:</th>
|
|
|
+ <td width="10" style="font-weight: normal;"><span><#if detectinfo.customerId??>${detectinfo.procTypeName!''}-${detectinfo.procMethodName!''}</#if></span></td>
|
|
|
+ <td width="10"></td>
|
|
|
+ <th width="10">客诉描述:</th>
|
|
|
+ <td width="10" style="font-weight: normal;"><span>${detectinfo.questionTitle!''}</span></td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th width="10">客服备注:</th>
|
|
|
+ <td width="10" style="font-weight: normal;"><span>${detectinfo.detectCustomerDesc!''}</span></td>
|
|
|
+ <td width="10"></td>
|
|
|
+ <th width="10"></th>
|
|
|
+ <td width="10" style="font-weight: normal;"><span></span></td>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ </table>
|
|
|
+ <div class="row cl">
|
|
|
+ <label class="form-label col-3">
|
|
|
+ <div class="tit-2">
|
|
|
+ 检测信息
|
|
|
+ </div>
|
|
|
+ </label>
|
|
|
+ <div class="formControls col-10 col-sm-10">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <table class="table table-border table-bg table-bordered" style="margin-top: 10px;">
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th width="10">检测现象:</th>
|
|
|
+ <td width="10" style="font-weight: normal;"><span>${detectinfo.detectPhenomenon!''}</span></td>
|
|
|
+ <td width="10"></td>
|
|
|
+ <th width="10">故障分类:</th>
|
|
|
+ <td width="10" style="font-weight: normal;"><span>${detectinfo.detectClassification!''}</span></td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th width="10">故障原因:</th>
|
|
|
+ <td width="10" style="font-weight: normal;"><span>${detectinfo.detectFailureCause!''}</span></td>
|
|
|
+ <td width="10"></td>
|
|
|
+ <th width="10">判定结果:</th>
|
|
|
+ <td width="10" style="font-weight: normal;"><span>${detectinfo.detectResults!''}</span></td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th width="10">故障指向:</th>
|
|
|
+ <td width="10" style="font-weight: normal;"><span>${detectinfo.detectPoint!''}</span></td>
|
|
|
+ <td width="10"></td>
|
|
|
+ <th width="10">原因分析:</th>
|
|
|
+ <td width="10" style="font-weight: normal;"><span>${detectinfo.detectNalysis!''}</span></td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th width="10">维修记录:</th>
|
|
|
+ <td width="10" style="font-weight: normal;"><span>${detectinfo.detectContent!''}</span></td>
|
|
|
+ <td width="10"></td>
|
|
|
+ <th width="10">备注:</th>
|
|
|
+ <td width="10" style="font-weight: normal;"><span>${detectinfo.detectDesc!''}</span></td>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ </table>
|
|
|
+
|
|
|
+
|
|
|
+ <#--<button type="button" style="cursor:pointer;height: 35px;margin-top: 10px;"onClick="" class="my-btn-search"><<返回</button>-->
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+</article>
|
|
|
+<script type="text/javascript" src="${path}/common/lib/My97DatePicker/4.8/WdatePicker.js"></script>
|
|
|
+<script type="text/javascript" src="${path}/common/lib/webuploader/0.1.5/webuploader.min.js"></script>
|
|
|
+<script type="text/javascript" src="${path}/common/lib/icheck/jquery.icheck.min.js"></script>
|
|
|
+<script type="text/javascript" src="${path}/common/lib/cm.lib/jquery.provincesCity.js"></script>
|
|
|
+<script type="text/javascript" src="${path}/common/lib/cm.lib/provincesData.js"></script>
|
|
|
+<script type="text/javascript" src="${path}/common/lib/cm.lib/airCity.js"></script>
|
|
|
+<script type="text/javascript" src="${path}/common/lib/cm.lib/suggest.js"></script>
|
|
|
+<script type="text/javascript" charset="utf-8" src="${path}/common/lib/ueditor/1.4.3/ueditor.config.js"></script>
|
|
|
+<script type="text/javascript" charset="utf-8" src="${path}/common/lib/ueditor/1.4.3/ueditor.all.js"></script>
|
|
|
+<script type="text/javascript" charset="utf-8" src="${path}/common/lib/ueditor/1.4.3/ueditor.parse.js"></script>
|
|
|
+<script type="text/javascript" charset="utf-8" src="${path}/common/lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script>
|
|
|
+<script type="text/javascript">
|
|
|
+ $(function(){
|
|
|
+ $('.skin-minimal input').iCheck({
|
|
|
+ checkboxClass: 'icheckbox-blue',
|
|
|
+ radioClass: 'iradio-blue',
|
|
|
+ increaseArea: '20%'
|
|
|
+ });
|
|
|
+ $("#province").ProvinceCity();
|
|
|
+ $('.skin-minimal input').iCheck({
|
|
|
+ checkboxClass: 'icheckbox-blue',
|
|
|
+ radioClass: 'iradio-blue',
|
|
|
+ increaseArea: '20%'
|
|
|
+ });
|
|
|
+ $("#arrcity").suggest(citys,{hot_list:commoncitys,dataContainer:'#arrcity_3word',onSelect:function(result){
|
|
|
+ console.log($(this)[0].value);
|
|
|
+ // $("#city2").click()
|
|
|
+ },
|
|
|
+ attachObject:'#suggest'
|
|
|
+ });
|
|
|
+ });
|
|
|
+ /*查看物流*/
|
|
|
+ function openLogistics(title, url, w, h) {
|
|
|
+ layer_show(title,url,w,h);
|
|
|
+ }
|
|
|
+
|
|
|
+</script>
|
|
|
+</body>
|
|
|
+</html>
|