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

296
portal/Digitalgovernment/totalData_h5/architecture/1.css Normal file
View File

@@ -0,0 +1,296 @@
html,
body {
height: 100%;
font-family: PingFangSC-Regular, PingFangSC-Ultralight, PingFangSC-Light, PingFang SC;
color: #363a44;
}
.container {
font-size: 14px;
position: relative;
height: 100%;
display: flex;
flex-direction: column;
}
.container .top {
display: flex;
justify-content: space-between;
padding: 0 16px;
background: #ffffff;
font-size: 14px;
}
.container .top > a {
display: inline-block;
text-align: center;
color: rgb(170, 163, 163);
padding: 15px 0;
}
.container .top .cycle {
color: #1492ff;
border-bottom: 2px solid #1492ff;
}
.container > ul {
overflow: scroll;
position: absolute;
top: 51px;
bottom: 0;
width: 100%;
}
.container > ul i {
font-size: 20px;
color: black;
margin-right: 8px;
font-style: normal;
}
.container > ul > li:not(:nth-child(2)) {
background: #ffffff;
margin-top: 15px;
}
.container > ul > li:not(:nth-child(2)) i {
font-size: 20px;
color: black;
margin-right: 8px;
font-style: normal;
}
.container > ul > li:not(:nth-child(2)) > :nth-child(1) {
padding: 15px 0;
display: flex;
align-items: center;
font-size: 15px;
padding-left: 16px;
}
.container > ul > li:not(:nth-child(2)) .card {
margin: 5px 0 20px;
padding-left: 16px;
padding-right: 16px;
}
.container > ul > li:not(:nth-child(2)) .card > :nth-child(2) {
width: 100%;
height: 400px;
}
.container > ul > li:not(:nth-child(2)) .card h2 {
font-size: 15px;
color: #686b73;
font-weight: normal;
}
.container > ul > li:not(:nth-child(2)) .value {
background: #f8faff;
margin: 10px 10px 0px 10px;
padding-bottom: 10px;
color: #6e7178;
}
.container > ul > li:not(:nth-child(2)) .value span {
display: block;
padding: 10px 0 0px 10px;
}
.container > ul > li:not(:nth-child(2)) .value > :nth-child(1) {
font-weight: bolder;
color: #6e7178;
}
.container > ul > li:not(:nth-child(2)) .value > :nth-child(2) i {
color: #1492ff;
font-weight: bolder;
}
.container > ul > li:not(:nth-child(2)) .value .smallBox {
display: flex;
justify-content: left;
align-items: center;
background: #ffffff;
margin: 15px 10px 0px 10px;
position: relative;
}
.container > ul > li:not(:nth-child(2)) .value .smallBox .echart013 {
width: 70px;
height: 120px;
}
.container > ul > li:not(:nth-child(2)) .value .smallBox ul {
position: absolute;
left: 70px;
right: 0;
padding-bottom: 10px;
}
.container > ul > li:not(:nth-child(2)) .value .smallBox ul li {
list-style: none;
display: flex;
padding-left: 10px;
align-items: flex-end;
flex-wrap: wrap;
}
.container > ul > li:not(:nth-child(2)) .value .smallBox ul li > div {
width: 70%;
}
.container > ul > li:not(:nth-child(2)) .value .smallBox ul li span {
margin-left: -22px;
display: block;
}
.container > ul > li:not(:nth-child(2)) .value .smallBox ul li span::before {
content: "● ";
color: #ffd199;
}
.container > ul > li:not(:nth-child(2)) .value .smallBox ul li b {
color: #1492ff;
font-size: 20px;
margin-right: 7px;
}
.container > ul > li:not(:nth-child(2)) .value .smallBox ul li i {
color: #e63633;
font-size: 14px;
}
.container > ul #item {
background: #ffffff;
margin-top: 15px;
padding-bottom: 10px;
}
.container > ul #item > :nth-child(1) {
display: flex;
justify-content: space-between;
align-items: center;
padding-right: 10px;
}
.container > ul #item > :nth-child(1) > :nth-child(1) {
padding: 15px 0;
display: flex;
align-items: center;
font-size: 15px;
color: #363a44;
padding-left: 16px;
}
.container > ul #item > :nth-child(1) .allItem span {
padding: 5px 8px;
border: 1px solid #d1c8c8;
border-radius: 2px;
color: #363a44;
}
.container > ul #item > :nth-child(1) .allItem :nth-child(2) {
margin: 0 -4px;
}
.container > ul #item > :nth-child(1) .allItem .allItemColor {
color: #0066ff;
border: 1px solid #0066ff !important;
background: #d9e8ff;
}
.container > ul #item .threeCard .card {
margin: 0;
display: flex;
justify-content: space-between;
padding: 10px 16px;
color: #6e7178;
line-height: 30px;
align-items: center;
}
.container > ul #item .threeCard .card img {
width: 40px;
line-height: 0;
height: auto;
}
.container > ul #item .threeCard .card i {
color: #1492ff;
font-weight: bolder;
}
.container > ul #item .threeCard > :nth-child(n + 2) {
display: none;
}
.container > ul #item .threeEchart {
margin: 0 16px;
}
.container > ul #item .threeEchart :nth-child(n + 2) {
display: none;
}
.container > ul #item div[class^="echart"] {
width: 100%;
height: 900px;
}
.container > ul #company .card {
padding-left: 0 !important;
padding-right: 0;
}
.container > ul #company .card div[class^="echart"] {
width: 100%;
}
.container > ul #company .card .fourTitle {
display: flex;
justify-content: space-between;
padding: 0px 16px;
flex-wrap: wrap;
/* border-bottom: 1px solid #e0d6d6; */
color: #686b73;
}
.container > ul #company .card .fourTitle span {
display: inline-block;
padding: 10px 0;
}
.container > ul #company .card .fourTitleColor {
color: #1492ff;
border-bottom: 2px solid #1492ff;
}
.container > ul #company .card .fourContent {
height: unset !important;
margin: 10px 0;
}
.container > ul #company .card .fourContent > div {
text-align: center;
margin: 0 10px;
padding: 5px 0;
line-height: 24px;
color: #6e7178;
}
.container > ul #company .card .fourContent > div i {
font-size: 14px;
margin: 0;
color: #6e7178;
}
.container > ul #company .card .fourContent > :nth-child(n + 2) {
display: none;
}
.container > ul #company .card .fourEchart > div {
height: 300px;
}
.container > ul #company .card .fourEchart > :nth-child(n + 2) {
display: none;
}
.container > ul #company .card h3 {
padding: 10px 0 10px 16px;
font-size: 15px;
font-weight: normal;
color: #686b73;
}
.container > ul #company .card .echart_architecture div {
height: 850px !important;
padding: 0 16px;
box-sizing: border-box;
}
.container > ul #company .card .echart_architecture :nth-child(n + 2) {
display: none;
}
.container > ul #people .card {
padding-left: 0 !important;
text-align: center;
padding: 10px 0;
background: #f8faff;
box-shadow: none !important;
color: #6e7178;
}
.container > ul #people .card i {
color: #1492ff;
font-weight: bolder;
}
.container > ul #people > :last-child {
display: flex;
justify-content: space-around;
align-items: center;
height: unset !important;
color: white;
padding-bottom: 30px;
}
.container > ul #people > :last-child div {
border-radius: 50%;
width: 160px;
height: 160px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin-top: 20px;
}
.container > ul #people > :last-child div img {
width: 30px;
}

