var originalData = { currentPage: 1, totalPage: 0, count: 0, locationCode: null, sw: 0, }; window.addEventListener('load', requestData(originalData)); // * 请求数据 function requestData(data) { $.post('https://webservice.dahe.cn/hnzc/tj-list', { pageSize: 4, pageNumber: data.currentPage, locationCode: data.locationCode }, function (data) { if (data.result == 200) { if (data.obj.pageNumber == 1) { (originalData.count = data.obj.totalRow), (originalData.totalPage = data.obj.totalPage); } renderHtml(data.obj.datas); $('#pageCount').text(data.obj.totalPage); } }); $('.paging_num').val(data.currentPage) } function requestOuterHenanData(data){ $.post('https://webservice.dahe.cn/hnzc/tj-list', { pageSize: 4, pageNumber: data.currentPage, locationCode: data.locationCode, sw: 1 }, function (data) { if (data.result == 200) { if (data.obj.pageNumber == 1) { (originalData.count = data.obj.totalRow), (originalData.totalPage = data.obj.totalPage); } renderHtml(data.obj.datas); $('#pageCount').text(data.obj.totalPage); } }); $('.paging_num').val(data.currentPage) } // * 渲染HTML function renderHtml(data) { localStorage.setItem('tjList', JSON.stringify(data)); var html = ''; for (var i = 0; i < data.length; i++) { var debt_principalAndInterest = ((parseInt(data[i].debt_principal) + parseInt(data[i].debt_interest )) / 10000).toFixed(2); // var debt_principal = data[i].debt_principal / 10000 html += '
  • ' + '' + '
    ' + '

    ' + data[i].title + '

    ' + '

    地区:' + data[i].city + '

    ' + '

    行业:' + data[i].industry + '

    ' + '

    债权本息合计:' + debt_principalAndInterest + '万元

    ' + '
    ' + '
  • '; } $('#content').html(html); } // * 跳转首页 function toFirstPage(data) { if(data.currentPage == 1) { return; } else { data.currentPage = 1 requestData(data); } } $('#firstPage').click(function () { toFirstPage(originalData); }); // * 跳转上一页 function toPrevPage(data) { if (data.currentPage == 1) { return; } else { data.currentPage = data.currentPage - 1; requestData(data); } } $('#previousPage').click(function () { toPrevPage(originalData); }); // * 跳转下一页 function toNextPage(data) { if (data.currentPage == data.totalPage) { return; } else { data.currentPage = data.currentPage + 1; requestData(data); } } $('#nextPage').click(function () { toNextPage(originalData); }); // * 跳转最后一页 function toLastPage(data) { data.currentPage = originalData.totalPage; requestData(data); } $('#lastPage').click(function () { toLastPage(originalData); }); // * 直接跳转 function toInputPage(data) { var pagingNum = $('.paging_num').val(); data.currentPage = parseInt(pagingNum); requestData(data); } $('#jumpPage').click(function () { toInputPage(originalData); }); // * 判断地理位置后调取相应数据 //判断当前栏目 $(function () { echarts.registerMap('henan', henanJson); //hennanJson名称取自henan.js里的var henanJson变量名 var dom = document.getElementById('map_area'); //得到echarts的实例对象 var myChart = echarts.init(dom); //关键是配置项 var option = { series: [ { name: '河南地图', layoutCenter: ['48%', '49%'], layoutSize: '100%', //series[i]-map:系列列表。每个系列通过 type 决定自己的图表类型,此处是地图类型 type: 'map', //这里是'china',及因为js中注册的名字,如果是上海市,则该出需pName 指的是'shanghai' mapType: 'henan', //地图区域的多边形 图形样式,有 normal 和 emphasis 两个状态 itemStyle: { //normal 是图形在默认状态下的样式; normal: { show: true, areaColor: '#BAD0E2', borderColor: '#FCFCFC', borderWidth: '1', }, //emphasis 是图形在高亮状态下的样式,比如在鼠标悬浮或者图例联动高亮时。 emphasis: { show: true, areaColor: '#0B66B2', }, }, //图形上的文本标签,可用于说明图形的一些数据信息 label: { normal: { show: true, color: '#fff', }, emphasis: { show: true, color: '#fff', }, }, }, ], title: { text: '', }, }; //使用刚指定的配置项和数据显示图表。 myChart.setOption(option); //定义全省各地市的数组 var outerHenanCity = [110000,120000,130000,140000,150000,210000,220000,230000,310000,320000,330000,340000,350000,360000,370000,420000,430000,440000,450000,460000,500000,510000,520000,530000,540000,610000,620000,630000,640000,650000,710000,810000,820000,990000] var city = ['410100', '410200', '410300', '410400', '410500', '410600', '410700', '410800', '410900', '411000', '411100', '411200', '411300', '411400', '411500', '411600', '411700', '410881']; var cityText = ['郑州', '开封', '洛阳', '平顶山', '安阳', '鹤壁', '新乡', '焦作', '濮阳', '许昌', '漯河', '三门峡', '南阳', '商丘', '信阳', '周口', '驻马店', '济源']; myChart.on('click', function (param) { for (var i = 0; i < cityText.length; i++) { if (param.name == cityText[i]) { originalData.locationCode = city[i]; originalData.currentPage = 1; originalData.totalPage = 0; originalData.count = 0; requestData(originalData) } } }); $('#promotion_outside').click(function () { originalData.locationCode = '110000,120000,130000,140000,150000,210000,220000,230000,310000,320000,330000,340000,350000,360000,370000,420000,430000,440000,450000,460000,500000,510000,520000,530000,540000,610000,620000,630000,640000,650000,710000,810000,820000,990000'; // 北京,天津,河北,山西,内蒙古,辽宁,吉林,黑龙江,上海,江苏,浙江,安徽,福建,江西,山东,湖北,湖南,广东,广西,海南,重庆,四川,贵州,云南,西藏,陕西,甘肃,青海,宁夏,新疆,台湾,香港,澳门,海外 originalData.currentPage = 1; originalData.totalPage = 0; originalData.count = 0; requestOuterHenanData(originalData) }); $('#promotion_inside').click(function () { originalData.locationCode = 410000; originalData.currentPage = 1; originalData.totalPage = 0; originalData.count = 0; requestData(originalData); }); });