123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331 |
- require.config({
- paths: {
- 'new-echarts': '../addons/qingdongams/echarts.min',
- },
- shim: {
- 'new-echarts': {
- deps: ['jquery'],
- exports: '$.fn.extend'
- },
- }
- });
- define(['jquery', 'bootstrap', 'backend', 'addtabs', 'table', 'new-echarts', 'template','form'],
- function ($, undefined, Backend, Datatable, Table, NewEcharts, Template,Form) {
- var Controller = {
- //合同数量统计分析
- index: function () {
- //客户
- console.log(Config);
- $.each(Config.echarts,function (index,item){
- var myChart2=NewEcharts.init(document.getElementById('x_'+index), 'walden');
- var option = {
- borderWidth: 0,
- shadowColor: '#fff',
- shadowBlur: 2,
- xAxis: {
- show: false,
- boundaryGap: false,
- type: 'category',
- data: [1, 2, 3, 4, 5, 6]
- },
- yAxis: {
- show: false,
- type: 'value',
- },
- series: [
- {
- data: item,
- type: 'line',
- symbol: 'none',
- areaStyle: {},
- smooth: true,
- }
- ]
- };
- if(index == 'customer'){
- option.color = [
- '#fff',
- ];
- option.shadowColor = '#fff';
- }else{
- option.color = [
- '#0052cc',
- ];
- option.shadowColor = '#0052cc';
- }
- myChart2.setOption(option);
- });
- //业绩指标完成率
- var achievementCharts=NewEcharts.init(document.getElementById('x_achievement'));
- var achievementOption = {
- tooltip: {
- borderWidth: 1,
- formatter: '{a} <br/>{b} : {c}%'
- },
- series: [
- {
- name: '业绩指标完成率',
- type: 'gauge',
- progress: {
- show: true,
- },
- detail: {
- valueAnimation: true,
- formatter: '{value}%'
- },
- data: [
- {
- value: 50,
- name: '完成率'
- }
- ]
- }
- ]
- };
- $('#achievement_status').on('change',function (){
- var status=$('#achievement_status').val();
- var serialize=$('#form').serialize();
- serialize=serialize+'&status='+status
- $.post('qingdongams/dashboard/get_achievement_detail', serialize, function (data){
- if(data.code == 1){
- if(status == 3){
- $('.completeMoney').html(data.data.contractMoney)
- }else{
- $('.completeMoney').html(data.data.receivablesMoney)
- }
- if(data.data.achievementMoney == 0){
- $('.setting').hide();
- $('.nosetting').show();
- }else{
- $('.setting').show();
- $('.nosetting').hide();
- }
- $('.achievementMoney').html(data.data.achievementMoney)
- achievementOption.series[0].data[0].value=data.data.rate;
- achievementCharts.setOption(achievementOption);
- }
- },'json');
- }).trigger('change');
- //业绩目标
- var achievementMoney=NewEcharts.init(document.getElementById('x_achievement_money'));
- var achievementMoneyOption = {
- tooltip: {
- trigger: 'axis'
- },
- color:[
- '#000',
- '#0052cc'
- ],
- grid: {
- left: '3%',
- right: '4%',
- bottom: '3%',
- containLabel: true
- },
- toolbox: {
- feature: {
- saveAsImage: {}
- }
- },
- xAxis: {
- type: 'category',
- boundaryGap: false,
- data: [],
- },
- yAxis: {
- type: 'value',
- },
- series: [
- {
- name: '目标金额',
- type: 'line',
- stack: 'Total',
- data: []
- },
- {
- name: '实际完成金额',
- type: 'line',
- stack: 'Total',
- data: []
- },
- ]
- };
- $('#achievement_status2').on('change',function (){
- var status=$('#achievement_status2').val();
- var serialize=$('#form').serialize();
- serialize=serialize+'&status='+status
- if(status == 3){
- $("#achievement_title").html("合同金额目标及完成情况");
- }else{
- $("#achievement_title").html("回款金额目标及完成情况");
- }
- $.post('qingdongams/dashboard/get_achievement', serialize, function (data){
- if(data.code == 1){
- achievementMoneyOption.xAxis.data=data.data.times;
- achievementMoneyOption.series[0].data=data.data.achievement;
- achievementMoneyOption.series[1].data=data.data.money;
- achievementMoney.setOption(achievementMoneyOption);
- }
- },'json');
- }).trigger('change');
- // 销售漏斗
- var businessL=NewEcharts.init(document.getElementById('x_business_l'));
- var businessLOption = {
- tooltip: {
- trigger: 'axis',
- axisPointer: {
- type: 'shadow'
- }
- },
- legend: {},
- grid: {
- left: '3%',
- right: '4%',
- bottom: '3%',
- containLabel: true
- },
- xAxis: {
- type: 'value',
- },
- yAxis: {
- type: 'category',
- data: ['赢单','输单']
- },
- series: [
- {
- type: 'bar',
- data: []
- },
- ]
- };
- $('.wk-toggle-item').on('click',function (){
- var serialize=$('#form').serialize();
- if($(this).data('value') == 1){
- $.post('qingdongams/dashboard/get_business', serialize, function (data){
- if(data.code == 1){
- businessLOption.series[0].data=[data.data.contractBusinessMoney,data.data.noBusinessMoney];
- businessL.setOption(businessLOption);
- }
- },'json');
- }else{
- $.post('qingdongams/dashboard/get_business', serialize, function (data){
- if(data.code == 1){
- businessLOption.series[0].data=[data.data.contractBusiness,data.data.noBusiness];
- businessL.setOption(businessLOption);
- }
- },'json');
- }
- $('.wk-toggle-item').removeClass('selected');
- $(this).addClass('selected');
- });
- $('.wk-toggle-item.selected').trigger('click');
- $('#ranking').on('change', function () {
- var ranking = $('#ranking').val();
- var serialize = $('#form').serialize();
- serialize = serialize + '&ranking=' + ranking
- var table = $("#table"+ranking),columns;
- if(ranking == 1){
- columns= [
- [
- {field: 'ranking', title: __('排名'), operate: false},
- {field: 'staff.name', title: __('姓名'), operate: false},
- {field: 'number', title: __('新增客户数(个)'), operate: false},
- ]
- ];
- }else if(ranking == 2){
- columns= [
- [
- {field: 'ranking', title: __('排名'), operate: false},
- {field: 'staff.name', title: __('姓名'), operate: false},
- {field: 'number', title: __('新增跟进记录数(条)'), operate: false},
- ]
- ];
- }else if(ranking == 3){
- columns= [
- [
- {field: 'ranking', title: __('排名'), operate: false},
- {field: 'staff.name', title: __('姓名'), operate: false},
- {field: 'number', title: __('合同金额(元)'), operate: false},
- {field: 'rate', title: __('目标完成率(%)'), operate: false},
- ]
- ];
- }else if(ranking == 4){
- columns= [
- [
- {field: 'ranking', title: __('排名'), operate: false},
- {field: 'staff.name', title: __('姓名'), operate: false},
- {field: 'number', title: __('回款金额(元)'), operate: false},
- {field: 'rate', title: __('目标完成率(%)'), operate: false},
- ]
- ];
- }else if(ranking == 5){
- columns= [
- [
- {field: 'ranking', title: __('排名'), operate: false},
- {field: 'staff.name', title: __('姓名'), operate: false},
- {field: 'number', title: __('工单数(个)'), operate: false},
- ]
- ];
- }else if(ranking == 6){
- columns= [
- [
- {field: 'ranking', title: __('排名'), operate: false},
- {field: 'staff.name', title: __('姓名'), operate: false},
- {field: 'number', title: __('合同数(个)'), operate: false},
- ]
- ];
- }
- var option = {
- url: 'qingdongams/dashboard/ranking?' + serialize,
- sortName: 'id',
- columns: columns,
- //启用普通表单搜索
- search: false,
- commonSearch: false,
- searchFormVisible: false,
- };
- // 初始化表格
- table.bootstrapTable(option);
- Table.api.bindevent(table);
- // 为表格绑定事件
- $('.table').hide()
- $('#table'+ranking).show()
- }).trigger('change');
- $('#times').on('change',function (){
- if($(this).val() == 'else'){
- $('#dates').show()
- }else{
- $('#form').submit();
- }
- })
- $('input[name="dates"]').on('blur',function (){
- console.log('11')
- $('#form').submit();
- })
- $('select[name="type"]').on('change',function (){
- $('#form').submit();
- })
- $('#myPopover').popover();
- Form.events.selectpage($("form"));
- Form.events.daterangepicker($("form"));
- },
- };
- return Controller;
- });
|