person.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305
  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(doValidate(form1)){
  24. $('#form1').attr('action','${ctx}/myconsole/complaint/query/personShowData');
  25. $('#form1').submit();
  26. }
  27. }
  28. function resultHandle(data){
  29. var res=eval('(' + data + ')');
  30. if(res.flag){
  31. layer.alert(res.message, {skin: 'layui-layer-molv',closeBtn: 1},
  32. function(){
  33. layer.closeAll('dialog');
  34. window.location.reload();
  35. });
  36. }else{
  37. if(res.flag == false)
  38. {
  39. layer.alert(res.message, {skin: 'layui-layer-molv',closeBtn: 0}, function(){});
  40. }
  41. }
  42. }
  43. //根据省取地市数据
  44. function setAreaID()
  45. {
  46. var provinceID=$("#ProvinceID").val();
  47. $("#CountyID").empty();  
  48. if(provinceID!='')
  49. {
  50. $("#form1").attr("action","${ctx}/myconsole/complaint/register/getAreaIDData");
  51. $("#form1").ajaxSubmit(setAreaIDData);
  52. }
  53. else
  54. {
  55. $("#AreaID").empty();
  56. }
  57. if($("#ProvinceID").val()!="")
  58. {
  59. var provinceName=$("#ProvinceID").find("option:selected").text();
  60. $("#ProvinceName").val(provinceName);
  61. }
  62. else
  63. {
  64. $("#ProvinceName").val("");
  65. }
  66. }
  67. //回写json地市数据
  68. function setAreaIDData(data){
  69. $("#AreaID").empty();  
  70. $("#AreaID").append("<option value=''>请选择</option>");
  71. var listRegionJson = JSON.parse(data);
  72. var postalCode=listRegionJson.PostalCode;
  73. var listregion=eval(listRegionJson.ListRegion);
  74. listregion.forEach(function(item,index)
  75. {
  76. $("#AreaID").append("<option value='"+item.tid+"'>"+item.tname+"</option>");
  77. })
  78. $("#Postalcode").val(postalCode);
  79. }
  80. //根据地市数据选择县区数据
  81. function setCountyID()
  82. {
  83. var areaID=$('#AreaID').val();
  84. if(areaID!='')
  85. {
  86. $("#form1").attr("action","${ctx}/myconsole/complaint/register/getCountyIDData");
  87. $("#form1").ajaxSubmit(setCountyIDData);
  88. }
  89. else
  90. {
  91. $("#CountyID").empty();  
  92. }
  93. if($("#AreaID").val()!="")
  94. {
  95. var provinceName=$("#ProvinceID").find("option:selected").text();
  96. var areaName=$("#AreaID").find("option:selected").text();
  97. $("#ProvinceName").val(provinceName);
  98. $("#AreaName").val(areaName);
  99. }
  100. else
  101. {
  102. $("#AreaName").val("");
  103. }
  104. }
  105. //回写json区县数据
  106. function setCountyIDData(data){
  107. $("#CountyID").empty();  
  108. $("#CountyID").append("<option value=''>请选择</option>");
  109. var listRegionJson = JSON.parse(data);
  110. var postalCode=listRegionJson.PostalCode;
  111. var listregion=eval(listRegionJson.ListRegion);
  112. listregion.forEach(function(item,index)
  113. {
  114. $("#CountyID").append("<option value='"+item.tid+"'>"+item.tname+"</option>");
  115. })
  116. $("#Postalcode").val(postalCode);
  117. }
  118. </script>
  119. <!--/请在上方写此页面业务相关的脚本-->
  120. <title>投诉件查询</title>
  121. <meta name="keywords" content="">
  122. <meta name="description" content="">
  123. </head>
  124. <body >
  125. <form id="form1" method="post" class="form-horizontal" role="form">
  126. <div class="container-fluid" style="margin-top:15px;">
  127. <div class="panel panel-primary">
  128. <div class="panel-heading">
  129. <div style="display:inline;" >客户信息查询 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
  130. </div>
  131. <div id="collapsePerson" class="panel-collapse collapse in">
  132. <div class="panel-body" style="font-size:14px">
  133. <div class="row" style="padding:5px" >
  134. <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 " >
  135. <label class="control-label" for="TName" id="Label_TName">姓名</label></div>
  136. <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 " >
  137. <input type="text" class="form-control" value="" placeholder="" id="TName" name="person.TName" maxlength="40" vmode="" vdisp="姓名" vtype="chinese">
  138. </div>
  139. <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 " >
  140. <label class="control-label" for="LinkTel1">联系电话</label></div>
  141. <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 ">
  142. <input type="text" class="form-control" value="" placeholder="" id="LinkTel1" name="person.LinkTel1" maxlength="20" vmode="" vdisp="联系电话1" vtype="phone">
  143. </div>
  144. <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" >
  145. <label class="control-label" for="WechatNo">微信号码</label></div>
  146. <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
  147. <input type="text" class="form-control" value="" placeholder="" id="WechatNo" name="person.WechatNo" maxlength="40" vmode="" vdisp="微信号码" vtype="string">
  148. </div>
  149. </div>
  150. <div class="row" style="padding:5px">
  151. <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" >
  152. <label class="control-label" for="IDCard">证件号码</label></div>
  153. <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3" >
  154. <input type="text" class="form-control" value="" placeholder="" id="IDCard" name="person.IDCard" vmode="" vdisp="证件号码" vtype="idcard">
  155. </div>
  156. <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" >
  157. <label class="control-label" for="Status">客户身份</label>
  158. </div>
  159. <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3" >
  160. <select id="Status" name="person.Status" class="form-control" vmode="" vdisp="客户类型" vtype="chinese">
  161. <option value="">请选择</option>
  162. ${dic_statusName!''}
  163. </select>
  164. </div>
  165. <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" >
  166. <label class="control-label" for="LinkPerson">联系人</label></div>
  167. <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
  168. <input type="text" class="form-control" value="" placeholder="" id="LinkPerson" name="person.LinkPerson" maxlength="20" vmode="" vdisp="联系人" vtype="string">
  169. </div>
  170. </div>
  171. <div class="row" style="padding:5px">
  172. <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" >
  173. <label class="control-label" for="ProvinceID">通讯地址</label></div>
  174. <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
  175. <select id="ProvinceID" name="person.ProvinceID" onChange=setAreaID() class="form-control" vmode="" vdisp="通讯地址省" vtype="number">
  176. <option value="">请选择</option>
  177. ${provinceID!''}
  178. </select>
  179. </div>
  180. <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" >
  181. <label class="control-label" for="AreaID">地市</label></div>
  182. <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
  183. <select id="AreaID" name="person.AreaID" onChange=setCountyID() class="form-control" vmode="" vdisp="地市" vtype="number">
  184. <option value="">请选择</option>
  185. </select>
  186. </div>
  187. <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" >
  188. <label class="control-label" for="CountyID">区县</label></div>
  189. <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
  190. <select id="CountyID" name="person.CountyID" onChange=setTownAddress() class="form-control" vmode="" vdisp="区县" vtype="number">
  191. <option value="" >请选择</option>
  192. </select>
  193. </div>
  194. </div>
  195. </div>
  196. </div>
  197. </div>
  198. <div class="panel panel-success">
  199. <div class="panel-heading">
  200. <div style="display:inline;" >选择显示的列&nbsp;&nbsp;</div>
  201. </div>
  202. <div id="collapseFile" class="panel-collapse collapse in">
  203. <div class="panel-body" style="font-size:14px">
  204. <div class="row" style="padding:5px">
  205. <label class="checkbox-inline">
  206. &nbsp;&nbsp;&nbsp;&nbsp;<input type='checkbox' name='FieldName' value='persontype/客户类别' checked>客户类别
  207. </label>
  208. <label class="checkbox-inline">
  209. <input type='checkbox' name='FieldName' value='tname/客户姓名' checked>客户姓名
  210. </label>
  211. <label class="checkbox-inline">
  212. <input type='checkbox' name='FieldName' value='cardtype/证件类型' checked>证件类型
  213. </label>
  214. <label class="checkbox-inline">
  215. <input type='checkbox' name='FieldName' value='idcard/证件号码' checked>证件号码
  216. </label>
  217. <label class="checkbox-inline">
  218. <input type='checkbox' name='FieldName' value='status/客户身份' checked>客户身份
  219. </label>
  220. <label class="checkbox-inline">
  221. <input type='checkbox' name='FieldName' value='linkperson/联系人' checked> 联系人
  222. </label>
  223. <label class="checkbox-inline">
  224. <input type='checkbox' name='FieldName' value='linktel1/联系电话' checked>联系电话
  225. </label>
  226. <label class="checkbox-inline">
  227. <input type='checkbox' name='FieldName' value='wechatno/微信号码' >微信号码
  228. </label>
  229. <label class="checkbox-inline">
  230. <input type='checkbox' name='FieldName' value='email/电子邮箱' >电子邮箱
  231. </label>
  232. <label class="checkbox-inline">
  233. <input type='checkbox' name='FieldName' value='provincename/地址所属省' checked>地址所属省
  234. </label>
  235. <label class="checkbox-inline">
  236. <input type='checkbox' name='FieldName' value='areaname/地市' checked>地市
  237. </label>
  238. <label class="checkbox-inline">
  239. <input type='checkbox' name='FieldName' value='countyname/区县' >区县
  240. </label>
  241. <label class="checkbox-inline">
  242. <input type='checkbox' name='FieldName' value='townaddress/详细地址' >详细地址
  243. </label>
  244. <label class="checkbox-inline">
  245. <input type='checkbox' name='FieldName' value='postalcode/邮编' >邮编
  246. </label>
  247. </div>
  248. </div>
  249. </div>
  250. </div>
  251. <div class="row" style="padding:5px">
  252. <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" align=center>
  253. <button type="button" class="btn btn-success" id="SubmitButton1" onclick="doSubmit()"> 查&nbsp;&nbsp;&nbsp;&nbsp;询</button>
  254. </div>
  255. </div>
  256. </div>
  257. </div>
  258. </form>
  259.  
  260. </body>
  261. </html>