开封利通水务前端

AddWorkOrder.js 23KB

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