var baseUrl = 'http://visual.yilianweisubao.com/visual';

var href = window.location.href.split('=');
console.log(href)
var shengFen = unescape(href[1].split('&')[0]);
var pyName = href[2].split('&')[0];
var shortName = unescape(href[3]).split('&')[0];
var mark = href[4].split('&')[0];
$('#name').text(shengFen + '互联网数据分析及大数据平台展示');
console.log(shengFen, pyName, shortName,mark);

//头部数据--------------------------------------
//获取当前时间
var t = null;
t = setTimeout(getTime, 1000);//开始运行
function getTime() {
  clearTimeout(t);//清除定时器
  dt = new Date();
  var y = dt.getFullYear();
  var mt = dt.getMonth() + 1;
  var day = dt.getDate();
  var h = dt.getHours();//获取时
  var m = dt.getMinutes();//获取分
  var s = dt.getSeconds();//获取秒
  document.getElementById("showTime").innerHTML = y + "年" + mt + "月" + day + "-" + h + "时" + m + "分" + s + "秒";
  t = setTimeout(getTime, 1000); //设定定时器，循环运行
}
$(function () {
  getTime();//调用函数（获取当前时间）
});

//左侧数据--------------------------------------
//首页获取全国各省的岗位数和招聘人数
function getQuanGuo() {
  $.ajax({
    type: 'GET',
    url: baseUrl + '/temporary-visual/getQuanGuo',
    success: function (res) {
      console.log(res);
      var res = {"code":1,"msg":"成功","data":{"quanGuo":[{"gangwei":957746,"recuitNum":7043361,"shengFen":"管理岗位"},{"gangwei":1143,"recuitNum":14462,"shengFen":"技术岗位"},{"gangwei":241221,"recuitNum":2697933,"shengFen":"生产岗位"},{"gangwei":166810,"recuitNum":2181865,"shengFen":"销售岗位"},{"gangwei":523825,"recuitNum":5484672,"shengFen":"服务岗位"},{"gangwei":124028,"recuitNum":1364994,"shengFen":"其他"}]}};
      if (res.code == '1') {
        var data = res.data.quanGuo;
        if (data.length > 0) {
          quanGuo(data);
          $('.myscroll').myScroll({//jQuery文字无缝滚动
            speed: 40, //数值越大，速度越慢
            rowHeight: 26 //li的高度
          });
        }
      }
    }
  });
}
function quanGuo(data) {
  $("#ulBox").empty();
  $(data).each(function (i, n) {
    $("#ulBox").append('<li><span><span class="radius">' + (i + 1) + '</span></span><span class="shengFen">' + n.shengFen + '</span><span>' + n.recuitNum + '</span></li>');
  });
}
//单位性质横向柱状图
function getEcharts1() {
  var gwmc = ['机关/事业','国有企业','私营企业','外商及港、澳、台商投资企业','其他'];
  var myChart = echarts.init(document.getElementById('echart1'));
  var option = {
    tooltip: {trigger: 'axis', axisPointer: {type: 'shadow'}},
    grid: {left: '0', top: '22%', right: '5', bottom: '0', containLabel: true},
    legend: {top: '0', right: '60', textStyle: {color: '#fff',fontSize:10}, data: [ '职位需求数']},
    xAxis: {nameLocation: 'end', nameGap: 7, type: 'category', data: gwmc, axisLine: {show: true, lineStyle: {color: "rgba(255,255,255,.9)", width: 1, type: "solid"}}, axisTick: {show: false}, axisLabel: {interval: 0, rotate: 0, textStyle: {color: "rgba(255,255,255,.6)", fontSize: '10'}}},
    yAxis: {type: 'value', name: '职位需求数', nameGap: 0, nameTextStyle: {color: '#fff', fontSize: 10}, position: 'top', axisLabel: {show: true, textStyle: {color: "rgba(255,255,255,.6)", fontSize: '10'}}, axisTick: {show: false}, axisLine: {show: true, lineStyle: {color: "rgba(255,255,255,.9)", width: 1, type: "solid"}}, splitLine: {lineStyle: {color: "rgba(255,255,255,.1)"}}},
    series: [
      {type: 'bar', name: '职位需求数', yAxisIndex: '0', data: [29461,32060,32115,34858,35547], barWidth: '15%', itemStyle: {normal: {opacity: 1, barBorderRadius: 5}}, label: {show: true, position: 'right', distance: 5, fontSize: '8'}}
    ]
  };
  myChart.setOption(option);
  window.addEventListener("resize", function () {
    myChart.resize();
  });
}
//企业规模横向柱状图
function getEcharts2() {
  var gwmc = ['100人以下','101人-500人','501人-1000人','1000人以上'];
  var myChart = echarts.init(document.getElementById('echart2'));
  var option = {
    tooltip: {trigger: 'axis', axisPointer: {type: 'shadow'}},
    grid: {left: '0', top: '22%', right: '5', bottom: '0', containLabel: true},
    legend: {top: '0', right: '60', textStyle: {color: '#fff',fontSize:10}, data: [ '职位需求数']},
    xAxis: {nameLocation: 'end', nameGap: 7, type: 'category', data: gwmc, axisLine: {show: true, lineStyle: {color: "rgba(255,255,255,.9)", width: 1, type: "solid"}}, axisTick: {show: false}, axisLabel: {interval: 0, rotate: 0, textStyle: {color: "rgba(255,255,255,.6)", fontSize: '10'}}},
    yAxis: {type: 'value', name: '职位需求数', nameGap: 0, nameTextStyle: {color: '#fff', fontSize: 10}, position: 'top', axisLabel: {show: true, textStyle: {color: "rgba(255,255,255,.6)", fontSize: '10'}}, axisTick: {show: false}, axisLine: {show: true, lineStyle: {color: "rgba(255,255,255,.9)", width: 1, type: "solid"}}, splitLine: {lineStyle: {color: "rgba(255,255,255,.1)"}}},
    series: [
      {type: 'bar', name: '职位需求数', yAxisIndex: '0', data: [29461,32060,32115,34858,35547], barWidth: '15%', itemStyle: {normal: {opacity: 1, barBorderRadius: 5}}, label: {show: true, position: 'right', distance: 5, fontSize: '8'}}
    ]
  };
  myChart.setOption(option);
  window.addEventListener("resize", function () {
    myChart.resize();
  });
}


