nazw/nngkxxdp/src/main/resources/static/nnzwminiapp/pages/index/index.js

// index.js
import {
	login
} from "../api/user-api";

import {
	imgUrl,
	request
} from "../api/request"

import * as echarts from '../../ec-canvas/echarts';

// 获取应用实例
const app = getApp()

Page({
	data: {
		imgUrl: imgUrl,
		// 屏幕高度
		navHeight: '',
		searchInput: '',
		// 南岸咨询
		naTab: 0,
		naItem: '',
		// 政民tab
		communicateTab: 0,
		// 政民item
		communicateItem: 0,
		// 服务列表
		serviceItems1: [{
				img: imgUrl + 'service-1.png',
				name: '生活缴费'
			},
			{
				img: imgUrl + 'service-2.png',
				name: '社保服务'
			},
			{
				img: imgUrl + 'service-3.png',
				name: '公积金'
			},
			{
				img: imgUrl + 'service-4.png',
				name: '电子证照'
			},
			{
				img: imgUrl + 'service-5.png',
				name: '民政低保'
			}
		],
		serviceItems2: [{
				img: imgUrl + 'service-6.png',
				name: '税务服务'
			},
			{
				img: imgUrl + 'service-7.png',
				name: '交通出行'
			},
			{
				img: imgUrl + 'service-8.png',
				name: '核酸采样点'
			},
			{
				img: imgUrl + 'service-9.png',
				name: '住房置业'
			},
			{
				img: imgUrl + 'service-10.png',
				name: '更多功能'
			}
		],
		// 百姓聚焦
		peopleService: [{
				top: true,
				name: '12345热线'
			},
			{
				top: false,
				name: '个人社保查询'
			},
			{
				top: false,
				name: '南岸文旅消费劵'
			},
			{
				top: false,
				name: '长喜汇弹子石老街'
			},
			{
				top: false,
				name: '南山一棵松'
			},
			{
				top: false,
				name: '一次性创业补助'
			}
		],
		// 南岸咨询二级title
		naItemTabList: [{
				id: 1,
				name: '政策.咨询'
			},
			{
				id: 2,
				name: '党建.服务'
			},
			{
				id: 3,
				name: '抗疫.复工'
			},
			{
				id: 4,
				name: '功能.服务'
			}
		],
		// 南岸咨询内容
		naContentList: [{
				id: 1,
				name: '洪斌在全区疫情防控工作会议上强调，坚持不松懈的精神，努力工作，开展创先争优活动，激励人民发扬美好传统美德！'
			},
			{
				id: 2,
				name: '​坚持不松劲渝事好商量'
			},
			{
				id: 3,
				name: '南岸实践工作全面启动'
			},
			{
				id: 4,
				name: '首条直达南滨路人防隧道开建'
			},
			{
				id: 5,
				name: '全市首个！南岸区便民数字地图上线啦~'
			}
		],
		// 本年办件数
		officeNumber: [],
		//  评价总量
		evalutionNum: 0,
		// 满意度
		evalutionRate: '',
		// 图表
		streetlinechartec: {
			lazyLoad: true,
		},
		// 图表图片
		canvasImg: '',
		videoInfo: [{
				url: 'video1.png',
				title: '南岸百企风采'
			}, {
				url: 'video2.png',
				title: '“不夜南滨”集乐无'
			}, {
				url: 'video3.png',
				title: '2022爱尚重庆'
			},
			{
				url: 'video1.png',
				title: '南岸百企风采'
			}
		],
		// 政民list
		communicateData: [{}, {}, {}, {}, {}],
		// 地图服务
		mapServiceData: [{
				id: 1,
				name: '政务公开'
			},
			{
				id: 2,
				name: '政务服务'
			},
			{
				id: 3,
				name: '党群服务'
			},
			{
				id: 4,
				name: '核算检测'
			},
			{
				id: 5,
				name: '教育资源'
			},
			{
				id: 6,
				name: '医疗卫生'
			},
			{
				id: 7,
				name: '户籍管理'
			},
			{
				id: 8,
				name: '交通服务'
			},
		],
		// 媒体矩阵导航
		mediaCurrentTab: 0,
		// 媒体矩阵导航列表
		provList: [{
				"name": "南岸发布"
			},
			{
				"name": "微信公众号"
			},
			{
				"name": "新浪微博矩阵"
			},
			{
				"name": "今日头条"
			},
			{
				"name": "民政服务"
			},
			{
				"name": "消息服务"
			},
			{
				"name": "今日说法"
			},
			{
				"name": "新媒体"
			},
		],
		// 媒体矩阵内容选项
		mediaSelectList: [{
				id: '1',
				name: "重庆市南岸区人民政府",
				img: imgUrl + 'index-media-icon1.png'
			},
			{
				id: '2',
				name: "南岸文旅",
				img: imgUrl + 'index-media-icon2.png'
			},
			{
				id: '3',
				name: "南岸发布",
				img: imgUrl + 'index-media-icon3.png'
			},
			{
				id: '4',
				name: "南岸国资",
				img: imgUrl + 'index-media-icon4.png'
			},
			{
				id: '5',
				name: "重庆南岸消防",
				img: imgUrl + 'index-media-icon5.png'
			},
			{
				id: '6',
				name: "南岸生态环境",
				img: imgUrl + 'index-media-icon6.png'
			},
			{
				id: '7',
				name: "南岸健康卫士",
				img: imgUrl + 'index-media-icon7.png'
			},
			{
				id: '8',
				name: "南岸公安",
				img: imgUrl + 'index-media-icon8.png'
			},
			{
				id: '9',
				name: "遇见南坪",
				img: imgUrl + 'index-media-icon9.png'
			},
			{
				id: '10',
				name: "书香南岸",
				img: imgUrl + 'index-media-icon10.png'
			},
			{
				id: '11',
				name: "南岸卫生健康监督",
				img: imgUrl + 'index-media-icon11.png'
			},
			{
				id: '12',
				name: "南岸司法",
				img: imgUrl + 'index-media-icon12.png'
			},
			{
				id: '13',
				name: "广阳岛绿色发展公司",
				img: imgUrl + 'index-media-icon13.png'
			},
			{
				id: '14',
				name: "南岸人力社保",
				img: imgUrl + 'index-media-icon14.png'
			},
			{
				id: '15',
				name: "广阳湾智创生态城",
				img: imgUrl + 'index-media-icon15.png'
			},
			{
				id: '16',
				name: "南岸智慧城管",
				img: imgUrl + 'index-media-icon16.png'
			}
		]
	},
	onReady() {},
	onShow() {
		if (typeof this.getTabBar === 'function' && this.getTabBar()) {
			this.getTabBar().setData({
				selected: 0
			})
		}
		this.setData({
				naItem: 0
			}),
			this.setData({
				naItemTab: 1
			})
	},
	toDataCenter() {
		wx.navigateTo({
			url: '/pages/dataCenter/dataCenter',
		})
	},
	onHide() {
		if (typeof this.getTabBar === 'function' && this.getTabBar()) {
			this.getTabBar().setData({
				selected: -1
			})
		}
	},
	onLoad() {
		// 加载字体
		wx.loadFontFace({
			family: 'DOUYU',
			source: 'url("https://hui.yrslm.com:8089/douyu.ttf")',
			success: function (e) {
				console.log(e, '动态加载字体成功')
			},
			fail: function (e) {
				console.log(e, '动态加载字体失败')
			},
		})
		// 获取好差评图表
		this.barComponent3 = this.selectComponent('#streetlinechart3');
		this.init_bar3();
		// 获取本年办件数
		this.getOfficeNumberByAreaInfo();
		this.setData({
			navHeight: app.globalData.navHeight + app.globalData.menuHeight / 2
		})
		// wx.login({
		//   success(res) {
		//     if (res.code) {
		//       //发起网络请求
		//       login(res.code).then(res => {
		//         console.log(res)
		//         wx.setStorageSync("token", res.data.data)
		//       })
		//     } else {
		//       console.log('登录失败！' + res.errMsg)
		//     }
		//   }
		// })
	},

	// canvas转图片
	canvasToTempImage() {
		wx.canvasToTempFilePath({
			canvas: this.barComponent3.canvasNode,
			success: (res) => {
				this.setData({
					canvasImg: res.tempFilePath
				});
			}
		}, this);
	},

	// 加载评价图表
	init_bar3() {
		let that = this;
		this.barComponent3.init((canvas, width, height, dpr) => {
			// 初始化图表
			const barChart = echarts.init(canvas, null, {
				width: width,
				height: height,
				devicePixelRatio: dpr
			});
			barChart.setOption(this.getScaOption2());
			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
						}]
					})
				}
			})
			barChart.on("finished", function () {
				that.canvasToTempImage();
			});
			// 注意这里一定要返回 chart 实例，否则会影响事件处理等
			return barChart;
		});
	},
	getScaOption2() {
		//请求数据 
		let xAxis = {
				type: 'value',
				interval: 500000
			},
			yAxis = {
				type: 'category',
				data: [
					'非常不满意', '不满意', '基本满意', '满意', '非常满意'
				]
			},
			grid = {
				left: '20%',
				top: '10%',
				bottom: '10%',
				right: '20%'
			},
			series = [{
				data: [],
				type: 'bar',
				barWidth: 14,
				itemStyle: {
					color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
							offset: 0,
							color: '#3977E6'
						},
						{
							offset: 1,
							color: '#37BBF8'
						}
					]),
					// emphasis: {
					//   barBorderRadius: 7
					// },
					// normal: {
					//   barBorderRadius: 7
					// }
				},
				label: {
					show: true,
					position: 'right',
					valueAnimation: true
				}
			}]
		return {
			backgroundColor: '#FFFFFF',
			xAxis: xAxis,
			yAxis: yAxis,
			grid: grid,
			series: series,
			animationDelay: function (idx) {
				return idx * 50;
			},
			animationEasing: 'elasticOut'
		};
	},
	// 获取本年办件数
	getOfficeNumberByAreaInfo() {
		request({
			url: '/department/getOfficeNumberByAreaInfo?area=1&timeType=3',
			method: 'GET'
		}).then(res => {
			let temp = [];
			temp.push(res.data.acceptNumber);
			temp.push(res.data.serialNumber);
			temp.push(res.data.applicationNumberNetwork);
			this.setData({
				officeNumber: temp
			})
		})
	},
	// 搜索框
	bindKeyInput: function (e) {
		this.setData({
			searchInput: e.detail.value
		})
	},

	// 南岸咨询tab
	naChangeItem: function (e) {
		this.setData({
			naItem: e.currentTarget.dataset.item
		})
		if (this.data.naItem == 0) {
			this.setData({
				naItemTabList: [{
						id: 1,
						name: '政策.咨询'
					},
					{
						id: 2,
						name: '党建.服务'
					},
					{
						id: 3,
						name: '抗疫.复工'
					},
					{
						id: 4,
						name: '功能.服务'
					}
				]
			})
		} else {
			this.setData({
				naItemTabList: [{
						id: 1,
						name: '天气.咨询'
					},
					{
						id: 2,
						name: '外出.服务'
					},
					{
						id: 3,
						name: '打工.复工'
					},
					{
						id: 4,
						name: '娱乐.服务'
					}
				]
			})
		}
	},
	naChangeTab: function (e) {
		this.setData({
			naTab: e.detail.current
		})
		if (this.data.naTab == 0) {
			this.setData({
				naItemTabList: [{
						id: 1,
						name: '政策.咨询'
					},
					{
						id: 2,
						name: '党建.服务'
					},
					{
						id: 3,
						name: '抗疫.复工'
					},
					{
						id: 4,
						name: '功能.服务'
					}
				]
			})
		} else {
			this.setData({
				naItemTabList: [{
						id: 1,
						name: '天气.咨询'
					},
					{
						id: 2,
						name: '外出.服务'
					},
					{
						id: 3,
						name: '打工.复工'
					},
					{
						id: 4,
						name: '娱乐.服务'
					}
				]
			})
		}
		// 重置咨询title-tab
		this.setData({
			naItemTab: 1
		})
	},

	// 南岸咨询子集菜单点击
	clickNaTilteTab: function (e) {
		this.setData({
			naItemTab: e.currentTarget.dataset.item.id
		})
		const ran = Math.random() * 100 + 41
		this.setData({
			naContentList: [{
					id: 1,
					name: `${ran}2洪斌在全区疫情防控工作会议上强调，坚持不松懈的精神，努力工作，开展创先争优活动，激励人民发扬美好传统美德！`
				},
				{
					id: 2,
					name: `​${ran}坚持不松劲渝事好商量`
				},
				{
					id: 3,
					name: '2南岸实践工作全面启动'
				},
				{
					id: 4,
					name: '2首条直达南滨路人防隧道开建'
				},
				{
					id: 5,
					name: '2全市首个！南岸区便民数字地图上线啦~'
				}
			]
		})
	},

	// 南岸咨询内容点击
	clickNaContent: function (e) {
		console.log(e)
	},

	// 南岸咨询更多
	naMore: function (e) {
		wx.navigateTo({
			url: '/pages/aticleList/aticleList',
		})
	},

	// 政民互动
	communicateChangeItem: function (e) {
		this.setData({
			communicateItem: e.currentTarget.dataset.item
		})
	},

	communicateChangeTab: function (e) {
		this.setData({
			communicateTab: e.detail.current
		})
	},
	toList: function () {
		wx.navigateTo({
			url: '/pages/programList/programList',
		})
	},
	toLeaveMessage: function () {
		wx.navigateTo({
			url: '/pages/leaveMessage/leaveMessage',
		})
	},

	// 媒体矩阵
	swichNav: function (e) {
		var that = this;
		if (this.data.mediaCurrentTab === e.target.dataset.current) {
			return false;
		} else {
			that.setData({
				mediaCurrentTab: e.target.dataset.current,
				navScrollLeft: e.target.dataset.current >= 2 ? ((e.target.dataset.current - 1) * 215) : 0
			})
		}
	},
	mediaBindChange: function (e) {
		var that = this;
		that.setData({
			mediaCurrentTab: e.detail.current,
			navScrollLeft: e.detail.current >= 2 ? ((e.detail.current - 1) * 215) : 0
		});
	},

	getUserProfile() {
		wx.setStorageSync('nickname', "");
		wx.setStorageSync('avatarUrl', "");
		wx.getUserProfile({
			desc: '获取用户信息',
			success: (res) => {
				wx.setStorageSync('nickname', res.userInfo.nickName);
				wx.setStorageSync('avatarUrl', res.userInfo.avatarUrl);
				wx.login({
					success(res) {
						if (res.code) {
							//发起网络请求
							data = {
								code: res.code
							}
							login(data).then(res => {
								console.log(res)
								wx.setStorageSync("token", res.data.data)
							})
						} else {
							console.log('登录失败！' + res.errMsg)
						}
					}
				})
			},
			fail(res) {
				console.log("获取用户信息失败", res)
			}
		})
	},
	//印象南岸进入
	toYxna() {
		wx.navigateTo({
			url: "/pages/yxnaJfq/yxnaJfq",
		})
	},
	toJfq: function () {
		wx.navigateTo({
			url: '/pages/yxnaJfq/yxnaJfq',
		})
	},
	toJfh: function () {
		wx.navigateTo({
			url: '/pages/yxnaJfh/yxnaJfh',
		})
	},
	toXsj: function () {
		wx.navigateTo({
			url: '/pages/yxna/yxna',
		})
	},
	toQxn: function () {
		wx.navigateTo({
			url: '/pages/yxnaQxn/yxnaQxn',
		})
	},
	gotoSjzx() {
		wx.navigateTo({
			url: '/pages/dataCenter/dataCenter',
		})
	},
	gotoZWTJ() {
		wx.navigateTo({
			url: '/pages/dataCenterZWTJ/dataCenterZWTJ',
		})
	},
	gotoNewsPaper(){
		wx.navigateTo({
			url: '/pages/newsPaper/newsPaper',
		})
	},
	gotoZlwd(){
		wx.navigateTo({
		  url: '/pages/web/web?url='+"https://www.cqna.gov.cn/ghwd/znwd/mobile/index.html",
		})	
	}

})