followdata.html 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177
  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. <script type="text/javascript" src="${ctx}/assets/lib/jquery/1.9.1/jquery.min.js"></script>
  13. <script type="text/javascript" src="${ctx}/assets/lib/jquery.form/jquery.form.min.js"></script>
  14. <script type="text/javascript" src="${ctx}/assets/lib/layer/3.0.3/layer.js"></script>
  15. <script type="text/javascript" src="${ctx}/assets/lib/My97DatePicker/WdatePicker.js"></script>
  16. <script type="text/javascript" src="${ctx}/assets/lib/bootstrap-upload/js/fileinput.js"></script>
  17. <script type="text/javascript" src="${ctx}/assets/lib/bootstrap-upload/js/locales/zh.js"></script>
  18. <script type="text/javascript" src="${ctx}/assets/lib/bootstrap-3.3.7/js/bootstrap.min.js"></script>
  19. <script type="text/javascript" src="${ctx}/assets/js/base.js"></script>
  20. <script src="${ctx}/assets/js/validate.js" ></script>
  21. <script type="text/javascript">
  22. function doSubmit(){
  23. if($("#FileSelectFlag").val()=='false'&&$('#file-0a').val()!='')
  24. {
  25. layer.msg("有选择的文件没上传,请先上传提交!");
  26. return false;
  27. }
  28. if(doValidate(form1))
  29. {
  30. $('#form1').attr('action','${ctx}/myconsole/complaint/transact/saveFollowData');
  31. $('#form1').ajaxSubmit(resultHandle);
  32. }
  33. }
  34. function resultHandle(data){
  35. var res=eval('(' + data + ')');
  36. if(res.flag){
  37. layer.alert(res.message, {skin: 'layui-layer-molv',closeBtn: 1},
  38. function(){
  39. layer.closeAll('dialog');
  40. window.close();
  41. });
  42. }else{
  43. if(res.flag == false)
  44. {
  45. layer.alert(res.message, {skin: 'layui-layer-molv',closeBtn: 0}, function(){layer.closeAll('dialog');});
  46. }
  47. }
  48. }
  49. function setCollapseIcon(collapseIcon)
  50. {
  51. var curCollapseIconClass=$("#"+collapseIcon).attr("class");
  52. if(curCollapseIconClass=="glyphicon glyphicon-menu-up")
  53. {
  54. $("#"+collapseIcon).attr("class","glyphicon glyphicon-menu-down");
  55. }
  56. else
  57. {
  58. $("#"+collapseIcon).attr("class","glyphicon glyphicon-menu-up");
  59. }
  60. }
  61. </script>
  62. <title>办结件后续情况补录</title>
  63. <meta name="keywords" content="">
  64. <meta name="description" content="">
  65. </head>
  66. <body >
  67. <form id="form1" method="post" class="form-horizontal" role="form">
  68. <div style="display: none">
  69. <input type="hidden" id="AppealID" name="followInfo.AppealID" value="${appealID!''}"/>
  70. <input type="hidden" id="RecordUserID" name="followInfo.RecordUserID" value="${user.UserID}"/>
  71. <input type="hidden" id="RecordUserName" name="followInfo.RecordUserName" value="${user.UserName}"/>
  72. <input type="hidden" id="FileSelectFlag" name="FileSelectFlag" value="true"/>
  73. </div>
  74. <div class="container-fluid" style="margin-top:15px;">
  75. <div class="panel panel-primary">
  76. <div class="panel-heading">
  77. <div style="display:inline;" >办结件后续情况补录 &nbsp;&nbsp;</div>
  78. <div style="display:inline;" ><a class="panel-title" data-toggle="collapse" data-parent="#accordion" href="#collapseTransact"><span id="TransactCollapseIcon" onClick="setCollapseIcon('TransactCollapseIcon')" class="glyphicon glyphicon-menu-up" aria-hidden="true"></span></a></div>
  79. </div>
  80. <div id="collapseTransact" class="panel-collapse collapse in">
  81. <div class="panel-body" style="font-size:14px">
  82. <div class="row" style="padding:5px;">
  83. <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" >
  84. <label class="control-label" for="TransactIdea" style="line-height:100px;">后续情况</label>
  85. </div>
  86. <div class="col-xs-11 col-sm-11 col-md-11 col-lg-11 has-error has-feedback">
  87. <textarea class="form-control" rows="8" value="" placeholder="" id="ContentInfo" name="followInfo.ContentInfo" maxlength="1000" vmode="not null" vdisp="后续情况" vtype="string"></textarea>
  88. </div>
  89. </div>
  90. </div>
  91. </div>
  92. </div>
  93. </form>
  94. <div class="panel panel-default">
  95. <div class="panel-heading">
  96. <div style="display:inline;" >办结资料附件&nbsp;&nbsp;</div>
  97. <div style="display:inline;" ><a class="panel-title" data-toggle="collapse" data-parent="#accordion" href="#collapseEndFile"><span id="EndFileCollapseIcon" onClick="setCollapseIcon('EndFileCollapseIcon')" class="glyphicon glyphicon-menu-up" aria-hidden="true"></span></a></div>
  98. </div>
  99. <div id="collapseEndFile" class="panel-collapse collapse in">
  100. <div class="panel-body" style="font-size:14px">
  101. <div class="row" style="padding:5px">
  102. <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" >
  103. <label class="control-label" for="FileAppealID">选择文件</label></div>
  104. <div class="col-xs-11 col-sm-11 col-md-11 col-lg-11" >
  105. <input type="hidden" id="FileAppealID" name="FileAppealID" value="${appealID}"/>
  106. <input id="file-0a" class="file-loading" type="file" multiple data-min-file-count="1" onchange=setSelectFile()>
  107. </div>
  108. </div>
  109. </div>
  110. </div>
  111. </div>
  112. <div class="row" style="padding:5px">
  113. <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" align=center>
  114. <button type="button" class="btn btn-success" id="EndButton" onclick=doSubmit() ><span class="glyphicon glyphicon-save"></span>&nbsp;&nbsp;保&nbsp;&nbsp;&nbsp;&nbsp;存</button>
  115. </div>
  116. </div>
  117. </div>
  118.  
  119. </body>
  120. </html>
  121. <script type="text/javascript">
  122. $(document).on('ready', function() {
  123. $('#file-0a').fileinput({
  124. language: 'zh',
  125. uploadUrl: '${ctx}/myconsole/complaint/uploadfile/upload?FileAppealID=${appealID}',
  126. deleteUrl: '${ctx}/myconsole/complaint/uploadfile/delete',
  127. dropZoneEnabled: false,
  128. allowedFileExtensions : ['jpg', 'png','gif','doc','docx','pdf','mp3','mp4','xlsx'],
  129. }).on("fileuploaded", function(event,data,previewId,index) {
  130. if(data.response)
  131. {
  132. var result = data.response.id; 
  133. $("#FileSelectFlag").val("true");
  134. }
  135. });
  136. });
  137. function setSelectFile()
  138. {
  139. if ($('#file-0a').val()!='') {
  140. $("#FileSelectFlag").val("false");
  141. }
  142. else
  143. {
  144. $("#FileSelectFlag").val("true");
  145. }
  146. }
  147. </script>