//中间数据--------------------------------------
//获取某省专业人数，招聘人数
function getSheng() {
  $.ajax({
    type: 'GET',
    url: baseUrl + '/temporary-visual/getShengInfo',
    data: {shengFen: shengFen},
    success: function (res) {
      console.log(res);
      if (res.code == '1') {
        var quanGuoZong = res.data.quanGuoZong;
        if (quanGuoZong.gangwei != '0') {
          $('.gwmc').text(quanGuoZong.gangwei);
          $('.zprs').text(quanGuoZong.recuitNum);
        } else {
          $('.gwmc').text('0');
          $('.zprs').text('0');
        }
      }
    }
  });
}

//获取省辖市集合
function getCityListByProvinceName() {
  $.ajax({
    type: 'GET',
    url: baseUrl + '/visual/common-province/getCityListByProvinceName',
    data: {provinceNane: shengFen},
    success: function (res) {
      //console.log(res);
      if (res.code == '1') {
        var city = res.data.cityList;
        if (city.length > 0) {
          var myChart = echarts.init(document.getElementById('map_1'));
          if(shengFen.indexOf('山西') > -1){
            $.getScript('js/province/js/shanxi.js', function () {
              var option = {
                tooltip: {
                  trigger: 'item',
                  formatter: function (params) {
                    if (params.name != '') {
                      return params.name + '<br/>专业人数：' + params.value;
                    } else {
                      return '暂无数据';
                    }
                  }
                },
                animation: false,
                visualMap: {
                  show: true,
                  min: 1,
                  max: 2000000,
                  inRange: {color: ['#d94e5d', '#eac736', '#50a3ba'].reverse()},
                  textStyle: {color: '#fff'}
                },
                geo: {
                  map: shortName,
                  type: 'map',
                  roam: false
                },
                series: [{ // 地图块的相关信息
                  name: shortName,
                  type: 'map',
                  mapType: shortName,
                  aspectScale: 0.75,
                  zoom: 1,
                  roam: false,
                  label: {
                    normal: {
                      show: true,//显示省份标签
                      textStyle: {color: "#fff", fontSize: '9'}//省份标签字体颜色
                    },
                    emphasis: {//对应的鼠标悬浮效果
                      show: true,
                      textStyle: {color: "#800080"}
                    }
                  },
                  itemStyle: {
                    normal: {
                      color: '#ffeb7b',
                      areaColor: '#4c60ff',
                      borderColor: '#1935e1'
                    }
                  },
                  data: city
                }]
              };
              myChart.setOption(option);
              //地图点击事件
              myChart.on('click', function (params) {//点击事件
                window.location.href = 'post.html?longnName=' + escape(params.name);
              });
              window.addEventListener("resize", function () {
                myChart.resize();
              });
            });
          }else if(shengFen.indexOf('陕西') > -1){
            $.getScript('js/province/js/shanxi1.js', function () {
              var option = {
                tooltip: {
                  trigger: 'item',
                  formatter: function (params) {
                    if (params.name != '') {
                      return params.name + '<br/>专业人数：' + params.value;
                    } else {
                      return '暂无数据';
                    }
                  }
                },
                animation: false,
                visualMap: {
                  show: true,
                  min: 1,
                  max: 2000000,
                  inRange: {color: ['#d94e5d', '#eac736', '#50a3ba'].reverse()},
                  textStyle: {color: '#fff'}
                },
                geo: {
                  map: shortName,
                  type: 'map',
                  roam: false,
                  //label: {
                  //  show: true,
                  //  fontSize: '9'
                  //},
                  //itemStyle: {
                  //  normal: {
                  //    areaColor: '#45c8ff',
                  //    borderColor: '#fff',
                  //    color: '#fff'
                  //  },
                  //  emphasis: {
                  //    areaColor: '#00aeee',
                  //    color: '#fff'
                  //  }
                  //}
                },
                series: [{ // 地图块的相关信息
                  name: shortName,
                  type: 'map',
                  mapType: shortName,
                  aspectScale: 0.75,
                  zoom: 1,
                  roam: false,
                  label: {
                    normal: {
                      show: true,//显示省份标签
                      textStyle: {color: "#fff", fontSize: '9'}//省份标签字体颜色
                    },
                    emphasis: {//对应的鼠标悬浮效果
                      show: true,
                      textStyle: {color: "#800080"}
                    }
                  },
                  itemStyle: {
                    normal: {
                      color: '#ffeb7b',
                      areaColor: '#4c60ff',
                      borderColor: '#1935e1'
                    }
                  },
                  data: city
                }]
              };
              myChart.setOption(option);
              //地图点击事件
              myChart.on('click', function (params) {//点击事件
                window.location.href = 'post.html?longnName=' + escape(params.name);
              });
              window.addEventListener("resize", function () {
                myChart.resize();
              });
            });
          }else{
            $.getScript('js/province/js/' + pyName + '.js', function () {
              var option = {
                tooltip: {
                  trigger: 'item',
                  formatter: function (params) {
                    if (params.name != '') {
                      return params.name + '<br/>需求人数：' + params.value;
                    } else {
                      return '暂无数据';
                    }
                  }
                },
                animation: false,
                visualMap: {
                  show: true,
                  min: 1,
                  max: 2000000,
                  inRange: {color: ['#d94e5d', '#eac736', '#50a3ba'].reverse()},
                  textStyle: {color: '#fff'}
                },
                geo: {
                  map: shortName,
                  type: 'map',
                  roam: false
                },
                series: [{ // 地图块的相关信息
                  name: shortName,
                  type: 'map',
                  mapType: shortName,
                  aspectScale: 0.75,
                  zoom: 1,
                  roam: false,
                  label: {
                    normal: {
                      show: true,//显示省份标签
                      textStyle: {color: "#fff", fontSize: '9'}//省份标签字体颜色
                    },
                    emphasis: {//对应的鼠标悬浮效果
                      show: true,
                      textStyle: {color: "#800080"}
                    }
                  },
                  itemStyle: {
                    normal: {
                      color: '#ffeb7b',
                      areaColor: '#4c60ff',
                      borderColor: '#1935e1'
                    }
                  },
                  data: city
                }]
              };
              myChart.setOption(option);
              //地图点击事件
              myChart.on('click', function (params) {//点击事件
                window.location.href = 'post.html?longnName=' + escape(params.name);
              });
              window.addEventListener("resize", function () {
                myChart.resize();
              });
            });
          }

        }else{
        }
      }
    }
  });

}
function getCityListByProvinceCode(zhName, pyName, name) {
  console.log(zhName, pyName,name);
  //window.location.href = 'post.html?longnName=' + escape(zhName) + '&abbreviation=' + pyName + '&shortName=' + escape(name)+'&mark=0';
  //window.location.href = 'area1.html?longnName=%u5E7F%u4E1C%u7701&abbreviation=guangdong&shortName=%u5E7F%u4E1C&mark=0;'
}
$(function () {
  getCityListByProvinceName();//获取省辖市集合
  getSheng();
  getQuanGuo();//首页获取全国各省的岗位数和招聘人数
  getEcharts1();
  getEcharts2();
  getEcharts3();
  getEcharts4();
  getEcharts5();
  getEcharts6();
  getEcharts7();
  getEcharts8();
});


