'+
''+
'
';
if(jQuery(".timeDiv").length>0){
jQuery(".inputtime").val("");
jQuery(".timeDiv").toggle(100);
}else{
jQuery(this).parent().append(dateHtml);
}
_self.loadTimeContainer("starttime");
_self.loadTimeContainer("endtime");
jQuery('.timeOk').click(function(){
if(jQuery("#starttime").val()!="" && jQuery("#endtime").val()!=""){
jQuery(_self.rightContentDiv).find(".se-select-name").text(jQuery("#starttime").val()+"--"+jQuery("#endtime").val());
_self.loadDataContent();
jQuery(this).parent().parent().hide();
}else{
Showbo.Msg.alert('请选择开始日期和结束日期!');
}
});
}else{
jQuery(_self.rightContentDiv).find(".se-select-name").text(jQuery(this).text());
_self.loadDataContent();
jQuery(this).parent().toggle(100);
}
});
jQuery(".user_change").click(function(){
_self.selectPerson(jQuery(_self.appArea)[0],"selectheadName","selectheadId",0);
});
//if(jQuery(".quickNew").length > 0) jQuery(".quickNew").remove();
if(jQuery(".quickNew").length < 1){
var quickNewHtml='确定
'+
'
线索'+
'
客户'+
'
联系人'+
'
商机
线索客户联系人商机'+
'
'+moduleName+'
'+count+'
客户数：' + tmp[i].value; } } return toolTiphtml; } else { var toolTiphtml = '' for (var i = 0; i < tmp.length; i++) { if (params.name == tmp[i].cityName) { toolTiphtml += tmp[i].cityName + '
客户数：' + tmp[i].value; } } return toolTiphtml; } } }, visualMap: { //视觉映射组件 show: true, min: min, max: max, // 侧边滑动的最大值，从数据中获取 left: '5%', top: '70%', inverse: true, //是否反转 visualMap 组件 // itemHeight:200, //图形的高度，即长条的高度 text: ['高', '低'], // 文本，默认为数值文本 calculable: false, //是否显示拖拽用的手柄（手柄能拖拽调整选中范围） seriesIndex: 1, //指定取哪个系列的数据，即哪个系列的 series.data,默认取所有系列 orient: "horizontal", inRange: { color: ['#dbfefe', '#1066d5'] // 蓝绿 } }, geo: { show: true, map: pName, roam: false, top:"0%", //aspectScale: 0.75, //长宽比 label: { normal: { show: false }, emphasis: { show: false, } }, itemStyle: { normal: { areaColor: '#f5f7fa', // 没有值得时候颜色 borderColor: '#097bba', }, emphasis: { areaColor: '#fbd456', // 鼠标滑过选中的颜色 } } }, series: [ { name: '散点', type: 'scatter', coordinateSystem: 'geo', data: tmpSeriesData, symbolSize: '1', label: { normal: { show: true, formatter: '{b}', position: 'right' }, emphasis: { show: true } }, itemStyle: { normal: { color: '#895139' // 字体颜色 } } }, { name: Chinese_ || pName, type: 'map', mapType: pName, roam: false, //是否开启鼠标缩放和平移漫游 data: tmpSeriesData, top: "0%",//组件距离容器的距离 // geoIndex: 0, //aspectScale: 0.75, //长宽比 // showLegendSymbol: false, // 存在legend时显示 selectedMode: 'single', label: { normal: { show: true, //显示省份标签 textStyle: { color: "#895139" } //省份标签字体颜色 }, emphasis: { //对应的鼠标悬浮效果 show: true, textStyle: { color: "#323232" } } }, itemStyle: { normal: { borderWidth: .5, //区域边框宽度 borderColor: '#0550c3', //区域边框颜色 areaColor: "#0b7e9e", //区域颜色 }, emphasis: { borderWidth: .5, borderColor: '#4b0082', areaColor: "#ece39e", } } }, ] }; myChart.setOption(option); /* 响应式 */ jQuery(window).resize(function() { myChart.resize(); }); myChart.off("click"); }, getCustomerCount: function(filter){ _self = this; var xdata = []; var ydata = []; _self.actions.countCustomerByMonth( filter, function (json) { debugger if(json.type=="success"){ json.data.each(function (data ) { xdata.push(data.month); ydata.push(data.count); }); } }); var myChart = echarts.init(jQuery("#costomerCount")[0]); var option = { calculable: true, grid: { y: 115, y2: 115 }, // ------ X轴 ------ xAxis: { show: true, // 是否显示 position: 'bottom', // x轴的位置 offset: 0, // x轴相对于默认位置的偏移 type: 'category', // 轴类型， 默认为 'category' //name: '月份', // 轴名称 nameLocation: 'end', // 轴名称相对位置 nameTextStyle: { // 坐标轴名称样式 color: '#333', padding: [5, 0, 0, -5] }, nameGap: 5, // 坐标轴名称与轴线之间的距离 nameRotate: 0, // 坐标轴名字旋转 axisLine: { // 坐标轴 轴线 show: true, // 是否显示 // ------ 线 --------- lineStyle: { color: '#333',//blue width: 1, type: 'solid' } }, axisTick: { // 坐标轴 刻度 show: false, // 是否显示 inside: true, // 是否朝内 length: 3, // 长度 lineStyle: { // 默认取轴线的样式 color: '#333',//red width: 1, type: 'solid' } }, axisLabel: { // 坐标轴标签 show: true, // 是否显示 inside: false, // 是否朝内 rotate: 0, // 旋转角度 margin: 5, // 刻度标签与轴线之间的距离 color: '#333' // 默认取轴线的颜色red }, splitLine: { // gird区域中的分割线 show: false, // 是否显示 lineStyle: { // color: 'red', // width: 1, // type: 'solid' } }, splitArea: { // 网格区域 show: false // 是否显示，默认为false }, data:xdata //data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'] }, // ------ y轴 ---------- yAxis: { show: true, // 是否显示 position: 'left', // y轴位置 offset: 0, // y轴相对于默认位置的偏移 type: 'value', // 轴类型，默认为 ‘category’ name: '客户数', // 轴名称 nameLocation: 'end', // 轴名称相对位置value nameTextStyle: { // 坐标轴名称样式 color: '#333', padding: [5, 0, 0, 5] // 坐标轴名称相对位置 }, nameGap: 15, // 坐标轴名称与轴线之间的距离 nameRotate: 360, // 坐标轴名字旋转 axisLine: { // 坐标轴 轴线 show: true, // 是否显示 // ----- 线 ------- lineStyle: { color: '#333', width: 1, type: 'solid' } }, axisTick: { // 坐标轴的刻度 show: false, // 是否显示 inside: true, // 是否朝内 length: 3, // 长度 lineStyle: { color: '#333', // 默认取轴线的颜色 width: 1, type: 'solid' } }, axisLabel: { // 坐标轴的标签 show: true, // 是否显示 inside: false, // 是否朝内 rotate: 0, // 旋转角度 margin: 8, // 刻度标签与轴线之间的距离 color: '#333', // 默认轴线的颜色 }, splitLine: { // gird 区域中的分割线 show: false, // 是否显示 lineStyle: { color: '#666', width: 1, type: 'dashed' } }, splitArea: { // 网格区域 show: false // 是否显示，默认为false } }, // ------- 内容数据 ------- series: [ { name: '客户数', // 序列名称 type: 'bar', //类型 legendHoverLink: true, // 是否启用图列 hover 时的联动高亮 label: { // 图形上的文本标签 show: false, position: 'insideTop', // 相对位置 rotate: 0, // 旋转角度 color: '#eee' }, itemStyle: { // 图形的形状 color: '#A3C7F7', barBorderRadius: [0, 0, 0 ,0] }, barWidth: 20, // 柱形的宽度 barCategoryGap: '20%', // 柱形的间距 data: ydata //data: [3000, 4000, 4200, 4500, 6000, 5600, 8500, 5020, 4500, 5400, 4300, 1200] } ] }; myChart.setOption(option); }, getCustomerByIndustry: function(filter){ _self = this; var xdata = []; var ydata = []; var typeList = this.app.lp.customer.industry.value; var typeArr = typeList.split(","); var otherCount = 0; _self.actions.countCustomerByIndustry( filter, function (json) { debugger if(json.type=="success"){ json.data.each(function (data ) { var industry = data.industry; if(typeArr.contains(industry)){ xdata.push(industry); ydata.push({value:data.count,name:industry}) }else{ otherCount = otherCount+(data.count).toInt(); } }); if(otherCount>0){ xdata.push('未知'); ydata.push({value:otherCount,name:'未知'}) } } }); var myChart = echarts.init(jQuery("#costomerIndustryCount")[0]); var option = { /* title: {//标题组件 text: '故障', left:'50px',//标题的位置 默认是left，其余还有center、right属性 textStyle: { color: "#436EEE", fontSize: 17, } },*/ tooltip : { //提示框组件 trigger: 'item', //触发类型(饼状图片就是用这个) //formatter: "{a}
{b} : {c} ({d}%)" //提示框浮层内容格式器 formatter: "{b} : {c}" //提示框浮层内容格式器 }, color:['#48cda6','#ffa500','#11abff','#ffdf6f','#968ade','#C9C9C9','#7CFC00','#BF600D','#96E2F5'], //手动设置每个图例的颜色 legend: { //图例组件 //right:100, //图例组件离右边的距离 orient : 'horizontal', //布局 纵向布局 图例标记居文字的左边 vertical则反之 width:40, //图行例组件的宽度,默认自适应 x : 'right', //图例显示在右边 y: 'center', //图例在垂直方向上面显示居中 itemWidth:10, //图例标记的图形宽度 itemHeight:10, //图例标记的图形高度 //data:['正常','一般','提示','较急','特急'], data:xdata, textStyle:{ //图例文字的样式 color:'#333', //文字颜色 fontSize:12 //文字大小 } }, series : [ //系列列表 { name:'设备状态', //系列名称 type:'pie', //类型 pie表示饼图 center:['35%','45%'], //设置饼的原心坐标 不设置就会默认在中心的位置 radius : ['40%', '55%'], //饼图的半径,第一项是内半径,第二项是外半径,内半径为0就是真的饼,不是环形 itemStyle : { //图形样式 normal : { //normal 是图形在默认状态下的样式；emphasis 是图形在高亮状态下的样式，比如在鼠标悬浮或者图例联动高亮时。 label : { //饼图图形上的文本标签 show : true, //平常不显示 textStyle:{color:'#3c4858',fontSize:"18"}, formatter:function(val){ return '{b|' + val.name + '}' }, rich: { b: {fontSize: 15} } }, labelLine:{ show:true //lineStyle:{color:'#45bcf2'} } }, emphasis : { //normal 是图形在默认状态下的样式；emphasis 是图形在高亮状态下的样式，比如在鼠标悬浮或者图例联动高亮时。 label : { //饼图图形上的文本标签 show : true, position : 'center', textStyle : { fontSize : '10', fontWeight : 'bold' } } } }, data:ydata /*data:[ {value:1, name:'正常'}, {value:10, name:'一般'}, {value:30, name:'提示'}, {value:20, name:'较急'}, {value:25, name:'特急'} ]*/ } ] }; myChart.setOption(option); }, getDateList: function(stime){ _self = this; var dateList = ""; switch (stime) { case "今天": dateList = this.formatDate(this.now)+","+this.formatDate(this.now); break; case "本周": dateList = this.getWeekStartDate()+","+this.getWeekEndDate(); break; case "本月": dateList = this.getMonthStartDate()+","+this.getMonthEndDate(); break; case "本季度": dateList = this.getQuarterStartDate()+","+this.getQuarterEndDate(); break; case "本年": dateList = this.nowYear+"-01-01,"+this.nowYear+"-12-31"; break; default: dateList = jQuery(_self.rightContentDiv).find(".se-select-name").text().replace("--",","); } return dateList; }, //格局化日期：yyyy-MM-dd formatDate:function(date) { var myyear = date.getFullYear(); var mymonth = date.getMonth()+1; var myweekday = date.getDate(); if(mymonth < 10){ mymonth = "0" + mymonth; } if(myweekday < 10){ myweekday = "0" + myweekday; } return (myyear+"-"+mymonth + "-" + myweekday); }, //获得某月的天数 getMonthDays:function(myMonth){ var monthStartDate = new Date(this.nowYear, myMonth, 1); var monthEndDate = new Date(this.nowYear, myMonth + 1, 1); var days = (monthEndDate - monthStartDate)/(1000 * 60 * 60 * 24); return days; }, //获得本季度的开端月份 getQuarterStartMonth:function(){ var quarterStartMonth = 0; if(this.nowMonth<3){ quarterStartMonth = 0; } if(2
销售简报-新增跟进记录
');
var listCountHtml = '模块 | 新增跟进记录 |
'+typesname+'
'+data.count+'