Merge branch 'master' of http://116.63.33.55/git/nazw

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

@@ -2,330 +2,376 @@
 import * as echarts from '../../ec-canvas/echarts';
 
 import {
-	imgUrl,
-	request
+  imgUrl,
+  request
 } from "../api/request"
 Page({
 
-	/**
-	 * 页面的初始数据
-	 */
-	data: {
-		// 图片前缀
-		imgUrl: imgUrl,
-		// 图表
-		streetlinechartec: {
-			lazyLoad: true,
-		},
-		// 本年度公开信息办理情况
-		leaveAMessage: {},
-	},
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    // 图片前缀
+    imgUrl: imgUrl,
+    // 图表
+    streetlinechartec: {
+      lazyLoad: true,
+    },
+    // 本年度公开信息办理情况
+    leaveAMessage: {},
+    // 详细数据
+    detailList: [],
+    // 分页参数
+    page: 1,
+    // 按钮是否隐藏
+    moreBtn: false
+  },
 
-	/**
-	 * 生命周期函数--监听页面加载
-	 */
-	onLoad(options) {
-		// 本年度公开信息办理情况
-		this.queryLeaveAMessage();
-		// 本年度公开信息办理情况图表
-		this.treeDiagram = this.selectComponent('#treeDiagram');
-		this.init_treeDiagram();
-		// 近90天办理类别统计
-		this.processingCategory = this.selectComponent('#processingCategory');
-		this.init_processingCategory();
-		// 近90天公开信箱领域统计
-		this.publicMailbox = this.selectComponent('#publicMailbox');
-		this.init_publicMailbox();
-	},
-	// 本年度公开信息办理情况
-	queryLeaveAMessage() {
-		request({
-			url: '/mail/queryLeaveAMessage',
-			method: 'GET'
-		}).then(res => {
-			this.setData({
-				leaveAMessage: res.data
-			})
-		})
-	},
-	// 本年度公开信息办理情况图表
-	init_treeDiagram() {
-		this.treeDiagram.init((canvas, width, height, dpr) => {
-			// 初始化图表
-			const barChart = echarts.init(canvas, null, {
-				width: width,
-				height: height,
-				devicePixelRatio: dpr
-			});
-			barChart.setOption(this.getTreeDiagramOption());
-			request({
-				url: '/mail/queryToType?type=1',
-				method: 'GET'
-			}).then(res => {
-				if (res.result) {
-					barChart.setOption({
-						series: [{
-							data: res.data.accept
-						}, {
-							data: res.data.handle
-						}]
-					})
-				}
-			})
-			// 注意这里一定要返回 chart 实例，否则会影响事件处理等
-			return barChart;
-		});
-	},
-	// 近90天办理类别统计
-	init_processingCategory() {
-		this.processingCategory.init((canvas, width, height, dpr) => {
-			// 初始化图表
-			const barChart = echarts.init(canvas, null, {
-				width: width,
-				height: height,
-				devicePixelRatio: dpr
-			});
-			barChart.setOption(this.getStatisticsOption());
-			request({
-				url: '/mail/queryToType?type=3',
-				method: 'GET'
-			}).then(res => {
-				if (res.result) {
-					barChart.setOption({
-						series: [{
-							data: res.data
-						}],
-						legend: {
-							formatter: function (name) {
-								let data = res.data
-								let tarValue
-								for (let i = 0; i < data.length; i++) {
-									if (data[i].name == name) {
-										tarValue = data[i].value
-									}
-								}
-								let v = tarValue + '件'
-								return `${name}  ${v}`
-							}
-						}
-					})
-				}
-			})
-			// 注意这里一定要返回 chart 实例，否则会影响事件处理等
-			return barChart;
-		});
-	},
-	// 近90天公开信箱领域统计
-	init_publicMailbox() {
-		this.publicMailbox.init((canvas, width, height, dpr) => {
-			// 初始化图表
-			const barChart = echarts.init(canvas, null, {
-				width: width,
-				height: height,
-				devicePixelRatio: dpr
-			});
-			barChart.setOption(this.getStatisticsOption());
-			request({
-				url: '/mail/queryToType?type=2',
-				method: 'GET'
-			}).then(res => {
-				if (res.result) {
-					barChart.setOption({
-						series: [{
-							data: res.data
-						}],
-						legend: {
-							formatter: function (name) {
-								let data = res.data
-								let tarValue
-								for (let i = 0; i < data.length; i++) {
-									if (data[i].name == name) {
-										tarValue = data[i].value
-									}
-								}
-								let v = tarValue + '件'
-								return `${name}  ${v}`
-							}
-						}
-					})
-				}
-			})
-			// 注意这里一定要返回 chart 实例，否则会影响事件处理等
-			return barChart;
-		});
-	},
-	// 本年度公开信息办理情况图表
-	getTreeDiagramOption() {
-		//请求数据 
-		let months = [];
-		let currYear = new Date().getFullYear();
-		for (let i = 1; i <= 12; i++) {
-			let month = '';
-			if (i < 10) month = '0' + i;
-			else month = i;
-			month = currYear + "年" + month + "月";
-			months.push(month);
-		}
-		var xAxis = {
-				type: 'category',
-				data: months
-			},
-			yAxis = {
-				type: 'value',
-				name: '单位：件'
-			},
-			// dataZoom = [{
-			// 	type: 'inside',
-			// 	show: true,
-			// 	start: 0,
-			// 	end: 20,
-			// }],
-			legend = {
-				data: ['受理数', '办结数']
-			},
-			grid = {
-				left: '5%',
-				bottom: '5%',
-				containLabel: true
-			},
-			series = [{
-					name: '受理数',
-					type: 'bar',
-					data: [803, 2389, 2934, 1070, 1744, 2230, 1232],
-					itemStyle: {
-						color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
-								offset: 1,
-								color: '#45D1FF'
-							},
-							{
-								offset: 0,
-								color: '#0B8FFF'
-							}
-						])
-					}
-				},
-				{
-					name: '办结数',
-					type: 'bar',
-					data: [925, 2348, 3100, 1594, 1341, 607, 3434],
-					itemStyle: {
-						color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
-								offset: 1,
-								color: '#84D16A'
-							},
-							{
-								offset: 0.5,
-								color: '#7EDFA2'
-							},
-							{
-								offset: 0,
-								color: '#13AC9C'
-							}
-						])
-					}
-				}
-			]
-		return {
-			backgroundColor: '#FFFFFF',
-			xAxis: xAxis,
-			yAxis: yAxis,
-			// dataZoom: dataZoom,
-			legend: legend,
-			grid: grid,
-			series: series,
-			animationDelay: function (idx) {
-				return idx * 50;
-			},
-			animationEasing: 'elasticOut'
-		};
-	},
-	// 获取本年度公开信息办理图表
-	getStatisticsOption() {
-		//请求数据 
-		var legend = {
-				top: 'middle',
-				orient: 'vertical',
-				right: '10%'
-			},
-			series = [{
-				name: 'Access From',
-				type: 'pie',
-				left: '-40%',
-				radius: ['40%', '70%'],
-				label: {
-					show: false,
-					position: 'center'
-				},
-				data: [],
-				emphasis: {
-					itemStyle: {
-						shadowBlur: 10,
-						shadowOffsetX: 0,
-						shadowColor: 'rgba(0, 0, 0, 0.5)'
-					},
-					label: {
-						show: true,
-						fontSize: '40',
-						fontWeight: 'bold'
-					}
-				}
-			}]
-		return {
-			backgroundColor: '#FFFFFF',
-			legend: legend,
-			series: series,
-			animationDelay: function (idx) {
-				return idx * 50;
-			},
-			animationEasing: 'elasticOut'
-		};
-	},
-	/**
-	 * 生命周期函数--监听页面初次渲染完成
-	 */
-	onReady() {
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+    // 本年度公开信息办理情况
+    this.queryLeaveAMessage();
+    // 本年度公开信息办理情况图表
+    this.treeDiagram = this.selectComponent('#treeDiagram');
+    this.init_treeDiagram();
+    // 近90天办理类别统计
+    this.processingCategory = this.selectComponent('#processingCategory');
+    this.init_processingCategory();
+    // 近90天公开信箱领域统计
+    this.publicMailbox = this.selectComponent('#publicMailbox');
+    this.init_publicMailbox();
+    // 详细数据获取
+    this.queryDetailedData(this.data.page);
+  },
+  // 本年度公开信息办理情况
+  queryLeaveAMessage() {
+    request({
+      url: '/mail/queryLeaveAMessage',
+      method: 'GET'
+    }).then(res => {
+      this.setData({
+        leaveAMessage: res.data
+      })
+    })
+  },
+  // 本年度公开信息办理情况图表
+  init_treeDiagram() {
+    this.treeDiagram.init((canvas, width, height, dpr) => {
+      // 初始化图表
+      const barChart = echarts.init(canvas, null, {
+        width: width,
+        height: height,
+        devicePixelRatio: dpr
+      });
+      barChart.setOption(this.getTreeDiagramOption());
+      request({
+        url: '/mail/queryToType?type=1',
+        method: 'GET'
+      }).then(res => {
+        if (res.result) {
+          barChart.setOption({
+            series: [{
+              data: res.data.accept
+            }, {
+              data: res.data.handle
+            }]
+          })
+        }
+      })
+      // 注意这里一定要返回 chart 实例，否则会影响事件处理等
+      return barChart;
+    });
+  },
+  // 近90天办理类别统计
+  init_processingCategory() {
+    this.processingCategory.init((canvas, width, height, dpr) => {
+      // 初始化图表
+      const barChart = echarts.init(canvas, null, {
+        width: width,
+        height: height,
+        devicePixelRatio: dpr
+      });
+      barChart.setOption(this.getStatisticsOption());
+      request({
+        url: '/mail/queryToType?type=3',
+        method: 'GET'
+      }).then(res => {
+        if (res.result) {
+          barChart.setOption({
+            series: [{
+              data: res.data
+            }],
+            legend: {
+              formatter: function (name) {
+                let data = res.data
+                let tarValue
+                for (let i = 0; i < data.length; i++) {
+                  if (data[i].name == name) {
+                    tarValue = data[i].value
+                  }
+                }
+                let v = tarValue + '件'
+                return `${name}  ${v}`
+              }
+            }
+          })
+        }
+      })
+      // 注意这里一定要返回 chart 实例，否则会影响事件处理等
+      return barChart;
+    });
+  },
+  // 近90天公开信箱领域统计
+  init_publicMailbox() {
+    this.publicMailbox.init((canvas, width, height, dpr) => {
+      // 初始化图表
+      const barChart = echarts.init(canvas, null, {
+        width: width,
+        height: height,
+        devicePixelRatio: dpr
+      });
+      barChart.setOption(this.getStatisticsOption());
+      request({
+        url: '/mail/queryToType?type=2',
+        method: 'GET'
+      }).then(res => {
+        if (res.result) {
+          barChart.setOption({
+            series: [{
+              data: res.data
+            }],
+            legend: {
+              formatter: function (name) {
+                let data = res.data
+                let tarValue
+                for (let i = 0; i < data.length; i++) {
+                  if (data[i].name == name) {
+                    tarValue = data[i].value
+                  }
+                }
+                let v = tarValue + '件'
+                return `${name}  ${v}`
+              }
+            }
+          })
+        }
+      })
+      // 注意这里一定要返回 chart 实例，否则会影响事件处理等
+      return barChart;
+    });
+  },
+  // 本年度公开信息办理情况图表
+  getTreeDiagramOption() {
+    //请求数据 
+    let months = [];
+    let currYear = new Date().getFullYear();
+    for (let i = 1; i <= 12; i++) {
+      let month = '';
+      if (i < 10) month = '0' + i;
+      else month = i;
+      month = currYear + "年" + month + "月";
+      months.push(month);
+    }
+    var xAxis = {
+        type: 'category',
+        data: months
+      },
+      yAxis = {
+        type: 'value',
+        name: '单位：件'
+      },
+      // dataZoom = [{
+      // 	type: 'inside',
+      // 	show: true,
+      // 	start: 0,
+      // 	end: 20,
+      // }],
+      legend = {
+        data: ['受理数', '办结数']
+      },
+      grid = {
+        left: '5%',
+        bottom: '5%',
+        containLabel: true
+      },
+      series = [{
+          name: '受理数',
+          type: 'bar',
+          data: [803, 2389, 2934, 1070, 1744, 2230, 1232],
+          itemStyle: {
+            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+                offset: 1,
+                color: '#45D1FF'
+              },
+              {
+                offset: 0,
+                color: '#0B8FFF'
+              }
+            ])
+          }
+        },
+        {
+          name: '办结数',
+          type: 'bar',
+          data: [925, 2348, 3100, 1594, 1341, 607, 3434],
+          itemStyle: {
+            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+                offset: 1,
+                color: '#84D16A'
+              },
+              {
+                offset: 0.5,
+                color: '#7EDFA2'
+              },
+              {
+                offset: 0,
+                color: '#13AC9C'
+              }
+            ])
+          }
+        }
+      ]
+    return {
+      backgroundColor: '#FFFFFF',
+      xAxis: xAxis,
+      yAxis: yAxis,
+      // dataZoom: dataZoom,
+      legend: legend,
+      grid: grid,
+      series: series,
+      animationDelay: function (idx) {
+        return idx * 50;
+      },
+      animationEasing: 'elasticOut'
+    };
+  },
+  // 获取本年度公开信息办理图表
+  getStatisticsOption() {
+    //请求数据 
+    var legend = {
+        top: 'middle',
+        orient: 'vertical',
+        right: '10%'
+      },
+      series = [{
+        name: 'Access From',
+        type: 'pie',
+        left: '-40%',
+        radius: ['40%', '70%'],
+        label: {
+          show: false,
+          position: 'center'
+        },
+        data: [],
+        emphasis: {
+          itemStyle: {
+            shadowBlur: 10,
+            shadowOffsetX: 0,
+            shadowColor: 'rgba(0, 0, 0, 0.5)'
+          },
+          label: {
+            show: true,
+            fontSize: '40',
+            fontWeight: 'bold'
+          }
+        }
+      }]
+    return {
+      backgroundColor: '#FFFFFF',
+      legend: legend,
+      series: series,
+      animationDelay: function (idx) {
+        return idx * 50;
+      },
+      animationEasing: 'elasticOut'
+    };
+  },
+  // 分页获取详细数据
+  queryDetailedData(page) {
+    request({
+      url: '/mail/queryDetailedData?limit=10&page=' + page
+    }).then(res => {
+      if (res.msg === 'SUCCESS') {
+        if (res.count > 0) {
+          let temp = this.data.detailList;
+          for (let index = 0; index < res.data.length; index++) {
+            res.data[index].inquiry = res.data[index].咨询;
+            res.data[index].suggestion = res.data[index].建议;
+            res.data[index].complain = res.data[index].投诉;
+            res.data[index].other = res.data[index].其他;
+            res.data[index].comment = res.data[index].意见;
+            temp.push(res.data[index])
+          }
+          this.setData({
+            detailList: temp
+          })
+        }
+      } else {
+        wx.showToast({
+          title: '没有更多了',
+          icon: 'none',
+          duration: 2000
+        });
+        this.setData({
+          moreBtn: true
+        })
+      }
+    })
+  },
+  queryDetailedDataPage() {
+    this.setData({
+      page: this.data.page + 1
+    })
+    this.queryDetailedData(this.data.page);
+  },
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
 