//右侧数据--------------------------------------
//性别饼图
function getEcharts3(){
  var myChart = echarts.init(document.getElementById('echart3'));
  var option = {
    title: { left: 'center'},
    tooltip: {trigger: 'item'},
    legend: {orient: 'vertical', left: 'left', textStyle: {color: '#fff',fontSize:10}},
    series: [
      {
        name: 'Access From',
        type: 'pie',
        color:['#45C2E0','#C1EBDD','#FFC851','#5A5476','#1869A0','#FF9393'],
        radius: '50%',
        data: [
          { value: 1048, name: '男' },
          { value: 735, name: '女' }
        ],
        emphasis: {
          itemStyle: {
            shadowBlur: 10,
            shadowOffsetX: 0,
            shadowColor: 'rgba(0, 0, 0, 0.5)'
          }
        }
      }
    ]
  };
  myChart.setOption(option);
  window.addEventListener("resize", function () {
    myChart.resize();
  });
}
//学历水平柱状图
function getEcharts4(){
  var gwmc = ['初中及以下','高中','中专/中技','大专','本科','研究生'];
  var myChart = echarts.init(document.getElementById('echart4'));
  var option = {
    tooltip: {trigger: 'axis', axisPointer: {type: 'shadow'}},
    grid: {left: '0', top: '22%', right: '5', bottom: '0', containLabel: true},
    legend: {top: '0', right: '60', textStyle: {color: '#fff',fontSize:10}, data: [ '求职人数']},
    xAxis: {nameLocation: 'end', nameGap: 7, type: 'category', data: gwmc, axisLine: {show: true, lineStyle: {color: "rgba(255,255,255,.9)", width: 1, type: "solid"}}, axisTick: {show: false}, axisLabel: {interval: 0, rotate: 0, textStyle: {color: "rgba(255,255,255,.6)", fontSize: '10'}}},
    yAxis: {type: 'value', name: '求职人数', nameGap: 0, nameTextStyle: {color: '#fff', fontSize: 10}, position: 'top', axisLabel: {show: true, textStyle: {color: "rgba(255,255,255,.6)", fontSize: '10'}}, axisTick: {show: false}, axisLine: {show: true, lineStyle: {color: "rgba(255,255,255,.9)", width: 1, type: "solid"}}, splitLine: {lineStyle: {color: "rgba(255,255,255,.1)"}}},
    series: [
      {type: 'bar', name: '求职人数', yAxisIndex: '0', data: [29461,32060,32115,34858,35547,23452], barWidth: '15%', itemStyle: {normal: {opacity: 1, barBorderRadius: 5}}, label: {show: true, position: 'right', distance: 5, fontSize: '8'}}
    ]
  };
  myChart.setOption(option);
  window.addEventListener("resize", function () {
    myChart.resize();
  });
}
//年龄横向柱状图
function getEcharts5(){
  var gwmc = ['16-24岁','25-34岁','35-44岁','45-55岁','56-60岁','60岁以上'];
  var myChart = echarts.init(document.getElementById('echart5'));
  var option = {
    tooltip: {trigger: 'axis', axisPointer: {type: 'shadow'}},
    grid: {left: '0', top: '22%', right: '5', bottom: '0', containLabel: true},
    legend: {top: '0', right: '60', textStyle: {color: '#fff',fontSize:10}, data: [ '求职人数']},
    xAxis: {nameLocation: 'end', nameGap: 7, type: 'category', data: gwmc, axisLine: {show: true, lineStyle: {color: "rgba(255,255,255,.9)", width: 1, type: "solid"}}, axisTick: {show: false}, axisLabel: {interval: 0, rotate: 0, textStyle: {color: "rgba(255,255,255,.6)", fontSize: '10'}}},
    yAxis: {type: 'value', name: '求职人数', nameGap: 0, nameTextStyle: {color: '#fff', fontSize: 10}, position: 'top', axisLabel: {show: true, textStyle: {color: "rgba(255,255,255,.6)", fontSize: '10'}}, axisTick: {show: false}, axisLine: {show: true, lineStyle: {color: "rgba(255,255,255,.9)", width: 1, type: "solid"}}, splitLine: {lineStyle: {color: "rgba(255,255,255,.1)"}}},
    series: [
      {type: 'bar', name: '求职人数', yAxisIndex: '0', data: [29461,32060,32115,34858,35547,23452], barWidth: '15%', itemStyle: {normal: {opacity: 1, barBorderRadius: 5}}, label: {show: true, position: 'right', distance: 5, fontSize: '8'}}
    ]
  };
  myChart.setOption(option);
  window.addEventListener("resize", function () {
    myChart.resize();
  });
}

