| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243 |
- layui.use('element', function () {
- var $ = layui.jquery
- , element = layui.element; //Tab的切换功能,切换事件监听等,需要依赖element模块
- $('.site-demo-active').on('click', function () {
- var othis = $(this), type = othis.data('type');
- active[type] ? active[type].call(this, othis) : '';
- });
- //Hash地址的定位
- var layid = location.hash.replace(/^#test=/, '');
- element.tabChange('test', layid);
- element.on('tab(test)', function (elem) {
- location.hash = 'test=' + $(this).attr('lay-id');
- });
- });
- layui.use('laydate', function () {
- var laydate = layui.laydate;
- //日期时间范围
- laydate.render({
- elem: '#test10'
- // , type: 'datetime'
- , range: true
- });
- });
- layui.use(['table', 'jquery'], function () {
- var table = layui.table;
- var form = layui.form,
- layer = parent.layer === undefined ? layui.layer : parent.layer,
- $ = layui.jquery;
- //监听表格复选框选择
- table.on('checkbox(demo)', function (obj) {
- console.log(obj);
- });
- //监听工具条
- table.on('tool(demo)', function (obj) {
- var data = obj.data;
- var strDate = $("#test10").val();
- if (obj.event === 'view') {
- var Qdyw = data.渠道;
- switch (Qdyw) {
- case "语音业务数": Qdyw = "1"; break;
- case "微信业务数": Qdyw = "3"; break;
- case "微博业务数": Qdyw = "4"; break;
- case "合计(含未分类)": Qdyw = "0"; break;
- default: Qdyw = ""; break;
- }
- layer.open({
- type: 2,
- anim: 4,
- scrollbar: false,
- content: '/WorkOrder/WorkOrderAllListReport/?Qdyw=' + Qdyw + '&strDate=' + strDate ,
- area: ['90%', '90%'],
- id: 'WorkOrderAllListReport',
- title: '渠道业务工单---'
- });
- }
- });
- $ = layui.$, active = {
- //查询按钮
- reload: function () {
- Init();
- //执行重载
- table.reload('recordtable', {
- where: {
- dateParty: $("#test10").val()
- , NowDateTime: new Date()
- }
- });
- }
- //本周
- , oneWeek: function () {
- var thisDateParty = getWeekStartDate() + ' - ' + getWeekEndDate();
- $("#test10").val(thisDateParty);
- Init();
- //执行重载
- table.reload('recordtable', {
- where: {
- dateParty: thisDateParty
- , NowDateTime: new Date()
- }
- });
- }
- //本月
- , oneMonth: function () {
- var thisDateParty = getMonthStartDate() + ' - ' + getMonthEndDate();
- $("#test10").val(thisDateParty);
- Init();
- //执行重载
- table.reload('recordtable', {
- where: {
- dateParty: thisDateParty
- , NowDateTime: new Date()
- }
- });
- }
- //本年
- , oneYear: function () {
- var thisDateParty = nowYear + '-01-01' + ' - ' + formatDate(now);
- $("#test10").val(thisDateParty);
- Init();
- //执行重载
- table.reload('recordtable', {
- where: {
- dateParty: thisDateParty
- , NowDateTime: new Date()
- }
- });
- }
- };
- $('.searchfilter .layui-btn').on('click', function () {
- var type = $(this).data('type');
- active[type] ? active[type].call(this) : '';
- });
- // 路径配置
- require.config({
- paths: {
- echarts: '/Content/dist'
- }
- });
- function Init() {
- var format, bottom, datas;
- $.ajax({
- url: "/Report/WorkOrderFromChartData",
- type: "get",
- contentType: "application/json",
- dataType: "text",
- cache: false,
- data: {
- NowDateTime: new Date(), dateParty: $("#test10").val()
- },
- success: function (result, status) {
- if (status) {
- var dataModel = JSON.parse(result);
- format = dataModel.format;
- bottom = JSON.parse(dataModel.bottom);
- datas = dataModel.datas;
- // 使用
- require(
- [
- 'echarts',
- 'echarts/chart/pie' // 使用柱状图就加载bar模块,按需加载
- ],
- function (ec) {
- var dahuatheme
- require(['echarts/theme/dahua'], function (theme) {
- dahuatheme = theme;
- });
- // 基于准备好的dom,初始化echarts图表
- var myChart = ec.init(document.getElementById('divimagereport'), dahuatheme);
- option = {
- title: {
- show: false,
- text: '',
- subtext: '',
- x: 'center'
- },
- tooltip: {
- trigger: 'item',
- formatter: "{a} <br/>{b} : {c} ({d}%)"
- },
- toolbox: {
- show: true,
- feature: {
- dataView: {
- show: true,
- title: '数据视图',
- readOnly: true,
- lang: ['数据视图', '关闭', '刷新']
- },
- saveAsImage: {
- show: true,
- title: '保存为图片',
- type: 'png',
- lang: ['点击保存']
- }
- }
- },
- legend: {
- show: true,
- orient: 'horizontal',
- bottom: 20,
- data: bottom
- },
- series: [
- {
- name: '渠道',
- type: 'pie',
- radius: '55%',
- center: ['50%', '55%'],
- data: eval(datas)
- ,
- itemStyle: {
- emphasis: {
- shadowBlur: 10,
- shadowOffsetX: 0,
- shadowColor: 'rgba(0, 0, 0, 0.5)'
- }
- }
- }
- ]
- };
- // 为echarts对象加载数据
- myChart.setOption(option);
- }
- );
- }
- }
- });
- }
- Init();
- });
|