|
|
@@ -2,376 +2,368 @@
|
|
|
import * as echarts from '../../ec-canvas/echarts';
|
|
|
|
|
|
import {
|
|
|
- imgUrl,
|
|
|
- request
|
|
|
+ imgUrl,
|
|
|
+ request
|
|
|
} from "../api/request"
|
|
|
Page({
|
|
|
|
|
|
- /**
|
|
|
- * 页面的初始数据
|
|
|
- */
|
|
|
- data: {
|
|
|
- // 图片前缀
|
|
|
- imgUrl: imgUrl,
|
|
|
- // 图表
|
|
|
- streetlinechartec: {
|
|
|
- lazyLoad: true,
|
|
|
- },
|
|
|
- // 本年度公开信息办理情况
|
|
|
- leaveAMessage: {},
|
|
|
- // 详细数据
|
|
|
- detailList: [],
|
|
|
- // 分页参数
|
|
|
- page: 1,
|
|
|
- // 按钮是否隐藏
|
|
|
- moreBtn: false
|
|
|
- },
|
|
|
+ /**
|
|
|
+ * 页面的初始数据
|
|
|
+ */
|
|
|
+ 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();
|
|
|
- // 详细数据获取
|
|
|
- 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() {
|
|
|
+ /**
|
|
|
+ * 生命周期函数--监听页面加载
|
|
|
+ */
|
|
|
+ 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: '单位：件'
|
|
|
+ },
|
|
|
+ tooltip = {
|
|
|
+ trigger: 'axis'
|
|
|
+ },
|
|
|
+ // dataZoom = [{
|
|
|
+ // type: 'inside',
|
|
|
+ // show: true,
|
|
|
+ // start: 0,
|
|
|
+ // end: 20,
|
|
|
+ // }],
|
|
|
+ legend = {
|
|
|
+ data: ['受理数', '办结数']
|
|
|
+ },
|
|
|
+ grid = {
|
|
|
+ left: '5%',
|
|
|
+ bottom: '5%',
|
|
|
+ containLabel: true
|
|
|
+ },
|
|
|
+ series = [{
|
|
|
+ name: '受理数',
|
|
|
+ type: 'bar',
|
|
|
+ data: [],
|
|
|
+ itemStyle: {
|
|
|
+ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
|
|
|
+ offset: 1,
|
|
|
+ color: '#45D1FF'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ offset: 0,
|
|
|
+ color: '#0B8FFF'
|
|
|
+ }
|
|
|
+ ])
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '办结数',
|
|
|
+ type: 'bar',
|
|
|
+ data: [],
|
|
|
+ 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,
|
|
|
+ tooltip: tooltip,
|
|
|
+ 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: []
|
|
|
+ }]
|
|
|
+ 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() {
|
|
|
|
|
|
- }
|
|
|
+ }
|
|
|
})
|
wrh