测试文件
This commit is contained in:
Wjl
74
portal/h5/chengzhen/1.css
Normal file
74
portal/h5/chengzhen/1.css
Normal file
@@ -0,0 +1,74 @@
|
||||
.chengzhen {
|
||||
position: absolute;
|
||||
top: 73px;
|
||||
visibility: hidden;
|
||||
background: #ffffff;
|
||||
left: 20px;
|
||||
width: 83.5%;
|
||||
height: 720px;
|
||||
padding: 10px 20px;
|
||||
}
|
||||
.chengzhen h3 {
|
||||
text-align: left;
|
||||
padding: 20px;
|
||||
padding-left: 20px;
|
||||
border-bottom: 1px solid #e1e1e1;
|
||||
}
|
||||
.chengzhen b {
|
||||
margin: 0 10px;
|
||||
font-size: 18px;
|
||||
font-weight: normal;
|
||||
}
|
||||
.chengzhen .top {
|
||||
box-shadow: 0 0 1px 1px #e1e1e1;
|
||||
}
|
||||
.chengzhen .top .flex {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
padding: 10px 20px 0;
|
||||
}
|
||||
.chengzhen .top .flex .left {
|
||||
width: 32%;
|
||||
}
|
||||
.chengzhen .top .flex .left > div {
|
||||
text-align: left;
|
||||
box-shadow: 0 0 1px 1px #e1e1e1;
|
||||
padding-top: 10px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.chengzhen .top .flex .left > div span:nth-child(1) {
|
||||
padding-left: 20px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.chengzhen .top .flex .left > div span {
|
||||
display: block;
|
||||
margin: 19px 0 0;
|
||||
padding-left: 40px;
|
||||
}
|
||||
.chengzhen .top .flex .left > div div[class^="echart"] {
|
||||
width: 94%;
|
||||
height: 80px;
|
||||
}
|
||||
.chengzhen .top .flex .right {
|
||||
width: 67%;
|
||||
}
|
||||
.chengzhen .top .flex .right table {
|
||||
box-shadow: 0 0 1px 1px #e1e1e1;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.chengzhen .top .flex .right table th {
|
||||
background: #3e9ef5;
|
||||
height: 40px;
|
||||
color: #ffffff;
|
||||
}
|
||||
.chengzhen .top .flex .right table tbody {
|
||||
border: 1px solid #e1e1e1;
|
||||
}
|
||||
.chengzhen .top .flex .right table tbody td {
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
text-align: center;
|
||||
border-bottom: 1px solid #e1e1e1;
|
||||
}
|
||||
139
portal/h5/chengzhen/1.js
Normal file
139
portal/h5/chengzhen/1.js
Normal file
@@ -0,0 +1,139 @@
|
||||
var myChart51 = echarts.init(document.querySelector('.echart51'))
|
||||
var option51 = {
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
axisPointer: {
|
||||
type: 'shadow',
|
||||
},
|
||||
},
|
||||
grid: {
|
||||
top: 0,
|
||||
bottom: 0,
|
||||
},
|
||||
xAxis: {
|
||||
type: 'value',
|
||||
boundaryGap: [0, 0.01],
|
||||
show: false,
|
||||
max: 100,
|
||||
},
|
||||
yAxis: {
|
||||
type: 'category',
|
||||
data: ['Brazil'],
|
||||
show: false,
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: '2011',
|
||||
type: 'bar',
|
||||
data: [100],
|
||||
showBackground: true,
|
||||
itemStyle: {
|
||||
color: '#269BFF',
|
||||
normal: {
|
||||
barBorderRadius: 10,
|
||||
color: '#269BFF',
|
||||
},
|
||||
},
|
||||
barWidth: '15',
|
||||
},
|
||||
],
|
||||
}
|
||||
myChart51.setOption(option51)
|
||||
|
||||
|
||||
var taskId2 = '236777353581166592';
|
||||
var quotaCode2 = 'Q249968345167802368';
|
||||
var url2 = 'https://sznbs.ningbo.gov.cn:89/nbszhjkzz/tojcms/getQuotaByTaksIdOrQuotaCode.do?parentQuotaCode=' + quotaCode2 + '&systemName=government';
|
||||
var url3 = 'https://szzf.nbjs.gov.cn:8050/api/Rural_vitalization/GetProvincialBeautifulTown';
|
||||
console.log(url2)
|
||||
$.get(url2, function (data) {
|
||||
console.log("测试的data",data)
|
||||
//para_value1
|
||||
//para_value2
|
||||
var d = unique(data.infoList);
|
||||
var mubiao2 = countTotal(d, 'targetValue');
|
||||
$("#Smubiao").html(mubiao2);
|
||||
$("#Smubiao2").html(mubiao2);
|
||||
//d.forEach(function (p) { return $("#tb_shengjishilimeilichengzhen").append('<tr><td>' + ningbo_allareas[p['areaCode']] + '</td><td>' + p['currentValue'] + '</td><td>2021年底</td><td>进行中</td></tr>'); })
|
||||
});
|
||||
|
||||
|
||||
$.post(url3, function (data) {
|
||||
console.log(data)
|
||||
var d = data.data;
|
||||
var nb_value1 = countTotal(d, 'para_value2');
|
||||
var nb_value2 = countTotal(d, 'para_value1');
|
||||
$("#Sshiji").html(nb_value1);
|
||||
$("#Sshiji2").html(nb_value2);
|
||||
d.forEach(function (p){ return $("#tb_shengjishilimeilichengzhen").append('<tr><td>' + p['area_name'] + '</td><td>' + p['para_value1'] + '</td><td>' + p['para_value2'] + '</td><td>2021年底</td><td>已完成</td></tr>'); })
|
||||
})
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* 建设美丽城镇 */
|
||||
var myChart52 = echarts.init(document.querySelector('.echart52'))
|
||||
var option52 = {
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
axisPointer: {
|
||||
type: 'shadow',
|
||||
},
|
||||
},
|
||||
grid: {
|
||||
top: 0,
|
||||
bottom: 0,
|
||||
},
|
||||
xAxis: {
|
||||
type: 'value',
|
||||
boundaryGap: [0, 0.01],
|
||||
show: false,
|
||||
max: 100,
|
||||
},
|
||||
yAxis: {
|
||||
type: 'category',
|
||||
data: ['Brazil'],
|
||||
show: false,
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: '2011',
|
||||
type: 'bar',
|
||||
data: [18203],
|
||||
showBackground: true,
|
||||
itemStyle: {
|
||||
color: '#269BFF',
|
||||
normal: {
|
||||
barBorderRadius: 10,
|
||||
color: '#269BFF',
|
||||
},
|
||||
},
|
||||
barWidth: '15',
|
||||
},
|
||||
],
|
||||
}
|
||||
myChart52.setOption(option52)
|
||||
|
||||
var quotaCode2 = 'Q249968345167802368'
|
||||
var url2 =
|
||||
'https://sznbs.ningbo.gov.cn:89/nbszhjkzz/tojcms/getQuotaByTaksIdOrQuotaCode.do?parentQuotaCode=' +
|
||||
quotaCode2 +
|
||||
'&systemName=government'
|
||||
|
||||
/**
|
||||
* @表格数据来源
|
||||
*/
|
||||
|
||||
// $.post(url2, function (data) {
|
||||
// var m = data
|
||||
// m.infoList.forEach(function (item) {
|
||||
// $('.chengzhen .flex .right tbody').append(
|
||||
// '<tr><td>' +
|
||||
// ningbo_allareas[item.areaCode] +
|
||||
// '</td><td>' +
|
||||
// item.targetValue +
|
||||
// '</td><td>2021年底</td><td>进行中</td></tr>'
|
||||
// )
|
||||
// })
|
||||
// })
|
||||
81
portal/h5/chengzhen/1.less
Normal file
81
portal/h5/chengzhen/1.less
Normal file
@@ -0,0 +1,81 @@
|
||||
.chengzhen {
|
||||
position: absolute;
|
||||
top: 73px;
|
||||
|
||||
visibility: hidden;
|
||||
// display: none;
|
||||
background: #ffffff;
|
||||
left: 20px;
|
||||
width: 83.5%;
|
||||
height: 720px;
|
||||
padding: 10px 20px;
|
||||
h3 {
|
||||
text-align: left;
|
||||
|
||||
padding: 20px;
|
||||
padding-left: 20px;
|
||||
border-bottom: 1px solid #e1e1e1;
|
||||
}
|
||||
b {
|
||||
margin: 0 10px;
|
||||
font-size: 18px;
|
||||
font-weight: normal;
|
||||
}
|
||||
.top {
|
||||
box-shadow: 0 0 1px 1px #e1e1e1;
|
||||
.flex {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
padding: 10px 20px 0;
|
||||
.left {
|
||||
width: 32%;
|
||||
// color: #797979;
|
||||
> div {
|
||||
text-align: left;
|
||||
box-shadow: 0 0 1px 1px #e1e1e1;
|
||||
padding-top: 10px;
|
||||
margin-bottom: 20px;
|
||||
span:nth-child(1) {
|
||||
padding-left: 20px;
|
||||
font-weight: bold;
|
||||
}
|
||||
span {
|
||||
display: block;
|
||||
margin: 19px 0 0;
|
||||
padding-left: 40px;
|
||||
}
|
||||
div[class^="echart"] {
|
||||
width: 94%;
|
||||
height: 80px;
|
||||
// margin: 0 auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.right {
|
||||
width: 67%;
|
||||
|
||||
table {
|
||||
box-shadow: 0 0 1px 1px #e1e1e1;
|
||||
th {
|
||||
background: #3e9ef5;
|
||||
height: 40px;
|
||||
color: #ffffff;
|
||||
}
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
tbody {
|
||||
border: 1px solid #e1e1e1;
|
||||
td {
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
text-align: center;
|
||||
border-bottom: 1px solid #e1e1e1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user