ah_jjzhgd_webscreen/js/pages/dataAnalysis/dataAnalysis.js

let myChart = echarts.init(document.getElementById("one-echarts"));
initData();
function initData(){
  const bidCode = parent.$('#bidPro').val();
  const paramData = 'bidCode=' + bidCode + '&type=' + '1';
  let montageParam = aqEnnable ? encryptCBC(paramData) : ' &' + encryptCBC(paramData);
  loadDataAnalysis(montageParam,1);
}

/* 切换数据 */
function changeData(that, type) {
  $(".ul-box li").each(function () {
    if ($(this).hasClass("check")) {
      $(this).removeClass("check").addClass("nocheck");
    }
  });
  $(that).removeClass("nocheck").addClass("check");
  if(type !== 10){
    $('#report-box').css('display','none');
    $('#echarts-box').css('width','100%');
  }else{
    $('#report-box').removeAttr('style');
    $('#echarts-box').css('width','58%');
  }
  myChart.dispose();
  myChart = echarts.init(document.getElementById("one-echarts"));
  const bidCode = parent.$('#bidPro').val();
  const paramData = 'bidCode=' + bidCode + '&type=' + type + '';
  let montageParam = aqEnnable ? encryptCBC(paramData) : ' &' + encryptCBC(paramData);
  loadDataAnalysis(montageParam,type);
}

/* 加载数据分析应用 */
function loadDataAnalysis(montageParam,type) {
  const url = commonUrl + 'screen/largeScreen/dataAnalysis/getDataAnalysisByType?params=' + montageParam;
  ajaxRequestGet(url, "GET", true, function () {
  }, function (result) {
      if (result.code === 200) {
          setData(result.data);
      } else if (result.code === 500) {
          console.error('数据分析应用' + result.msg);
      } else if (result.code === 401) {
          loginout(1);
      }
  }, function (xhr, status, error) {
      errorFn(xhr, status, error)
  }, aqEnnable);

  /* 项目风险赋值 */
  function setData(list) {
    let nameList = [],valueList = [];
    if(list && list.length > 0){
        $.each(list,function(index,item){
          nameList.push(item.name);
          valueList.push({value:item.num,name:item.name});
        })
    }
    initEcharts(nameList, valueList);
    if(type === 10){
      setReportTable(list);
    }
  }
  // 数据分析报告
  function setReportTable(list){
      let html = '';
      $.each(list,function(index,item){
        html += '<tr>';
        html += '<td>' + item.name + '</td>';
        html += '<td>' + item.num + '</td>';
        html += '</tr>';
      })
      $('#report-box table tbody').empty().append(html);
  }
}

/* 初始化echarts */
function initEcharts(nameList, valueList) {
  let option = {
    grid: {
      top: 0,
      bottom: 0,
      left: 0,
      right: 0,
    },
    title: {
      text: "",
      x: "center",
    },
    tooltip: {
      trigger: "item",
      formatter: "{a} <br/>{b} : {c} ({d}%)",
    },
    legend: {
      show: false,
      // orient: 'vertical',
      // left: 'left',
      // data: ["直接访问", "邮件营销", "联盟广告", "视频广告", "搜索引擎"],
      data: nameList,
    },
    series: [
      {
        name: "数据应用分析",
        type: "pie",
        radius: "65%",
        center: ["50%", "50%"],
        label: {
          show: true,
          formatter: "{b} {d}%",
        },
        data: valueList,
        /* data: [
          { value: 335, name: "直接访问" },
          { value: 310, name: "邮件营销" },
          { value: 234, name: "联盟广告" },
          { value: 135, name: "视频广告" },
          { value: 1548, name: "搜索引擎" },
        ], */
      },
    ],
  };
  myChart.setOption(option, true);
  window.addEventListener("resize", function () {
    myChart.resize();
  });
}