测试文件
This commit is contained in:
Wjl
191
portal/Digitalgovernment/town/h5/fangdichan/1.js
Normal file
191
portal/Digitalgovernment/town/h5/fangdichan/1.js
Normal file
@@ -0,0 +1,191 @@
|
||||
var myChart11 = echarts.init(document.querySelector(".echart11"))
|
||||
var option11 = {
|
||||
tooltip: {
|
||||
trigger: "item",
|
||||
show: true,
|
||||
showContent: true,
|
||||
},
|
||||
|
||||
series: [{
|
||||
// name: "Access From",
|
||||
type: "pie",
|
||||
radius: ["70%", "90%"],
|
||||
avoidLabelOverlap: false,
|
||||
itemStyle: {
|
||||
color: "#3D9DF4",
|
||||
},
|
||||
label: {
|
||||
show: true,
|
||||
position: "center",
|
||||
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: 100,
|
||||
name: "100%",
|
||||
label: {
|
||||
position: "center",
|
||||
fontSize: 18,
|
||||
color: "#3D9DF4",
|
||||
},
|
||||
}, ],
|
||||
}, ],
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
option11 && myChart11.setOption(option11)
|
||||
|
||||
var myChart12 = echarts.init(document.querySelector(".echart12"))
|
||||
|
||||
//新增租赁住房数量
|
||||
// $('#lblmubiao3').html(20000);
|
||||
var taskId3 = "249477757645451264"
|
||||
|
||||
var quotaCode3 = "Q250305589481046017"
|
||||
var url3 =
|
||||
"https://sznbs.ningbo.gov.cn:89/nbszhjkzz/tojcms/getQuotaByTaksIdOrQuotaCode.do?parentQuotaCode=" +
|
||||
quotaCode3 +
|
||||
"&systemName=government"
|
||||
|
||||
$.post(url3, function(data) {
|
||||
// debugger;
|
||||
var d = unique(data.infoList)
|
||||
// var mubiao3 = countTotal(d, 'targetValue');
|
||||
// var nb_value = countTotal(d, 'currentValue');
|
||||
// $('#lblmubiao3').html(mubiao3);
|
||||
// $('#lbldangqian3').html(nb_value);
|
||||
// var myChart3 = echarts.init(document.getElementById('chart3'));
|
||||
var colors = ["#31C563", "#5c8ff8"]
|
||||
var option12 = {
|
||||
color: colors,
|
||||
tooltip: {
|
||||
trigger: "axis",
|
||||
axisPointer: {
|
||||
type: "cross",
|
||||
},
|
||||
},
|
||||
grid: {
|
||||
bottom: 39,
|
||||
right: 100,
|
||||
top: 35,
|
||||
},
|
||||
// toolbox: {
|
||||
// feature: {
|
||||
// dataView: {show: true, readOnly: false},
|
||||
// restore: {show: true},
|
||||
// saveAsImage: {show: true}
|
||||
// }
|
||||
// },
|
||||
legend: {
|
||||
top: 0,
|
||||
left: "center",
|
||||
textStyle: {
|
||||
fontSize: 16,
|
||||
color: "#797979",
|
||||
},
|
||||
},
|
||||
xAxis: [{
|
||||
type: "category",
|
||||
axisTick: {
|
||||
alignWithLabel: true,
|
||||
},
|
||||
data: d.map(function(item) {
|
||||
return ningbo_allareas[item["areaCode"]]
|
||||
}),
|
||||
axisLabel: {
|
||||
rotate: 30,
|
||||
fontSize: 16,
|
||||
},
|
||||
}, ],
|
||||
yAxis: [{
|
||||
type: "value",
|
||||
name: "套",
|
||||
min: 0,
|
||||
max: 15000,
|
||||
position: "left",
|
||||
axisTick: {
|
||||
show: true,
|
||||
},
|
||||
axisLine: {
|
||||
show: true,
|
||||
lineStyle: {
|
||||
color: colors[0],
|
||||
},
|
||||
},
|
||||
splitLine: { show: false },
|
||||
axisLabel: {
|
||||
formatter: "{value} 套",
|
||||
fontSize: 16,
|
||||
},
|
||||
nameTextStyle: {
|
||||
color: "#31C563",
|
||||
fontSize: 16,
|
||||
},
|
||||
},
|
||||
{
|
||||
type: "value",
|
||||
name: "套",
|
||||
min: 0,
|
||||
max: 15000,
|
||||
splitLine: { show: false },
|
||||
|
||||
position: "right",
|
||||
axisTick: {
|
||||
show: true,
|
||||
},
|
||||
axisLine: {
|
||||
show: true,
|
||||
lineStyle: {
|
||||
color: colors[1],
|
||||
},
|
||||
},
|
||||
axisLabel: {
|
||||
formatter: "{value} 套",
|
||||
fontSize: 16,
|
||||
},
|
||||
nameTextStyle: {
|
||||
color: colors[1],
|
||||
fontSize: 16,
|
||||
},
|
||||
},
|
||||
],
|
||||
series: [{
|
||||
name: "完成值",
|
||||
type: "bar",
|
||||
data: d.map(function(item) {
|
||||
return item["currentValue"]
|
||||
}),
|
||||
barWidth: 15,
|
||||
},
|
||||
{
|
||||
name: "目标值",
|
||||
type: "bar",
|
||||
yAxisIndex: 1,
|
||||
data: d.map(function(item) {
|
||||
return item["targetValue"]
|
||||
}), //['1932', '645', '0', '0', '373', '0', '1308', '8960', '1235', '0', '266', '2579', '1520', '180', '1002']
|
||||
barWidth: 15,
|
||||
},
|
||||
],
|
||||
}
|
||||
myChart12.setOption(option12)
|
||||
})
|
||||
81
portal/Digitalgovernment/town/h5/fangdichan/fangdichan.css
Normal file
81
portal/Digitalgovernment/town/h5/fangdichan/fangdichan.css
Normal file
@@ -0,0 +1,81 @@
|
||||
.fangdichan {
|
||||
position: absolute;
|
||||
top: 73px;
|
||||
left: 20px;
|
||||
visibility: hidden;
|
||||
background: #ffffff;
|
||||
width: 83.5%;
|
||||
height: 720px;
|
||||
padding: 10px 20px;
|
||||
}
|
||||
.fangdichan h3 {
|
||||
text-align: left;
|
||||
padding: 10px;
|
||||
padding-left: 20px;
|
||||
border-bottom: 1px solid #e1e1e1;
|
||||
}
|
||||
.fangdichan .top {
|
||||
box-shadow: 0 0 1px 1px #e1e1e1;
|
||||
}
|
||||
.fangdichan .top > div {
|
||||
display: flex;
|
||||
}
|
||||
.fangdichan .top > div > :nth-child(1) {
|
||||
width: 30%;
|
||||
}
|
||||
.fangdichan .top > div > :nth-child(1) .flex {
|
||||
display: flex;
|
||||
justify-content: left;
|
||||
padding-left: 20px;
|
||||
}
|
||||
.fangdichan .top > div > :nth-child(1) .flex span {
|
||||
padding: 10px 0;
|
||||
margin-right: 20px;
|
||||
}
|
||||
.fangdichan .top > div > :nth-child(1) .echart11 {
|
||||
height: 200px;
|
||||
width: 200px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.fangdichan .top > div .right {
|
||||
width: 60%;
|
||||
}
|
||||
.fangdichan .top > div .right h3 {
|
||||
text-align: center;
|
||||
}
|
||||
.fangdichan .top > div .right table {
|
||||
width: 100%;
|
||||
margin: 0 auto 10px;
|
||||
text-align: center;
|
||||
}
|
||||
.fangdichan .top > div .right table th {
|
||||
background: #3e9ef5;
|
||||
height: 35px;
|
||||
color: #ffffff;
|
||||
}
|
||||
.fangdichan .top > div .right table tbody {
|
||||
box-shadow: 0 0 1px 1px #e1e1e1;
|
||||
}
|
||||
.fangdichan .top > div .right table tbody td {
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
border-bottom: 1px solid #e1e1e1;
|
||||
}
|
||||
.fangdichan .bottom {
|
||||
text-align: left;
|
||||
box-shadow: 0 0 1px 1px #e1e1e1;
|
||||
margin-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.fangdichan .bottom > div > div {
|
||||
padding: 10px 0;
|
||||
padding-left: 20px;
|
||||
}
|
||||
.fangdichan .bottom > div > div span {
|
||||
margin-right: 20px;
|
||||
}
|
||||
.fangdichan .bottom > div .echart12 {
|
||||
width: 90%;
|
||||
height: 270px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
89
portal/Digitalgovernment/town/h5/fangdichan/fangdichan.less
Normal file
89
portal/Digitalgovernment/town/h5/fangdichan/fangdichan.less
Normal file
@@ -0,0 +1,89 @@
|
||||
.fangdichan {
|
||||
position: absolute;
|
||||
top: 73px;
|
||||
left: 20px;
|
||||
visibility: hidden;
|
||||
// display: none;
|
||||
background: #ffffff;
|
||||
width: 83.5%;
|
||||
height: 720px;
|
||||
padding: 10px 20px;
|
||||
h3 {
|
||||
text-align: left;
|
||||
|
||||
padding: 10px;
|
||||
padding-left: 20px;
|
||||
border-bottom: 1px solid #e1e1e1;
|
||||
}
|
||||
|
||||
.top {
|
||||
box-shadow: 0 0 1px 1px #e1e1e1;
|
||||
> div {
|
||||
display: flex;
|
||||
// justify-content: space-between;
|
||||
> :nth-child(1) {
|
||||
width: 30%;
|
||||
.flex {
|
||||
display: flex;
|
||||
justify-content: left;
|
||||
padding-left: 20px;
|
||||
span {
|
||||
padding: 10px 0;
|
||||
margin-right: 20px;
|
||||
}
|
||||
}
|
||||
.echart11 {
|
||||
height: 200px;
|
||||
width: 200px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
.right {
|
||||
width: 60%;
|
||||
h3 {
|
||||
text-align: center;
|
||||
}
|
||||
table {
|
||||
width: 100%;
|
||||
margin: 0 auto 10px;
|
||||
text-align: center;
|
||||
th {
|
||||
background: #3e9ef5;
|
||||
height: 35px;
|
||||
color: #ffffff;
|
||||
}
|
||||
tbody {
|
||||
box-shadow: 0 0 1px 1px #e1e1e1;
|
||||
|
||||
td {
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
border-bottom: 1px solid #e1e1e1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bottom {
|
||||
text-align: left;
|
||||
box-shadow: 0 0 1px 1px #e1e1e1;
|
||||
margin-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
> div {
|
||||
> div {
|
||||
padding: 10px 0;
|
||||
padding-left: 20px;
|
||||
span {
|
||||
margin-right: 20px;
|
||||
}
|
||||
}
|
||||
.echart12 {
|
||||
width: 90%;
|
||||
height: 270px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user