-	},
+  },
 
-	/**
-	 * 生命周期函数--监听页面显示
-	 */
-	onShow() {
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
 
-	},
+  },
 
-	/**
-	 * 生命周期函数--监听页面隐藏
-	 */
-	onHide() {
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
 
-	},
+  },
 
-	/**
-	 * 生命周期函数--监听页面卸载
-	 */
-	onUnload() {
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
 
-	},
+  },
 
-	/**
-	 * 页面相关事件处理函数--监听用户下拉动作
-	 */
-	onPullDownRefresh() {
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
 
-	},
+  },
 
-	/**
-	 * 页面上拉触底事件的处理函数
-	 */
-	onReachBottom() {
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
 
-	},
+  },
 
-	/**
-	 * 用户点击右上角分享
-	 */
-	onShareAppMessage() {
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
 
-	}
+  }
 })

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

@@ -10,11 +10,11 @@
 	<!-- 内容 -->
 	<view>
 		<view class="type-title">
-				<view class="dots" />
-				<view class="type-text">
-					本年度公开信息办理情况
-				</view>
+			<view class="dots" />
+			<view class="type-text">
+				本年度公开信息办理情况
 			</view>
+		</view>
 		<view style="display: flex;justify-content: space-between;padding: 10rpx 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>
@@ -85,27 +85,30 @@
 					详细数据
 				</view>
 			</view>