192
portal/Digitalgovernment/totalData_h5/architecture/1.html Normal file
View File

@@ -0,0 +1,192 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>建筑市场</title>
<link rel="stylesheet" href="./1.css" />
<link rel="stylesheet" href="../global.css" />
</head>
<body>
<div class="container">
<div class="top">
<a href="#value"> 建筑业产值 </a>
<a href="#item"> 建筑业项目 </a>
<a href="#company"> 建筑业企业 </a>
<a href="#people"> 建筑业人员 </a>
</div>
<ul>
<li id="value" style="padding-bottom: 10px;margin-top: 0;">
<div>
<span></span>
<span>建筑业产值</span>
</div>
<div class="card">
<h2>建筑业总产值</h2>
<div class="echart012"></div>
</div>
<div class="value">
<span>完成建筑业总产值（1-6月）</span>
<span><i id="jianzhuY"></i>亿元</span>
<div class="smallBox">
<div class="echart013"></div>
<ul>
<li>
<div>
<span>省内产值</span>
<b id="province_inner"> </b>亿元
</div>
<i>↑ 25.4%</i>
</li>
<li>
<div>
<span>省外产值</span>
<b id="province_outer"> </b>亿元
</div>
<i>↑ 8.89%</i>
</li>
</ul>
</div>
</div>
</li>
<li id="item">
<div>
<div>
<span></span>
<span>建筑业项目</span>
</div>
<div class="allItem">
<span>在库项目</span>
<span>在建项目</span>
<span>实名制考勤项目</span>
</div>
</div>
<div class="threeCard">
<div class="card">
<span>在库项目 <br />
<i id="zaiku">3000</i>个
</span>
<!-- <img src="./xiangmu-17.png" alt="" /> -->
</div>
<div class="card">
<span>在建项目 <br />
<i id="zaijian">3000</i>个
</span>
<!-- <img src="./xiangmu-17.png" alt="" /> -->
</div>
<div class="card">
<span>实名制考勤项目 <br />
<i id="kaoqin">3000</i>个
</span>
<!-- <img src="./xiangmu-17.png" alt="" /> -->
</div>
</div>
<div class="threeEchart">
<div class="echart1"></div>
<div class="echart2"></div>
<div class="echart3"></div>
</div>
</li>
<li id="company">
<div>
<span></span>
<span>建筑业企业</span>
</div>
<div class="card">
<div class="fourTitle">
<span>建筑业企业</span>
<!-- <span>服务业企业</span> -->
<span>勘察设计企业</span>
<span>工程监理企业</span>
</div>
<div class="fourContent">
<div class="register">
<span>注册建筑业企业</span><br />
<span>特级<i>166</i>个，一级<i>3188</i>个，二级<i>1298</i>个，三级<i>752</i>个</span>
</div>
<!-- <div class="credit">
<span>物业服务企业信用</span><br />
<span>A级<i>4999</i>个，B级<i>164</i>个，C级<i>225</i>个，D级<i>48</i>个</span>
</div> -->
<div class="survey">
<span>注册勘察设计企业19家</span><br />
<span>其中甲级<i>69</i>家，乙级<i>43</i>家，丙级<i>2</i>家，综合<i>555</i>家</span>
</div>
<div class="supervision">
<span>注册工程监理企业19家</span><br />
<span>其中甲级<i>69</i>家，乙级<i>43</i>家，丙级<i>2</i>家，综合<i>555</i>家</span>
</div>
</div>
<div class="fourEchart">
<div class="echart4"></div>
<!-- <div class="echart011"></div> -->
<div class="echart014"></div>
<div class="echart015"></div>
</div>
<h3>区县市分布</h3>
<div class="echart_architecture">
<div class="echart5"></div>
<!-- <div class="echart6"></div> -->
<div class="echart7"></div>
<div class="echart8"></div>
</div>
</div>
</li>
<li id="people">
<div>
<span></span>
<span>建筑业人员</span>
</div>
<div class="card">
<span>目前在册人员：<i class="person1">186</i>个，其中重叠人员：<i class="person2">25</i>个</span>
</div>
<div>
<div class="box_manage" style="background: #32c564">
<img src="./renyuan-kaoqin.png" alt="" />
<span>管理人员</span>
<span class="person_manage">88</span>
</div>
<div class="box_service" style="background: #ffa333">
<img src="./renyuan-kaoqin.png" alt="" />
<span>劳务人员</span>
<span class="person_service">123</span>
</div>
</div>
</li>
</ul>
</div>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/echarts.min.js"></script>
<script src="../ningbo_allareas.js"></script>
<script src="../jquery.js"></script>
<script src="./1.js"></script>
</body>
</html>

