编写小程序界面

nngkxxdp/src/main/resources/static/nnzwminiapp/pages/dataCenter/dataCenter.js

@@ -1,11 +1,17 @@
 // pages/dataCenter/dataCenter.js
 import * as echarts from '../../ec-canvas/echarts';
 
+import {
+  imgUrl
+} from "../api/request"
+
 Page({
   /**
    * 页面的初始数据
    */
   data: {
+    // 图片前缀
+    imgUrl: imgUrl,
     // 折线图
     streetlinechartec: {
       lazyLoad: true,
@@ -22,7 +28,11 @@ Page({
     }, {
       title: '建筑业总产值',
       name: 'streetlinechart2'
-    }]
+    }],
+    // 南岸区政务服务事项总数数据
+    matters: [0,0,0,2,6,3,0],
+    // 南岸区政务服务事项总数数据零的数量
+    mattersZero: 3
 
   },
   // 切换国民经济统计数据
@@ -248,23 +258,23 @@ Page({
         },
         data: [{
             value: 1048,
-            name: 'Search Engine'
+            name: '投诉'
           },
           {
             value: 735,
-            name: 'Direct'
+            name: '其他'
           },
           {
             value: 580,
-            name: 'Email'
+            name: '咨询'
           },
           {
             value: 484,
-            name: 'Union Ads'
+            name: '建议'
           },
           {
             value: 300,
-            name: 'Video Ads'
+            name: '意见'
           }
         ],
         emphasis: {

nngkxxdp/src/main/resources/static/nnzwminiapp/pages/dataCenter/dataCenter.wxml

@@ -4,7 +4,7 @@
   <view style="background-color: #FFFFFF;">
     <view style="border-bottom: 1px solid #C5C5C5;">
       <view class="title">
-        <image src="http://192.168.1.253:7777/applet/statistics.png"></image>
+        <image src="{{imgUrl}}statistics.png"></image>
         <view class="title-text">国民经济统计数据</view>
       </view>
     </view>
@@ -30,7 +30,7 @@
   <view style="background-color: #FFFFFF;margin-top: 30rpx;">
     <view style="border-bottom: 1px solid #C5C5C5;">
       <view class="title">
-        <image src="http://192.168.1.253:7777/applet/riseData.png"></image>
+        <image src="{{imgUrl}}riseData.png"></image>
         <view class="title-text">政务服务数据统计分析</view>
       </view>
     </view>
@@ -80,7 +80,7 @@
             <view class="evaluate" style="width: 316rpx;">评价电子证照</view>
           </view>
           <view style="height: 300rpx;background-color: burlywood;">
-            <view ></view>
+            <view></view>
             <view></view>
           </view>
           <view style="width: 100%;height: 500rpx;">
@@ -95,7 +95,9 @@
             南岸区政务服务事项总数
           </view>
         </view>
-        <view style="height: 300rpx;border: 1px solid red;">
+        <view style="display: flex;justify-content: space-between;padding: 0 30rpx;">
+          <view class="matters {{mattersZero > index ? 'default' : '' }}" wx:for="{{matters}}" wx:key="index">{{item}}</view>
+          <view style="width: 27rpx;height: 26rpx;font-size: 28rpx;font-weight: 500;color: #999999;margin-top: 80rpx;">项</view>
         </view>
       </view>
       <view>
@@ -105,7 +107,44 @@
             一件事情一次办
           </view>
         </view>
-        <view style="height: 300rpx;border: 1px solid red;">
+        <view style="display: flex;justify-content: space-between;padding: 0 40rpx 40rpx 20rpx">
+          <view style="position: relative;">
+            <image src="{{imgUrl}}textBox4.png" style="width: 290rpx;height: 278rpx;" />
+            <view class="oneThing-left-top">套餐总数</view>
+            <view class="oneThing-left-bottom">
+              <view>254</view>
+              <view style="font-size: 25rpx;margin: 23rpx 0 0 10rpx;">件</view>
+            </view>
+          </view>
+          <view>
+            <view style="background-image: url('{{imgUrl}}textBox1.png');background-repeat: round;width: 314rpx;height: 93rpx;display: flex;justify-content: space-between;padding: 0 20rpx;">
+              <view class="triangles"></view>
+              <view style="width: 50rpx;height: 25rpx;"></view>
+              <view class="oneThing">减环节</view>
+              <view class="oneThing" style="display: flex;">
+                <view style="font-size: 34rpx;font-weight: 500;margin-right: 10rpx;">1622</view>
+                <view>件</view>
+              </view>
+            </view>
+            <view style="background-image: url('{{imgUrl}}textBox2.png');background-repeat: round;width: 314rpx;height: 93rpx;display: flex;justify-content: space-between;padding: 0 20rpx;">
+              <view class="triangles" style="border-left: 18rpx solid #156FA6;"></view>
+              <view style="width: 50rpx;height: 25rpx;"></view>
+              <view class="oneThing" style="color: #156FA6;">减跑动</view>
+              <view class="oneThing" style="display: flex;color: #156FA6;">
+                <view style="font-size: 34rpx;font-weight: 500;margin-right: 10rpx;">799</view>
+                <view>件</view>
+              </view>
+            </view>
+            <view style="background-image: url('{{imgUrl}}textBox3.png');background-repeat: round;width: 314rpx;height: 93rpx;display: flex;justify-content: space-between;padding: 0 20rpx;">
+              <view class="triangles" style="border-left: 18rpx solid #DF6866;"></view>
+              <view style="width: 50rpx;height: 25rpx;"></view>
+              <view class="oneThing" style="color: #DF6866;">减材料</view>
+              <view class="oneThing" style="display: flex;color: #DF6866;">
+                <view style="font-size: 34rpx;font-weight: 500;margin-right: 10rpx;">465</view>
+                <view>件</view>
+              </view>
+            </view>
+          </view>
         </view>
       </view>
     </view>
@@ -114,13 +153,49 @@
   <view style="background-color: #FFFFFF;margin-top: 30rpx;">
     <view style="border-bottom: 1px solid #C5C5C5;">
       <view class="title">
-        <image src="http://192.168.1.253:7777/applet/processing.png"></image>
+        <image src="{{imgUrl}}processing.png"></image>
         <view class="title-text">本年度公开信息办理情况</view>
       </view>
     </view>
     <!-- 内容 -->
     <view>
-      <view style="height: 200rpx;border: 1px solid black;">
+      <view style="display: flex;justify-content: space-between;padding: 30rpx 30rpx 20rpx 30rpx;">
+        <view class="processing">
+          <image src="{{imgUrl}}chat.png" style="width: 68rpx;height:68rpx;line-height: 110rpx;position: absolute;top: 50%;transform: translateY(-50%);left: 11rpx;"></image>
+          <view style="position: absolute;top: 50%;transform: translateY(-50%);left: 94rpx;">
+            <view style="font-size: 20rpx;font-weight: 400;color: #333333;">
+              近30天来信
+            </view>
+            <view style="display: flex;color: #333333;">
+              <view style="font-size: 32rpx;font-weight: bold;">23</view>
+              <view style="margin: 10rpx 0 0 10rpx;font-size: 24rpx;">件</view>
+            </view>
+          </view>
+        </view>
+        <view class="processing" style="background: #E8F4FF;">
+          <image src="{{imgUrl}}message.png" style="width: 68rpx;height:68rpx;line-height: 110rpx;position: absolute;top: 50%;transform: translateY(-50%);left: 11rpx;"></image>
+          <view style="position: absolute;top: 50%;transform: translateY(-50%);left: 94rpx;">
+            <view style="font-size: 20rpx;font-weight: 400;color: #333333;">
+              近30天受理
+            </view>
+            <view style="display: flex;color: #333333;">
+              <view style="font-size: 32rpx;font-weight: bold;">16</view>
+              <view style="margin: 10rpx 0 0 10rpx;font-size: 24rpx;">件</view>
+            </view>
+          </view>
+        </view>
+        <view class="processing" style="background: #E2FFFD;">
+          <image src="{{imgUrl}}write.png" style="width: 68rpx;height:68rpx;line-height: 110rpx;position: absolute;top: 50%;transform: translateY(-50%);left: 11rpx;"></image>
+          <view style="position: absolute;top: 50%;transform: translateY(-50%);left: 94rpx;">
+            <view style="font-size: 20rpx;font-weight: 400;color: #333333;">
+              近30天办理
+            </view>
+            <view style="display: flex;color: #333333;">
+              <view style="font-size: 32rpx;font-weight: bold;">29</view>
+              <view style="margin: 10rpx 0 0 10rpx;font-size: 24rpx;">件</view>
+            </view>
+          </view>
+        </view>
       </view>
       <view>
         <view class="type-title">
@@ -129,7 +204,7 @@
             近90天办理类别统计
           </view>
         </view>
-        <view style="height: 500rpx;border: 1px solid red;">
+        <view style="height: 500rpx;">
           <ec-canvas id="streetlinechart4" canvas-id="streetlinechart4" ec="{{ streetlinechartec }}" />
         </view>
       </view>
@@ -140,8 +215,8 @@
             近90天公开信箱领域统计
           </view>
         </view>
-        <view style="height: 500rpx;border: 1px solid red;">
-            <ec-canvas id="streetlinechart5" canvas-id="streetlinechart5" ec="{{ streetlinechartec }}" />
+        <view style="height: 500rpx;">
+          <ec-canvas id="streetlinechart5" canvas-id="streetlinechart5" ec="{{ streetlinechartec }}" />
         </view>
       </view>
     </view>

nngkxxdp/src/main/resources/static/nnzwminiapp/pages/dataCenter/dataCenter.wxss

@@ -209,4 +209,78 @@ ec-canvas {
   line-height: 50rpx;
   text-align: center;
   margin-bottom: 20rpx;
+}
+
+/* 南岸区政务服务事项总数 */
+.matters {
+  width: 85rpx;
+  height: 110rpx;
+  background: #F2F7FF;
+  border: 1rpx solid #508FF4;
+  border-radius: 4rpx;
+  font-size: 58rpx;
+  font-weight: 500;
+  color: #508FF4;
+  line-height: 110rpx;
+  text-align: center;
+}
+
+/* 南岸区政务服务事项总数 */
+.matters.default {
+  color: #D1DFF5;
+}
+
+/* 三角形 */
+.triangles {
+  width: 0;
+  height: 0;
+  position: relative;
+  left: 20rpx;
+  top: 50%;
+  transform: translate(0, -50%);
+  line-height: 93rpx;
+  border-bottom: 18rpx solid transparent;
+  border-left: 18rpx solid #0B868E;
+  border-top: 18rpx solid transparent;
+}
+
+/* 一件事情一次办-文本 */
+.oneThing {
+  line-height: 93rpx;
+  width: 176rpx;
+  height: 27rpx;
+  font-size: 24rpx;
+  font-weight: 500;
+  color: #0B868E;
+}
+
+/* 一件事情一次办左上部文本 */
+.oneThing-left-top {
+  position: absolute;
+  top: 82rpx;
+  left: 50%;
+  font-size: 28rpx;
+  color: #72A1DC;
+  transform: translate(-50%, 0);
+}
+
+/* 一件事情一次办左下部文本 */
+.oneThing-left-bottom {
+  position: absolute;
+    display: flex;
+    left: 50%;
+    transform: translate(-50%, 0);
+    top: 127rpx;
+    color: #1E71D2;
+    font-size: 46rpx;
+}
+
+/* 本年度公开信息办理情况框 */
+.processing {
+  width: 220rpx;
+  height: 114rpx;
+  background: #FFF3DA;
+  border-radius: 10rpx;
+  display: flex;
+  position: relative;
 }

nngkxxdp/src/main/resources/static/nnzwminiapp/pages/publics/publics.js

@@ -1,11 +1,16 @@
 // pages/nais/nais.js
 let app = getApp();
+import {
+  imgUrl
+} from "../api/request"
 Page({
 
   /**
    * 页面的初始数据
    */
   data: {
+    // 图片前缀
+    imgUrl: imgUrl,
     // 屏幕高度
     navHeight: '',
     background: ['1', '2', '3', '4', '5'],
@@ -21,16 +26,16 @@ Page({
     }],
     // 政策解读数据
     policyInterpretationContent: [{
-      url: 'http://192.168.1.253:7777/applet/图层 3261.png',
+      url: '图层 3261.png',
       title: '重庆市南岸区集体土地征收补偿安置 实施办法政策解读（视频解读）'
     }, {
-      url: 'http://192.168.1.253:7777/applet/图层 3262.png',
+      url: '图层 3262.png',
       title: '关于印发支持科技创新若干财政金融 政策的通知（视频解读）'
     }],
     // 政策解读默认项
     currentTab: 0,
     // 政务专题
-    topics: ['http://192.168.1.253:7777/applet/图层 3269.png', 'http://192.168.1.253:7777/applet/图层 3270.png', 'http://192.168.1.253:7777/applet/图层 3269.png']
+    topics: ['图层 3269.png', '图层 3270.png', '图层 3269.png']
   },
 
 

nngkxxdp/src/main/resources/static/nnzwminiapp/pages/publics/publics.wxml

@@ -2,14 +2,14 @@
 <view style="background-color: #F5F5F5">
 <!-- 顶部栏 -->
   <view class="top">
-    <image src="http://192.168.1.253:7777/applet/topbg.png" style="width: 100%;height:519rpx"></image>
-    <image src="http://192.168.1.253:7777/applet/toplogo.png" class="top-logo" style="top: {{navHeight}}rpx"></image>
+    <image src="{{imgUrl}}topbg.png" style="width: 100%;height:519rpx"></image>
+    <image src="{{imgUrl}}toplogo.png" class="top-logo" style="top: {{navHeight}}rpx"></image>
     <view class="top-serach">
       <view class="search-input">
         <input style="height: 72rpx;" placeholder="请在此输入关键字" />
       </view>
       <button class="search-button">
-        <image src="http://192.168.1.253:7777/applet/search.png"></image>
+        <image src="{{imgUrl}}search.png"></image>
       </button>
     </view>
   </view>
@@ -23,7 +23,7 @@
     <swiper display-multiple-items="3" autoplay="{{false}}" style="padding: 0 20rpx;" next-margin="100rpx" snap-to-edge="{{true}}">
       <block wx:for="{{background}}" wx:key="*this">
         <swiper-item>
-          <image src="http://192.168.1.253:7777/applet/图层 1298.png"></image>
+          <image src="{{imgUrl}}图层 1298.png"></image>
           <view style="display: flex;">
             <view class="swiper-item">王茂春</view>
             <view>区长</view>
@@ -40,7 +40,7 @@
       <view class="content-more" bindtap="goToMore">查看更多 >></view>
     </view>
     <view>
-      <view style="background-image: url('http://192.168.1.253:7777/applet/public1.png');width: 100%;height:100%"></view>
+      <view style="background-image: url('{{imgUrl}}public1.png');width: 100%;height:100%"></view>
     </view>
   </view>
   <!-- 基层政务公开 -->
@@ -51,7 +51,7 @@
       <view class="content-more" bindtap="goToMore">查看更多 >></view>
     </view>
     <view>
-      <view style="background-image: url('http://192.168.1.253:7777/applet/public1.png');width: 100%;height:100%"></view>
+      <view style="background-image: url('{{imgUrl}}public1.png');width: 100%;height:100%"></view>
     </view>
   </view>
   <!-- 政策文件 -->
@@ -62,7 +62,7 @@
       <view class="content-more" bindtap="goToMore">查看更多 >></view>
     </view>
     <view>
-      <view style="background-image: url('http://192.168.1.253:7777/applet/public1.png');width: 100%;height:100%"></view>
+      <view style="background-image: url('{{imgUrl}}public1.png');width: 100%;height:100%"></view>
     </view>
   </view>
   <!-- 政策解读 -->
@@ -82,7 +82,7 @@
       <swiper display-multiple-items="2" current="{{currentTab}}" bindchange="handleSwiper" autoplay="{{false}}" style="padding: 0 10px;margin-top: 15rpx">
         <block wx:for="{{background}}" wx:key="*this">
           <swiper-item>
-            <image src="http://192.168.1.253:7777/applet/图层 3261.png" style="width: 327rpx;height: 227rpx;"></image>
+            <image src="{{imgUrl}}图层 3261.png" style="width: 327rpx;height: 227rpx;"></image>
           </swiper-item>
         </block>
       </swiper>
@@ -98,7 +98,7 @@
     <swiper display-multiple-items="2" autoplay="{{false}}" style="padding: 0 10px;height: 400rpx;;">
       <block wx:for="{{topics}}" wx:key="*this">
         <swiper-item>
-          <image src="{{item}}" style="width: 327rpx;height: 227rpx;"></image>
+          <image src="{{imgUrl}}{{item}}" style="width: 327rpx;height: 227rpx;"></image>
         </swiper-item>
       </block>
     </swiper>