|
@@ -1,106 +0,0 @@
|
|
|
-/**
|
|
|
- * Created 机构订单图表 by zjy on 2023/02/10.
|
|
|
- */
|
|
|
-const orderDefaultParams = {
|
|
|
- clubId:0,// 机构id
|
|
|
- dateType:0,// 日期类别 0日 1月 2半年 3全年
|
|
|
- startTime:'',// 开始时间
|
|
|
- endTime:'',// 结束时间
|
|
|
- type:0// 统计类别 0订单 1搜索关键词 2咨询记录 3访问记录 4初始状态
|
|
|
-}
|
|
|
-const getInfoOrderDate = function () {
|
|
|
- // 初始化选择时间控件
|
|
|
- const startDate = getDateStr(new Date(), -365),
|
|
|
- endDate = getDateStr(new Date(), 0);
|
|
|
- $('#orderDate').dateRangePicker({
|
|
|
- language: 'cn',
|
|
|
- startDate: startDate,
|
|
|
- endDate: endDate,
|
|
|
- format: 'YYYY-MM-DD',
|
|
|
- showShortcuts: false,
|
|
|
- autoClose: isPC,
|
|
|
- isNowrap: false,
|
|
|
- getValue: function () {
|
|
|
- if (orderDefaultParams.startTime && orderDefaultParams.endTime) {
|
|
|
- return orderDefaultParams.startTime + ' to ' + orderDefaultParams.endTime;
|
|
|
- } else {
|
|
|
- return '';
|
|
|
- }
|
|
|
- },
|
|
|
- setValue: function (s, s1, s2) {
|
|
|
- orderDefaultParams.startTime = s1;
|
|
|
- orderDefaultParams.endTime = s2;
|
|
|
- $('#orderTimeStart').val(s1);
|
|
|
- $('#orderTimeEnd').val(s2);
|
|
|
- getOrdersData()
|
|
|
- }
|
|
|
- });
|
|
|
-}
|
|
|
-const getOrdersData = function (dateType) {
|
|
|
- orderDefaultParams.type = dateType;
|
|
|
- console.log('机构订单数据接口请求',orderDefaultParams)
|
|
|
- const orderData = [
|
|
|
- {value: 50, name: '普通订单【25%】【1个】'},
|
|
|
- {value: 20, name: '二手订单【25%】【1个】'},
|
|
|
- {value: 30, name: '返佣订单【25%】【1个】'},
|
|
|
- {value: 60, name: '部分退款订单【25%】【1个】'},
|
|
|
- {value: 50, name: '全部退款订单【25%】【1个】'},
|
|
|
- {value: 20, name: '已关闭订单【25%】【1个】'},
|
|
|
- ]
|
|
|
- getOrderEacths(orderData)
|
|
|
- // $.ajax({
|
|
|
- // url: "${ctx}/order/cmPayShop/modifyPayShopAmount",
|
|
|
- // type: "GET",
|
|
|
- // data: params,
|
|
|
- // contentType : 'application/json;charset=UTF-8', //contentType很重要
|
|
|
- // success: function (res) {
|
|
|
- // if (res.success) {
|
|
|
- //
|
|
|
- // } else {
|
|
|
- // console.log('机构订单图表数据异常')
|
|
|
- // }
|
|
|
- // }
|
|
|
- // });
|
|
|
-}
|
|
|
-const getOrderEacths = function (data) {
|
|
|
- // 基于准备好的dom,初始化echarts实例
|
|
|
- const myChart = echarts.init(document.getElementById('orderEacths'));
|
|
|
- const option = {
|
|
|
- tooltip: {
|
|
|
- trigger: 'item'
|
|
|
- },
|
|
|
- legend: {
|
|
|
- orient: 'vertical',
|
|
|
- right: '10%',
|
|
|
- top:'20%',
|
|
|
- textStyle: {
|
|
|
- fontSize: 14,
|
|
|
- },
|
|
|
- },
|
|
|
- color:['#3aa0ff','#36cbcb','#fad337','#4dcb73','#f2637b','#975fe4'],
|
|
|
- series: [
|
|
|
- {
|
|
|
- name: '订单总量',
|
|
|
- type: 'pie',
|
|
|
- radius: '70%',
|
|
|
- center: ['25%', '50%'],
|
|
|
- avoidLabelOverlap: false,
|
|
|
- emphasis: {
|
|
|
- itemStyle: {
|
|
|
- shadowBlur: 10,
|
|
|
- shadowOffsetX: 0,
|
|
|
- shadowColor: 'rgba(0, 0, 0, 0.5)'
|
|
|
- }
|
|
|
- },
|
|
|
- label: {
|
|
|
- show: false,
|
|
|
- position: 'center'
|
|
|
- },
|
|
|
- data:data
|
|
|
- }
|
|
|
- ]
|
|
|
- };
|
|
|
- // 使用刚指定的配置项和数据显示图表。
|
|
|
- myChart.setOption(option);
|
|
|
- window.onresize = myChart.resize;//移动适配
|
|
|
-};
|