-			<view wx:for="{{7}}" wx:key="index" style="width: 707rpx;background: #EDF3FF;border-radius: 4rpx;margin: 0 22rpx 20rpx 22rpx;padding-bottom: 30rpx;">
-				<view style="border-bottom: 1rpx solid #C1CADA;font-size: 28rpx;font-weight: 500;color: #333333;padding: 32rpx 0 22rpx 0;margin: 0 20rpx;">2022年09月</view>
+			<view wx:for="{{detailList}}" wx:key="index" style="width: 707rpx;background: #EDF3FF;border-radius: 4rpx;margin: 0 22rpx 20rpx 22rpx;padding-bottom: 30rpx;">
+				<view style="border-bottom: 1rpx solid #C1CADA;font-size: 28rpx;font-weight: 500;color: #333333;padding: 32rpx 0 22rpx 0;margin: 0 20rpx;">{{item.month}}</view>
 				<view style="display: flex;">
 					<view style="width: 300rpx;margin-top: 20rpx;">
 						<view style="display: flex;border-right: 1rpx solid #D9E1EF;height: 85rpx;line-height: 85rpx;">
 							<view style="margin: 0 21rpx;color: #999999;font-size: 26rpx;">留言</view>
-							<view style="font-weight: bold;color: #508FF4;font-size: 32rpx;padding-right: 20rpx;">23</view>
+							<view style="font-weight: bold;color: #508FF4;font-size: 32rpx;padding-right: 20rpx;">{{item.count}}</view>
 						</view>
 						<view style="display: flex;height: 85rpx;line-height: 85rpx;">
 							<view style="margin: 0 21rpx;color: #999999;font-size: 26rpx;">办结</view>
-							<view style="font-weight: bold;color: #508FF4;font-size: 32rpx;">23</view>
+							<view style="font-weight: bold;color: #508FF4;font-size: 32rpx;">{{item.finished}}</view>
 						</view>
 					</view>
 					<view style="display: flex;flex-wrap: wrap;margin: 20rpx 0 0 24rpx;">
-						<view wx:for="{{5}}" wx:key="index" style="margin-right: 60rpx;color: #666666;font-size: 24rpx;">咨询：{{index}}</view>
+						<view style="margin-right: 60rpx;color: #666666;font-size: 24rpx;">咨询：{{item.inquiry}}</view>
+						<view style="margin-right: 60rpx;color: #666666;font-size: 24rpx;">建议：{{item.suggestion}}</view>
+						<view style="margin-right: 60rpx;color: #666666;font-size: 24rpx;">投诉：{{item.complain}}</view>
+						<view style="margin-right: 60rpx;color: #666666;font-size: 24rpx;">其他：{{item.other}}</view>
+						<view style="margin-right: 60rpx;color: #666666;font-size: 24rpx;">意见：{{item.comment}}</view>
 					</view>
 				</view>
-
 			</view>
 			<view class="statistics-btn">
-				<button>详细数据</button>
+				<button hidden="{{moreBtn}}" bindtap="queryDetailedDataPage">详细数据</button>
 			</view>
 		</view>
 	</view>

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

