开封利通水务前端

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