开封利通水务前端

AddWorkOrder.js 23KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730
  1. /**
  2. * 新增或编辑工单
  3. * */
  4. //通话记录跳转过来的
  5. var callId = helper.request.queryString("cid");
  6. var cCustomerName = decodeURIComponent(helper.request.queryString("cCustomerName"));
  7. $(function() {
  8. laydate.render({
  9. elem: '#sc_time',
  10. // range: '~',
  11. type: 'datetime',
  12. theme: '#1ab394',
  13. // calendar: true
  14. });
  15. //通话记录跳转过来的
  16. var cphone = helper.request.queryString("cphone");
  17. // var FileUrl = decodeURIComponent(helper.request.queryString("FileUrl"));
  18. if(cphone) {
  19. $('#order_tel').val(cphone); //否 string 联系电话
  20. }
  21. if(cCustomerName) {
  22. $('#order_company').val(cCustomerName); //是 string 姓名/联系人
  23. }
  24. // if(FileUrl) {
  25. // $('#order_company').text(FileUrl); //是 string 姓名/联系人
  26. // }
  27. autosize($('textarea'));
  28. //获取工单子类
  29. helper.getDropList.getlistDropByDic($('#order_gdzl'), 'GSZL');
  30. //获取工单来源
  31. helper.getDropList.getlistDropByDic($('#order_source'), 'GDLY');
  32. // .then(function() {
  33. // $('#order_source').selectpicker('val', '468').trigger('change');
  34. // });
  35. //获取业务办理
  36. helper.getDropList.getlistDropByDic($('#order_handle'), 'YWLX');
  37. //获取工单类型
  38. helper.getDropList.getOrderRadios($('#order_type'), 'GDLX', 'inlineRadioOptions').then(function() {
  39. // $('#order_type').find('input[type="radio"]').on('change', function() {
  40. // if($(this).val() === "107") { // 业务办理
  41. // $('#order_handles').show();
  42. // }else{
  43. // $('#order_handles').hide();
  44. // }
  45. // });
  46. });
  47. //工单有效性
  48. $('#order_iseffective').find('input[type="radio"]').on('change', function() {
  49. //是否有效工单项(0有效,1无效)
  50. if($(this).val() === "1") { //无效
  51. $('.order_note').show();
  52. $('#order_isover_box').hide();
  53. $('#order_isover').find('input[type="radio"][value="1"]').prop('checked', true).trigger('change');
  54. } else {
  55. $('.order_note').hide();
  56. $('#order_isover_box').show();
  57. $('#order_isover').find('input[type="radio"][value="0"]').prop('checked', true).trigger('change');
  58. }
  59. });
  60. //获取接收部门
  61. getDepts('reginsTreeView', 'order_transfer_dept');
  62. // 立即处理
  63. $('#order_isover').find('input[type="radio"]').on('change', function(){
  64. if($(this).val() === '1'){
  65. $('#order_transfer_depts').hide();
  66. }else{
  67. $('#order_transfer_depts').show();
  68. }
  69. });
  70. //新增工单创建
  71. $('#save_order').on('click', orderSave);
  72. });
  73. //新建工单 保存
  74. function orderSave() {
  75. var str=proimglist.toString();
  76. if(!regexs.userNameReg.test($.trim($('#order_name').val()))) {
  77. layer.confirm('请输入有效的客户姓名(2-20位汉字可以包含·•)!', {
  78. icon: 2,
  79. btn: ['确定']
  80. });
  81. return;
  82. }
  83. if(!regexs.phone.test($.trim($('#order_tel').val()))) {
  84. layer.confirm('请输入正确的联系电话!', {
  85. icon: 2,
  86. btn: ['确定']
  87. });
  88. return;
  89. }
  90. // if(!$.trim($('#order_company').val())) {
  91. // layer.confirm('请输入公司名称!', {
  92. // icon: 2,
  93. // btn: ['确定']
  94. // });
  95. // return;
  96. // }
  97. // if($('#order_iseffective').find('input[type="radio"]:checked').val() === '1') {
  98. // if(!$.trim($('#order_note').val())) {
  99. // layer.confirm('请输入无效原因!', {
  100. // icon: 2,
  101. // btn: ['确定']
  102. // });
  103. // return;
  104. // }
  105. // }
  106. // if($.trim($('#order_transfer_dept').val()) && $('#order_receiveUser').val() === "0"){
  107. // layer.confirm('请选择接收人!', {
  108. // icon: 2,
  109. // btn: ['确定']
  110. // });
  111. // return;
  112. // }
  113. var order_handle = $('#order_handles').is(':visible') ? $('#order_handle').val() : 0,
  114. order_transfer_dept = $('#order_transfer_dept').attr('data-id'),//int 接收部门
  115. order_receiveUser = $('#order_receiveUser').val();//int 接收人
  116. if($('#order_isover').find('input[type="radio"]:checked').val() === '1'){
  117. order_transfer_dept = 0;
  118. order_receiveUser = 0;
  119. }
  120. $.post(huayi.config.callcenter_url + 'CallInScreen/AddWorkOrder', {
  121. source: $('#order_source').val(),//int 工单来源-下拉,数据来源:数据字典GDLY;
  122. gdlx: $('#order_type').find('input[type="radio"]:checked').val(),//int 工单类型-单选,数据来源:数据字典GDLX;
  123. ywlx: order_handle,//int 业务办理-下拉,工单类型选择“业务办理”时数据来源:数据字典GDLX,工单类型选择“投诉”时数据是投诉,传值ID与工单类型一致
  124. // customerid: ,//int 客户id; -此参数可根据来电弹屏时的客户绑定
  125. callid: callId,//string; -此参数可根据来电弹屏时的客户绑定
  126. callCustomer: $('#order_name').val(),//string 客户姓名; -此参数可根据来电弹屏时的客户绑定
  127. tel: $('#order_tel').val(),//string 联系电话 ; -此参数可根据来电弹屏时的客户绑定
  128. company: $('#order_company').val(),// 公司名称
  129. limitdate:$('#sc_time').val(),//截止日期
  130. fkcont: $('#order_reception').val(),//string 反馈内容;
  131. iseffective: $('#order_iseffective').find('input[type="radio"]:checked').val(),//int 是否有效工单项(0有效,1无效);
  132. note: $('#order_note').val(),//string 无效工单必填备注;
  133. clbm: order_transfer_dept,//int 接收部门;
  134. clid: order_receiveUser,//int 接收人;
  135. files:str,//附件id
  136. isover: $('#order_isover').find('input[type="radio"]:checked').val(), //int 是否立即处理(默认为0,立即处理为1,立即处理的工单无法指派接收人和接受部门)
  137. token: $.cookie("token")
  138. }, function(result) {
  139. result = $.parseJSON(result);
  140. if(result.state.toLowerCase() == "success") {
  141. cleanOrderForm();
  142. top.workcount();
  143. layer.msg("保存成功");
  144. }
  145. })
  146. }
  147. initTable();
  148. function initTable() {
  149. //先销毁表格
  150. $('#list').bootstrapTable('destroy');
  151. //初始化表格,动态从服务器加载数据
  152. $("#list").bootstrapTable({
  153. method: "get", //使用get请求到服务器获取数据
  154. url: huayi.config.callcenter_url + "Callleave/GetList", //获取数据的Servlet地址
  155. contentType: 'application/x-www-form-urlencoded',
  156. striped: true, //表格显示条纹
  157. pagination: true, //启动分页
  158. pageSize: 10, //每页显示的记录数
  159. pageNumber: 1, //当前第几页
  160. pageList: [10, 20, 50, 100], //记录数可选列表
  161. search: false, //是否启用查询
  162. showColumns: false, //显示下拉框勾选要显示的列
  163. showRefresh: false, //显示刷新按钮
  164. sidePagination: "server", //表示服务端请求
  165. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  166. //设置为limit可以获取limit, offset, search, sort, order
  167. queryParamsType: "undefined",
  168. queryParams: function queryParams(params) { //设置查询参数
  169. var param = {
  170. page: params.pageNumber,
  171. pagesize: params.pageSize,
  172. // strtelnum: $("#strtelnum").val(),
  173. // settime: $("#lysj").val(),
  174. // removetime: $("#clsj").val(),
  175. // status: $("#cljg").val(),
  176. token: $.cookie("token")
  177. };
  178. return param;
  179. },
  180. onLoadSuccess: function() { //加载成功时执行
  181. //layer.msg("加载成功");
  182. },
  183. onLoadError: function() { //加载失败时执行
  184. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  185. }
  186. });
  187. }
  188. $(".setwin").click(function() {
  189. $(".t-shade").removeClass("cx");
  190. $('audio')[0].pause();
  191. });
  192. //录音
  193. function ck(val) {
  194. var path =cCustomerName;
  195. $(".t-shade").addClass("cx");
  196. $(".Ly_box").empty();
  197. $(".LY_box").empty();
  198. $('<audio style="width:100%;"class=" " src="' + path + '" loop="loop" controls="controls"></audio>').appendTo(".Ly_box");
  199. $('<a href="' + path + '" class="sc_btn LY "download="' + path + '">下载录音</a>').appendTo(".LY_box");
  200. }
  201. //清空表单
  202. function cleanOrderForm() {
  203. $('#order_form').find('input.form-control').val('');
  204. $('#order_form').find('textarea.form-control').val('');
  205. $('#order_form').find('select.form-control').val('0');
  206. $('#order_type').find("input[type='radio'][value='107']").prop("checked", true).trigger('change');
  207. $('#order_iseffective').find("input[type='radio'][value='0']").prop("checked", true).trigger('change');
  208. $('#order_transfer_dept').val('').trigger('keyup');
  209. $('#order_transfer_dept').attr('placeholder', '请选择部门');
  210. $('#order_transfer_dept').attr('data-id', 0);
  211. $('#order_receiveUser').selectpicker('destroy');
  212. $('#order_receiveUser').empty();
  213. $('#order_receiveUser').append('<option value="0">请选择接收人</option>');
  214. $('#order_receiveUser').selectpicker('refresh');
  215. $('#order_form').find('.selectpicker.form-control').selectpicker('val', '0').trigger('change');
  216. $('#order_source').selectpicker('val', '468').trigger('change');
  217. $('#order_isover').find("input[type='radio'][value='0']").prop("checked", true);
  218. }
  219. /**
  220. * 获取接收部门 获取投诉类型
  221. * el1, 树形结构元素id名 reginsTreeView
  222. * el2, 搜索框元素id名 order_transfer_dept
  223. * */
  224. function getDepts(el1, el2) {
  225. //初始化 样式
  226. $('#' + el2).on('focus click', function() {
  227. $('#' + el1).removeClass('hidden').addClass('show');
  228. });
  229. $('#' + el2).on('keyup', function() {
  230. if($(this).val() == '') {
  231. $('#' + el1).treeview('uncheckAll', {
  232. silent: true
  233. });
  234. $(this).attr('data-id', '0');
  235. }
  236. });
  237. $('#' + el2 + ' .caret').on('click', function() {
  238. $('#' + el1).removeClass('hidden').addClass('show');
  239. });
  240. $('#' + el1).mouseleave(function() {
  241. $(this).removeClass('show').addClass('hidden');
  242. });
  243. $.getJSON(huayi.config.callcenter_url + 'Department/GetDeptList', {
  244. token: $.cookie("token")
  245. }, function(result) {
  246. if(result.state.toLowerCase() == "success") {
  247. var defaultDatas = helper.methods.buildTree(result.data);
  248. var sortChildrenArr = helper.methods.objToArray(defaultDatas[0].children);
  249. sortChildrenArr.sort(helper.methods.compare('sort'));
  250. var sortChildrenObj = helper.methods.arrayToObj(sortChildrenArr);
  251. defaultDatas[0].children = sortChildrenObj;
  252. if(defaultDatas) {
  253. var $sTree = $('#' + el1).treeview({
  254. color: "#1ab394",
  255. selectedBackColor: '#1ab394',
  256. expandIcon: 'glyphicon glyphicon-chevron-right',
  257. collapseIcon: 'glyphicon glyphicon-chevron-down',
  258. nodeIcon: 'fa fa-folder-o',
  259. //selectedIcon: "glyphicon glyphicon-stop",
  260. //icon: "glyphicon glyphicon-stop",
  261. //emptyIcon: 'glyphicon',
  262. //showCheckbox: true,
  263. selectable: true,
  264. state: {
  265. selected: true
  266. },
  267. data: defaultDatas,
  268. onNodeSelected: function(event, node) {
  269. $sTree.treeview('clearSearch');
  270. $('#' + el2).val(node.text);
  271. $('#' + el2).attr('data-id', node.id);
  272. $('#' + el1).removeClass('show').addClass('hidden');
  273. //获取接收人员
  274. getReceiveUser($('#order_receiveUser'), node.id);
  275. },
  276. onNodeUnselected: function(event, node) {
  277. $('#' + el2).attr('data-id', 0);
  278. $('#' + el2).attr('placeholder', '请选择接收部门');
  279. $('#order_receiveUser').empty();
  280. $('#order_receiveUser').append('<option value="0">请选择接收人</option>');
  281. $('#order_receiveUser').selectpicker('refresh');
  282. }
  283. });
  284. // $('#' + el1).treeview('collapseAll', {
  285. // silent: true
  286. // });
  287. $('#' + el1).treeview('expandAll', { levels: 2, silent: true });
  288. var findSNodes = function() {
  289. return $sTree.treeview('search', [$('#' + el2).val(), {
  290. ignoreCase: false,
  291. exactMatch: false
  292. }]);
  293. };
  294. $('#' + el2).on('keyup focus', function(e) {
  295. var selectableNodes = findSNodes();
  296. //var m = $('#' + el1).treeview('getParent', selectableNodes);
  297. //$('#' + el1).treeview('selectNode', [ m, { silent: true } ]);
  298. });
  299. }
  300. }
  301. })
  302. }
  303. //获取接收人员
  304. function getReceiveUser(obj, deptid) {
  305. $.ajax({
  306. url: huayi.config.callcenter_url + 'UserAccount/GetDeptUserList',
  307. type: 'get',
  308. data: {
  309. deptid: deptid,
  310. token: $.cookie("token")
  311. },
  312. dataType: "json",
  313. async: true,
  314. success: function(res) {
  315. obj.empty();
  316. if(res.state.toLowerCase() === "success") {
  317. res = res.data;
  318. if(res && res.length > 0) {
  319. obj.append('<option value="0">请选择接收人</option>');
  320. res.forEach(function(v, i) {
  321. obj.append('<option value="' + v.F_UserId + '" data-code="'+ v.F_UserCode +'">' + v.F_UserName + '('+ v.F_UserCode +')</option>');
  322. });
  323. obj.selectpicker('refresh');
  324. }
  325. }
  326. },
  327. });
  328. }
  329. /**
  330. * 附件上传直接在知识库管理拿来用 开始
  331. * */
  332. var proimglist = []; //保存附件数组
  333. var uploader; //上传实例
  334. var limitNum = 6; //限制数量
  335. var edit_id = helper.request.queryString("edit_id");
  336. var token = $.cookie("token");
  337. $(function() {
  338. autosize($('textarea'));
  339. getChangeTree();
  340. if(edit_id) {
  341. getDetail();
  342. } else {
  343. $('#kn_type').val('顶级分类');
  344. $('#kn_type').attr('data-id', 0)
  345. uploaderImages();
  346. }
  347. //初始化 下拉
  348. $('.inps1').focus(function() {
  349. $('.xlAdd').css('display', 'block');
  350. });
  351. $('.xl_one').click(function() {
  352. if($('.xlAdd').css('display') == 'block') {
  353. $('.xlAdd').css('display', 'none')
  354. } else {
  355. $('.xlAdd').css('display', 'block')
  356. }
  357. });
  358. $('.addTree').mouseleave(function() {
  359. $(this).css('display', 'none')
  360. });
  361. $('#save_knowledge').on('click', saveKnowledge);
  362. });
  363. //修改弹出框内 下拉树形图参数配置项
  364. function getChangeTree() {
  365. var setting3 = {
  366. data: {
  367. key: {
  368. name: "text"
  369. },
  370. simpleData: {
  371. enable: true,
  372. idKey: "id",
  373. rootPId: 0
  374. }
  375. },
  376. callback: {
  377. onClick: changeTreeClick
  378. }
  379. }
  380. $.get(huayi.config.callcenter_url + 'KnowledgeClass/GetList', {
  381. // "pid": pid,
  382. "token": token,
  383. }, function(result) {
  384. result = $.parseJSON(result);
  385. $.fn.zTree.init($("#addTreeDemo"), setting3, result.data); //实例化树形图
  386. });
  387. }
  388. function changeTreeClick(event, treeId, treeNode) {
  389. $('#kn_type').val(treeNode.text);
  390. $('#kn_type').attr('data-id', treeNode.id);
  391. };
  392. //获取详情
  393. function getDetail() {
  394. var dtd = $.Deferred(); //在函数内部,新建一个Deferred对象
  395. $.ajax({
  396. type: "post",
  397. url: huayi.config.callcenter_url + "Knowledge/GetInfo",
  398. async: true,
  399. dataType: 'json',
  400. data: {
  401. infoid: edit_id,
  402. token: token
  403. },
  404. success: function(data) {
  405. var con = data.data;
  406. $('#kn_title').val(con.F_Title);
  407. $('#kn_key').val(con.F_KeyWords);
  408. $('#kn_content').val(con.F_Description);
  409. $('#kn_type').val(con.F_Expand1);
  410. $('#kn_type').attr('data-id', con.F_CategoryId);
  411. //附件
  412. var proimglists = con.FileUrls;
  413. proimglists = proimglists == null ? [] : proimglists;
  414. limitNum -= proimglists.length;
  415. uploaderImages(); //附件上传
  416. if(proimglists.length > 0) {
  417. $('#fileNum').text(proimglists.length);
  418. var $list = $("#fileList");
  419. $.each(proimglists, function(i, v) {
  420. proimglist.push(v.F_FileId);
  421. if(v.F_FileType.split("\/")[0] === 'image') {
  422. //原来的图片
  423. var $li = $(
  424. '<li><span class="img_mask"><i class="img_del"></i></span>' +
  425. '<img src="' + v.F_FileUrl + '" title="原来的图片"/>' +
  426. '<span class="file_name">' + v.F_FileName + '</span>' +
  427. '</li>'
  428. );
  429. $list.append($li);
  430. } else {
  431. var $liFile = $(
  432. '<li><span class="img_mask"><i class="img_del"></i></span>' +
  433. '<div class="noThumb" title="原来的文件"><i class="glyphicon glyphicon-paperclip"></i><p>无法预览</p></div>' +
  434. '<span class="file_name">' + v.F_FileName + '</span>' +
  435. '</li>'
  436. );
  437. $list.append($liFile);
  438. }
  439. });
  440. $list.find('li').off('click');
  441. $list.find('li').on('click', '.img_del', function() {
  442. $(this).parent().parent().remove();
  443. var itemFileName = $(this).parent().parent().find('.file_name').text();
  444. $.each(proimglists, function(i, v) {
  445. if(v && v.F_FileName == itemFileName) {
  446. proimglist.splice(i, 1);
  447. }
  448. });
  449. $('#fileNum').text(proimglist.length);
  450. limitNum = 6 - proimglist.length;
  451. uploaderImages();
  452. });
  453. }
  454. dtd.resolve(); // 改变Deferred对象的执行状态
  455. }
  456. });
  457. return dtd.promise(); // 返回promise对象
  458. }
  459. //保存
  460. function saveKnowledge() {
  461. var wUrl;
  462. if(!$.trim($('#kn_type').val())) {
  463. layer.confirm('所属分类不能为空', {
  464. icon: 2,
  465. btn: ['确定'] //按钮
  466. });
  467. return;
  468. }
  469. if(!$.trim($('#kn_title').val())) {
  470. layer.confirm('标题不能为空', {
  471. icon: 2,
  472. btn: ['确定'] //按钮
  473. });
  474. return;
  475. }
  476. if(edit_id) {
  477. wURL = "Knowledge/EditInfo";
  478. } else {
  479. wURL = "Knowledge/AddInfo";
  480. }
  481. $.ajax({
  482. type: "post",
  483. url: huayi.config.callcenter_url + wURL,
  484. dataType: 'json',
  485. async: true,
  486. beforeSend: function() { //触发ajax请求开始时执行
  487. $('#save_knowledge').attr("disabled", true);
  488. $('#save_knowledge').text('保存中...');
  489. $(document).off('click', '#save_knowledge', saveKnowledge);
  490. loadIndex = layer.load();
  491. },
  492. data: {
  493. infoid: edit_id,
  494. title: $('#kn_title').val(),
  495. key: $('#kn_key').val(),
  496. con: helper.filter.delHtmlTag($('#kn_content').val()),
  497. pid: $('#kn_type').attr('data-id'),
  498. fileids: proimglist && proimglist.join(','),
  499. token: token
  500. },
  501. success: function(result) {
  502. if(result.state.toLowerCase() === "success") {
  503. var index = parent.layer.getFrameIndex(window.name);
  504. parent.layer.close(index);
  505. parent.table.bootstrapTable('refresh');
  506. layer.msg("保存成功");
  507. }
  508. },
  509. error: function(textStatus) {
  510. layer.close(loadIndex);
  511. layer.confirm('网络繁忙,请稍后再试...', {
  512. icon: 7,
  513. closeBtn: 0,
  514. btn: ['确定'] //按钮
  515. });
  516. $('#save_knowledge').text('保存');
  517. $('#save_knowledge').attr("disabled", false);
  518. $(document).off('click', '#save_knowledge', saveKnowledge);
  519. $(document).on('click', '#save_knowledge', saveKnowledge);
  520. },
  521. complete: function(XMLHttpRequest, textStatus) {
  522. layer.close(loadIndex);
  523. if(textStatus == 'timeout') {
  524. var xmlhttp = window.XMLHttpRequest ? new window.XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHttp");
  525. xmlhttp.abort();
  526. layer.confirm('网络超时,请稍后再试...', {
  527. icon: 7,
  528. closeBtn: 0,
  529. btn: ['确定'] //按钮
  530. });    
  531. }
  532. $('#save_knowledge').text('保存');
  533. $('#save_knowledge').attr("disabled", false);
  534. $(document).off('click', '#save_knowledge', saveKnowledge);
  535. $(document).on('click', '#save_knowledge', saveKnowledge);
  536. },
  537. });
  538. }
  539. //上传附件
  540. function uploaderImages() {
  541. if(uploader) {
  542. uploader.destroy();
  543. }
  544. uploader = WebUploader.create({
  545. auto: true, // 选完文件后,是否自动上传
  546. swf: '../../js/webuploader/Uploader.swf', // swf文件路径
  547. server: huayi.config.callcenter_url + "Knowledge/UpLoadProcess", // 文件接收服务端
  548. pick: '#imgPicker', // 选择文件的按钮。可选
  549. formData: {
  550. token: token
  551. },
  552. // 多类型文件上传
  553. accept: {
  554. title: 'Files',
  555. extensions: 'gif,jpg,jpeg,bmp,png,pdf,doc,docx,txt,xls,xlsx,ppt,pptx,zip,mp3,mp4,text,csv',
  556. mimeTypes: 'image/*,text/*,audio/mpeg,audio/mp4, video/mp4'
  557. //word
  558. +',application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document'
  559. //excel
  560. +',application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
  561. //ppt
  562. +',application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.presentationml.presentation'
  563. +',application/pdf'
  564. +',application/zip'
  565. +',application/csv'
  566. // title: 'Images',
  567. // extensions: 'gif,jpg,jpeg,bmp,png',
  568. // mimeTypes: 'image/*'
  569. },
  570. compress: false, //webuploader默认压缩图片,设置compress:false,可以按照原始比例上传图片
  571. //fileVal: "upFile",//设置文件上传域的name。
  572. threads: limitNum, //上传并发数。允许同时最大上传进程数,为了保证文件上传顺序
  573. fileNumLimit: limitNum,
  574. fileSizeLimit: 180 * 1024 * 1024, // 180 M
  575. fileSingleSizeLimit: 30 * 1024 * 1024 // 30 M
  576. });
  577. uploader.on('fileQueued', function(file) {
  578. var $list = $("#fileList"),
  579. $li = $(
  580. '<li id="' + file.id + '"><span class="img_mask"><i class="img_del"></i></span>' +
  581. '<img/>' +
  582. '<span class="img_state"><i></i></span>' +
  583. '<span class="file_name">' + file.name + '</span>' +
  584. '</li>'
  585. ),
  586. $img = $li.find('img');
  587. // $list为容器jQuery实例
  588. $list.append($li);
  589. // 保存缩略图
  590. uploader.makeThumb(file, function(error, src) {
  591. if(error) {
  592. $img.replaceWith('<div class="noThumb"><i class="glyphicon glyphicon-paperclip"></i><p>无法预览</p></div>');
  593. return;
  594. }
  595. $img.attr('src', src);
  596. }, 109, 109); //109*109为缩略图尺寸
  597. //绑定删除
  598. $('#' + file.id).on('click', '.img_del', function() {
  599. uploader.removeFile(file);
  600. var $fileLi = $('#' + file.id);
  601. $fileLi.off().find('.img_del').off().end().remove();
  602. var itemFileName = $(this).parent().parent().find('.file_name').text();
  603. $.each(proimglist, function(i, v) {
  604. if(v && v.filename == itemFileName) {
  605. proimglist.splice(i, 1);
  606. //helper.methods.delImgs(v.filesmallurl, v.fileurl);
  607. }
  608. });
  609. $('#fileNum').text(proimglist.length);
  610. });
  611. });
  612. // 文件上传过程中保存进度条实时显示。
  613. uploader.on('uploadProgress', function(file, percentage) {
  614. var $li = $('#' + file.id),
  615. $percent = $li.find('.progress span');
  616. // 避免重复保存
  617. if(!$percent.length) {
  618. $percent = $('<div class="progress" style="">' +
  619. '<span class="text">0%</span>' +
  620. '<span class="percentage"></span>' +
  621. '</div>')
  622. .appendTo($li)
  623. .find('span');
  624. }
  625. $percent.eq(0).text(Math.round(percentage * 100) + '%');
  626. $percent.eq(1).css('width', Math.round(percentage * 100) + '%');
  627. });
  628. // 文件上传成功,给item添加成功class, 用样式标记上传成功。
  629. uploader.on('uploadSuccess', function(file, res) {
  630. proimglist.push(res.data.F_FileId);
  631. $('#fileNum').text(proimglist.length);
  632. $('#' + file.id).addClass('upload-state-done');
  633. });
  634. // 文件上传失败,显示上传出错。
  635. uploader.on('uploadError', function(file) {
  636. var $li = $('#' + file.id),
  637. $error = $li.find('div.error');
  638. // 避免重复创建
  639. if(!$error.length) {
  640. $error = $('<div class="error"></div>').appendTo($li);
  641. }
  642. $error.text('上传失败');
  643. });
  644. // 完成上传完了,成功或者失败,先删除进度条。
  645. uploader.on('uploadComplete', function(file) {
  646. $('#' + file.id).find('.progress').remove();
  647. });
  648. uploader.onError = function(code) {
  649. // console.log('Error:' + code);
  650. switch(code) {
  651. case "Q_EXCEED_NUM_LIMIT":
  652. layer.msg('只能上传六个文件。');
  653. break;
  654. case "Q_TYPE_DENIED":
  655. layer.msg('文件类型不正确。');
  656. break;
  657. case "F_DUPLICATE":
  658. layer.msg('该文件已上传,请选择其它文件。');
  659. break;
  660. case "F_EXCEED_SIZE":
  661. layer.msg('单文件大小不能超过30M。');
  662. break;
  663. case "Q_EXCEED_SIZE_LIMIT":
  664. layer.msg('总文件大小不能超过180M。');
  665. break;
  666. default:
  667. break;
  668. }
  669. };
  670. }
  671. /**
  672. * 附件上传直接在知识库管理拿来用 结束
  673. * */