supervisebackshow.html 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="renderer" content="webkit|ie-comp|ie-stand">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  7. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  8. <meta http-equiv="Cache-Control" content="no-siteapp" />
  9. <link rel="stylesheet" href="${ctx}/assets/lib/bootstrap-3.3.7/css/bootstrap.min.css">
  10. <link rel="stylesheet" href="${ctx}/assets/lib/bootstrap-upload/css/default.css">
  11. <link rel="stylesheet" href="${ctx}/assets/lib/bootstrap-upload/css/fileinput.css">
  12. <link rel="stylesheet" href="${ctx}/assets/lib/bootstrap-spinner/bootstrap-spinner.css">
  13. <link rel="stylesheet" href="${ctx}/assets/lib/font-awesome-4.7.0/css/font-awesome.css">
  14. <link rel="stylesheet" type="text/css" media="screen" href="${ctx}/assets/lib/zTree/v3/css/zTreeStyle/zTreeStyle.css" >
  15. <script type="text/javascript" src="${ctx}/assets/lib/jquery/1.9.1/jquery.min.js"></script>
  16. <script type="text/javascript" src="${ctx}/assets/lib/jquery.form/jquery.form.min.js"></script>
  17. <script type="text/javascript" src="${ctx}/assets/lib/layer/3.0.3/layer.js"></script>
  18. <script type="text/javascript" src="${ctx}/assets/lib/My97DatePicker/WdatePicker.js"></script>
  19. <script type="text/javascript" src="${ctx}/assets/lib/bootstrap-upload/js/fileinput.js"></script>
  20. <script type="text/javascript" src="${ctx}/assets/lib/bootstrap-upload/js/locales/zh.js"></script>
  21. <script type="text/javascript" src="${ctx}/assets/lib/bootstrap-3.3.7/js/bootstrap.min.js"></script>
  22. <script type="text/javascript" src="${ctx}/assets/lib/zTree/v3/js/jquery.ztree.all-3.5.min.js"></script>
  23. <script type="text/javascript" src="${ctx}/assets/lib/bootstrap-spinner/jquery.spinner.js"></script>
  24. <script type="text/javascript" src="${ctx}/assets/js/base.js"></script>
  25. <script src="${ctx}/assets/js/validate.js" ></script>
  26. <script type="text/javascript">
  27. function setCollapseIcon(collapseIcon)
  28. {
  29. var curCollapseIconClass=$("#"+collapseIcon).attr("class");
  30. if(curCollapseIconClass=="glyphicon glyphicon-menu-up")
  31. {
  32. $("#"+collapseIcon).attr("class","glyphicon glyphicon-menu-down");
  33. }
  34. else
  35. {
  36. $("#"+collapseIcon).attr("class","glyphicon glyphicon-menu-up");
  37. }
  38. }
  39. </script>
  40. <title>投诉信息登记</title>
  41. <meta name="keywords" content="">
  42. <meta name="description" content="">
  43. </head>
  44. <body >
  45. <form id="form1" method="post" class="form-horizontal" role="form">
  46. <div style="display: none">
  47. <input type="hidden" id="AppealID" name="AppealID" value="${AppealID!''}"/>
  48. </div>
  49. <div class="container-fluid" style="margin-top:15px;">
  50. <div class="panel panel-primary">
  51. <div class="panel-heading">
  52. <div style="display:inline;" >案件退回 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
  53. </div>
  54. <div id="collapsePerson" class="panel-collapse collapse in">
  55. <div class="panel-body" style="font-size:14px">
  56. <div class="row" style="padding:5px" >
  57. <div class="col-xs-2 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" >
  58. <label class="control-label" for="UserName">办理人</label></div>
  59. <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 has-error has-feedback" >
  60. <input type="text" class="form-control" placeholder="" id="RecordUserName" value="${Back.RecordUserName!''}" name="UserName" maxlength="40" vmode="not null" vdisp="办理人" readonly>
  61. </div>
  62. <div class="col-xs-3 col-sm-1 col-md-1 col-lg-1" >
  63. <label class="control-label" for="LimitendDate">办理日期</label>
  64. </div>
  65. <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
  66. <div class="input-group">
  67. <input type="text" class="form-control" value="${Back.LimitendDate!''}" placeholder="" id="LimitendDate" name="LimitendDate" readonly>
  68. </div>
  69. </div>
  70. </div>
  71. <div class="row" style="padding:5px">
  72. <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
  73. <label class="control-label" for="TransactIdea" style="line-height:60px;">退回原因</label></div>
  74. <div class="col-xs-12 col-sm-11 col-md-11 col-lg-11">
  75. <textarea class="form-control" rows="3" value="" placeholder="" id="TransactIdea" name="TransactIdea" maxlength="1000" vmode="not null" vdisp="退回原因" vtype="string" readonly>${Back.TransactIdea!''} </textarea>
  76. </div>
  77. </div>
  78. </div>
  79. </div>
  80. </div>
  81. <div class="panel panel-default">
  82. <div class="panel-heading">
  83. <div style="display:inline;" >客诉资料附件&nbsp;&nbsp;</div>
  84. <div style="display:inline;" ><a class="panel-title" data-toggle="collapse" data-parent="#accordion" href="#collapseFile"><span id="FileCollapseIcon" onClick="setCollapseIcon('FileCollapseIcon')" class="glyphicon glyphicon-menu-up" aria-hidden="true"></span></a></div>
  85. </div>
  86. <div id="collapseFile" class="panel-collapse collapse in">
  87. <div class="panel-body" style="font-size:14px">
  88. <div class="row" style="padding:5px">
  89. <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" >
  90. <table class="table table-striped">
  91. <tr>
  92. <td ><label class="form-label" for="web.title">文件名称</label></td>
  93. <td ><label class="form-label" for="web.title">文件大小</label></td>
  94. <td ><label class="form-label" for="web.title">上传人</label></td>
  95. <td ><label class="form-label" for="web.title">上传时间</label></td>
  96. </tr>
  97. ${subjoinFileList!''}
  98. </table>
  99. </div>
  100. </div>
  101. </div>
  102. </div>
  103. </div>
  104. </div>
  105. </form>
  106.  
  107. </body>
  108. <script type="text/javascript">
  109. $(document).on('ready', function() {
  110. $('#file-0a').fileinput({
  111. language: 'zh',
  112. uploadUrl: '${ctx}/myconsole/complaint/uploadfile/upload?FileAppealID=${Back.AppealID}&FileType=back',
  113. deleteUrl: '${ctx}/myconsole/complaint/uploadfile/delete',
  114. dropZoneEnabled: false,
  115. allowedFileExtensions : ['jpg', 'png','gif','doc','docx','pdf','mp3','mp4'],
  116. }).on("fileuploaded", function(event,data,previewId,index) {
  117. if(data.response)
  118. {
  119. var result = data.response.id; 
  120. }
  121. });
  122. });
  123. </script>
  124. </html>