接口联调

This commit is contained in:
zxy
2024-02-10 23:30:27 +08:00
parent 297902393e
commit c65eebaabd
3 changed files with 39 additions and 24 deletions

View File

@@ -27,7 +27,8 @@ a:hover{ color:#06c; text-decoration: none!important}
.head{height:85px;background:#03071B;background-size:100% 100%; position: relative; z-index: 100;padding-top: 20px;} .head{height:85px;background:#03071B;background-size:100% 100%; position: relative; z-index: 100;padding-top: 20px;}
.head .title{height:50px;line-height:50px;position:relative;text-align:center;} .head .title{height:50px;line-height:50px;position:relative;text-align:center;}
.head .title .cd_title_left{vertical-align:middle;height:15px;position:absolute;left:100px;top:30px;} .head .title .cd_title_left{vertical-align:middle;height:15px;position:absolute;left:80px;top:30px;}
.head .title .cd_back_home_text{position: absolute;left:100px;top:5px;font-size: 16px;font-weight: lighter;}
.head .title .cd_img_bg{vertical-align:middle;height:60px;position:absolute;left:50%;top:-2px;width: 900px;margin-left: -450px;} .head .title .cd_img_bg{vertical-align:middle;height:60px;position:absolute;left:50%;top:-2px;width: 900px;margin-left: -450px;}
.head .title .cd_title_right{vertical-align:middle;height:15px;position:absolute;right:20px;top:30px;} .head .title .cd_title_right{vertical-align:middle;height:15px;position:absolute;right:20px;top:30px;}
.head .title .cd_title_left_calendar{vertical-align:middle;height:15px;position:absolute;right:60px;top:5px;color:#0FEBFF;font-size:20px;font-weight: 350;} .head .title .cd_title_left_calendar{vertical-align:middle;height:15px;position:absolute;right:60px;top:5px;color:#0FEBFF;font-size:20px;font-weight: 350;}
@@ -204,7 +205,7 @@ to {transform: rotate(-359deg);}
.mainbox3{display:none;} */ .mainbox3{display:none;} */
/*返回按钮*/ /*返回按钮*/
.box_btn{position:absolute;left:20px;} .box_btn{position:absolute;left:20px;top:0;}
.box_btn button{width:70px;height:34px;border:none;background:#127CE6;color:#fff; .box_btn button{width:70px;height:34px;border:none;background:#127CE6;color:#fff;
-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;cursor:pointer;} -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;cursor:pointer;}
/*.footbox{height:calc(100% - 40px)/4;padding:5px;}*/ /*.footbox{height:calc(100% - 40px)/4;padding:5px;}*/

View File

@@ -18,13 +18,15 @@
<body> <body>
<div class="head"> <div class="head">
<div class="title"> <div class="title">
<img src="images/cd_left_corner.png" alt="" class="cd_title_left" /> <img onclick="history.go(-1)" src="images/cd_left_corner.png" alt="" class="cd_title_left" />
<span onclick="history.go(-1)" class="cd_back_home_text">回到首页</span>
<img src="images/cd_head_bg.png" alt="" class="cd_img_bg" /> <img src="images/cd_head_bg.png" alt="" class="cd_img_bg" />
<span style="font-size: 28px;" id="name">成都市彭州市劳动力需求大数据平台</span> <span style="font-size: 28px;" id="name">成都市彭州市劳动力需求大数据平台</span>
<span class="cd_title_left_calendar">2023.12.10-2023.12.28</span> <span class="cd_title_left_calendar">2023.12.10-2023.12.28</span>
<img src="images/cd_calendar_icon.png" class="cd_title_right_calendar_icon" /> <img src="images/cd_calendar_icon.png" class="cd_title_right_calendar_icon" />
<img src="images/cd_right_corner.png" alt="" class="cd_title_right" /> <img src="images/cd_right_corner.png" alt="" class="cd_title_right" />
</div> </div>
<!-- <div class="box_btn"><button onclick="history.go(-1)">回到首页</button></div> -->
</div> </div>
<div class="mainbox mainbox1 indexBox"> <div class="mainbox mainbox1 indexBox">
<ul class="clearfix"> <ul class="clearfix">

View File

@@ -311,12 +311,16 @@ function quanGuo(data) {
function getData5() { function getData5() {
$.ajax({ $.ajax({
type: "GET", type: "GET",
url: baseUrl + "/dataNew/getData5", url: testUrl + "/getData5",
headers: {
'Content-Type': 'application/json', // 指定请求体为JSON格式
'Jobslink-Auth': `bearer ${token}`
},
async: true, async: true,
data: { date: formattedDateTime }, data: { date: '2023-10', province: '四川省' },
success: function (res) { success: function (res) {
//console.log(res); //console.log(res);
if (res.code == "0") { if (res.code == "200") {
var myChart = echarts.init(document.getElementById("echart5")); var myChart = echarts.init(document.getElementById("echart5"));
var option = { var option = {
title: { title: {
@@ -738,20 +742,24 @@ function getData2() {
function getData4() { function getData4() {
$.ajax({ $.ajax({
type: "GET", type: "GET",
url: baseUrl + "/dataNew/getData4", url: testUrl + "/getData6",
headers: {
'Content-Type': 'application/json', // 指定请求体为JSON格式
'Jobslink-Auth': `bearer ${token}`
},
async: true, async: true,
data: { date: formattedDateTime }, data: { date: '2023-10', province: '四川省' },
success: function (res) { success: function (res) {
//console.log(res); //console.log(res);
if (res.code == "0") { if (res.code == "200") {
var name = []; // var name = [];
var xq = []; // var xq = [];
var qz = []; // var qz = [];
for (var i = 0; i < res.data.length; i++) { // for (var i = 0; i < res.data.length; i++) {
name.push(res.data[i].name); // name.push(res.data[i].name);
xq.push(res.data[i].xq); // xq.push(res.data[i].xq);
qz.push(res.data[i].qz); // qz.push(res.data[i].qz);
} // }
var myChart = echarts.init(document.getElementById("echart4")); var myChart = echarts.init(document.getElementById("echart4"));
var option = { var option = {
title: { title: {
@@ -777,7 +785,7 @@ function getData4() {
nameLocation: "end", nameLocation: "end",
nameGap: 7, nameGap: 7,
type: "category", type: "category",
data: name, data: res.data.name,
axisLine: { axisLine: {
show: true, show: true,
lineStyle: { lineStyle: {
@@ -835,7 +843,7 @@ function getData4() {
// distance: 5, // distance: 5,
// fontSize: "8", // fontSize: "8",
// }, // },
data: xq, data: res.data.data1,
}, },
// { // {
// type: "bar", // type: "bar",
@@ -1439,12 +1447,16 @@ function getData11() {
function getData6() { function getData6() {
$.ajax({ $.ajax({
type: "GET", type: "GET",
url: baseUrl + "/dataNew/getData6", url: testUrl + "/getData4",
headers: {
'Content-Type': 'application/json', // 指定请求体为JSON格式
'Jobslink-Auth': `bearer ${token}`
},
async: true, async: true,
data: { date: formattedDateTime }, data: { date: '2023-10', province: '四川省' },
success: function (res) { success: function (res) {
console.log(res); console.log(res);
if (res.code == "0") { if (res.code == "200") {
var myChart = echarts.init(document.getElementById("echart6")); var myChart = echarts.init(document.getElementById("echart6"));
var option = { var option = {
title: { title: {
@@ -1482,8 +1494,8 @@ function getData6() {
axisTick: { show: false }, axisTick: { show: false },
axisLabel: { axisLabel: {
interval: 0, interval: 0,
rotate: 300, rotate: 340,
textStyle: { color: "#3FC79B", fontSize: "12" }, textStyle: { color: "#3FC79B", fontSize: "10" },
}, },
}, },
yAxis: { yAxis: {