| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910 |
- /**
- * 工单处理(结束)
- * */
- var inout;
- var F_Flag;
- var arr = ['37', '57', '74', '88', '268', '422', '339', '213', '427', '433', '424'] //市场管理科
- var zlarr = ['12', '36', '295', '245'] //质量管理科
- $(document).ready(function() {
- autosize($('textarea'));
- var ID = helper.request.queryString("oid"); //工单ID
- if(ID) {
- getWorkOrderInfo(ID);
- }
- ZLZRDWBOX($("#duoxuanbox")); //责任单位
- ZYJB($("#level")); //重要级别
- //点击确定
- $("#clgd").click(function() {
- if($("#cl_gdlx").text() == '投诉' || $("#cl_gdlx").text() == '业务协办') {
- if((F_Flag == 3 && inout == 2) || F_Flag == 9 || F_Flag == 1 || F_Flag == 2) {
- if(!$("#cont").val()) {
- layer.confirm('请输入处理结果!', {
- icon: 2,
- btn: ['确定']
- });
- return;
- }
- if(!$("#cont1").val()) {
- layer.confirm('请输入问题原因!', {
- icon: 2,
- btn: ['确定']
- });
- return;
- }
- if(!$("#cont2").val()) {
- layer.confirm('请输入责任单位!', {
- icon: 2,
- btn: ['确定']
- });
- return;
- }
- if(!$("#cont3").val()) {
- layer.confirm('请输入整改计划!', {
- icon: 2,
- btn: ['确定']
- });
- return;
- }
- if(!$("#level").val()) {
- layer.confirm('请选择重要级别!', {
- icon: 2,
- btn: ['确定']
- });
- return;
- }
- }
- }
- if(inout == 3 && F_Flag == 3) {
- layer.confirm('您要处理外线还是内线?请选择', {
- skin: "my-skin",
- btn: ['外线', '内线'],
- cancel: function(index, layero) {}
- }, function() {
- dealWorkOrder(ID, 1);
- }, function() {
- dealWorkOrder(ID, 2);
- });
- } else {
- dealWorkOrder(ID);
- }
- });
- })
- //重要级别
- function ZYJB(obj) {
- obj.empty();
- obj.append('<option selected="selected" value="">请选择</option>');
- $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListByFlag", {
- "token": $.cookie("token"),
- flag: "ZYJB",
- }, function(data) {
- if(data.state.toLowerCase() == "success") {
- var content = data.data;
- $(content).each(function(i, n) {
- $("<option value='" + n.F_Name + "'>" + n.F_Name + "</option>").appendTo(obj);
- })
- }
- })
- }
- function ZLZRDWBOX(obj) {
- obj.empty();
- $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListByFlag", {
- "token": $.cookie("token"),
- flag: "ZLZRDW",
- }, function(data) {
- if(data.state.toLowerCase() == "success") {
- var content = data.data;
- $(content).each(function(i, n) {
- $("<span>" + n.F_Name + "</span>" + "<input type='checkbox' name='duo' value='" + n.F_Name + "'>" + "</input>").appendTo(obj);
- })
- }
- })
- }
- $('#Depth').find('input[type="radio"]').on('change', function() {
- if($(this).val() == "0") { //业务办理
- $('#F_Address,#F_Address').show();
- } else {
- $('#F_Address,#F_Address').hide();
- }
- });
- //获取工单信息
- function getWorkOrderInfo(oid) {
- var obj = JSON.parse(localStorage.getItem('endDetail'))
- if(obj) {
- $("#gyi").val(obj.WorkmanShip) //工艺
- $("#ylcj").val(obj.Manufacturers) //原料及厂家
- $("#scsl").val(obj.ProductionNum) //该批次生产数量
- $("#cont").val(obj.cont) //否 处理内容
- $("#cont1").val(obj.EventReason) //问题原因
- $("#cont2").val(obj.ResponsibleUnit) //责任单位
- $("#cont3").val(obj.ImprovementRequirements) //整改计划
- }
- $.ajax({
- type: "get",
- url: huayi.config.callcenter_url + "WorkOrderNew/GetDetails",
- async: true,
- dataType: 'json',
- data: {
- id: oid,
- token: $.cookie("token")
- },
- success: function(data) {
- /*验证请求*/
- if(data.state == "success") {
- var Str = data.rows;
- if(Str && Str.length > 0) {
- inout = Str[0].inout;
- F_Flag = Str[0].F_Flag
- $("#wid").text(Str[0].F_ID); //id
- $('#cl_gdbh').text(Str[0].F_WorkOrderCode); //工单编号
- $("#cl_gdlx").text(Str[0].F_TypeName); //工单类型
- $("#xq_source").text(Str[0].F_SourceName); //工单来源
- // $("#xq_handle").text(Str[0].YWLXName); //业务办理
- $("#cl_khxm").text(Str[0].F_CusName); //姓名
- $("#cl_khdh").text(helper.filter.cutTel(Str[0].F_CusPhone)); //电话
- $("#cl_gdn").text(Str[0].F_DeptName); //部门
- $('#cl_gdnr').text(decodeURIComponent(Str[0].Detail));
- $('#gyi').val(Str[0].F_WorkmanShip) //工艺
- $('#ylcj').val(Str[0].F_Manufacturers) //工艺
- $('#scsl').val(Str[0].F_ProductionNum) //工艺
- // $("#cont1").val(Str[0].F_EventReason) //问题原因
- if(Str[0].F_EventReason) { //问题原因
- wtyyarr = Str[0].F_EventReason.split(';@#')
- if(wtyyarr.length > 1) {
- // $("#cont1").attr('placeholder', wtyyarr[wtyyarr.length - 2].split(':')[2].slice(2).trim());
- $("#cont1").text(wtyyarr[wtyyarr.length - 2].split(':')[2].slice(2).trim());
- } else {
- // $("#cont1").attr('placeholder', Str[0].F_EventReason);
- $("#cont1").text(Str[0].F_EventReason);
- }
- }
- $("#level").val(Str[0].F_TS_Level); //重要级别
- $("#cont2").val(Str[0].F_ZL_ResponsibleUnit) //责任单位
- // $("#cont3").val(Str[0].F_ZL_ImprovementRequirements) //整改计划
- if(Str[0].F_ZL_ImprovementRequirements) { //整改计划
- zgjharr = Str[0].F_ZL_ImprovementRequirements.split(';@#')
- if(zgjharr.length > 1) {
- // $("#cont3").attr('placeholder', zgjharr[zgjharr.length - 2].split(':')[2].slice(2).trim());
- $("#cont3").text(zgjharr[zgjharr.length - 2].split(':')[2].slice(2).trim());
- } else {
- // $("#cont3").attr('placeholder', Str[0].F_ZL_ImprovementRequirements);
- $("#cont3").text(Str[0].F_ZL_ImprovementRequirements);
- }
- }
- if(Str[0].inout == 2) {
- if(Str[0].SuperiorOpinion2) {
- clarr = Str[0].SuperiorOpinion2.split(';@#')
- if(clarr.length > 1) {
- // $("#cont").attr('placeholder', clarr[clarr.length - 2].split(':')[2].slice(2).trim());
- $("#cont").text(clarr[clarr.length - 2].split(':')[2].slice(2).trim());
- } else {
- // $("#cont").attr('placeholder', Str[0].SuperiorOpinion2) //处理内容
- $("#cont").text(Str[0].SuperiorOpinion2)
- }
- }
- } else {
- if(Str[0].SuperiorOpinion) {
- clarr = Str[0].SuperiorOpinion.split(';@#')
- if(clarr.length > 1) {
- // $("#cont").attr('placeholder', clarr[clarr.length - 2].split(':')[2].slice(2).trim());
- $("#cont").text(clarr[clarr.length - 2].split(':')[2].slice(2).trim());
- } else {
- // $("#cont").attr('placeholder', Str[0].SuperiorOpinion) //处理内容
- $("#cont").text(Str[0].SuperiorOpinion)
- }
- }
- }
- // if(Str[0].inout == 2) {
- // if(Str[0].SuperiorOpinion2.indexOf(':') != -1) {
- // $("#cont").val(Str[0].SuperiorOpinion2.split(':')[2].slice(2).trim()) //处理内容
- // } else {
- // $("#cont").val(Str[0].SuperiorOpinion2) //处理内容
- // }
- // } else {
- // if(Str[0].SuperiorOpinion.indexOf(':') != -1) {
- // $("#cont").val(Str[0].SuperiorOpinion.split(':')[2].slice(2).trim()) //处理内容
- // } else {
- // $("#cont").val(Str[0].SuperiorOpinion) //处理内容
- // }
- // }
- if($("#cl_gdlx").text() == "抽检") {
- if(arr.indexOf($.cookie('userDeptId')) != -1) {
- $("#abcde").show();
- $("#abc").hide();
- }
- if(zlarr.indexOf($.cookie('userDeptId')) != -1) {
- $("#abcdef").show();
- $("#abcde").hide();
- $("#shicon").hide();
- }
- } else if($("#cl_gdlx").text() == "投诉") {
- if(arr.indexOf($.cookie('userDeptId')) != -1) {
- $("#abc").show();
- $("#abcde").hide();
- }
- } else if($("#cl_gdlx").text() == "咨询") {
- if(arr.indexOf($.cookie('userDeptId')) != -1) {
- $("#ccc").show();
- $("#ddd").hide();
- }
- } else if($("#cl_gdlx").text() == "业务协办") {
- if(arr.indexOf($.cookie('userDeptId')) != -1) {
- $("#abc").show();
- $("#abcde").hide();
- }
- }
- //附件
- var proimglists = data.FileUrl;
- proimglists = proimglists == null ? [] : proimglists;
- limitNum -= proimglists.length;
- uploaderImages(); //附件上传
- if(proimglists.length > 0) {
- $('#fileNum').text(proimglists.length);
- var $list = $("#fileList");
- $.each(proimglists, function(i, v) {
- proimglist.push(v.F_FileId);
- if(v.F_FileType.split("\/")[0] === 'image' || v.F_FileType === '.png' || v.F_FileType === '.jpg') {
- //原来的图片
- var $li = $(
- '<li><span class="img_mask"><i class="img_del"></i></span>' +
- '<img src="' + v.F_FileUrl + '" title="原来的图片"/>' +
- '<span class="file_name">' + v.F_FileName + '</span>' +
- '</li>'
- );
- $list.append($li);
- } else {
- var $liFile = $(
- '<li><span class="img_mask"><i class="img_del"></i></span>' +
- '<div class="noThumb" title="原来的文件"><i class="glyphicon glyphicon-paperclip"></i><p>无法预览</p></div>' +
- '<span class="file_name">' + v.F_FileName + '</span>' +
- '</li>'
- );
- $list.append($liFile);
- }
- });
- $list.find('li').off('click');
- $list.find('li').on('click', '.img_del', function() {
- $(this).parent().parent().remove();
- var itemFileName = $(this).parent().parent().find('.file_name').text();
- $.each(proimglists, function(i, v) {
- if(v && v.F_FileName == itemFileName) {
- proimglist.splice(i, 1);
- }
- });
- $('#fileNum').text(proimglist.length);
- limitNum = 6 - proimglist.length;
- uploaderImages();
- });
- }
- //微信内文件(暂时不用)
- var Files = Str[0].Files;
- if(Files) {
- var a;
- var b;
- $(Files).each(function(i, n) {
- a = n.F_FileType.split("\/")[0];
- b = n.F_FileName.split(".")[1];
- // console.log(a);
- if(a == 'image') {
- $('<div class="img-box"><a href="+' + n.F_FileUrl + '" download="' + n.F_FileName + '"><img src="' + n.F_FileUrl + '" alt="" class="image-item" data-preview-group="1" /><span class="">' + b + '</span></a><div>').appendTo(".space");
- } else {
- $('<div class="img-box "><a href="+' + n.F_FileUrl + '" download="' + n.F_FileName + '"><span class="">' + b + '</span></a><div>').appendTo(".space");
- }
- })
- }
- }
- }
- }
- });
- }
- //$(function() {
- // $("#duoxuan").on("click", function() {
- // var ichk = $("input:checkbox:checked").map(function() {
- // return $(this).val();
- // }).get().join(",");
- // $("#txtServerType").val(ichk);
- // })
- //})
- $('#yijian').find('input[type="radio"]').on('change', function() {
- if($(this).val() == "不同意") { //业务办理
- $('#nrr,#ytt').show();
- } else {
- $('#nrr,#ytt').hide();
- }
- });
- $('#buchang').find('input[type="radio"]').on('change', function() {
- if($(this).val() == "钱款") { //业务办理
- $('#mction,#mcttic').show();
- } else {
- $('#mction,#mcttic').hide();
- }
- });
- //获取工单类型
- function getTypeName(val) {
- var str = '';
- switch(val + '') {
- case '107':
- str = "咨询";
- break;
- case '108':
- str = "投诉";
- break;
- }
- return str;
- }
- //暂存
- $("#zcgd").click(function() {
- var obj = {
- WorkmanShip: $("#gyi").val(), //工艺
- Manufacturers: $("#ylcj").val(), //原料及厂家
- ProductionNum: $("#scsl").val(), //该批次生产数量
- cont: $("#cont").val(), //否 处理内容
- EventReason: $("#cont1").val(), //问题原因
- ResponsibleUnit: $("#cont2").val(), //责任单位
- ImprovementRequirements: $("#cont3").val() //整改计划
- }
- localStorage.setItem("endDetail", JSON.stringify(obj))
- layer.msg('暂存成功');
- setTimeout(function() {
- parent.layer.closeAll();
- }, 700)
- })
- //处理
- function dealWorkOrder(oid, inoutflag) {
- var isDetail = helper.request.queryString("isDetail"); //是否是详情页面的处理
- $.ajax({
- type: "post",
- url: huayi.config.callcenter_url + 'WorkOrderNew/DealWorkOrder',
- async: true,
- dataType: "json",
- beforeSend: function() {
- $("#clgd").attr("disabled", true);
- $("#clgd").val("保存中");
- loadIndex = layer.load();
- },
- data: {
- orderid: oid, //否 strubg 工单ID
- inoutflag: inoutflag,
- isover: 1, //是否完结 0否,1是
- cont: $("#cont").val() || $("#cont").attr('placeholder'), //否 处理内容
- EventReason: $("#cont1").val() || $("#cont1").attr('placeholder'),
- ResponsibleUnit: $("#cont2").val(),
- ImprovementRequirements: $("#cont3").val() || $("#cont3").attr('placeholder'),
- ProductBase: $("#zhibao").val(),
- QualityEventLevel: $("#cat").val(),
- shenpi: $("#shenpi").val(),
- ClaimAmount: $("#cataa").val(),
- //ResponsibleUnit: $("#txtServerType").val(),
- ApprovalOpinions: $("input[name='tong']:checked").val(),
- ApprovalDisagree: $("#butong").val(),
- CompensationMethod: $("input[name='buchan']:checked").val(),
- CompensationMoney: $("#bcqkun").val(),
- CResponsibleUnits: $("#danwei").val(),
- Fquantity: $("#shuliang").val(),
- //ImprovementRequirements: $("#yaoqiu").val(),
- CApprovalNo: $("#danhao").val(),
- ProductBase: $("#chou").val(),
- uncont: $("#wclyy").val(), //未处理原因
- isvisit: $("#huifang").find('input[type="radio"]:checked').val(),
- IsRecord: $("#gongzuol").find('input[type="radio"]:checked').val(),
- F_CJ_IsQualified: $("#qualified").find('input[type="radio"]:checked').val(),
- isvisit: $("#hui_FA").find('input[type="radio"]:checked').val(),
- isApprovalp: $("#high_level").find('input[type="radio"]:checked').val(),
- F_Files: proimglist && proimglist.join(','),
- WorkmanShip: $("#gyi").val(),
- Manufacturers: $("#ylcj").val(),
- ProductionNum: $("#scsl").val(),
- TS_Level: $("#level").val(),
- token: $.cookie("token")
- },
- success: function(result) {
- if(result.state.toLowerCase() == "success") {
- localStorage.removeItem("endDetail")
- $("#clgd").attr("disabled", false);
- $("#clgd").val("保存");
- layer.close(loadIndex);
- if(isDetail === "true") {
- parent.parent.layer.closeAll();
- parent.parent.$('#orderlist').bootstrapTable('refresh');
- parent.parent.layer.msg("工单结单成功!");
- } else {
- var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
- parent.layer.close(index); //再执行关闭
- parent.$('#workorderlist').bootstrapTable('refresh');
- parent.$('.Closed').trigger('click');
- parent.layer.msg("工单结单成功!");
- }
- top.workcount();
- } else {
- $("#clgd").attr("disabled", false);
- $("#clgd").val("保存");
- layer.close(loadIndex);
- }
- }
- });
- }
- $("#gdxq_").click(function() {
- $("#F_Address").show();
- });
- $(document).ready(function() {
- var wid = helper.request.queryString("wid");
- // CPZL($("#zhibao"));//产品种类
- SCSCJD($("#zhibao")); //初审意见
- ZLSJDJ($("#cat")); //质量事件等级
- ZLSJDJ($("#dengji")); //质量事件等级
- ZLZRDW($("#cataa")); //责任单位
- ZLZRDW($("#danwei")); //责任单位
- SCSCJD($("#chou")); //责任单位SCSCJD
- WCLYY($("#wclyy")); //未处理原因
- SCCS($("#chushen")); //初审意见
- });
- function WCLYY(obj) {
- obj.empty();
- obj.append('<option selected="selected" value="">请选择</option>');
- $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListByFlag", {
- "token": $.cookie("token"),
- flag: "WCLYY",
- }, function(data) {
- if(data.state.toLowerCase() == "success") {
- var content = data.data;
- $(content).each(function(i, n) {
- $("<option value='" + n.F_Name + "'>" + n.F_Name + "</option>").appendTo(obj);
- })
- }
- })
- }
- function SCSCJD(obj) {
- obj.empty();
- obj.append('<option selected="selected" value="">请选择</option>');
- $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListByFlag", {
- "token": $.cookie("token"),
- flag: "SCSCJD",
- }, function(data) {
- if(data.state.toLowerCase() == "success") {
- var content = data.data;
- $(content).each(function(i, n) {
- $("<option value='" + n.F_Name + "'>" + n.F_Name + "</option>").appendTo(obj);
- })
- }
- })
- }
- function SCCS(obj) {
- obj.empty();
- obj.append('<option selected="selected" value="">请选择</option>');
- $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListByFlag", {
- "token": $.cookie("token"),
- flag: "SCCS",
- }, function(data) {
- if(data.state.toLowerCase() == "success") {
- var content = data.data;
- $(content).each(function(i, n) {
- $("<option value='" + n.F_Name + "'>" + n.F_Name + "</option>").appendTo(obj);
- })
- }
- })
- }
- function ZLZRDW(obj) {
- obj.empty();
- obj.append('<option selected="selected" value="">请选择</option>');
- $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListByFlag", {
- "token": $.cookie("token"),
- flag: "ZLZRDW",
- }, function(data) {
- if(data.state.toLowerCase() == "success") {
- var content = data.data;
- $(content).each(function(i, n) {
- $("<option value='" + n.F_Name + "'>" + n.F_Name + "</option>").appendTo(obj);
- })
- }
- })
- }
- function ZLSJDJ(obj) {
- obj.empty();
- obj.append('<option selected="selected" value="">请选择</option>');
- $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListByFlag", {
- "token": $.cookie("token"),
- flag: "ZLSJDJ",
- }, function(data) {
- if(data.state.toLowerCase() == "success") {
- var content = data.data;
- $(content).each(function(i, n) {
- $("<option value='" + n.F_Name + "'>" + n.F_Name + "</option>").appendTo(obj);
- })
- }
- })
- }
- /**
- * 附件上传直接在知识库管理拿来用 开始
- * */
- var proimglist = []; //保存附件数组
- var uploader; //上传实例
- var limitNum = 6; //限制数量
- var edit_id = helper.request.queryString("edit_id");
- var token = $.cookie("token");
- $(function() {
- autosize($('textarea'));
- getChangeTree();
- if(edit_id) {
- getDetail();
- } else {
- $('#kn_type').val('顶级分类');
- $('#kn_type').attr('data-id', 0)
- uploaderImages();
- }
- //初始化 下拉
- $('.inps1').focus(function() {
- $('.xlAdd').css('display', 'block');
- });
- $('.xl_one').click(function() {
- if($('.xlAdd').css('display') == 'block') {
- $('.xlAdd').css('display', 'none')
- } else {
- $('.xlAdd').css('display', 'block')
- }
- });
- $('.addTree').mouseleave(function() {
- $(this).css('display', 'none')
- });
- $('#save_knowledge').on('click', saveKnowledge);
- });
- //修改弹出框内 下拉树形图参数配置项
- function getChangeTree() {
- var setting3 = {
- data: {
- key: {
- name: "text"
- },
- simpleData: {
- enable: true,
- idKey: "id",
- rootPId: 0
- }
- },
- callback: {
- onClick: changeTreeClick
- }
- }
- $.get(huayi.config.callcenter_url + 'KnowledgeClass/GetList', {
- // "pid": pid,
- "token": token,
- }, function(result) {
- result = $.parseJSON(result);
- $.fn.zTree.init($("#addTreeDemo"), setting3, result.data); //实例化树形图
- });
- }
- function changeTreeClick(event, treeId, treeNode) {
- $('#kn_type').val(treeNode.text);
- $('#kn_type').attr('data-id', treeNode.id);
- };
- //获取详情
- function getDetail() {
- var dtd = $.Deferred(); //在函数内部,新建一个Deferred对象
- $.ajax({
- type: "post",
- url: huayi.config.callcenter_url + "Knowledge/GetInfo",
- async: true,
- dataType: 'json',
- data: {
- infoid: edit_id,
- token: token
- },
- success: function(data) {
- var con = data.data;
- $('#kn_title').val(con.F_Title);
- $('#kn_key').val(con.F_KeyWords);
- $('#kn_content').val(con.F_Description);
- $('#kn_type').val(con.F_Expand1);
- $('#kn_type').attr('data-id', con.F_CategoryId);
- //附件
- var proimglists = con.FileUrls;
- proimglists = proimglists == null ? [] : proimglists;
- limitNum -= proimglists.length;
- uploaderImages(); //附件上传
- if(proimglists.length > 0) {
- $('#fileNum').text(proimglists.length);
- var $list = $("#fileList");
- $.each(proimglists, function(i, v) {
- proimglist.push(v.F_FileId);
- if(v.F_FileType.split("\/")[0] === 'image') {
- //原来的图片
- var $li = $(
- '<li><span class="img_mask"><i class="img_del"></i></span>' +
- '<img src="' + v.F_FileUrl + '" title="原来的图片"/>' +
- '<span class="file_name">' + v.F_FileName + '</span>' +
- '</li>'
- );
- $list.append($li);
- } else {
- var $liFile = $(
- '<li><span class="img_mask"><i class="img_del"></i></span>' +
- '<div class="noThumb" title="原来的文件"><i class="glyphicon glyphicon-paperclip"></i><p>无法预览</p></div>' +
- '<span class="file_name">' + v.F_FileName + '</span>' +
- '</li>'
- );
- $list.append($liFile);
- }
- });
- $list.find('li').off('click');
- $list.find('li').on('click', '.img_del', function() {
- $(this).parent().parent().remove();
- var itemFileName = $(this).parent().parent().find('.file_name').text();
- $.each(proimglists, function(i, v) {
- if(v && v.F_FileName == itemFileName) {
- proimglist.splice(i, 1);
- }
- });
- $('#fileNum').text(proimglist.length);
- limitNum = 6 - proimglist.length;
- uploaderImages();
- });
- }
- dtd.resolve(); // 改变Deferred对象的执行状态
- }
- });
- return dtd.promise(); // 返回promise对象
- }
- //保存
- function saveKnowledge() {
- var wUrl;
- if(!$.trim($('#kn_type').val())) {
- layer.confirm('所属分类不能为空', {
- icon: 2,
- btn: ['确定'] //按钮
- });
- return;
- }
- if(!$.trim($('#kn_title').val())) {
- layer.confirm('标题不能为空', {
- icon: 2,
- btn: ['确定'] //按钮
- });
- return;
- }
- if(edit_id) {
- wURL = "Knowledge/EditInfo";
- } else {
- wURL = "Knowledge/AddInfo";
- }
- $.ajax({
- type: "post",
- url: huayi.config.callcenter_url + wURL,
- dataType: 'json',
- async: true,
- beforeSend: function() { //触发ajax请求开始时执行
- $('#save_knowledge').attr("disabled", true);
- $('#save_knowledge').text('保存中...');
- $(document).off('click', '#save_knowledge', saveKnowledge);
- loadIndex = layer.load();
- },
- data: {
- infoid: edit_id,
- title: $('#kn_title').val(),
- key: $('#kn_key').val(),
- con: helper.filter.delHtmlTag($('#kn_content').val()),
- pid: $('#kn_type').attr('data-id'),
- fileids: proimglist && proimglist.join(','),
- token: token
- },
- success: function(result) {
- if(result.state.toLowerCase() === "success") {
- var index = parent.layer.getFrameIndex(window.name);
- parent.layer.close(index);
- parent.table.bootstrapTable('refresh');
- layer.msg("保存成功");
- }
- },
- error: function(textStatus) {
- layer.close(loadIndex);
- layer.confirm('网络繁忙,请稍后再试...', {
- icon: 7,
- closeBtn: 0,
- btn: ['确定'] //按钮
- });
- $('#save_knowledge').text('保存');
- $('#save_knowledge').attr("disabled", false);
- $(document).off('click', '#save_knowledge', saveKnowledge);
- $(document).on('click', '#save_knowledge', saveKnowledge);
- },
- complete: function(XMLHttpRequest, textStatus) {
- layer.close(loadIndex);
- if(textStatus == 'timeout') {
- var xmlhttp = window.XMLHttpRequest ? new window.XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHttp");
- xmlhttp.abort();
- layer.confirm('网络超时,请稍后再试...', {
- icon: 7,
- closeBtn: 0,
- btn: ['确定'] //按钮
- });
- }
- $('#save_knowledge').text('保存');
- $('#save_knowledge').attr("disabled", false);
- $(document).off('click', '#save_knowledge', saveKnowledge);
- $(document).on('click', '#save_knowledge', saveKnowledge);
- },
- });
- }
- //上传附件
- function uploaderImages() {
- if(uploader) {
- uploader.destroy();
- }
- uploader = WebUploader.create({
- auto: true, // 选完文件后,是否自动上传
- swf: '../../js/webuploader/Uploader.swf', // swf文件路径
- server: huayi.config.callcenter_url + "Knowledge/UpLoadProcess", // 文件接收服务端
- pick: '#imgPicker', // 选择文件的按钮。可选
- formData: {
- token: token
- },
- // 多类型文件上传
- accept: {
- title: 'Files',
- extensions: 'gif,jpg,jpeg,bmp,png,pdf,doc,docx,txt,xls,xlsx,ppt,pptx,zip,mp3,mp4,text,csv',
- mimeTypes: 'image/*,text/*,audio/mpeg,audio/mp4, video/mp4'
- //word
- +
- ',application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document'
- //excel
- +
- ',application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
- //ppt
- +
- ',application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.presentationml.presentation' +
- ',application/pdf' +
- ',application/zip' +
- ',application/csv'
- // title: 'Images',
- // extensions: 'gif,jpg,jpeg,bmp,png',
- // mimeTypes: 'image/*'
- },
- compress: false, //webuploader默认压缩图片,设置compress:false,可以按照原始比例上传图片
- //fileVal: "upFile",//设置文件上传域的name。
- threads: limitNum, //上传并发数。允许同时最大上传进程数,为了保证文件上传顺序
- fileNumLimit: limitNum,
- fileSizeLimit: 180 * 1024 * 1024, // 180 M
- fileSingleSizeLimit: 30 * 1024 * 1024 // 30 M
- });
- uploader.on('fileQueued', function(file) {
- var $list = $("#fileList"),
- $li = $(
- '<li id="' + file.id + '"><span class="img_mask"><i class="img_del"></i></span>' +
- '<img/>' +
- '<span class="img_state"><i></i></span>' +
- '<span class="file_name">' + file.name + '</span>' +
- '</li>'
- ),
- $img = $li.find('img');
- // $list为容器jQuery实例
- $list.append($li);
- // 保存缩略图
- uploader.makeThumb(file, function(error, src) {
- if(error) {
- $img.replaceWith('<div class="noThumb"><i class="glyphicon glyphicon-paperclip"></i><p>无法预览</p></div>');
- return;
- }
- $img.attr('src', src);
- }, 109, 109); //109*109为缩略图尺寸
- //绑定删除
- $('#' + file.id).on('click', '.img_del', function() {
- uploader.removeFile(file);
- var $fileLi = $('#' + file.id);
- $fileLi.off().find('.img_del').off().end().remove();
- var itemFileName = $(this).parent().parent().find('.file_name').text();
- $.each(proimglist, function(i, v) {
- if(v && v.filename == itemFileName) {
- proimglist.splice(i, 1);
- //helper.methods.delImgs(v.filesmallurl, v.fileurl);
- }
- });
- $('#fileNum').text(proimglist.length);
- });
- });
- // 文件上传过程中保存进度条实时显示。
- uploader.on('uploadProgress', function(file, percentage) {
- var $li = $('#' + file.id),
- $percent = $li.find('.progress span');
- // 避免重复保存
- if(!$percent.length) {
- $percent = $('<div class="progress" style="">' +
- '<span class="text">0%</span>' +
- '<span class="percentage"></span>' +
- '</div>')
- .appendTo($li)
- .find('span');
- }
- $percent.eq(0).text(Math.round(percentage * 100) + '%');
- $percent.eq(1).css('width', Math.round(percentage * 100) + '%');
- });
- // 文件上传成功,给item添加成功class, 用样式标记上传成功。
- uploader.on('uploadSuccess', function(file, res) {
- proimglist.push(res.data.F_FileId);
- $('#fileNum').text(proimglist.length);
- $('#' + file.id).addClass('upload-state-done');
- });
- // 文件上传失败,显示上传出错。
- uploader.on('uploadError', function(file) {
- var $li = $('#' + file.id),
- $error = $li.find('div.error');
- // 避免重复创建
- if(!$error.length) {
- $error = $('<div class="error"></div>').appendTo($li);
- }
- $error.text('上传失败');
- });
- // 完成上传完了,成功或者失败,先删除进度条。
- uploader.on('uploadComplete', function(file) {
- $('#' + file.id).find('.progress').remove();
- });
- uploader.onError = function(code) {
- // console.log('Error:' + code);
- switch(code) {
- case "Q_EXCEED_NUM_LIMIT":
- layer.msg('只能上传六个文件。');
- break;
- case "Q_TYPE_DENIED":
- layer.msg('文件类型不正确。');
- break;
- case "F_DUPLICATE":
- layer.msg('该文件已上传,请选择其它文件。');
- break;
- case "F_EXCEED_SIZE":
- layer.msg('单文件大小不能超过30M。');
- break;
- case "Q_EXCEED_SIZE_LIMIT":
- layer.msg('总文件大小不能超过180M。');
- break;
- default:
- break;
- }
- };
- }
- /**
- * 附件上传直接在知识库管理拿来用 结束
- * */
|