@@ -3,179 +3,156 @@
 import * as echarts from '../../ec-canvas/echarts';
 
 import {
-  imgUrl
+  imgUrl,
+  request
 } from "../api/request"
 
 Page({
 
-	/**
-	 * 页面的初始数据
-	 */
-	data: {
-    imgUrl:imgUrl,
-    ec:{
-
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    // 图片前缀
+    imgUrl: imgUrl,
+    // 图表
+    streetlinechartec: {
+      lazyLoad: true
     },
-    matters: [0, 0, 0, 2, 6, 3, 0],
+    // 本周办件数量
+    weekWork: {},
+    // 本月办件数量
+    monthWork: {},
+    // 本年办件数量
+    yearWork: {},
+    // 本月部门办件排序
+    departmentSort: {},
+    // 事项排序
+    matterSort: {},
+    // 一窗通办
+    windowList: {},
+    // 南岸区政务服务事项总数数据
+    matters: [],
     // 南岸区政务服务事项总数数据零的数量
-    mattersZero: 3,
-    backEndDoing:[{
-      "status":0,
-      "department":"南岸区卫健委",
-      "manageName":"关于XXX的医保问题",
-      "acceptDate":"2022.9.16",
-      "promiseDate":"2022.9.16"
-    },{
-      "status":2,
-      "department":"南岸区宣传委",
-      "manageName":"关于XXX的医保问题",
-      "acceptDate":"2022.10.17",
-      "promiseDate":"2022.10.17"
-    },{
-      "status":1,
-      "department":"南岸区社保科",
-      "manageName":"关于XXX的医保问题",
-      "acceptDate":"2022.10.17",
-      "promiseDate":"2022.10.17"
-    },{
-      "status":2,
-      "department":"南岸区啦啦啦啦",
-      "manageName":"关于XXX的医保问题",
-      "acceptDate":"2022.10.17",
-      "promiseDate":"2022.10.17"
-    },{
-      "status":1,
-      "department":"南岸区卫健委",
-      "manageName":"关于XXX的医保问题",
-      "acceptDate":"2022.10.17",
-      "promiseDate":"2022.10.17"
-    },{
-      "status":0,
-      "department":"南岸区卫健委",
-      "manageName":"关于XXX的医保问题",
-      "acceptDate":"2022.10.17",
-      "promiseDate":"2022.10.17"
-    },{
-      "status":0,
-      "department":"南岸区卫健委",
-      "manageName":"关于XXX的医保问题",
-      "acceptDate":"2022.10.17",
-      "promiseDate":"2022.10.17"
-    },{
-      "status":0,
-      "department":"南岸区卫健委",
-      "manageName":"关于XXX的医保问题",
-      "acceptDate":"2022.9.16",
-      "promiseDate":"2022.9.16"
-    },{
-      "status":0,
-      "department":"南岸区卫健委",
-      "manageName":"关于XXX的医保问题",
-      "acceptDate":"2022.9.16",
-      "promiseDate":"2022.9.16"
-    },{
-      "status":0,
-      "department":"南岸区卫健委",
-      "manageName":"关于XXX的医保问题",
-      "acceptDate":"2022.9.16",
-      "promiseDate":"2022.9.16"
-    },{
-      "status":0,
-      "department":"南岸区卫健委",
-      "manageName":"关于XXX的医保问题",
-      "acceptDate":"2022.9.16",
-      "promiseDate":"2022.9.16"
-    },{
-      "status":0,
-      "department":"南岸区卫健委",
-      "manageName":"关于XXX的医保问题",
-      "acceptDate":"2022.9.16",
-      "promiseDate":"2022.9.16"
-    },{
-      "status":0,
-      "department":"南岸区卫健委",
-      "manageName":"关于XXX的医保问题",
-      "acceptDate":"2022.9.16",
-      "promiseDate":"2022.9.16"
-    },{
-      "status":0,
-      "department":"南岸区卫健委",
-      "manageName":"关于XXX的医保问题",
-      "acceptDate":"2022.9.16",
-      "promiseDate":"2022.9.16"
-    },{
-      "status":0,
-      "department":"南岸区卫健委",
-      "manageName":"关于XXX的医保问题",
-      "acceptDate":"2022.9.16",
-      "promiseDate":"2022.9.16"
-    },{
-      "status":0,
-      "department":"南岸区卫健委",
-      "manageName":"关于XXX的医保问题",
-      "acceptDate":"2022.9.16",
-      "promiseDate":"2022.9.16"
-    }]
-	},
+    mattersZero: 0,
+    // 实时办件详细
+    backEndDoing: []
+  },
 
-	/**
-	 * 生命周期函数--监听页面加载
-	 */
-	onLoad(options) {
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+    // 获取本周办件数量
+    this.getOfficeNumberByAreaInfo(1);
+    // 获取本月办件数量
+    this.getOfficeNumberByAreaInfo(2);
+    // 获取本年办件数量
+    this.getOfficeNumberByAreaInfo(3);
+    // 南岸区政务服务事项总数、一窗通办、部门办件情况
+    this.queryDepartmentItem();
+    // 互联网申报情况图表
     this.barComponent = this.selectComponent('#annulus');
     this.init_bar();
-    this.barComponent3 = this.selectComponent('#streetlinechart3');
-    this.init_bar3();
-	},
+    // 好差评图表
+    this.goodOrBad = this.selectComponent('#goodOrBad');
+    this.init_goodOrBad();
+    // 实时办件详细
+    this.getListMatterRank();
+  },
 
-	/**
-	 * 生命周期函数--监听页面初次渲染完成
-	 */
-	onReady() {
+  // 根据时间类型获取办件数量
+  getOfficeNumberByAreaInfo(timeType) {
+    request({
+      url: '/department/getOfficeNumberByAreaInfo?area=1&timeType=' + timeType,
+      method: 'GET'
+    }).then(res => {
+      if (res.result === 'ok') {
+        switch (timeType) {
+          case 1:
+            this.setData({
+              weekWork: res.data
+            });
+            break;
+          case 2:
+            this.setData({
+              monthWork: res.data
+            });
+            break;
+          case 3:
+            this.setData({
+              yearWork: res.data
+            });
+            break;
+        }
+      }
+    })
+  },
+  // 南岸区政务服务事项总数、一窗通办、部门办件情况
+  queryDepartmentItem() {
+    request({
+      url: '/department/queryDepartmentItemRankByArea?area=1',
+      method: 'GET'
+    }).then(res => {
+      this.setData({
+        matters: res.data.conutNumbers,
+        mattersZero: 7 - res.data.listTotal.conutNumber.toString().length,
+        departmentSort: res.data.listRank,
+        matterSort: res.data.listMatterRank,
+        windowList: res.data.listWeb
+      })
+    })
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
 
-	},
+  },
 
-	/**
-	 * 生命周期函数--监听页面显示
-	 */
-	onShow() {
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
 
-	},
+  },
 
-	/**
-	 * 生命周期函数--监听页面隐藏
-	 */
-	onHide() {
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
 
-	},
+  },
 
-	/**
-	 * 生命周期函数--监听页面卸载
-	 */
-	onUnload() {
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
 
-	},
+  },
 
-	/**
-	 * 页面相关事件处理函数--监听用户下拉动作
-	 */
-	onPullDownRefresh() {
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
 
-	},
+  },
 
-	/**
-	 * 页面上拉触底事件的处理函数
-	 */
-	onReachBottom() {
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
 
-	},
+  },
 
-	/**
-	 * 用户点击右上角分享
-	 */
-	onShareAppMessage() {
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
 
   },
+  // 获取互联网申报情况图表
   init_bar() {
     this.barComponent.init((canvas, width, height, dpr) => {
       // 初始化图表
@@ -185,32 +162,68 @@ Page({
         devicePixelRatio: dpr
       });
       barChart.setOption(this.getScaOption());
+      request({
+        url: '/department/getOfficeNumberByAreaInfo?area=1&timeType=3',
+        method: 'GET'
+      }).then(res => {
+        if (res.result === 'ok') {
+          barChart.setOption({
+            series: [{
+              data: [{
+                  value: res.data.applicationNumberNetwork
+                },
+                {
+                  value: res.data.applicationNumberWindow
+                }
+              ]
+            }]
+          });
+        }
+      })
       // 注意这里一定要返回 chart 实例，否则会影响事件处理等
       return barChart;
     });
   },