//下边数据
//产业饼状图
function getEcharts6(){
  var myChart = echarts.init(document.getElementById('echart6'));
  var option = {
    title: { left: 'center'},
    tooltip: {trigger: 'item'},
    legend: {orient: 'vertical', left: 'left',textStyle: {color: '#fff',fontSize:10}},
    series: [
      {
        name: 'Access From',
        type: 'pie',
        color:['#45C2E0','#C1EBDD','#FFC851','#5A5476','#1869A0','#FF9393'],
        radius: '50%',
        data: [
          { value: 1048, name: '第一产业'},
          { value: 735, name: '第二产业' },
          { value: 580, name: '第三产业' },
        ],
        emphasis: {
          itemStyle: {
            shadowBlur: 10,
            shadowOffsetX: 0,
            shadowColor: 'rgba(0, 0, 0, 0.5)'
          }
        }
      }
    ]
  };
  myChart.setOption(option);
  window.addEventListener("resize", function () {
    myChart.resize();
  });
}
//行业柱状图
function getEcharts7(){
  var gwmc = ['采矿业','电力、燃气及水的生产和供应业','公共管理与社会组织','建筑业','交通运输、仓储和邮政业','教育','金融业','科学研究和技术服务业','农、林、牧、渔业','批发和零售业','水利、环境和公共设施管理业','卫生、社会保障和社会福利业','文化、体育和娱乐业','信息传输、软件和信息技术服务业','制造业','住宿和餐饮业','租赁和商务服务业','其他'];
  var myChart = echarts.init(document.getElementById('echart7'));
  var option = {
    tooltip: {trigger: 'axis', axisPointer: {type: 'shadow'}},
    grid: {left: '0', top: '22%', right: '5', bottom: '0', containLabel: true},
    legend: {top: '0', right: '60', textStyle: {color: '#fff',fontSize:10}, data: [ '需求职位数']},
    xAxis: {nameLocation: 'end', nameGap: 7, type: 'category', data: gwmc, axisLine: {show: true, lineStyle: {color: "rgba(255,255,255,.9)", width: 1, type: "solid"}}, axisTick: {show: false}, axisLabel: {interval: 0, rotate: 45, textStyle: {color: "rgba(255,255,255,.6)", fontSize: '10'}}},
    yAxis: {type: 'value', name: '需求职位数', nameGap: 0, nameTextStyle: {color: '#fff', fontSize: 10}, position: 'top', axisLabel: {show: true, textStyle: {color: "rgba(255,255,255,.6)", fontSize: '10'}}, axisTick: {show: false}, axisLine: {show: true, lineStyle: {color: "rgba(255,255,255,.9)", width: 1, type: "solid"}}, splitLine: {lineStyle: {color: "rgba(255,255,255,.1)"}}},
    series: [
      {type: 'bar', name: '需求职位数', yAxisIndex: '0', data: [29461,32060,32115,34858,35547,23452,29461,32060,32115,34858,35547,23452,29461,32060,32115,34858,35547,23452], barWidth: '15%', itemStyle: {normal: {opacity: 1, barBorderRadius: 5}}, label: {show: true, position: 'right', distance: 5, fontSize: '8'}}
    ]
  };
  myChart.setOption(option);
  window.addEventListener("resize", function () {
    myChart.resize();
  });
}
//雷达图
function getEcharts8(){
  var myChart = echarts.init(document.getElementById('echart8'));
  var option = {
    //title: {text: 'Basic Radar Chart'},
    legend: {data: ['Allocated Budget', 'Actual Spending'],textStyle: {color: '#fff',fontSize:10}},
    radar: {
      // shape: 'circle',
      indicator: [
        { name: '5000元（含）以下', max: 6500 },
        { name: '5000-8000元（含）', max: 16000 },
        { name: '8000-10000元（含）', max: 30000 },
        { name: '10000-15000元（含）', max: 38000 },
        { name: '15000-20000元（含）', max: 52000 },
        { name: '20000-25000元（含）', max: 25000 },
        { name: '25000元-30000元（含）', max: 28000 },
        { name: '30000元以上', max: 35000 }
      ]
    },
    series: [
      {
        name: '工资水平',
        type: 'radar',
        data: [
          {
            value: [4200, 3000, 20000, 35000, 50000, 18000,20000,23456],
            name: '工资水平'
          },
          //{
          //  value: [5000, 14000, 28000, 26000, 42000, 21000],
          //  name: 'Actual Spending'
          //}
        ]
      }
    ]
  };
  myChart.setOption(option);
  window.addEventListener("resize", function () {
    myChart.resize();
  });
}