暂无描述

fp.html 7.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <link href="../css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
  6. <link href="../css/bootstrap.min.css" />
  7. <link href="../css/bootstrap-table-fixed-columns.css" />
  8. <link rel="stylesheet" href="../css/boot/bootstrap-table.css" />
  9. <link href="../css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
  10. <link href="../css/animate.min.css" rel="stylesheet">
  11. <link href="../css/style.min862f.css?v=4.1.0" rel="stylesheet">
  12. <link href="../css/layer/need/layer.css" />
  13. <title>号码导入</title>
  14. <style>
  15. .btns {
  16. background: #18a689;
  17. }
  18. .btns {
  19. color: rgb(255, 255, 255);
  20. font-size: 12px;
  21. margin-left: 15px;
  22. box-sizing: border-box;
  23. background: rgb(26, 179, 148);
  24. padding: 6px 10px;
  25. outline: none;
  26. border-width: 0px;
  27. border-style: initial;
  28. border-color: initial;
  29. border-image: initial;
  30. border-radius: 3px;
  31. }
  32. .fr {
  33. float: right;
  34. }
  35. .fr p {
  36. display: inline-block;
  37. margin-bottom: 0;
  38. }
  39. .fl {
  40. float: left;
  41. }
  42. .daoHang .dhLeft a {
  43. font-size: 14px;
  44. color: #999;
  45. }
  46. #tbResult thead th .th-inner {
  47. width: 100px;
  48. }
  49. </style>
  50. </head>
  51. <body>
  52. <div class="wrapper wrapper-content animated fadeInRight">
  53. <div class="container-fluid">
  54. <div class="daoHang clearfix">
  55. <div class="dhLeft">
  56. <sapn><i class="syIcon"></i>位置:
  57. <a href="javaScript:;" id="ReIndex">首页</a>&gt;
  58. <a href="javaScript:;">回访管理</a>&gt;
  59. <a href="" style="color: #000;">回访号码导入</a>
  60. </sapn>
  61. </div>
  62. </div>
  63. <div class="fr" style="margin-bottom: 20px; text-align: right;">
  64. <p style="margin-right: 10px;">
  65. <a href="drmb/导入模板.xlsx" download="导入模板.xlsx" title="点击下载导入模板">导入模板</a>
  66. </p>
  67. <p>
  68. <input class="fl" type="file" id="upFile" name="upFile" />
  69. <a class="btns fr" id="aa">导入</a>
  70. </p>
  71. </div>
  72. </div>
  73. <div class="treeTable clearfix">
  74. <div class="tableCon ">
  75. <table id="tbResult" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  76. <thead>
  77. <tr>
  78. <th data-field="F_CusName" data-align="center">客户名称</th>
  79. <th data-field="F_CusTelphone" data-align="center">手机</th>
  80. <th data-field="F_CusPhone" data-align="center">电话</th>
  81. <th data-field="F_Sheng" data-align="center">大区</th>
  82. <th data-field="F_Store" data-align="center">店面</th>
  83. <th data-field="F_Prodate" data-align="center">出厂日期</th>
  84. <th data-field="F_Reciver" data-align="center">接车员</th>
  85. <th data-field="F_License" data-align="center">车牌号码</th>
  86. <th data-field="F_Brand" data-align="center">品牌</th>
  87. <th data-field="F_Models" data-align="center">车型</th>
  88. <th data-field="F_RepType" data-align="center" data-formatter="cutContent">维修类别</th>
  89. <th data-field="F_RepItem" data-formatter="cutContent" data-align="center">维修项目</th>
  90. <th data-field="F_TheTeam" data-align="center">班组</th>
  91. <th data-field="F_Elect" data-align="center">机电</th>
  92. <th data-field="F_Sheetmetal" data-align="center">钣金</th>
  93. <th data-field="F_Paint" data-align="center">喷漆</th>
  94. <th data-field="F_Paint" data-align="center">喷漆</th>
  95. <th data-field="F_Paint" data-align="center">喷漆</th>
  96. <th data-field="F_RepUser" data-align="center">维修工</th>
  97. <th data-field="F_WoNumber" data-align="center">工单号</th>
  98. <th data-field="F_NewCus" data-align="center" data-formatter="cutContent">备注</th>
  99. </tr>
  100. </thead>
  101. <tbody id="tbody"></tbody>
  102. </table>
  103. </div>
  104. </div>
  105. </div>
  106. <script src="../js/jquery.min.js?v=2.1.4"></script>
  107. <script src="../js/jquery.cookie.js"></script>
  108. <script src="../js/bootstrap-table-fixed-columns.js"></script>
  109. <script src="../Script/Common/huayi.load.js"></script>
  110. <script src="../Script/Common/huayi.config.js"></script>
  111. <script src="../js/visit/ajaxfileupload.js"></script>
  112. <script>
  113. $(function() {
  114. $("#aa").click(function() {
  115. ajaxFileUpload();
  116. });
  117. Finish();
  118. });
  119. function Finish() {
  120. var $tableLeft = $('#tbResult');
  121. $tableLeft.bootstrapTable('destroy');
  122. //初始化表格,动态从服务器加载数据
  123. $tableLeft.bootstrapTable({
  124. method: "get", //使用get请求到服务器获取数据
  125. // url: huayi.config.callcenter_url + "VisitTelphone/GetResultList",
  126. url: huayi.config.callcenter_url + "VisitTelphone/GetList",
  127. contentType: "application/x-www-form-urlencoded",
  128. striped: true, //表格显示条纹
  129. pagination: true, //启动分页
  130. pageSize: 10, //每页显示的记录数
  131. pageNumber: 1, //当前第几页
  132. fixedColumns: true,
  133. fixedNumber: 3,
  134. pageList: [5, 20, 50, 100], //记录数可选列表
  135. search: false, //是否启用查询
  136. showColumns: false, //显示下拉框勾选要显示的列
  137. showRefresh: false, //显示刷新按钮
  138. sidePagination: "server", //表示服务端请求
  139. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  140. //设置为limit可以获取limit, offset, search, sort, order
  141. queryParamsType: "undefined",
  142. queryParams: function queryParams(params) { //设置查询参数
  143. var param = {
  144. page: params.pageNumber,
  145. pagesize: params.pageSize,
  146. token: $.cookie("token"),
  147. };
  148. return param;
  149. },
  150. onLoadSuccess: function() { //加载成功时执行
  151. // layer.msg("加载成功");
  152. },
  153. onLoadError: function() { //加载失败时执行
  154. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  155. }
  156. });
  157. }
  158. //限制字符串长度
  159. function cutContent(val) {
  160. if(val) {
  161. var str = '<div '
  162. if(val.length > 3) {
  163. str = str + ' title="' + val + '" ';
  164. val = val.substr(0, 3) + "...";
  165. }
  166. return str + '>' + val + '</div>';
  167. } else {
  168. return '';
  169. }
  170. }
  171. function ajaxFileUpload() {
  172. $.ajaxFileUpload({
  173. url: huayi.config.callcenter_url + 'VisitInput/TelInput', //用于文件上传的服务器端请求地址
  174. secureuri: false, //是否需要安全协议,一般设置为false
  175. fileElementId: 'upFile', //文件上传域的ID
  176. dataType: 'json', //返回值类型 一般设置为json
  177. data: {
  178. token: $.cookie("token")
  179. },
  180. success: function(data) //服务器成功响应处理函数
  181. {
  182. layer.msg("导入成功");
  183. Finish();
  184. }
  185. })
  186. return false;
  187. }
  188. function VisitTelphone() {
  189. /*请求后台*/
  190. $.ajax({
  191. type: "get",
  192. url: huayi.config.callcenter_url + "VisitTelphone/GetList",
  193. dataType: 'json',
  194. async: true,
  195. data: {
  196. token: $.cookie("token")
  197. },
  198. success: function(data) {
  199. /*验证请求*/
  200. if(data.state == "success") {
  201. alert("成功");
  202. }
  203. }
  204. });
  205. }
  206. </script>
  207. </body>
  208. </html>