开封利通水务前端

AddWorkOrder.js 23KB

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