select04.html 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423
  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"
  8. content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
  9. <meta http-equiv="Cache-Control" content="no-siteapp"/>
  10. <LINK rel="Bookmark" href="/favicon.ico">
  11. <LINK rel="Shortcut Icon" href="/favicon.ico"/>
  12. <script type="text/javascript">
  13. var ctx = "${ctx}";
  14. </script>
  15. <!--[if lt IE 9]>
  16. <script type="text/javascript" src="${ctx}/assets/lib/html5.js"></script>
  17. <script type="text/javascript" src="${ctx}/assets/lib/respond.min.js"></script>
  18. <script type="text/javascript" src="${ctx}/assets/lib/PIE_IE678.js"></script>
  19. <![endif]-->
  20. <link rel="stylesheet" type="text/css" href="${ctx}/assets/lib/Hui-iconfont/1.0.7/iconfont.css"/>
  21. <link rel="stylesheet" type="text/css" href="${ctx}/assets/lib/icheck/icheck.css"/>
  22. <link rel="stylesheet" type="text/css" href="${ctx}/assets/static/h-ui.admin/skin/default/skin.css" id="skin"/>
  23. <link rel="stylesheet" type="text/css" href="${ctx}/assets/static/h-ui.admin/css/style.css"/>
  24. <link rel="stylesheet" type="text/css" href="${ctx}/assets/lib/webuploader/0.1.5/webuploader.css"/>
  25. <link rel="stylesheet" type="text/css" media="screen" href="${ctx}/assets/lib/jqueryui/jquery-ui.css"/>
  26. <!--_footer 作为公共模版分离出去-->
  27. <script type="text/javascript" src="${ctx}/assets/lib/jquery/1.9.1/jquery.min.js"></script>
  28. <script type="text/javascript" src="${ctx}/assets/lib/layer/3.0.3/layer.js"></script>
  29. <script type="text/javascript" src="${ctx}/assets/lib/icheck/jquery.icheck.min.js"></script>
  30. <script type="text/javascript" src="${ctx}/assets/lib/jquery.validation/1.14.0/jquery.validate.min.js"></script>
  31. <script type="text/javascript" src="${ctx}/assets/lib/jquery.validation/1.14.0/validate-methods.js"></script>
  32. <script type="text/javascript" src="${ctx}/assets/lib/jquery.validation/1.14.0/messages_zh.min.js"></script>
  33. <script type="text/javascript" src="${ctx}/assets/static/h-ui/js/H-ui.js"></script>
  34. <script type="text/javascript" src="${ctx}/assets/static/h-ui.admin/js/H-ui.admin.js"></script>
  35. <script type="text/ecmascript" src="${ctx}/assets/lib/jqueryui/jquery-ui.js"></script>
  36. <!--/_footer /作为公共模版分离出去-->
  37. <!--请在下方写此页面业务相关的脚本-->
  38. <script type="text/javascript" src="${ctx}/assets/lib/My97DatePicker/WdatePicker.js"></script>
  39. <script type="text/javascript" src="${ctx}/assets/lib/webuploader/0.1.5/webuploader.min.js"></script>
  40. <script type="text/javascript" src="${ctx}/assets/lib/jquery.form/jquery.form.min.js"></script>
  41. <link href="${ctx}/assets/lib/jquery.sumoselect/sumoselect.css" rel="stylesheet"/>
  42. <script type="text/javascript" src="${ctx}/assets/lib/jquery.sumoselect/jquery.sumoselect.min.js"></script>
  43. <script type="text/javascript" src="${ctx}/assets/js/base.js"></script>
  44. <!--[if IE 6]>
  45. <script type="text/javascript" src="${ctx}/assets/lib/DD_belatedPNG_0.0.8a-min.js"></script>
  46. <script>DD_belatedPNG.fix('*');</script>
  47. <![endif]-->
  48. <!--/meta 作为公共模版分离出去-->
  49. <script type="text/javascript">
  50. var contextPath = "${ctx}";
  51. </script>
  52. <script type="text/javascript" src="${ctx}/assets/lib/ueditor/1.4.3/ueditor.config.js"></script>
  53. <script type="text/javascript" src="${ctx}/assets/lib/ueditor/1.4.3/ueditor.all.js"></script>
  54. <script type="text/javascript" src="${ctx}/assets/lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script>
  55. <link rel="stylesheet" type="text/css" href="${ctx}/assets/lib/colorpicker/evol-colorpicker.css"/>
  56. <link rel="stylesheet" href="${ctx}/assets/lib/bootstrap-3.3.7/css/bootstrap.min.css">
  57. <link rel="stylesheet" href="${ctx}/assets/lib/bootstrap-upload/css/default.css">
  58. <link rel="stylesheet" href="${ctx}/assets/lib/bootstrap-upload/css/fileinput.css">
  59. <script type="text/javascript" src="${ctx}/assets/lib/bootstrap-upload/js/fileinput.js"></script>
  60. <script type="text/javascript" src="${ctx}/assets/lib/bootstrap-upload/js/locales/zh.js"></script>
  61. <script type="text/javascript" src="${ctx}/assets/lib/bootstrap-3.3.7/js/bootstrap.min.js"></script>
  62. <script src="${ctx}/assets/js/validate.js"></script>
  63. <script src="${ctx}/assets/js/common.js"></script>
  64. <script type="text/ecmascript" src="${ctx}/assets/lib/jquery/tableExport.js"></script>
  65. <script type="text/javascript" src="${ctx}/assets/js/tablesMergeCell.js"></script>
  66. <style>
  67. body,html{padding:0;margin:0;}
  68. *{padding:0;margin:0;}
  69. .title{width:85%;padding:0;margin:10px auto 20px auto;line-height:20px;font-size:20px;font-weight:bold; font-family:"Microsoft YaHei"; text-align:center; color:#404040;}
  70. .time{width:85%;padding:0;margin:0 auto;line-height:30px;font-size:14px; font-family:"Microsoft YaHei"; text-align:center;color:#8c8c8c}
  71. .time .dc{width:auto;padding:0 10px;background:#7ea6d2;height:24px;line-height:20px;color:#fff; outline:none;border:#9ebfe4 1px solid; cursor:pointer; border-radius:5px; display:block;margin:3px 0; float:left;}
  72. .time span{padding:0;margin:0;float:left;}
  73. .table{width:85%;margin:10px auto;padding:0;border-top: rgba(10, 10, 10, 0.96) 1px solid;border-left: #0a0a0a 1px solid;}
  74. .table tr{width:100%;margin:0;padding:0;}
  75. .table tr td{margin:0;padding:0;border-bottom: #0a0a0a 1px solid;border-right: #0a0a0a 1px solid;min-height:30px;line-height:24px;padding:5px;font-size:14px; font-family:"Microsoft YaHei"; text-align:center;color:#4e4e4e;}
  76. </style>
  77. <style type="text/css">
  78. .margintop {
  79. margin-bottom: 5px;
  80. }
  81. .placeholder {
  82. height: 14px;
  83. }
  84. </style>
  85. <script type="text/javascript">
  86. function doSubmit(strNo) {
  87. var strBeginAppealDate = $("#BeginAppealDate").val();
  88. var strEndAppealDate = $("#EndAppealDate").val();
  89. if (isEmpty(strBeginAppealDate) || isEmpty(strEndAppealDate)) {
  90. layer.alert("投诉时间不能为空!", {skin: 'layui-layer-molv', closeBtn: 0}, function () {
  91. layer.closeAll('dialog');
  92. });
  93. return;
  94. } else {
  95. $('#form1').attr('action', '${ctx}/myconsole/complaint/report/selectinfo04_' + strNo);
  96. $('#form1').attr('target', '_self');
  97. $('#form1').submit();
  98. }
  99. }
  100. //根据分公司获取部门信息
  101. function setCentreCompanyID() {
  102. var filialeID = $("#FilialeID").val();
  103. $("#respondentFilialeID").val(filialeID);
  104. if (filialeID != '') {
  105. var filialeName = $("#FilialeID").find("option:selected").text();
  106. $("#FilialeName").val(filialeName);
  107. $('#form1').attr('action', '${ctx}/myconsole/complaint/register/getFilialeBusinessHallNameData?ParentID=' + filialeID);
  108. $('#form1').ajaxSubmit(setCentreCompanyIDData);
  109. } else {
  110. $("#CentreCompanyID").empty();
  111. $("#FilialeName").val("");
  112. }
  113. }
  114. //回写原因二类字典数据
  115. function setCentreCompanyIDData(data) {
  116. $("#BusinessHallID").empty();
  117. $("#BusinessHallID").append("<option value=''>请选择</option>");
  118. $("#BusinessHallID").append(data);
  119. }
  120. function setBusinessHallName() {
  121. var BusinessHallID = $("#BusinessHallID").val();
  122. if (BusinessHallID != '') {
  123. var BusinessHallName = $("#BusinessHallID").find("option:selected").text();
  124. $("#BusinessHallName").val(BusinessHallName);
  125. } else {
  126. $("#BusinessHallName").val("");
  127. }
  128. }
  129. //根据一级渠道获取二级渠道3
  130. function setSalesChannelName()
  131. {
  132. var idData=$('#SalesChannelID').val();
  133. if(idData!='')
  134. {
  135. var nameData=$("#SalesChannelID").find("option:selected").text();
  136. $("#SalesChannelName").val(nameData);
  137. $('#form1').attr('action','${ctx}/myconsole/complaint/register/getSalesTypeIDData?ParentID='+idData);
  138. $('#form1').ajaxSubmit(setSalesTypeIDData);
  139. }else {
  140. $("#SalesChannelName").val("");
  141. }
  142. }
  143. //回写二级渠道方式数据
  144. function setSalesTypeIDData(data)
  145. {
  146. $("#SalesTypeID").empty();
  147. $("#SalesTypeID").append("<option value=''>请选择</option>");
  148. $("#SalesTypeID").append(data);
  149. //动态绑定数据一定要加这句话否则没有效果
  150. $(".selectpicker" ).selectpicker('refresh');
  151. }
  152. function setSalesTypeName()
  153. {
  154. var idData=$('#SalesTypeID').val();
  155. if(idData!='')
  156. {
  157. var nameData=$("#SalesTypeID").find("option:selected").text();
  158. $("#SalesTypeName").val(nameData);
  159. }
  160. else
  161. {
  162. $("#SalesTypeName").val("");
  163. }
  164. }
  165. //setAppealaffiliationID2()选择二级诉求类别
  166. function setAppealAffiliationID2()
  167. {
  168. var AppealAffiliationID1=$('#AppealAffiliationID1').val();
  169. var nameData="";
  170. if(AppealAffiliationID1!='')
  171. {
  172. nameData=$("#AppealAffiliationID1").find("option:selected").text();
  173. $("#AppealAffiliationName1").val(nameData);
  174. $('#form1').attr('action','${ctx}/myconsole/complaint/register/getAppealAffiliation2Data?ParentID='+AppealAffiliationID1);
  175. $('#form1').ajaxSubmit(setAppealAffiliation2Data);
  176. }
  177. else
  178. {
  179. $("#AppealAffiliationID2").empty();
  180. }
  181. }
  182. //回写归属二类字典数据
  183. function setAppealAffiliation2Data(data)
  184. {
  185. $("#AppealAffiliationID2").empty();
  186. $("#AppealAffiliationID2").append("<option value=''>请选择</option>");
  187. $("#AppealAffiliationID2").append(data);
  188. }
  189. function setAppealAffiliationName2()
  190. {
  191. var AppealAffiliationID2=$('#AppealAffiliationID2').val();
  192. var nameData="";
  193. if(AppealAffiliationID2!='')
  194. {
  195. nameData=$("#AppealAffiliationID2").find("option:selected").text();
  196. $("#AppealAffiliationName2").val(nameData);
  197. }
  198. }
  199. <!--根据下方table的id(tables)调用tableExport.js的tableExport方法导出表格-->
  200. function exportTable() {
  201. $("td:hidden").remove();
  202. $("#tables").tableExport({fileName: '投诉案件办理情况统计表', type: "xls", escape: "false"});
  203. }
  204. //下载附件
  205. function downFile(filePath, fileName) {
  206. window.open('${ctx}/downloadFile.do?FileDownloadPath=' + filePath + '&FileDownloadName=' + fileName, 'Derek', 'resizable=yes,scrollbars=yes,status=no,toolbar=no,menubar=no,location=no');
  207. }
  208. $(function () {
  209. $('#tables').tablesMergeCell({
  210. cols: [0,1]
  211. });
  212. })
  213. </script>
  214. <!--/请在上方写此页面业务相关的脚本-->
  215. <title>投诉案件办理情况统计表</title>
  216. <meta name="keywords" content="">
  217. <meta name="description" content="">
  218. </head>
  219. <body style="line-height:1;">
  220. <form id="form1" method="post" class="form-horizontal" role="form">
  221. <div style="display: none">
  222. <input type="hidden" id="AppealAffiliationName1" name="AppealAffiliationName1" value=""/>
  223. <input type="hidden" id="AppealAffiliationName2" name="AppealAffiliationName2" value=""/>
  224. <input type="hidden" id="FilialeName" name="FilialeName" value=""/>
  225. <input type="hidden" id="BusinessHallName" name="BusinessHallName" value=""/>
  226. <input type="hidden" id="SalesChannelName" name="SalesChannelName" value=""/>
  227. <input type="hidden" id="SalesTypeName" name="SalesTypeName" value=""/>
  228. <input type="hidden" id="RespondentModel" name="RespondentModel" value="respondent"/>
  229. <input type="hidden" id="respondentFilialeID" name="respondent.FilialeID" value=""/>
  230. </div>
  231. <div class="container-fluid" style="margin-top:0px;">
  232. <div class="row" style="padding:15px">
  233. <div class="panel panel-primary">
  234. <div class="panel-heading">查询条件</div>
  235. <div id="collapsePerson" class="panel-collapse collapse in">
  236. <div class="panel-body" style="font-size:14px;width:98%">
  237. <div class="row" style="padding:5px">
  238. <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 has-error has-feedback">
  239. <label class="control-label" for="xjstartDate">投诉时间</label>
  240. </div>
  241. <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 has-error has-feedback"
  242. id="quarterStartDate">
  243. <div class="input-group">
  244. <input type="text" class="form-control" placeholder="" id="BeginAppealDate"
  245. name="BeginAppealDate" vmode="not null" vdisp="投诉时间" vtype="string"
  246. readonly>
  247. <div class="input-group-btn">
  248. <button type="button" class="btn btn-default" aria-label="Left Align"
  249. onClick="WdatePicker({dateFmt:'yyyy-MM-dd',el:'BeginAppealDate',maxDate:new Date()})"
  250. title="选择投诉时间">
  251. <span class="glyphicon glyphicon-calendar" aria-hidden="true"></span>
  252. </button>
  253. </div>
  254. </div>
  255. </div>
  256. <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" id="property">
  257. <label class="control-label" for="xjendDate"
  258. id="property">&nbsp;&nbsp;至&nbsp;&nbsp;</label>
  259. </div>
  260. <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 has-error has-feedback" id="quarterEndDate">
  261. <div class="input-group">
  262. <input type="text" class="form-control" placeholder="" id="EndAppealDate"
  263. name="EndAppealDate" vmode="not null" vdisp="投诉时间 " vtype="string"
  264. readonly>
  265. <div class="input-group-btn">
  266. <button type="button" class="btn btn-default" aria-label="Left Align"
  267. onClick="WdatePicker({dateFmt:'yyyy-MM-dd',el:'EndAppealDate',minDate:$('#BeginAppealDate').val(),maxDate:new Date()})"
  268. title="选择投诉时间">
  269. <span class="glyphicon glyphicon-calendar" aria-hidden="true"></span>
  270. </button>
  271. </div>
  272. </div>
  273. </div>
  274. <!-- <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 ">-->
  275. <!-- <label class="control-label">投诉来源</label>-->
  276. <!-- </div>-->
  277. <!-- <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 ">-->
  278. <!-- <select id="AppealSource" name="AppealSource" class="form-control" vmode=""-->
  279. <!-- vdisp="投诉来源" vtype="string">-->
  280. <!-- <option value="">请选择</option>-->
  281. <!-- ${appealSource!''}-->
  282. <!-- </select>-->
  283. <!-- </div>-->
  284. </div>
  285. <!-- <div class="row" style="padding:5px">-->
  286. <!-- <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 ">-->
  287. <!-- <label class="control-label">机构</label>-->
  288. <!-- </div>-->
  289. <!-- <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 ">-->
  290. <!-- <select id="FilialeID" name="FilialeID" class="form-control" vmode=""-->
  291. <!-- onChange=setCentreCompanyID() vdisp="机构" vtype="string">-->
  292. <!--&lt;!&ndash; <option value=""></option>&ndash;&gt;-->
  293. <!-- ${filiale!''}-->
  294. <!-- </select>-->
  295. <!-- </div>-->
  296. <!-- <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 ">-->
  297. <!-- <label class="control-label">部门</label>-->
  298. <!-- </div>-->
  299. <!-- <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 ">-->
  300. <!-- <select id="BusinessHallID" name="BusinessHallID" class="form-control" vmode=""-->
  301. <!-- onChange=setBusinessHallName() vdisp="部门" vtype="string">-->
  302. <!--&lt;!&ndash; <option value=""></option>&ndash;&gt;-->
  303. <!-- ${businessHallID!''}-->
  304. <!-- </select>-->
  305. <!-- </div>-->
  306. <!-- <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 ">-->
  307. <!-- <label class="control-label">一级渠道</label>-->
  308. <!-- </div>-->
  309. <!-- <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 ">-->
  310. <!-- <select id="SalesChannelID" name="SalesChannelID" class="form-control" vmode=""-->
  311. <!-- onChange=setSalesChannelName() vdisp="一级渠道" vtype="string">-->
  312. <!-- <option value="">请选择</option>-->
  313. <!-- ${SalesChannel!''}-->
  314. <!-- </select>-->
  315. <!-- </div>-->
  316. <!-- </div>-->
  317. <!-- <div class="row" style="padding:5px">-->
  318. <!-- <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 ">-->
  319. <!-- <label class="control-label">二级渠道</label>-->
  320. <!-- </div>-->
  321. <!-- <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 ">-->
  322. <!-- <select id="SalesTypeID" name="SalesTypeID" class="form-control" vmode=""-->
  323. <!-- onChange=setSalesTypeName() vdisp="二级渠道" vtype="string">-->
  324. <!-- <option value=""></option>-->
  325. <!-- </select>-->
  326. <!-- </div>-->
  327. <!-- <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 ">-->
  328. <!-- <label class="control-label">投诉件归属</label>-->
  329. <!-- </div>-->
  330. <!-- <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 ">-->
  331. <!-- <select id="AppealAffiliationID1" name="AppealAffiliationID1" class="form-control" vmode=""-->
  332. <!-- onChange=setAppealAffiliationID2() vdisp="投诉件归属" vtype="string">-->
  333. <!-- <option value="">请选择</option>-->
  334. <!-- ${appealaffiliation!''}-->
  335. <!-- </select>-->
  336. <!-- </div>-->
  337. <!-- <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 ">-->
  338. <!-- <label class="control-label">二级归属</label>-->
  339. <!-- </div>-->
  340. <!-- <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 ">-->
  341. <!-- <select id="AppealAffiliationID2" name="AppealAffiliationID2" class="form-control" vmode=""-->
  342. <!-- onChange=setAppealAffiliationName2() vdisp="二级归属" vtype="string">-->
  343. <!-- <option value=""></option>-->
  344. <!-- </select>-->
  345. <!-- </div>-->
  346. <!-- </div>-->
  347. <div class="row" style="padding:5px" align=center>
  348. <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
  349. <button type="button" class="btn btn-success" id="SubmitButton1"
  350. onclick="doSubmit('01')"> 查询
  351. </button>
  352. </div>
  353. </div>
  354. </div>
  355. </div>
  356. </div>
  357. </div>
  358. </div>
  359. </form>
  360.  
  361. <div class="container-fluid" style="margin-top:1px;">
  362. <div class="time">
  363. <span><input class="dc" id="dc" value="导出Excel" type="${showFlag!''}" onclick="exportTable()" /></span>
  364. <div style="clear:both;"></div>
  365. </div>
  366. <table id="tables" width="85%" cellpadding="0" cellspacing="0" border="0" class="table">
  367. ${tableData!''}
  368. </table>
  369. </div>
  370. </body>
  371. </html>