测试文件
This commit is contained in:
Wjl
71
portal/h5/nongcun/1.css
Normal file
71
portal/h5/nongcun/1.css
Normal file
@@ -0,0 +1,71 @@
|
||||
.nongcun {
|
||||
position: absolute;
|
||||
top: 73px;
|
||||
left: 20px;
|
||||
height: 720px;
|
||||
visibility: hidden;
|
||||
background: #ffffff;
|
||||
width: 83.5%;
|
||||
padding: 10px 20px;
|
||||
}
|
||||
.nongcun h3 {
|
||||
text-align: left;
|
||||
padding: 10px 20px;
|
||||
padding-left: 20px;
|
||||
border-bottom: 1px solid #e1e1e1;
|
||||
}
|
||||
.nongcun b {
|
||||
margin: 0 10px;
|
||||
font-size: 18px;
|
||||
}
|
||||
.nongcun .top {
|
||||
box-shadow: 0 0 1px 1px #e1e1e1;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.nongcun .top > .flex {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
}
|
||||
.nongcun .top > .flex > .left {
|
||||
width: 40%;
|
||||
text-align: left;
|
||||
padding-left: 20px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
.nongcun .top > .flex > .left span {
|
||||
margin-right: 20px;
|
||||
}
|
||||
.nongcun .top > .flex > .left > div {
|
||||
height: 250px;
|
||||
}
|
||||
.nongcun .top > .flex .echart61 {
|
||||
width: 90%;
|
||||
height: 250px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.nongcun .top > .flex .echart62 {
|
||||
width: 60%;
|
||||
height: 250px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
.nongcun .bottom {
|
||||
box-shadow: 0 0 1px 1px #e1e1e1;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.nongcun .bottom .flex {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
}
|
||||
.nongcun .bottom .flex > div {
|
||||
width: 30%;
|
||||
}
|
||||
.nongcun .bottom .flex > div > :nth-child(1) {
|
||||
width: 80%;
|
||||
height: 250px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.nongcun .bottom .flex > div > :nth-child(2) {
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
398
portal/h5/nongcun/1.js
Normal file
398
portal/h5/nongcun/1.js
Normal file
@@ -0,0 +1,398 @@
|
||||
var myChart61 = echarts.init(document.querySelector(".echart61"))
|
||||
|
||||
//省级美丽宜居示范村创建
|
||||
var taskId2 = '229185203687473152'
|
||||
var quotaCode2 = 'Q229262828229443587'
|
||||
var url2 =
|
||||
'https://sznbs.ningbo.gov.cn:89/nbszhjkzz/tojcms/getQuotaByTaksIdOrQuotaCode.do?parentQuotaCode=' +
|
||||
quotaCode2 +
|
||||
'&systemName=government'
|
||||
$.post(url2, function (data) {
|
||||
var d = unique(data.infoList)
|
||||
var mubiao2 = countTotal(d, 'targetValue')
|
||||
var nb_value = countTotal(d, 'currentValue')
|
||||
$('#CJmubiao').html(mubiao2)
|
||||
$('#CJshiji').html(nb_value)
|
||||
/* $('#lblmubiaowanchenglv2').html((nb_value / mubiao2) * 100)
|
||||
*/
|
||||
var nb_value_lv = (nb_value / mubiao2) * 100
|
||||
/* 百分比图 */
|
||||
var option61 = {
|
||||
tooltip: {
|
||||
trigger: "item",
|
||||
formatter: "{b} {c} %",
|
||||
},
|
||||
graphic: {
|
||||
type: "text",
|
||||
left: "center",
|
||||
top: "center",
|
||||
width: 30,
|
||||
style: {
|
||||
text: "" + nb_value_lv + "%",
|
||||
fill: "#228DF8",
|
||||
fontSize: 18,
|
||||
fontWeight: 700,
|
||||
},
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: "",
|
||||
type: "pie",
|
||||
radius: ["70%", "90%"],
|
||||
avoidLabelOverlap: false,
|
||||
label: {
|
||||
show: false,
|
||||
},
|
||||
emphasis: {
|
||||
label: {
|
||||
show: false,
|
||||
},
|
||||
},
|
||||
labelLine: {
|
||||
show: true,
|
||||
},
|
||||
data: [
|
||||
{
|
||||
value: nb_value_lv,
|
||||
name: "",
|
||||
itemStyle: {
|
||||
normal: {
|
||||
color: "#3E9DF4",
|
||||
label: {
|
||||
show: true,
|
||||
formatter: "{c}%",
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
}
|
||||
myChart61.setOption(option61)
|
||||
})
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
var myChart62 = echarts.init(document.querySelector(".echart62"))
|
||||
|
||||
var taskId2 = "229185203687473152"
|
||||
var quotaCode2 = "Q229262828229443587"
|
||||
var url2 =
|
||||
"https://sznbs.ningbo.gov.cn:89/nbszhjkzz/tojcms/getQuotaByTaksIdOrQuotaCode.do?parentQuotaCode=" +
|
||||
quotaCode2 +
|
||||
"&systemName=government"
|
||||
|
||||
$.post(url2, function(data) {
|
||||
var d = unique(data.infoList)
|
||||
// var colors = ["#31C563"]
|
||||
|
||||
var option62 = {
|
||||
// color: colors,
|
||||
tooltip: {
|
||||
trigger: "axis",
|
||||
axisPointer: {
|
||||
type: "cross",
|
||||
},
|
||||
},
|
||||
legend: {
|
||||
top: "5%",
|
||||
left: "center",
|
||||
itemStyle: {
|
||||
tooltip: true,
|
||||
},
|
||||
textStyle: {
|
||||
fontSize: 16,
|
||||
color: "#797979",
|
||||
},
|
||||
},
|
||||
grid: {
|
||||
left: 40,
|
||||
bottom: 25,
|
||||
},
|
||||
xAxis: [{
|
||||
type: "category",
|
||||
axisTick: {
|
||||
alignWithLabel: true,
|
||||
},
|
||||
axisLabel: {
|
||||
fontSize: 16,
|
||||
interval: 0,
|
||||
},
|
||||
data: d.map(function(item) {
|
||||
return ningbo_allareas[item["areaCode"]]
|
||||
}),
|
||||
}, ],
|
||||
yAxis: {
|
||||
type: "value",
|
||||
name: "套",
|
||||
min: 0,
|
||||
max: 5,
|
||||
position: "left",
|
||||
axisLine: {
|
||||
show: true,
|
||||
lineStyle: {
|
||||
// color: colors[0],
|
||||
},
|
||||
},
|
||||
axisTick: {
|
||||
show: true,
|
||||
},
|
||||
splitLine: {
|
||||
show: false,
|
||||
},
|
||||
axisLabel: {
|
||||
formatter: "{value} 套",
|
||||
fontSize: 16,
|
||||
},
|
||||
nameTextStyle: {
|
||||
// color: "#31C563",
|
||||
fontSize: 16,
|
||||
},
|
||||
},
|
||||
series: [{
|
||||
name: "各区县市完成值",
|
||||
type: "bar",
|
||||
barWidth: "30%",
|
||||
data: d.map(function(item) {
|
||||
return item["currentValue"]
|
||||
}),
|
||||
itemStyle: {
|
||||
normal: {
|
||||
color: "#31C563",
|
||||
label: {
|
||||
show: false, //显示文本
|
||||
textStyle: {
|
||||
color: "#000",
|
||||
fontSize: "14",
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
}, ],
|
||||
}
|
||||
myChart62.setOption(option62)
|
||||
})
|
||||
|
||||
/* 所有农村房屋排查录入率 */
|
||||
var taskId1 = "235354627989651456"
|
||||
var quotaCode1 = "Q236529416418709507"
|
||||
var myChart63 = echarts.init(document.querySelector(".echart63"))
|
||||
$.post("https://sznbs.ningbo.gov.cn:89/nbszhjkzz/tojcms/targetProgress.do?taskId=" + taskId1 + "&taskSystem=government"aCode=" + quotaCode1, function (data) {
|
||||
// debugger;
|
||||
var nb_value = data.infoList.filter(function (item) {
|
||||
return item["areaName"] == "宁波市"
|
||||
})[0]["quotaValue"]
|
||||
var option63 = {
|
||||
tooltip: {
|
||||
trigger: "item",
|
||||
show: true,
|
||||
showContent: true,
|
||||
},
|
||||
// legend: {
|
||||
// top: "5%",
|
||||
// left: "center",
|
||||
// itemStyle: {
|
||||
// tooltip: true,
|
||||
// },
|
||||
// },
|
||||
series: [{
|
||||
// name: "Access From",
|
||||
type: "pie",
|
||||
radius: ["55%", "70%"],
|
||||
avoidLabelOverlap: false,
|
||||
label: {
|
||||
show: true,
|
||||
// position: "center",
|
||||
},
|
||||
itemStyle: {
|
||||
color: "#3D9DF4",
|
||||
},
|
||||
emphasis: {
|
||||
label: {
|
||||
show: true,
|
||||
fontSize: "40",
|
||||
fontWeight: "bold",
|
||||
},
|
||||
itemStyle: {
|
||||
shadowBlur: 10,
|
||||
shadowOffsetX: 0,
|
||||
shadowColor: "rgba(0, 0, 0, 0.5)",
|
||||
},
|
||||
},
|
||||
labelLine: {
|
||||
show: false,
|
||||
},
|
||||
data: [{
|
||||
value: parseFloat(nb_value).toFixed(2),
|
||||
name: parseFloat(nb_value).toFixed(2)+ "%",
|
||||
label: {
|
||||
position: "center",
|
||||
fontSize: 18,
|
||||
},},
|
||||
{
|
||||
value: 0,
|
||||
// name: "43%",
|
||||
itemStyle: {
|
||||
color: "#EEEEEE",
|
||||
},
|
||||
label: {
|
||||
position: "center",
|
||||
fontSize: 16,
|
||||
},
|
||||
}, ],
|
||||
}, ],
|
||||
}
|
||||
myChart63.setOption(option63)
|
||||
|
||||
})
|
||||
|
||||
/* 鉴定为C、D级用作生产经营自建房的整治改造率 */
|
||||
|
||||
|
||||
var url99 = "https://sznbs.ningbo.gov.cn:89/nbszhjkzz/tojcms/targetProgress.do?taskId=235354627989651456&taskSystem=government"aCode=Q236532762860933123"
|
||||
var myChart64 = echarts.init(document.querySelector(".echart64"))
|
||||
$.post(url99,function(data){
|
||||
var nb_value = data.infoList.filter(function (item) {
|
||||
return item["areaName"] == "宁波市"
|
||||
})[0]["quotaValue"]
|
||||
var option64 = {
|
||||
tooltip: {
|
||||
trigger: "item",
|
||||
show: true,
|
||||
showContent: true,
|
||||
},
|
||||
// legend: {
|
||||
// top: "5%",
|
||||
// left: "center",
|
||||
// itemStyle: {
|
||||
// tooltip: true,
|
||||
// },
|
||||
// },
|
||||
series: [{
|
||||
// name: "Access From",
|
||||
type: "pie",
|
||||
radius: ["55%", "70%"],
|
||||
avoidLabelOverlap: false,
|
||||
label: {
|
||||
show: true,
|
||||
// position: "center",
|
||||
},
|
||||
itemStyle: {
|
||||
color: "#3D9DF4",
|
||||
},
|
||||
emphasis: {
|
||||
label: {
|
||||
show: true,
|
||||
fontSize: "40",
|
||||
fontWeight: "bold",
|
||||
},
|
||||
itemStyle: {
|
||||
shadowBlur: 10,
|
||||
shadowOffsetX: 0,
|
||||
shadowColor: "rgba(0, 0, 0, 0.5)",
|
||||
},
|
||||
},
|
||||
labelLine: {
|
||||
show: false,
|
||||
},
|
||||
data: [{
|
||||
value: parseFloat(nb_value).toFixed(2),
|
||||
name: parseFloat(nb_value).toFixed(2)+ "%",
|
||||
label: {
|
||||
position: "center",
|
||||
fontSize: 18,
|
||||
},
|
||||
},
|
||||
{
|
||||
value: 0,
|
||||
// name: "43%",
|
||||
itemStyle: {
|
||||
color: "#EEEEEE",
|
||||
},
|
||||
label: {
|
||||
position: "center",
|
||||
fontSize: 16,
|
||||
},
|
||||
},
|
||||
],
|
||||
}, ],
|
||||
}
|
||||
myChart64.setOption(option64)
|
||||
})
|
||||
|
||||
var url100 = "https://sznbs.ningbo.gov.cn:89/nbszhjkzz/tojcms/targetProgress.do?taskId=235354627989651456&taskSystem=government"aCode=Q236530943887757315"
|
||||
var myChart65 = echarts.init(document.querySelector(".echart65"))
|
||||
|
||||
$.post(url100,function(data){
|
||||
var nb_value = data.infoList.filter(function (item) {
|
||||
return item["areaName"] == "宁波市"
|
||||
})[0]["quotaValue"]
|
||||
var option65 = {
|
||||
tooltip: {
|
||||
trigger: "item",
|
||||
show: true,
|
||||
showContent: true,
|
||||
},
|
||||
// legend: {
|
||||
// top: "5%",
|
||||
// left: "center",
|
||||
// itemStyle: {
|
||||
// tooltip: true,
|
||||
// },
|
||||
// },
|
||||
series: [{
|
||||
// name: "Access From",
|
||||
type: "pie",
|
||||
radius: ["55%", "70%"],
|
||||
avoidLabelOverlap: false,
|
||||
label: {
|
||||
show: true,
|
||||
// position: "center",
|
||||
},
|
||||
itemStyle: {
|
||||
color: "#3D9DF4",
|
||||
},
|
||||
emphasis: {
|
||||
label: {
|
||||
show: true,
|
||||
fontSize: "40",
|
||||
fontWeight: "bold",
|
||||
},
|
||||
itemStyle: {
|
||||
shadowBlur: 10,
|
||||
shadowOffsetX: 0,
|
||||
shadowColor: "rgba(0, 0, 0, 0.5)",
|
||||
},
|
||||
},
|
||||
labelLine: {
|
||||
show: false,
|
||||
},
|
||||
data: [{
|
||||
value: parseFloat(nb_value).toFixed(2),
|
||||
name: parseFloat(nb_value).toFixed(2)+ "%",
|
||||
label: {
|
||||
position: "center",
|
||||
fontSize: 18,
|
||||
},
|
||||
},
|
||||
{
|
||||
value: 0,
|
||||
// name: "43%",
|
||||
itemStyle: {
|
||||
color: "#EEEEEE",
|
||||
},
|
||||
label: {
|
||||
position: "center",
|
||||
fontSize: 16,
|
||||
},
|
||||
},],
|
||||
}, ],
|
||||
}
|
||||
myChart65.setOption(option65)
|
||||
|
||||
})
|
||||
|
||||
73
portal/h5/nongcun/1.less
Normal file
73
portal/h5/nongcun/1.less
Normal file
@@ -0,0 +1,73 @@
|
||||
.nongcun {
|
||||
position: absolute;
|
||||
top: 73px;
|
||||
left: 20px;
|
||||
height: 720px;
|
||||
visibility: hidden;
|
||||
background: #ffffff;
|
||||
width: 83.5%;
|
||||
padding: 10px 20px;
|
||||
h3 {
|
||||
text-align: left;
|
||||
|
||||
padding: 10px 20px;
|
||||
padding-left: 20px;
|
||||
border-bottom: 1px solid #e1e1e1;
|
||||
}
|
||||
b {
|
||||
margin: 0 10px;
|
||||
font-size: 18px;
|
||||
}
|
||||
.top {
|
||||
box-shadow: 0 0 1px 1px #e1e1e1;
|
||||
margin-bottom: 20px;
|
||||
> .flex {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
> .left {
|
||||
width: 40%;
|
||||
text-align: left;
|
||||
padding-left: 20px;
|
||||
padding-top: 10px;
|
||||
span {
|
||||
margin-right: 20px;
|
||||
}
|
||||
> div {
|
||||
height: 250px;
|
||||
}
|
||||
}
|
||||
.echart61 {
|
||||
width: 90%;
|
||||
height: 250px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.echart62 {
|
||||
width: 60%;
|
||||
height: 250px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bottom {
|
||||
box-shadow: 0 0 1px 1px #e1e1e1;
|
||||
padding-bottom: 20px;
|
||||
.flex {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
> div {
|
||||
width: 30%;
|
||||
> :nth-child(1) {
|
||||
width: 80%;
|
||||
height: 250px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
> :nth-child(2) {
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user