ewide/number_zj
22
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

测试文件

Browse Source
This commit is contained in:
Wjl
2022-01-11 14:22:25 +08:00
parent 0d51d41ffd
commit 37c93d07d0
283 changed files with 36491 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
portal/h5/jianzhu/1.css Normal file
View File

@@ -0,0 +1,58 @@
.jianzhu {
position: absolute;
top: 73px;
left: 20px;
height: 720px;
visibility: hidden;
background: #ffffff;
width: 83.5%;
padding: 10px 20px;
}
.jianzhu h3 {
text-align: left;
padding: 20px;
padding-left: 20px;
border-bottom: 1px solid #e1e1e1;
}
.jianzhu b {
margin: 0 10px;
font-size: 18px;
}
.jianzhu > :nth-child(1) {
display: flex;
justify-content: space-between;
align-items: center;
box-shadow: 0 0 1px 1px #e1e1e1;
margin-bottom: 20px;
padding-right: 20px;
}
.jianzhu > :nth-child(1) h3 {
border-bottom: none;
padding: 10px 20px;
}
.jianzhu > :nth-child(1) b {
font-size: 26px;
}
.jianzhu .top {
display: flex;
justify-content: space-between;
height: 600px;
}
.jianzhu .top > div {
width: 24%;
box-shadow: 0 0 1px 1px #e1e1e1;
text-align: left;
padding-bottom: 50px;
}
.jianzhu .top > div > :nth-child(2) {
padding-top: 20px;
padding-left: 20px;
}
.jianzhu .top > div > :nth-child(2) span {
margin-right: 20px;
}
.jianzhu .top > div > :nth-child(3) {
width: 80%;
height: 200px;
margin: 60px auto 0;
}

144
portal/h5/jianzhu/1.js Normal file
View File

@@ -0,0 +1,144 @@
var myChart81 = echarts.init(document.querySelector(".echart81"))
var myChart82 = echarts.init(document.querySelector(".echart82"))
var myChart83 = echarts.init(document.querySelector(".echart83"))
var myChart84 = echarts.init(document.querySelector(".echart84"))
$.get("http://118.178.224.202:8024/api/new2",function(data){
console.log("最后的数据",data)
$("#xinhaigang").html(data.data[0].new)
$("#gaizaomian").html(data.data[0].reform)
$("#wanchengmian").html(data.data[0].finish)
$("#shishixiang").html(data.data[0].start)
var option81 = {
tooltip: {
trigger: "item",
show: true,
showContent: true,
},
series: [{
type: "pie",
radius: ["70%", "90%"],
avoidLabelOverlap: false,
labelLine: {
show: false,
},
data: [{
value: data.data[0].new,
name: "100%",
label: {
position: "center",
fontSize: 18,
},
itemStyle: {
color: "#3E9EF5",
},
}, ],
}, ],
}
myChart81.setOption(option81)
var option82 = {
tooltip: {
trigger: "item",
show: true,
showContent: true,
},
series: [{
type: "pie",
radius: ["70%", "90%"],
avoidLabelOverlap: false,
labelLine: {
show: false,
},
data: [{
value: data.data[0].reform,
name: "100%",
label: {
position: "center",
fontSize: 18,
},
itemStyle: {
color: "#3E9EF5",
},
}, ],
}, ],
}
myChart82.setOption(option82)
var option83 = {
tooltip: {
trigger: "item",
show: true,
showContent: true,
},
series: [{
type: "pie",
radius: ["70%", "90%"],
avoidLabelOverlap: false,
labelLine: {
show: false,
},
data: [{
value: data.data[0].finish,
name: "100%",
label: {
position: "center",
fontSize: 18,
},
itemStyle: {
color: "#3E9EF5",
},
}, ],
}, ],
}
myChart83.setOption(option83)
var option84 = {
tooltip: {
trigger: "item",
show: true,
showContent: true,
},
series: [{
type: "pie",
radius: ["70%", "90%"],
avoidLabelOverlap: false,
labelLine: {
show: false,
},
data: [{
value: data.data[0].start,
name: "100%",
label: {
position: "center",
fontSize: 18,
},
itemStyle: {
color: "#3E9EF5",
},
}, ],
}, ],
}
myChart84.setOption(option84)
})
// window.onresize = function() {
// myChart81.resize()
// myChart82.resize()
// myChart83.resize()
// myChart84.resize()
// }

62
portal/h5/jianzhu/1.less Normal file
View File

@@ -0,0 +1,62 @@
.jianzhu {
position: absolute;
top: 73px;
left: 20px;
height: 720px;
visibility: hidden;
background: #ffffff;
width: 83.5%;
padding: 10px 20px;
h3 {
text-align: left;
padding: 20px;
padding-left: 20px;
border-bottom: 1px solid #e1e1e1;
}
b {
margin: 0 10px;
font-size: 18px;
}
> :nth-child(1) {
display: flex;
justify-content: space-between;
align-items: center;
box-shadow: 0 0 1px 1px #e1e1e1;
margin-bottom: 20px;
padding-right: 20px;
h3 {
border-bottom: none;
padding: 10px 20px;
}
b {
font-size: 26px;
}
}
.top {
display: flex;
justify-content: space-between;
height: 600px;
> div {
width: 24%;
box-shadow: 0 0 1px 1px #e1e1e1;
text-align: left;
padding-bottom: 50px;
> :nth-child(2) {
padding-top: 20px;
padding-left: 20px;
// margin-top: 40px;
span {
margin-right: 20px;
}
}
> :nth-child(3) {
width: 80%;
height: 200px;
margin: 60px auto 0;
}
}
}
}