define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefined, Backend, Table, Form) { var Controller = { index : function () { // 初始化表格参数配置 Table.api.init({ }); //绑定事件 $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) { var panel = $($(this).attr("href")); if (panel.length > 0) { Controller.table[panel.attr("id")].call(this); $(this).on('click', function (e) { $($(this).attr("href")).find(".btn-refresh").trigger("click"); }); } //移除绑定的事件 $(this).unbind('shown.bs.tab'); }); //必须默认触发shown.bs.tab事件 $('ul.nav-tabs li.active a[data-toggle="tab"]').trigger("shown.bs.tab"); $(document).on('click', '.show-detail', function (data) { var area = [$(window).width() > 1200 ? '1200px' : '95%', $(window).height() > 800 ? '800px' : '95%']; var options = { shadeClose : false, shade : [0.3, '#393D49'], area : area, callback : function (value) { //在回调函数里可以调用你的业务代码实现前端的各种逻辑和效果 console.log(value); } }; Fast.api.open($.fn.bootstrapTable.defaults.extend.detail_url + "?ids=" + $(this).data('id'), '线索详情', options); }); //导入 $(document).on('click','.btn-imports',function () { Fast.api.open("qingdong/customer/leads/import", "线索导入",{ shadeClose: false, shade: false, maxmin: false, moveOut: false, scrollbars:false, 'area':[ $(window).width() > 800 ? '600px' : '400px', $(window).height() > 600 ? '500px' : '400px' ], callback:function(value){ Form.events.plupload("#plupload-local"); // 在这里可以接收弹出层中使用`Fast.api.close(data)`进行回传数据 }, }); }); //导出 $(document).on("click", ".btn-export", function () { var tab_id=$('.active.in').attr('id'); var table; switch (tab_id){ case 'first'://全部 table=$('#table'); break; case 'second'://我负责的 table=$('#table1'); break; case 'third'://下属负责的 table=$('#table2'); break; case 'four'://今日待跟进 table=$('#table3'); break; case 'five'://今日已跟进 table=$('#table4'); break; case 'six'://从未跟进的 table=$('#table5'); break; } var ids = Table.api.selectedids(table); var page = table.bootstrapTable('getData'); var options = table.bootstrapTable('getOptions'); var all = options.totalRows; var params=options.queryParams({}); var sort = options.sortName+' '+options.sortOrder; var filter = params.filter; var op = params.op; Layer.confirm("请选择导出的选项", { title : '导出数据', btn : ["选中项(" + ids.length + "条)", "本页(" + page.length + "条)", "全部(" + all + "条)"], success : function (layero, index) { $(".layui-layer-btn a", layero).addClass("layui-layer-btn0"); }, yes : function (index, layero) { if (ids.length == 0) { Layer.alert('数据为空'); return true; } $.post('qingdong/customer/leads/export', {sort:sort,ids : ids.join(","), isall : 1}, function (res) { Layer.alert(res.msg); window.location.href = res.data.filePath; Layer.close(index); table.bootstrapTable('refresh'); }, 'json'); return false; }, btn2 : function (index, layero) { if (page.length == 0) { Layer.alert('数据为空'); return true; } var ids = []; $.each(page, function (i, j) { ids.push(j.id); }); $.post('qingdong/customer/leads/export', {sort:sort,ids : ids.join(","), isall : 2}, function (res) { Layer.alert(res.msg); window.location.href = res.data.filePath; Layer.close(index); table.bootstrapTable('refresh'); }, 'json'); return false; }, btn3 : function (index, layero) { if (page.length == 0) { Layer.alert('数据为空'); return true; } $.post('qingdong/customer/leads/export?filter='+filter+'&op='+op, {sort:sort,ids : ids.join(","), isall : 3}, function (res) { Layer.alert(res.msg); window.location.href = res.data.filePath; Layer.close(index); table.bootstrapTable('refresh'); }, 'json'); return false; } }) }); }, tableinfo:{ toolbar: '#toolbar', pk: 'id', sortName: 'id', fixedColumns: true, fixedNumber: 2, fixedRightNumber: 1, search: false, searchFormVisible: true, columns: [ [ {checkbox: true}, { field: 'name', title: '线索名称', fixedColumns: true, formatter: function (value, row, index) { if (value == '') { value = '无'; } return "" + value + ""; }, operate: "like" }, { field: 'source', title: '线索来源', fixedColumns: true, operate: "like" }, {field: 'owner_staff.name', title: '负责人', operate: false}, {field: 'telephone', title: '电话', operate: "like"}, {field: 'mobile', title: '手机', operate: "like"}, {field: 'industry', title: '客户行业'}, {field: 'level', title: '客户星级', operate: false}, {field: 'address_detail', title: '地址', operate: false}, {field: 'next_time', title: '下次联系时间', operate: 'RANGE',addclass: 'datetimerange',autocomplete:false, formatter: Table.api.formatter.datetime}, {field: 'remarks', title: '备注信息', operate: false}, { field: 'createtime', title: __('Createtime'), operate: 'RANGE', addclass: 'datetimerange',autocomplete:false, formatter: Table.api.formatter.datetime }, {field: 'updatetime', title: '更新时间', operate: false}, { field: 'operate2', title: __('Operate'),operate: false, events: { 'click .btn-chooseone': function (e, value, row, index) { Fast.api.close({id: row.id, name: row.name}); }, }, formatter: function () { return ' ' + __('Choose') + ''; }}, { field: 'operate', title: __('Operate'), events: Table.api.events.operate, formatter: Table.api.formatter.buttons, buttons: [ { name: 'edit', text: __('编辑'), title: __('编辑'), extend: 'data-area=["80%","80%"]', classname: 'records btn-dialog', url: 'qingdong/customer/leads/edit', visible: function (row) { //返回true时按钮显示,返回false隐藏 return true; } }, { name: 'detail', text: __('跟进'), title: __('跟进'), extend: 'data-area=["80%","80%"]', classname: 'records btn-dialog', url: 'qingdong/leads/record/add', visible: function (row) { //返回true时按钮显示,返回false隐藏 return true; } } ] } ] ], onLoadSuccess: function () { // 这里就是数据渲染结束后的回调函数 $(".btn-add").data("area", ["80%", "80%"]); $(".btn-edit").data("area", ["80%", "80%"]); } }, table: { first : function() { // 初始化表格参数配置 Table.api.init({ extend : { add_url : 'qingdong/customer/leads/add', detail_url : 'qingdong/customer/leads/detail', table : 'lead', } }); if(Config.fields !='[]'){ if (Config.fields && Object.keys(Config.fields).length > 0) { var fields = JSON.parse(Config.fields); var start = Controller.tableinfo.columns[0].length-2; for (var i = 0; i < fields.length; i++) { if (fields[i].hasOwnProperty('formatter')) fields[i].formatter = eval(fields[i].formatter); if (fields[i].hasOwnProperty('events')) fields[i].events = eval(fields[i].events); if (fields[i].hasOwnProperty('searchList')) fields[i].searchList = JSON.parse(fields[i].searchList); Controller.tableinfo.columns[0].splice(start + i, 0, fields[i]); } } } const q = {}; location.search.replace(/([^?&=]+)=([^&]+)/g,function(_,k,v){q[k]=v}); var table = $("#table"); Controller.tableinfo.url=location.href+'&type=0'; Controller.tableinfo.toolbar='#toolbar'; Controller.tableinfo.columns[0][Controller.tableinfo.columns[0].length-1].table=table; if (q.isselect == 1) { Controller.tableinfo.columns[0][Controller.tableinfo.columns[0].length - 1].visible = false; } else { Controller.tableinfo.columns[0][Controller.tableinfo.columns[0].length - 2].visible = false; } // 初始化表格 table.bootstrapTable(Controller.tableinfo); // 为表格绑定事件 Table.api.bindevent(table); }, second : function () { var table = $("#table1"); Controller.tableinfo.url=location.href+'&type=1'; Controller.tableinfo.toolbar='#toolbar1'; Controller.tableinfo.columns[0][Controller.tableinfo.columns[0].length-1].table=table; // 初始化表格 table.bootstrapTable(Controller.tableinfo); // 为表格绑定事件 Table.api.bindevent(table); }, third : function () { var table = $("#table2"); Controller.tableinfo.url=location.href+'&type=2'; Controller.tableinfo.toolbar='#toolbar2'; Controller.tableinfo.columns[0][Controller.tableinfo.columns[0].length-1].table=table; // 初始化表格 table.bootstrapTable(Controller.tableinfo); // 为表格绑定事件 Table.api.bindevent(table); }, four : function () { var table = $("#table3"); Controller.tableinfo.url=location.href+'&type=3'; Controller.tableinfo.toolbar='#toolbar3'; Controller.tableinfo.columns[0][Controller.tableinfo.columns[0].length-1].table=table; // 初始化表格 table.bootstrapTable(Controller.tableinfo); // 为表格绑定事件 Table.api.bindevent(table); }, five : function () { var table = $("#table4"); Controller.tableinfo.url=location.href+'&type=4'; Controller.tableinfo.toolbar='#toolbar4'; Controller.tableinfo.columns[0][Controller.tableinfo.columns[0].length-1].table=table; // 初始化表格 table.bootstrapTable(Controller.tableinfo); // 为表格绑定事件 Table.api.bindevent(table); }, six : function () { var table = $("#table5"); Controller.tableinfo.url=location.href+'&type=5'; Controller.tableinfo.toolbar='#toolbar5'; Controller.tableinfo.columns[0][Controller.tableinfo.columns[0].length-1].table=table; // 初始化表格 table.bootstrapTable(Controller.tableinfo); // 为表格绑定事件 Table.api.bindevent(table); }, }, add : function () { Controller.api.bindevent(); }, edit : function () { Controller.api.bindevent(); }, detail : function () { // 初始化表格参数配置 Table.api.init({}); //跟进记录 var table1 = $("#records"); // 初始化表格 table1.bootstrapTable({ url : 'qingdong/customer/record/index?leads_id='+Config.idinfo.id, pk : 'id', sortName : 'id', operate : false, commonSearch : false, search : false, visible : false, showColumns : false, showExport : false, showToggle : false, columns : [ [ {field: 'follow_type', title: __('跟进类型')}, {field: 'follow_time', title: __('跟进时间')}, {field: 'follow', title: __('跟进状态')}, {field: 'content', title: __('跟进内容'),cellStyle:function (value,row,index,field) { return { css: { "min-width": "150px", "white-space": "nowrap", "text-overflow": "ellipsis", "overflow": "hidden", "max-width":"300px", 'cursor':"pointer" } }; },formatter:function (value,row,index,field) { var span=document.createElement('span'); span.setAttribute('title',value); span.innerHTML = value; return span.outerHTML; } }, {field: 'next_time', title: __('下次跟进时间')}, { field : 'operate', title : __('Operate'), table : table1, events : Table.api.events.operate, formatter : Table.api.formatter.operate, buttons : [ { name : '详情', text : __('详情'), classname : 'records btn-dialog', url : 'qingdong/customer/record/detail', callback: function (data) { $('.btn-success').trigger('click'); }, } ] } ] ] }); //操作日志 var table2 = $("#operation_log"); // 初始化表格 table2.bootstrapTable({ url : 'qingdong/customer/log/index?leads_id='+Config.idinfo.id, pk : 'id', sortName : 'id', operate : false, commonSearch : false, search : false, visible : false, showColumns : false, showExport : false, showToggle : false, columns : [ [ {field: 'staff.name', title: __('员工')}, {field: 'content', title: __('内容'),cellStyle:function (value,row,index,field) { return { css: { "min-width": "150px", "white-space": "nowrap", "text-overflow": "ellipsis", "overflow": "hidden", "max-width":"300px", 'cursor':"pointer" } }; },formatter:function (value,row,index,field) { var span=document.createElement('span'); span.setAttribute('title',value); span.innerHTML = value; return span.outerHTML; } }, {field: 'createtime', title: __('Createtime'), operate:'RANGE', addclass:'datetimerange', formatter: Table.api.formatter.datetime}, ] ] }); //附件 $('#files').bootstrapTable({ url : 'qingdong/customer/leads/get_file' + location.search, pk : 'id', sortName : 'id', operate : false, commonSearch : false, search : false, visible : false, showColumns : false, showExport : false, showToggle : false, columns : [ [ {field : 'name', title : '附件名称'}, {field : 'size', title : '附件大小'}, {field : 'staff.name', title : '上传人'}, { field : 'file_path', title : '文件预览', events : Table.api.events.image, formatter : Table.api.formatter.image, operate : false }, ] ] }); //编辑 $(document).on('click','.btn-edit',function () { var id=$('#ids').val(); Fast.api.open("qingdong/customer/leads/edit?ids="+id, "线索编辑",{ shadeClose: false, shade: false, maxmin: false, moveOut: false, scrollbars:false, callback:function () { location.reload() } }); }).on('click',".btn-del",function(){//删除 var id=$('#ids').val(); Layer.confirm('确定删除当前线索吗?', { btn: ['确定','取消'], title: '提示', },function(index, layero){ Fast.api.ajax("qingdong/customer/leads/del?ids="+id,function(data,ret){ if(ret.code == 1){ Layer.close(index); parent.location.reload(); } },function(data,ret){ }); }); }).on('click',".btn-convert-customer",function(){//转为客户 var id=$('#ids').val(); Layer.confirm('确认要将当前线索转为客户?', { btn: ['确定','取消'], title: '提示', },function(index, layero){ Fast.api.ajax("qingdong/customer/leads/convert_customer?ids="+id,function(data,ret){ if(ret.code == 1){ Layer.close(index); parent.location.reload(); } },function(data,ret){ }); }); }).on('click',".btn-convert-leadpool",function(){//放入线索池 var id=$('#ids').val(); Layer.confirm('确认要将当前线索放入线索池?', { btn: ['确定','取消'], title: '提示', },function(index, layero){ Fast.api.ajax("qingdong/customer/leads/movepool?ids="+id,function(data,ret){ if(ret.code == 1){ Layer.close(index); parent.location.reload(); } },function(data,ret){ }); }); }); Controller.api.bindevent(); }, import : function () { Controller.api.bindevent(); }, transfer : function () { Controller.api.bindevent(); }, api : { bindevent : function () { Form.api.bindevent($("form[role=form]"), function(data, ret){ //这里是表单提交处理成功后的回调函数,接收来自php的返回数据 Fast.api.close(data);//这里是重点 }); } } }; return Controller; });