1371
portal/Digitalgovernment/totalData_h5/architecture/1.js Normal file
View File

File diff suppressed because it is too large Load Diff

350
portal/Digitalgovernment/totalData_h5/architecture/1.less Normal file
View File

@@ -0,0 +1,350 @@
html,
body {
height: 100%;
// font-family: kaiti !important;
font-family: PingFangSC-Regular, PingFangSC-Ultralight, PingFangSC-Light, PingFang SC;
color: #363a44;
}
.container {
font-size: 14px;
position: relative;
height: 100%;
display: flex;
flex-direction: column;
.top {
display: flex;
justify-content: space-between;
padding: 0 16px;
background: #ffffff;
font-size: 14px;
> a {
display: inline-block;
text-align: center;
color: #b3b5b9;
padding: 15px 0;
}
.cycle {
color: #1492ff;
border-bottom: 2px solid #1492ff;
}
}
> ul {
overflow: scroll;
position: absolute;
top: 52px;
bottom: 0;
width: 100%;
i {
font-size: 20px;
color: black;
margin-right: 8px;
font-style: normal;
}
> li:not(:nth-child(2)) {
background: #ffffff;
margin-top: 15px;
// padding-bottom: 10px;
i {
font-size: 20px;
color: black;
margin-right: 8px;
font-style: normal;
}
> :nth-child(1) {
padding: 15px 0;
display: flex;
align-items: center;
font-size: 15px;
padding-left: 16px;
}
.card {
margin: 5px 0 20px;
// background: rgb(250, 249, 249);
padding-left: 16px;
padding-right: 16px;
> :nth-child(2) {
width: 100%;
height: 400px;
}
h2 {
font-size: 15px;
color: #686b73;
font-weight: normal;
}
}
.value {
background: #f8faff;
margin: 10px 10px 0px 10px;
padding-bottom: 10px;
color: #b3b5b9;
span {
display: block;
padding: 10px 0 0px 10px;
}
> :nth-child(1) {
font-weight: bolder;
}
> :nth-child(2) {
// color: #83d1ff;
i {
color: #1492ff;
font-weight: bolder;
}
}
.smallBox {
display: flex;
justify-content: left;
// color: #797979;
align-items: center;
background: #ffffff;
margin: 15px 10px 0px 10px;
position: relative;
.echart013 {
width: 70px;
height: 120px;
}
ul {
position: absolute;
left: 70px;
right: 0;
padding-bottom: 10px;
li {
list-style: none;
display: flex;
padding-left: 10px;
align-items: flex-end;
flex-wrap: wrap;
> div {
width: 70%;
}
span {
margin-left: -22px;
display: block;
&::before {
content: "● ";
color: #ffd199;
}
}
b {
color: #1492ff;
font-size: 20px;
margin-right: 7px;
}
i {
color: #e63633;
font-size: 14px;
}
}
}
}
}
}
#item {
background: #ffffff;
margin-top: 15px;
padding-bottom: 10px;
> :nth-child(1) {
display: flex;
justify-content: space-between;
align-items: center;
padding-right: 10px;
> :nth-child(1) {
padding: 15px 0;
display: flex;
align-items: center;
font-size: 15px;
color: #363a44;
padding-left: 16px;
}
.allItem {
span {
padding: 5px 8px;
border: 1px solid rgb(209, 200, 200);
border-radius: 2px;
color: #363a44;
}
:nth-child(2) {
margin: 0 -4px;
}
.allItemColor {
color: #0066ff;
border: 1px solid #0066ff !important;
background: #d9e8ff;
}
}
}
.threeCard {
.card {
margin: 0;
// background: rgb(250, 249, 249);
display: flex;
justify-content: space-between;
padding: 10px 16px;
color: #b3b5b9;
line-height: 30px;
align-items: center;
img {
width: 40px;
line-height: 0;
height: auto;
}
i {
color: #1492ff;
font-weight: bolder;
}
}
> :nth-child(n + 2) {
display: none;
}
}
.threeEchart {
margin: 0 16px;
:nth-child(n + 2) {
display: none;
}
}
div[class^="echart"] {
width: 100%;
height: 700px;
}
}
#company {
.card {
padding-left: 0 !important;
padding-right: 0;
div[class^="echart"] {
width: 100%;
}
.fourTitle {
display: flex;
justify-content: space-between;
padding: 0px 16px;
flex-wrap: wrap;
border-bottom: 1px solid rgb(224, 214, 214);
color: #686b73;
span {
display: inline-block;
padding: 10px 0;
}
}
.fourTitleColor {
color: #1492ff;
border-bottom: 2px solid #1492ff;
}
.fourContent {
height: unset !important;
margin: 10px 0;
> div {
text-align: center;
margin: 0 10px;
padding: 5px 0;
line-height: 24px;
// box-shadow: 0 0 10px rgb(221, 215, 215);
color: #b3b5b9;
i {
font-size: 14px;
margin: 0;
color: #b3b5b9;
}
}
> :nth-child(n + 2) {
display: none;
}
}
.fourEchart {
> div {
height: 300px;
}
> :nth-child(n + 2) {
display: none;
}
}
h3 {
padding: 10px 0 10px 16px;
font-size: 15px;
font-weight: normal;
color: #686b73;
}
.echart_architecture {
div {
height: 700px !important;
padding: 0 16px;
box-sizing: border-box;
}
:nth-child(n + 2) {
display: none;
}
}
}
}
#people {
.card {
padding-left: 0 !important;
text-align: center;
padding: 10px 0;
background: #f8faff;
box-shadow: none !important;
color: #b3b5b9;
i {
color: #1492ff;
font-weight: bolder;
}
}
> :last-child {
display: flex;
justify-content: space-around;
align-items: center;
height: unset !important;
color: white;
padding-bottom: 30px;
div {
border-radius: 50%;
width: 160px;
height: 160px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin-top: 20px;
img {
width: 30px;
}
}
}
}
}
}

BIN
portal/Digitalgovernment/totalData_h5/architecture/guanliyuan_jiaoseguanli.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

BIN
portal/Digitalgovernment/totalData_h5/architecture/renyuan-kaoqin.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.4 KiB

BIN
portal/Digitalgovernment/totalData_h5/architecture/xiangmu-17.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.5 KiB