接口联调
This commit is contained in:
@@ -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;}*/
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
@@ -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: {
|
||||||
|
|||||||
Reference in New Issue
Block a user