测试文件

portal/Digitalgovernment/town/h5/chengzhen/1.css

@@ -0,0 +1,59 @@
+.centercontent table {
+  width: 100%;
+  margin: 0 auto;
+
+  box-shadow: 0 0 1px 1px #e1e1e1;
+  color: #b3b5b9;
+}
+.centercontent table th {
+  height: 40px;
+
+  color: #0066ff;
+  background: #d9e8ff;
+}
+.centercontent table tbody {
+  border: 1px solid #e1e1e1;
+}
+.centercontent table tbody td {
+  line-height: 40px;
+
+  height: 40px;
+
+  text-align: center;
+
+  border-bottom: 1px solid #e1e1e1;
+}
+.centercontent .chengzhen div[class^="echart"] {
+  width: 100%;
+  height: 40px;
+}
+.centercontent .chengzhen .chengzhenbox {
+  font-size: 16px;
+  font-weight: normal;
+}
+.centercontent .chengzhen {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+}
+.centercontent .chengzhen .chengzhenbox {
+  width: 50%;
+}
+.centercontent .chengzhen .chengzhenbox > div {
+  margin-bottom: 10px;
+
+  text-align: left;
+  color: #b3b5b9;
+}
+.centercontent .chengzhen .chengzhenbox > div span:nth-child(1) {
+  margin: 0;
+  padding: 10px 20px;
+  text-align: center;
+  /* border-bottom: 1px #e1e1e1 solid; */
+}
+.centercontent .chengzhen .chengzhenbox > div span {
+  display: block;
+
+  margin: 19px 0 0;
+  padding-left: 40px;
+}

portal/Digitalgovernment/town/h5/chengzhen/1.js

@@ -0,0 +1,96 @@
+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: "#83BBFF",
+        borderRadius: 5,
+      },
+      barWidth: "10",
+    },
+  ],
+}
+myChart51.setOption(option51)
+
+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: "#83BBFF",
+        borderRadius: 5,
+      },
+      barWidth: "10",
+    },
+  ],
+}
+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 d = unique(data.infoList);
+  var mubiao2 = countTotal(d, 'targetValue');
+  var nb_value = countTotal(d, 'currentValue');
+  $("#countTarget1").html(mubiao2);
+  $("#countTarget2").html(mubiao2);
+  $("#countValue1").html(nb_value);
+  $("#countValue2").html(nb_value);
+  d.forEach(p => { $("#tb_shengjishilimeilichengzhen").append('<tr><td>' + ningbo_allareas[p['areaCode']] + '</td><td>' + p['currentValue'] + '</td><td>2021年底</td><td>进行中</td></tr>'); })
+
+})

portal/Digitalgovernment/town/h5/chengzhen/1.less

@@ -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;
+            }
+          }
+        }
+      }
+    }
+  }
+}