-  init_bar3() {
-    this.barComponent3.init((canvas, width, height, dpr) => {
+  // 好差评图表
+  init_goodOrBad() {
+    this.goodOrBad.init((canvas, width, height, dpr) => {
       // 初始化图表
       const barChart = echarts.init(canvas, null, {
         width: width,
         height: height,
         devicePixelRatio: dpr
       });
-      barChart.setOption(this.getScaOption3());
+      barChart.setOption(this.getGoodOrBadOption());
+      request({
+        url: '/goodOrbad/getGoodOrBadByYearAndArea?area=1',
+        method: 'GET'
+      }).then(res => {
+        if (res.result === 'ok') {
+          let temp = [];
+          temp.push(res.data.veryDissatisfied);
+          temp.push(res.data.notSatisfied);
+          temp.push(res.data.basicSatisfied);
+          temp.push(res.data.satisfied);
+          temp.push(res.data.great);
+          this.setData({
+            evalutionNum: res.data.goodOrBad,
+            evalutionRate: Math.round(res.data.good / res.data.goodOrBad * 100)
+          })
+          barChart.setOption({
+            series: [{
+              data: temp
+            }]
+          })
+        }
+      })
       // 注意这里一定要返回 chart 实例，否则会影响事件处理等
       return barChart;
     });
   },
-
+  // 获取互联网申报情况图表
   getScaOption() {
     //请求数据 
-  var data = [
-    { value: 1048 },
-    { value: 735 }
-  ]
-   var series= [
-    {
+    var series = [{
       type: 'pie',
       radius: ['45%', '70%'],
       avoidLabelOverlap: false,
@@ -226,21 +239,22 @@ Page({
       labelLine: {
         show: false
       },
-      data: data
-    }
-  ];
+      data: []
+    }];
     return {
       tooltip: "",
       legend: "",
       series: series
     };
   },
-  getScaOption3() {
+  // 获取好差评图表
+  getGoodOrBadOption() {
     //请求数据 
     var xAxis = {
         type: 'value',
         min: 0,
-        max: 150000,
+        max: 700000,
+        interval: 300000
       },
       yAxis = {
         type: 'category',
@@ -251,7 +265,8 @@ Page({
       grid = {
         left: '20%',
         top: '10%',
-        bottom: '10%'
+        bottom: '10%',
+        right: '20%'
       },
       series = [{
         data: [123, 200, 15220, 80333, 1073671],
@@ -273,6 +288,11 @@ Page({
           // normal: {
           //   barBorderRadius: 7
           // }
+        },
+        label: {
+          show: true,
+          position: 'right',
+          valueAnimation: true
         }
       }]
     return {
@@ -287,4 +307,17 @@ Page({
       animationEasing: 'elasticOut'
     };
   },
+  // 实时办件详细
+  getListMatterRank() {
+    request({
+      url:'/department/getListMatterRank?area=1',
+      method: 'GET'
+    }).then(res => {
+      if (res.result === 'ok') {
+        this.setData({
+          backEndDoing: res.data
+        })
+      }
+    })
+  },
 })

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

@@ -2,83 +2,83 @@
 
 <view class="box box1">
   <view class="bgitem">
-      <view class="title">
-        <image class="titileicon" src="/pages/images/zhou.png"></image>
-        <text>本周办件数量</text>
-      </view>
-      <view class="line">
-        <image class="lineicon" src="/pages/images/line1.png"></image>
-        <view class="lineTextGroups">
-          <view class="lineTextGroup">
-            <text style="color: #999999;">申报</text>
-            <text style="color:#333333; font-size: 32rpx; font-weight: bold;">90</text>
-          </view>
-          <view class="verticalbar"></view>
-          <view class="lineTextGroup">
-            <text style="color: #999999;">受理</text>
-            <text style="color:#333333; font-size: 32rpx; font-weight: bold;">90</text>
-          </view>
-          <view class="verticalbar"></view>
-          <view class="lineTextGroup">
-            <text style="color: #999999;">办结</text>
-            <text style="color:#333333; font-size: 32rpx; font-weight: bold;">90</text>
-          </view>
-
+    <view class="title">
+      <image class="titileicon" src="/pages/images/zhou.png"></image>
+      <text>本周办件数量</text>
+    </view>
+    <view class="line">
+      <image class="lineicon" src="/pages/images/line1.png"></image>
+      <view class="lineTextGroups">
+        <view class="lineTextGroup">
+          <text style="color: #999999;">申报</text>
+          <text style="color:#333333; font-size: 32rpx; font-weight: bold;">{{weekWork.applicationNumberNetwork}}</text>
+        </view>
+        <view class="verticalbar"></view>
+        <view class="lineTextGroup">
+          <text style="color: #999999;">受理</text>
+          <text style="color:#333333; font-size: 32rpx; font-weight: bold;">{{weekWork.acceptNumber}}</text>
         </view>
+        <view class="verticalbar"></view>
+        <view class="lineTextGroup">
+          <text style="color: #999999;">办结</text>
+          <text style="color:#333333; font-size: 32rpx; font-weight: bold;">{{weekWork.serialNumber}}</text>
+        </view>
+
       </view>
+    </view>
   </view>
   <view class="crossline"></view>
   <view class="bgitem">
     <view class="title">
-        <image class="titileicon" src="/pages/images/zhou.png"></image>
-        <text>本周办件数量</text>
+      <image class="titileicon" src="/pages/images/zhou.png"></image>
+      <text>本月办件数量</text>
     </view>
-      <view class="line">
-        <image class="lineicon" src="/pages/images/line2.png"></image>
-        <view class="lineTextGroups">
-          <view class="lineTextGroup">
-            <text style="color: #999999;">申报</text>
-            <text style="color:#333333; font-size: 32rpx; font-weight: bold;">90</text>
-          </view>
-          <view class="verticalbar"></view>
-          <view class="lineTextGroup">
-            <text style="color: #999999;">受理</text>
-            <text style="color:#333333; font-size: 32rpx; font-weight: bold;">90</text>
-          </view>
-          <view class="verticalbar"></view>
-          <view class="lineTextGroup">
-            <text style="color: #999999;">办结</text>
-            <text style="color:#333333; font-size: 32rpx; font-weight: bold;">90</text>
-          </view>
-
+    <view class="line">
+      <image class="lineicon" src="/pages/images/line2.png"></image>
+      <view class="lineTextGroups">
+        <view class="lineTextGroup">
+          <text style="color: #999999;">申报</text>
+          <text style="color:#333333; font-size: 32rpx; font-weight: bold;">{{monthWork.applicationNumberNetwork}}</text>
+        </view>
+        <view class="verticalbar"></view>
+        <view class="lineTextGroup">
+          <text style="color: #999999;">受理</text>
+          <text style="color:#333333; font-size: 32rpx; font-weight: bold;">{{monthWork.acceptNumber}}</text>
         </view>
+        <view class="verticalbar"></view>
+        <view class="lineTextGroup">
+          <text style="color: #999999;">办结</text>
+          <text style="color:#333333; font-size: 32rpx; font-weight: bold;">{{monthWork.serialNumber}}</text>
+        </view>
+
       </view>
+    </view>
   </view>
   <view class="crossline"></view>
   <view class="bgitem">
     <view class="title">
-        <image class="titileicon" src="/pages/images/zhou.png"></image>
-        <text>本周办件数量</text>
-      </view>
-      <view class="line">
-        <image class="lineicon" src="/pages/images/line3.png"></image>
-        <view class="lineTextGroups">
-          <view class="lineTextGroup">
-            <text style="color: #999999;">申报</text>
-            <text style="color:#333333; font-size: 32rpx; font-weight: bold;">90</text>
-          </view>
-          <view class="verticalbar"></view>
-          <view class="lineTextGroup">
-            <text style="color: #999999;">受理</text>
-            <text style="color:#333333; font-size: 32rpx; font-weight: bold;">90</text>
-          </view>
-          <view class="verticalbar"></view>
-          <view class="lineTextGroup">
-            <text style="color: #999999;">办结</text>
-            <text style="color:#333333; font-size: 32rpx; font-weight: bold;">90</text>
-          </view>
+      <image class="titileicon" src="/pages/images/zhou.png"></image>
+      <text>本年办件数量</text>
+    </view>
+    <view class="line">
+      <image class="lineicon" src="/pages/images/line3.png"></image>
+      <view class="lineTextGroups">
+        <view class="lineTextGroup">
+          <text style="color: #999999;">申报</text>
+          <text style="color:#333333; font-size: 32rpx; font-weight: bold;">{{yearWork.applicationNumberNetwork}}</text>
+        </view>
+        <view class="verticalbar"></view>
+        <view class="lineTextGroup">
+          <text style="color: #999999;">受理</text>
+          <text style="color:#333333; font-size: 32rpx; font-weight: bold;">{{yearWork.acceptNumber}}</text>
+        </view>
+        <view class="verticalbar"></view>
+        <view class="lineTextGroup">
+          <text style="color: #999999;">办结</text>
+          <text style="color:#333333; font-size: 32rpx; font-weight: bold;">{{yearWork.serialNumber}}</text>
         </view>
       </view>
+    </view>
   </view>
 </view>
 <view class="box">
@@ -95,33 +95,33 @@
     </view>
     <view class="box2ItemContent" style="background-image: url(https://s1.ax1x.com/2022/10/14/xdzONq.png);">
       <view class="countGroup">
-        <view class="countbox two">100</view>
-        <view class="countbox one">200</view>
-        <view class="countbox three">50</view>
+        <view class="countbox two">{{departmentSort.secondNumber}}</view>
+        <view class="countbox one">{{departmentSort.firstNumber}}</view>
+        <view class="countbox three">{{departmentSort.thirdNumber}}</view>
       </view>
     </view>
     <view class="unitName">
-        <view class="namebox nametwo">重庆市南岸区卫生健康委</view>
-        <view class="namebox nameone">重庆市南岸区 交通局</view>
-        <view class="namebox namethree">重庆市南岸区 发展和改革委员会</view>
+      <view class="namebox nametwo">{{departmentSort.firstName}}</view>
+      <view class="namebox nameone">{{departmentSort.secondName}}</view>
+      <view class="namebox namethree">{{departmentSort.thirdName}}</view>
     </view>
   </view>
   <view>
     <view class="box2ItemTitle">
       <view class="dot"></view>
-      <text>本月部门办件排序</text>
+      <text>事项排序</text>
     </view>
     <view class="box2ItemContent" style="background-image: url(https://s1.ax1x.com/2022/10/14/xdzONq.png);">
       <view class="countGroup">
-        <view class="countbox two">100</view>
-        <view class="countbox one">200</view>
-        <view class="countbox three">50</view>
+        <view class="countbox two">{{matterSort.secondNumber}}</view>
+        <view class="countbox one">{{matterSort.firstNumber}}</view>
+        <view class="countbox three">{{matterSort.thirdNumber}}</view>
       </view>
     </view>
     <view class="unitName">
-        <view class="namebox nametwo">重庆市南岸区卫生健康委</view>
-        <view class="namebox nameone">重庆市南岸区 交通局</view>
-        <view class="namebox namethree">重庆市南岸区 发展和改革委员会</view>
+      <view class="namebox nametwo">{{matterSort.firstName}}</view>
+      <view class="namebox nameone">{{matterSort.secondName}}</view>
+      <view class="namebox namethree">{{matterSort.thirdName}}</view>
     </view>
   </view>
 </view>
@@ -139,19 +139,19 @@ https://s1.ax1x.com/2022/10/14/xwE3Ie.png -->
   <view class="chuangBoxGourps">
     <view class="chuangbox" style="background-image: url(https://s1.ax1x.com/2022/10/14/xwEGPH.png);">
       <view class="chuangboxtext1">申请数</view>
-      <view class="chuangboxtext2">967件</view>
+      <view class="chuangboxtext2">{{windowList.applicationNumber}}件</view>
     </view>
     <view class="chuangbox" style="background-image: url(https://s1.ax1x.com/2022/10/14/xwE3Ie.png);">
       <view class="chuangboxtext1">办件数</view>
-      <view class="chuangboxtext2">967件</view>
+      <view class="chuangboxtext2">{{windowList.acceptNumber}}件</view>
     </view>
     <view class="chuangbox" style="background-image: url(https://s1.ax1x.com/2022/10/14/xwEYRA.png);">
       <view class="chuangboxtext1">不予受理数</view>
-      <view class="chuangboxtext2">967件</view>
+      <view class="chuangboxtext2">{{windowList.rejectionNumber}}件</view>
     </view>
     <view class="chuangbox" style="background-image: url(https://s1.ax1x.com/2022/10/14/xwEJGd.png);">
       <view class="chuangboxtext1">办结数</view>
-      <view class="chuangboxtext2">967件</view>
+      <view class="chuangboxtext2">{{windowList.serialNumber}}件</view>
     </view>
   </view>
 </view>
@@ -164,17 +164,17 @@ https://s1.ax1x.com/2022/10/14/xwE3Ie.png -->
   </view>
   <view class="sbboxcontent">
     <view class="sbboxleft">
-      <ec-canvas class="m-container" id="annulus" canvas-id="annulus" ec="{{ec}}"></ec-canvas>
+      <ec-canvas class="m-container" id="annulus" canvas-id="annulus" ec="{{streetlinechartec}}"></ec-canvas>
     </view>
     <view class="sbboxright">
       <view class="item1" style=" background-image: url('{{imgUrl}}textBox1.png')">
         <view class="oneThing" style="display: flex;">
-          <view>网上申报 <text style="font-size: 40rpx;">1633</text> 件</view>
+          <view>网上申报 <text style="font-size: 40rpx;">{{yearWork.applicationNumberNetwork}}</text> 件</view>
         </view>
       </view>
       <view class="item1" style=" margin-top: 40rpx; background-image: url('{{imgUrl}}textBox1.png')">
         <view class="oneThing" style="display: flex;">
-          <view>网上申报 <text style="font-size: 40rpx;">1633</text> 件</view>
+          <view>网上申报 <text style="font-size: 40rpx;">{{yearWork.applicationNumberWindow}}</text> 件</view>
         </view>
       </view>
     </view>
@@ -187,49 +187,48 @@ https://s1.ax1x.com/2022/10/14/xwE3Ie.png -->
   </view>
   <view class="box2Crossline">
   </view>
-  
   <view style=" margin-top: 20rpx; display: flex;justify-content: space-between;padding: 0 40rpx;">
-          <!-- 评价总量 -->
-          <view style="height: 100rpx;width:310rpx;display: flex;background-color: #E5F4FE;">
-            <!-- 图标 -->
-            <view style="width: 100rpx;height: 100%;display: flex;align-items:center;justify-content:center;">
-              <image src="{{imgUrl}}index-evalution.png" style="height:64rpx;width:64rpx;"></image>
-            </view>
-            <!-- 数据 -->
-            <view style="width: 210rpx;height: 100%;display:flex;flex-direction: column;justify-content:center">
-              <view style="font-size: 19rpx;color: #999999;padding-bottom:8rpx">本年评价总量</view>
-              <view style="display:flex;justify-content:left;align-items:center;color: #333333;">
-                <view style="font-size: 26rpx;font-weight: bold;">{{evalutionNum}}</view>
-                <view style="font-size:20rpx;padding-left:5rpx">条</view>
-              </view>
-            </view>
-          </view>
-          <!-- 满意度 -->
-          <view style="height: 100rpx;width:310rpx;display: flex;background-color: #E5F4FE;">
-            <!-- 图标 -->
-            <view style="width: 100rpx;height: 100%;display: flex;align-items:center;justify-content:center">
-              <image src="{{imgUrl}}index-good-blud.png" style="height:64rpx;width:70rpx;"></image>
-            </view>
-            <!-- 数据 -->
-            <view style="width: 210rpx;height: 100%;display:flex;flex-direction: column;justify-content:center">
-              <view style="font-size: 19rpx;color: #999999;padding-bottom:8rpx">满意度</view>
-              <view style="display:flex;justify-content:left;align-items:center;color: #333333;">
-                <view style="font-size: 26rpx;font-weight: bold;">{{evalutionRate}}</view>
-                <view style="font-size:20rpx;padding-left:5rpx">%</view>
-              </view>
-            </view>
-          </view>
-        </view>
-        <view style="width: 100%;height: 500rpx; margin-bottom: 40rpx;">
-          <ec-canvas id="streetlinechart3" canvas-id="streetlinechart3" ec="{{ streetlinechartec }}" />
+    <!-- 评价总量 -->
+    <view style="height: 100rpx;width:310rpx;display: flex;background-color: #E5F4FE;">
+      <!-- 图标 -->
+      <view style="width: 100rpx;height: 100%;display: flex;align-items:center;justify-content:center;">
+        <image src="{{imgUrl}}index-evalution.png" style="height:64rpx;width:64rpx;"></image>
+      </view>
+      <!-- 数据 -->
+      <view style="width: 210rpx;height: 100%;display:flex;flex-direction: column;justify-content:center">
+        <view style="font-size: 19rpx;color: #999999;padding-bottom:8rpx">本年评价总量</view>
+        <view style="display:flex;justify-content:left;align-items:center;color: #333333;">
+          <view style="font-size: 26rpx;font-weight: bold;">{{evalutionNum}}</view>
+          <view style="font-size:20rpx;padding-left:5rpx">条</view>
         </view>
-        <view style=" display: flex;flex-wrap: wrap;justify-content: space-between;padding: 0 40rpx">
-          <view class="evaluate">评价我的办件</view>
-          <view class="evaluate">评价窗口人员</view>
-          <view class="evaluate">评价办事指南</view>
-          <view class="evaluate" style="width: 250rpx;">评价服务应用</view>
-          <view class="evaluate" style="width: 316rpx;">评价电子证照</view>
+      </view>
+    </view>
+    <!-- 满意度 -->
+    <view style="height: 100rpx;width:310rpx;display: flex;background-color: #E5F4FE;">
+      <!-- 图标 -->
+      <view style="width: 100rpx;height: 100%;display: flex;align-items:center;justify-content:center">
+        <image src="{{imgUrl}}index-good-blud.png" style="height:64rpx;width:70rpx;"></image>
+      </view>
+      <!-- 数据 -->
+      <view style="width: 210rpx;height: 100%;display:flex;flex-direction: column;justify-content:center">
+        <view style="font-size: 19rpx;color: #999999;padding-bottom:8rpx">满意度</view>
+        <view style="display:flex;justify-content:left;align-items:center;color: #333333;">
+          <view style="font-size: 26rpx;font-weight: bold;">{{evalutionRate}}</view>
+          <view style="font-size:20rpx;padding-left:5rpx">%</view>
         </view>
+      </view>
+    </view>
+  </view>
+  <view style="width: 100%;height: 500rpx; margin-bottom: 40rpx;">
+    <ec-canvas id="goodOrBad" canvas-id="goodOrBad" ec="{{ streetlinechartec }}" />
+  </view>
+  <view style=" display: flex;flex-wrap: wrap;justify-content: space-between;padding: 0 40rpx">
+    <view class="evaluate">评价我的办件</view>
+    <view class="evaluate">评价窗口人员</view>
+    <view class="evaluate">评价办事指南</view>
+    <view class="evaluate" style="width: 250rpx;">评价服务应用</view>
+    <view class="evaluate" style="width: 316rpx;">评价电子证照</view>
+  </view>
 </view>
 <view class="box">
   <view class="box2Title">
@@ -251,44 +250,44 @@ https://s1.ax1x.com/2022/10/14/xwE3Ie.png -->
   <view class="box2Crossline">
   </view>
   <view style="margin-top: 20rpx; 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 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>258</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 class="box">
   <view class="box2Title">
@@ -302,5 +301,4 @@ https://s1.ax1x.com/2022/10/14/xwE3Ie.png -->
     <include src="./tableContent"></include>
   </view>
 </view>
-<view class="foot"></view>
-
+<view class="foot"></view>

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

@@ -1,117 +1,127 @@
 /* pages/dataCenterZWTJ/dataCenterZWTJ.wxss */
-page{
+page {
   /* height: 100%; */
   width: 100%;
   background-color: #F5F5F5;
 
 }
 
-.box{
+.box {
   margin-top: 25rpx;
   width: 95%;
   background: #fff;
   border-radius: 10rpx;
   margin: 25rpx auto 0 auto;
-  box-shadow: 0px 2rpx 12rpx 0px rgba(153,153,153,0.17);
+  box-shadow: 0px 2rpx 12rpx 0px rgba(153, 153, 153, 0.17);
   border-radius: 10px;
   padding-top: 20rpx;
 }
 
-.box1{
-  
-}
-.crossline{
+.box1 {}
+
+.crossline {
   width: 80%;
   height: 2rpx;
   background: #CFCFCF;
   margin: 0 auto;
   margin-bottom: 30rpx;
 }
-.verticalbar{
+
+.verticalbar {
   width: 2rpx;
   height: 60%;
   float: left;
   background: #CFCFCF;
 }
 
-.bgitem{
+.bgitem {
   width: 100%;
   height: 200rpx;
   margin-left: 40rpx;
-  
+
 }
-.title{
+
+.title {
   height: 40rpx;
   line-height: 40rpx;
-  
+
 }
-.title text{
+
+.title text {
   height: 40rpx;
   line-height: 40rpx;
 }
-.titileicon{
+
+.titileicon {
   width: 40rpx;
   height: 40rpx;
   margin-top: 5rpx;
   float: left;
 }
-.line{
+
+.line {
   margin-top: 40rpx;
   height: 120rpx;
 }
 
-.lineicon{
+.lineicon {
   width: 80rpx;
   height: 80rpx;
   float: left;
   border-radius: 140rpx;
 }
-.lineTextGroups{
+
+.lineTextGroups {
   width: 80%;
   height: 120rpx;
   float: left;
 }
-.lineTextGroup{
+
+.lineTextGroup {
   width: 184rpx;
   height: 120rpx;
   float: left;
 }
-.lineTextGroup text{
+
+.lineTextGroup text {
   display: block;
   width: 184rpx;
   height: 40rpx;
   line-height: 40rpx;
   text-align: center;
   font-size: 26rpx;
-  
+
 }
-.box2Title{
+
+.box2Title {
   width: 100%;
   height: 70rpx;
   margin-left: 40rpx;
 }
 
-.box2TitleIcon{
+.box2TitleIcon {
   width: 40rpx;
   height: 40rpx;
   margin-top: 5rpx;
   float: left;
 }
-.box2Title text{
+
+.box2Title text {
   font-size: 32rpx;
   font-family: DOUYU;
   font-weight: normal;
   color: #333333;
 }
 
-.box2ItemTitle{
+.box2ItemTitle {
   margin-top: 10rpx;
   margin-bottom: 10rpx;
   width: 100%;
   height: 50rpx;
   margin-left: 30rpx;
 }
-.dot{
+
+.dot {
   width: 15rpx;
   height: 15rpx;
   background-color: #F7C86A;
@@ -120,7 +130,8 @@ page{
   margin-top: 20rpx;
   margin-right: 10rpx;
 }
-.box2ItemTitle text{
+
+.box2ItemTitle text {
   font-size: 28rpx;
   font-family: PingFang SC;
   font-weight: 500;
@@ -130,49 +141,55 @@ page{
   line-height: 60rpx;
 }
 
-.box2ItemContent{
+.box2ItemContent {
   width: 100%;
   height: 200rpx;
-  background-repeat:no-repeat;
+  background-repeat: no-repeat;
   background-size: 90%;
   background-position: center center;
 }
-.countGroup{
+
+.countGroup {
   width: 80%;
   /* background: #000; */
   height: 100rpx;
   margin: 0 auto;
 }
-.countbox{
+
+.countbox {
   width: 28%;
   float: left;
   margin-left: 20rpx;
   height: 100rpx;
 }
 
-.box2Crossline{
+.box2Crossline {
   width: 100%;
   height: 2rpx;
   background: #C5C5C5;
 }
-.one{
+
+.one {
   text-align: center;
 }
-.two{
+
+.two {
   line-height: 100rpx;
 }
-.three{
+
+.three {
   text-align: right;
   line-height: 140rpx;
 }
 
-.unitName{
+.unitName {
   width: 90%;
   height: 80rpx;
   margin-top: -20rpx;
   margin: -20rpx auto 0 auto;
 }
-.namebox{
+
+.namebox {
   width: 30%;
   height: 80rpx;
   float: left;
@@ -181,20 +198,24 @@ page{
   margin-left: 5rpx;
   margin-right: 5rpx;
 }
-.nameone{
+
+.nameone {
   margin-left: 20rpx;
 }
-.namethree{
+
+.namethree {
   margin-left: 25rpx;
 }
-.chuangBoxGourps{
+
+.chuangBoxGourps {
   width: 90%;
   height: 300rpx;
   padding-left: 50rpx;
   padding-top: 10rpx;
   padding-bottom: 10rpx;
 }
-.chuangbox{
+
+.chuangbox {
   /* margin: 10rpx auto; */
   width: 45%;
   height: 130rpx;
@@ -204,7 +225,8 @@ page{
   background-repeat: no-repeat;
   background-size: 100%;
 }
-.chuangboxtext1{
+
+.chuangboxtext1 {
   color: #FFFFFF;
   font-size: 27rpx;
   width: 150rpx;
@@ -212,30 +234,34 @@ page{
   margin-top: 20rpx;
   margin-left: 25rpx;
 }
-.chuangboxtext2{
+
+.chuangboxtext2 {
   color: #FFFFFF;
   font-weight: bold;
   width: 150rpx;
   text-align: center;
 
 }
-.sbboxcontent{
+
+.sbboxcontent {
   width: 100%;
   height: 400rpx;
   margin: auto 0;
 }
-.sbboxleft{
+
+.sbboxleft {
   width: 380rpx;
   height: 380rpx;
   float: left;
 }
 
-.sbboxright{
+.sbboxright {
   margin-top: 80rpx;
   width: 150rpx;
   float: left;
 }
-.sbboxright .item1{
+
+.sbboxright .item1 {
   background-repeat: no-repeat;
   width: 314rpx;
   height: 93rpx;
@@ -296,12 +322,12 @@ page{
 /* 一件事情一次办左下部文本 */
 .oneThing-left-bottom {
   position: absolute;
-    display: flex;
-    left: 50%;
-    transform: translate(-50%, 0);
-    top: 127rpx;
-    color: #1E71D2;
-    font-size: 46rpx;
+  display: flex;
+  left: 50%;
+  transform: translate(-50%, 0);
+  top: 127rpx;
+  color: #1E71D2;
+  font-size: 46rpx;
 }
 
 .triangles {
@@ -316,35 +342,41 @@ page{
   border-left: 18rpx solid #0B868E;
   border-top: 18rpx solid transparent;
 }
-.table{
+
+.table {
   height: 600rpx;
+  overflow: hidden;
 }
 
-.tableHaed{
+.tableHaed {
   background: #DBDBDB;
   height: 57rpx;
 }
-.tableHaed view{
+
+.tableHaed view {
   height: 57rpx;
   line-height: 57rpx;
   float: left;
   text-align: left;
   font-size: 23rpx;
 }
-.tableContent{
+
+.tableContent {
   background: #fff;
   height: 57rpx;
 }
 
-.tableContent view{
+.tableContent view {
   height: 90rpx;
-  line-height: 90rpx;
   float: left;
   text-align: left;
   font-size: 23rpx;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 
 
-.foot{
+.foot {
   height: 60rpx;
 }

nngkxxdp/src/main/resources/static/nnzwminiapp/pages/dataCenterZWTJ/tableContent.wxml

@@ -1,9 +1,10 @@
-<view class="tableContent">
+<view wx:for="{{backEndDoing}}" wx:key="index" class="tableContent">
   <view style="text-align: center; width: 100rpx; ">
-  <view style="margin-top: 25rpx; margin-left: 15rpx; width: 63rpx;height: 33rpx;line-height: 33rpx; background: #4CAF50;border-radius: 4px;text-align: center; color: #fff;">状态</view>
+    <view wx:if="{{item.state === '办结'}}" style="margin-top: 25rpx; margin-left: 15rpx; width: 63rpx;height: 33rpx;line-height: 33rpx; background: #4CAF50;border-radius: 4px;text-align: center; color: #fff;">{{item.state}}</view>
+    <view wx:if="{{item.state === '在办'}}" style="margin-top: 25rpx; margin-left: 15rpx; width: 63rpx;height: 33rpx;line-height: 33rpx; background: #0655b6;border-radius: 4px;text-align: center; color: #fff;">{{item.state}}</view>
   </view>
-  <view style="text-align: left; width: 180rpx;">受理部门</view>
-  <view style="text-align: left; width: 180rpx;">办理名称</view>
-  <view style="text-align: left; width: 120rpx;">受理日期</view>
-  <view style="text-align: left; width: 120rpx;">承诺日期</view>
+  <view style="text-align: left; width: 180rpx;">{{item.acceptedDepartment}}</view>
+  <view style="text-align: left; width: 180rpx;">{{item.handlingName}}</view>
+  <view style="text-align: left; width: 120rpx;">{{item.acceptDate}}</view>
+  <view style="text-align: left; width: 120rpx;">{{item.commitmentDate}}</view>
 </view>