From 543e341b45d2ef0537794215da993ec2882529a2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A6=86=E9=92=B1=E8=90=BD=E5=B0=BD=E6=A7=BF=E8=8A=B1?=
 =?UTF-8?q?=E7=A8=80?= <2675540038@qq.com>
Date: Fri, 28 Mar 2025 17:22:00 +0800
Subject: [PATCH] 9

---
 pages.json                   |  23 +-
 pages/index/hospital.vue     | 387 ++++++++++++++++++++++++++
 pages/index/hospital_nei.vue | 510 +++++++++++++++++++++++++++++++++++
 pages/index/user_license.vue | 141 ++++++++++
 util/api.js                  |   6 +-
 5 files changed, 1065 insertions(+), 2 deletions(-)
 create mode 100644 pages/index/hospital.vue
 create mode 100644 pages/index/hospital_nei.vue
 create mode 100644 pages/index/user_license.vue

diff --git a/pages.json b/pages.json
index f71795b..aa5951c 100644
--- a/pages.json
+++ b/pages.json
@@ -24,11 +24,32 @@
 			{
 				"navigationBarTitleText" : "个人中心"
 			}
+		},
+		{
+			"path" : "pages/index/hospital",
+			"style" : 
+			{
+				"navigationBarTitleText" : "医德征求意见（院外）"
+			}
+		},
+		{
+			"path" : "pages/index/hospital_nei",
+			"style" : 
+			{
+				"navigationBarTitleText" : "医德征求意见（院内）"
+			}
+		},
+		{
+			"path" : "pages/index/user_license",
+			"style" : 
+			{
+				"navigationBarTitleText" : "清廉执照"
+			}
 		}
 	],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
-		"navigationBarTitleText": "医风医德举报受理",
+		"navigationBarTitleText": "医风医德考评系统",
 		"navigationBarBackgroundColor": "#F8F8F8",
 		"backgroundColor": "#F8F8F8",
 		"app-plus": {
diff --git a/pages/index/hospital.vue b/pages/index/hospital.vue
new file mode 100644
index 0000000..28b8483
--- /dev/null
+++ b/pages/index/hospital.vue
@@ -0,0 +1,387 @@
+<template>
+	<view class="ProblemFeedback">
+		<!-- 科室选择 -->
+		<view class="report">
+			<view class="feedback_name">请选择科室</view>
+			<view class="feedback_name copy" style="padding: 0;">
+				<view class="uni-textarea" style="width:100%">
+					<uni-section style="width:100%;padding: 0;" title="">
+						<uni-data-picker placeholder="请选择科室" :localdata="group_list" @change="onchange">
+						</uni-data-picker>
+					</uni-section>
+				</view>
+			</view>
+		</view>
+		<!-- 是否匿名 -->
+		<view class="report">
+			<view class="feedback_name">姓名</view>
+			<view class="uni-textarea">
+				<uni-section style="width:100%;padding: 0;" title="">
+					<uni-easyinput class="input" trim="all" v-model="feedback.nickname" placeholder="请输入姓名"
+						style="width: 100%;"></uni-easyinput>
+				</uni-section>
+			</view>
+		</view>
+		<view class="report">
+			<view class="feedback_name">联系方式</view>
+			<view class="uni-textarea">
+				<uni-section style="width:100%;padding: 0;" title="">
+					<uni-easyinput class="input" trim="all" v-model="feedback.phone" placeholder="请输入联系方式"
+						style="width: 100%;"></uni-easyinput>
+				</uni-section>
+			</view>
+		</view>
+		<!-- 举报类型 -->
+		<view class="report">
+			<view class="feedback_name copy">
+				<text>详情描述</text>
+				<text>{{ feedback.content.length }}/200</text>
+			</view>
+			<view class="uni-textarea">
+				<textarea maxlength="200" style="color: #666;" v-model="feedback.content" class="activeTextCopy"
+					placeholder="提供更多信息有助于投诉建议被快速处理~" />
+			</view>
+		</view>
+		<!-- 图片上传 -->
+		<view class="btn_bottom">
+			<button @click="submitDo" class="cu-btn bnt1">提交反馈</button>
+		</view>
+	</view>
+</template>
+
+<script>
+import {
+	getUserGroupList,
+	Politicsh5Add
+} from '@/util/api.js';
+import store from '@/store/index.js'
+export default {
+	data() {
+		return {
+			feedback: {
+				group_id: "",
+				content: "",
+				nickname: '',
+				phone: '',
+				user_id: 0,
+				politics_type: 1,
+			},
+			group_list: [],
+		}
+	},
+	onLoad() {
+		// var user = uni.getStorageSync('userInfo');
+		// if (!user) {
+		// 	uni.reLaunch({
+		// 		url: "/pages/index/index"
+		// 	})
+		// }
+		this.getGroupList()
+	},
+	methods: {
+		getGroupList() {
+			getUserGroupList()
+				.then(res => {
+					console.log(res);
+					var list = this.transformGroupData(res.data);
+					this.group_list = list
+				})
+				.catch(error => {
+					uni.showToast({
+						title: error,
+						icon: 'none',
+						duration: 2000
+					});
+				})
+		},
+		transformGroupData(data) {
+			if (!data || !Array.isArray(data)) return [];
+
+			return data.map(item => {
+				const newItem = {
+					value: item.id,
+					text: item.name
+				};
+				// 递归处理children
+				if (item.children && Array.isArray(item.children)) {
+					newItem.children = this.transformGroupData(item.children);
+				}
+				return newItem;
+			});
+		},
+		// 选择科室
+		onchange(e) {
+			console.log(e.detail.value[1].value);
+			this.feedback.group_id = e.detail.value[1].value;
+		},
+		submitDo() {
+			console.log(this.feedback);
+			if (this.feedback.group_id == '') {
+				uni.showToast({
+					title: '科室不能为空！',
+					icon: 'none',
+					duration: 2000
+				});
+				return;
+			}
+			if (this.feedback.content == '') {
+				uni.showToast({
+					title: '详情描述不能为空！',
+					icon: 'none',
+					duration: 2000
+				});
+				return;
+			}
+			if (this.feedback.nickname == '') {
+				uni.showToast({
+					title: '姓名不能为空！',
+					icon: 'none',
+					duration: 2000
+				});
+				return;
+			}
+			if (this.feedback.phone == '') {
+				uni.showToast({
+					title: '手机号不能为空！',
+					icon: 'none',
+					duration: 2000
+				});
+				return;
+			}
+			this.feedback.user_id = 0;
+			console.log(this.feedback);
+			Politicsh5Add(this.feedback)
+				.then(res => {
+					if (res.code == 1) {
+						uni.showToast({
+							title: '提交成功！',
+							icon: 'none',
+							duration: 2000
+						});
+						this.feedback = {
+							group_id: "",
+							content: "",
+							nickname: '',
+							phone: '',
+							user_id: 0,
+							politics_type: 1,
+						}
+					} else {
+						uni.showToast({
+							title: res.msg,
+							icon: 'none',
+							duration: 2000
+						});
+					}
+					console.log(res);
+				})
+				.catch(error => {
+					uni.showToast({
+						title: error,
+						icon: 'none',
+						duration: 2000
+					});
+				})
+		},
+	}
+}
+</script>
+
+
+<style lang="scss" scoped>
+.uni-textarea-placeholder {
+	color: #ccc;
+}
+
+/deep/.uni-section-header {
+	padding: 0 !important;
+}
+
+.report {
+	padding: 0 32rpx;
+}
+
+/* ... 其他现有样式 ... */
+
+/* 添加TabBar样式 */
+.custom-tabbar {
+	position: fixed;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	height: 100rpx;
+	background-color: #ffffff;
+	display: flex;
+	box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.05);
+	z-index: 999;
+}
+
+.tabbar-item {
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+	padding: 10rpx 0;
+}
+
+.tabbar-icon {
+	height: 50rpx;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+.tabbar-text {
+	font-size: 24rpx;
+	margin-top: 6rpx;
+}
+
+.tabbar-item.active .tabbar-text {
+	color: #4d5eff;
+}
+
+/* 为底部TabBar预留空间 */
+.btn_bottom {
+	margin-bottom: 120rpx;
+}
+
+.evidence {
+	margin-bottom: 20rpx;
+}
+
+.ProblemFeedback {
+	background: #fafbfb;
+	height: 94vh;
+
+	.picture_list {
+		display: flex;
+		flex-wrap: wrap;
+
+		view {
+			width: 158rpx;
+			margin-right: 14rpx;
+			height: 158rpx;
+			position: relative;
+
+			image,
+			.view {
+				width: 158rpx;
+				height: 158rpx;
+				border-radius: 12rpx;
+			}
+
+			.delete_img {
+				background-color: red;
+				color: #fff;
+				position: absolute;
+				right: 10rpx;
+				z-index: 10;
+				top: 10rpx;
+				text-align: center;
+				line-height: 36rpx;
+				width: 32rpx;
+				height: 32rpx;
+				border-radius: 4rpx;
+			}
+		}
+	}
+
+	.btn_bottom {
+		height: 160rpx;
+		padding: 12rpx 32rpx;
+		background-color: #fafbfb;
+		margin-top: 100rpx;
+
+		.bnt1 {
+			width: 100%;
+			color: #fff;
+			background: #4d5eff;
+			height: 88rpx;
+			line-height: 88rpx;
+
+		}
+	}
+
+	.Upload_module {
+		margin: 0 34rpx;
+		margin-top: 40rpx;
+
+		.uploadImg {
+			width: 160rpx;
+			height: 160rpx;
+			border: 2rpx solid #dfdfdf;
+			border-radius: 12rpx;
+			background: #fff;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+
+
+			.image {
+				image {
+					width: 70rpx;
+					height: 70rpx;
+				}
+
+			}
+		}
+
+		.Tips {
+			font-size: 24rpx;
+			margin-top: 20rpx;
+			color: #999999;
+		}
+
+		.layout {
+			display: flex;
+			align-items: center;
+		}
+	}
+
+	.feedback_name {
+		font-size: 30rpx;
+		color: #333;
+		padding: 36rpx 0 0 0;
+	}
+
+	.copy {
+		display: flex;
+		justify-content: space-between;
+		margin-top: 20rpx;
+
+		&>text:nth-child(2) {
+			color: #b0b0b0;
+			font-size: 26rpx;
+		}
+	}
+
+	.uni-textarea {
+		display: flex;
+		margin-top: 20rpx;
+		justify-content: center;
+
+		.uni-textarea-compute {
+			height: 100%;
+		}
+
+		.activeText {
+			border: 3rpx solid #4d5eff;
+		}
+
+		.activeTextCopy {
+			border: 3rpx solid #eee;
+		}
+
+		textarea {
+			padding: 24rpx;
+			font-size: 28rpx;
+			width: 710rpx !important;
+			height: 200rpx !important;
+			background: #fff;
+			border-radius: 10rpx;
+		}
+	}
+
+}
+</style>
\ No newline at end of file
diff --git a/pages/index/hospital_nei.vue b/pages/index/hospital_nei.vue
new file mode 100644
index 0000000..cc7ac57
--- /dev/null
+++ b/pages/index/hospital_nei.vue
@@ -0,0 +1,510 @@
+<template>
+	<view class="ProblemFeedback">
+		<!-- 科室选择 -->
+		<view class="report">
+			<view class="feedback_name">请选择科室</view>
+			<view class="feedback_name copy" style="padding: 0;">
+				<view class="uni-textarea" style="width:100%">
+					<uni-section style="width:100%;padding: 0;" title="">
+						<uni-data-picker placeholder="请选择科室" :localdata="group_list" @change="onchange">
+						</uni-data-picker>
+					</uni-section>
+				</view>
+			</view>
+		</view>
+		<!-- 举报类型 -->
+		<view class="report">
+			<view class="feedback_name copy">
+				<text>详情描述</text>
+				<text>{{ feedback.content.length }}/200</text>
+			</view>
+			<view class="uni-textarea">
+				<textarea maxlength="200" style="color: #666;" v-model="feedback.content" class="activeTextCopy"
+					placeholder="提供更多信息有助于投诉建议被快速处理~" />
+			</view>
+		</view>
+		<!-- 图片上传 -->
+		<view class="btn_bottom">
+			<button @click="submitDo" class="cu-btn bnt1">提交反馈</button>
+		</view>
+
+		<!-- 登录弹窗 -->
+		<view class="login-modal" v-if="showLoginModal">
+			<view class="login-mask" @click="closeLoginModal"></view>
+			<view class="login-content">
+				<view class="login-title">请登录</view>
+				<view class="login-form">
+					<view class="form-item">
+						<uni-easyinput class="input" trim="all" v-model="login.username" placeholder="请输入账号"
+							style="width: 100%;"></uni-easyinput>
+					</view>
+					<view class="form-item">
+						<uni-easyinput class="input" type="password" trim="all" v-model="login.password"
+							placeholder="请输入密码" style="width: 100%;"></uni-easyinput>
+					</view>
+				</view>
+				<view class="login-btn-wrapper">
+					<button @click="handleLogin" class="cu-btn login-btn">登 录</button>
+				</view>
+				<view class="login-close" @click="closeLoginModal">
+					<text class="close-icon">×</text>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+import {
+	getUserGroupList,
+	Politicsh5Add,
+	userLogin
+} from '@/util/api.js';
+import store from '@/store/index.js'
+export default {
+	data() {
+		return {
+			feedback: {
+				group_id: "",
+				content: "",
+				user_id: 0,
+				politics_type: 2,
+			},
+			group_list: [],
+			showLoginModal: false, // 控制登录弹窗显示
+			login: {
+				username: '',
+				password: ''
+			}
+		}
+	},
+	onLoad() {
+		var user = uni.getStorageSync('userInfo');
+		if (!user) {
+			this.showLoginModal = true; // 如果未登录，显示登录弹窗
+		}
+		this.getGroupList()
+	},
+	methods: {
+		// 关闭登录弹窗
+		closeLoginModal() {
+			this.showLoginModal = false;
+		},
+
+		// 处理登录
+		handleLogin() {
+			if (!this.login.username || !this.login.password) {
+				uni.showToast({
+					title: '用户名和密码不能为空',
+					icon: 'none'
+				});
+				return;
+			}
+			userLogin(this.login)
+				.then(res => {
+					console.log(res);
+					if (res.code == 0) {
+						uni.showToast({
+							title: '登陆失败！',
+							icon: 'none',
+							duration: 2000
+						});
+					} else {
+						uni.setStorageSync('userInfo', res.data);
+						uni.showToast({
+							title: '登陆成功！',
+							icon: 'none',
+							duration: 2000
+						});
+						this.closeLoginModal()
+					}
+				})
+				.catch(error => {
+					uni.showToast({
+						title: error,
+						icon: 'none',
+						duration: 2000
+					});
+				})
+		},
+		getGroupList() {
+			getUserGroupList()
+				.then(res => {
+					console.log(res);
+					var list = this.transformGroupData(res.data);
+					this.group_list = list
+				})
+				.catch(error => {
+					uni.showToast({
+						title: error,
+						icon: 'none',
+						duration: 2000
+					});
+				})
+		},
+		transformGroupData(data) {
+			if (!data || !Array.isArray(data)) return [];
+
+			return data.map(item => {
+				const newItem = {
+					value: item.id,
+					text: item.name
+				};
+				// 递归处理children
+				if (item.children && Array.isArray(item.children)) {
+					newItem.children = this.transformGroupData(item.children);
+				}
+				return newItem;
+			});
+		},
+		// 选择科室
+		onchange(e) {
+			console.log(e.detail.value[1].value);
+			this.feedback.group_id = e.detail.value[1].value;
+		},
+		submitDo() {
+			// 检查是否登录
+			var user = uni.getStorageSync('userInfo');
+			if (!user) {
+				this.showLoginModal = true;
+				return;
+			}
+
+			console.log(this.feedback);
+			if (this.feedback.group_id == '') {
+				uni.showToast({
+					title: '科室不能为空！',
+					icon: 'none',
+					duration: 2000
+				});
+				return;
+			}
+			if (this.feedback.content == '') {
+				uni.showToast({
+					title: '详情描述不能为空！',
+					icon: 'none',
+					duration: 2000
+				});
+				return;
+			}
+			this.feedback.user_id = user.user.id;
+			Politicsh5Add(this.feedback)
+				.then(res => {
+					if (res.code == 1) {
+						uni.showToast({
+							title: '提交成功！',
+							icon: 'none',
+							duration: 2000
+						});
+						this.feedback = {
+							group_id: "",
+							content: "",
+							user_id: 0,
+							politics_type: 2,
+						}
+					} else {
+						uni.showToast({
+							title: res.msg,
+							icon: 'none',
+							duration: 2000
+						});
+					}
+					console.log(res);
+				})
+				.catch(error => {
+					uni.showToast({
+						title: error,
+						icon: 'none',
+						duration: 2000
+					});
+				})
+		},
+	}
+}
+</script>
+
+
+<style lang="scss" scoped>
+.uni-textarea-placeholder {
+	color: #ccc;
+}
+
+/deep/.uni-section-header {
+	padding: 0 !important;
+}
+
+.report {
+	padding: 0 32rpx;
+}
+
+/* ... 其他现有样式 ... */
+
+/* 登录弹窗相关样式 */
+.login-modal {
+	position: fixed;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	z-index: 100;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+
+.login-mask {
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	background-color: rgba(0, 0, 0, 0.5);
+}
+
+.login-content {
+	position: relative;
+	width: 600rpx;
+	background-color: #fff;
+	border-radius: 20rpx;
+	padding: 60rpx 40rpx;
+	z-index: 10000;
+}
+
+.login-title {
+	font-size: 36rpx;
+	font-weight: bold;
+	text-align: center;
+	margin-bottom: 30rpx;
+}
+
+.login-form {
+	margin-bottom: 40rpx;
+}
+
+.form-item {
+	margin-bottom: 30rpx;
+}
+
+.input-field {
+	width: 100%;
+	height: 88rpx;
+	background-color: #f5f5f5;
+	border-radius: 10rpx;
+	padding: 0 20rpx;
+	font-size: 28rpx;
+}
+
+.login-btn-wrapper {
+	margin-top: 20rpx;
+}
+
+.login-btn {
+	width: 100%;
+	height: 88rpx;
+	line-height: 88rpx;
+	text-align: center;
+	background-color: #4d5eff;
+	color: #fff;
+	border-radius: 10rpx;
+	font-size: 30rpx;
+}
+
+.login-close {
+	position: absolute;
+	top: 20rpx;
+	right: 20rpx;
+	width: 60rpx;
+	height: 60rpx;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	cursor: pointer;
+}
+
+.close-icon {
+	font-size: 48rpx;
+	color: #999;
+}
+
+/* 添加TabBar样式 */
+.custom-tabbar {
+	position: fixed;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	height: 100rpx;
+	background-color: #ffffff;
+	display: flex;
+	box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.05);
+	z-index: 999;
+}
+
+.tabbar-item {
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+	padding: 10rpx 0;
+}
+
+.tabbar-icon {
+	height: 50rpx;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+.tabbar-text {
+	font-size: 24rpx;
+	margin-top: 6rpx;
+}
+
+.tabbar-item.active .tabbar-text {
+	color: #4d5eff;
+}
+
+/* 为底部TabBar预留空间 */
+.btn_bottom {
+	margin-bottom: 120rpx;
+}
+
+.evidence {
+	margin-bottom: 20rpx;
+}
+
+.ProblemFeedback {
+	background: #fafbfb;
+	height: 94vh;
+
+	.picture_list {
+		display: flex;
+		flex-wrap: wrap;
+
+		view {
+			width: 158rpx;
+			margin-right: 14rpx;
+			height: 158rpx;
+			position: relative;
+
+			image,
+			.view {
+				width: 158rpx;
+				height: 158rpx;
+				border-radius: 12rpx;
+			}
+
+			.delete_img {
+				background-color: red;
+				color: #fff;
+				position: absolute;
+				right: 10rpx;
+				z-index: 10;
+				top: 10rpx;
+				text-align: center;
+				line-height: 36rpx;
+				width: 32rpx;
+				height: 32rpx;
+				border-radius: 4rpx;
+			}
+		}
+	}
+
+	.btn_bottom {
+		height: 160rpx;
+		padding: 12rpx 32rpx;
+		background-color: #fafbfb;
+		margin-top: 100rpx;
+
+		.bnt1 {
+			width: 100%;
+			color: #fff;
+			background: #4d5eff;
+			height: 88rpx;
+			line-height: 88rpx;
+
+		}
+	}
+
+	.Upload_module {
+		margin: 0 34rpx;
+		margin-top: 40rpx;
+
+		.uploadImg {
+			width: 160rpx;
+			height: 160rpx;
+			border: 2rpx solid #dfdfdf;
+			border-radius: 12rpx;
+			background: #fff;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+
+
+			.image {
+				image {
+					width: 70rpx;
+					height: 70rpx;
+				}
+
+			}
+		}
+
+		.Tips {
+			font-size: 24rpx;
+			margin-top: 20rpx;
+			color: #999999;
+		}
+
+		.layout {
+			display: flex;
+			align-items: center;
+		}
+	}
+
+	.feedback_name {
+		font-size: 30rpx;
+		color: #333;
+		padding: 36rpx 0 0 0;
+	}
+
+	.copy {
+		display: flex;
+		justify-content: space-between;
+		margin-top: 20rpx;
+
+		&>text:nth-child(2) {
+			color: #b0b0b0;
+			font-size: 26rpx;
+		}
+	}
+
+	.uni-textarea {
+		display: flex;
+		margin-top: 20rpx;
+		justify-content: center;
+
+		.uni-textarea-compute {
+			height: 100%;
+		}
+
+		.activeText {
+			border: 3rpx solid #4d5eff;
+		}
+
+		.activeTextCopy {
+			border: 3rpx solid #eee;
+		}
+
+		textarea {
+			padding: 24rpx;
+			font-size: 28rpx;
+			width: 710rpx !important;
+			height: 200rpx !important;
+			background: #fff;
+			border-radius: 10rpx;
+		}
+	}
+
+}
+</style>
\ No newline at end of file
diff --git a/pages/index/user_license.vue b/pages/index/user_license.vue
new file mode 100644
index 0000000..cd20540
--- /dev/null
+++ b/pages/index/user_license.vue
@@ -0,0 +1,141 @@
+<template>
+	<view class="user-license">
+		<view class="info-item">
+			<image class="avatar" :src="userInfo.avatar || '/static/default-avatar.png'" mode="aspectFill"></image>
+		</view>
+
+		<view class="info-list">
+			<view class="info-item">
+				<text class="label">姓名：</text>
+				<text class="content">{{userInfo.nickname}}</text>
+			</view>
+			<view class="info-item">
+				<text class="label">手机号：</text>
+				<text class="content">{{userInfo.mobile}}</text>
+			</view>
+
+			<view class="info-item">
+				<text class="label">科室：</text>
+				<text class="content">{{userInfo.user_group_name}}</text>
+			</view>
+
+			<view class="info-item">
+				<text class="label">岗位名称：</text>
+				<text class="content">{{userInfo.position}}</text>
+			</view>
+
+			<view class="info-item">
+				<text class="label">资格证编码：</text>
+				<text class="content">{{userInfo.certificate_code}}</text>
+			</view>
+
+			<view class="info-item">
+				<text class="label">执业证编码：</text>
+				<text class="content">{{userInfo.license_code}}</text>
+			</view>
+
+			<view class="info-item license-image">
+				<text class="label">执业证图片：</text>
+				<image class="license-img" :src="userInfo.license_image" mode="aspectFit" @click="previewImage"></image>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import {
+		getUserInfo,
+	} from '@/util/api.js';
+	export default {
+		data() {
+			return {
+				userInfo: {},
+				id: 0,
+			}
+		},
+		onLoad(op) {
+			console.log(op);
+			this.id = op.id;
+			this.info();
+		},
+		methods: {
+			info() {
+				getUserInfo({
+						user_id: this.id
+					})
+					.then(res => {
+						console.log(res);
+						if (res.code == 0) {
+							uni.showToast({
+								title: res.msg,
+								icon: 'none',
+								duration: 2000
+							});
+						} else {
+							this.userInfo=res.data;
+						}
+					})
+					.catch(error => {
+						uni.showToast({
+							title: error,
+							icon: 'none',
+							duration: 2000
+						});
+					})
+			},
+			previewImage() {
+				// 图片预览功能
+				uni.previewImage({
+					urls: [this.userInfo.license_image]
+				})
+			}
+		}
+	}
+</script>
+
+<style>
+	.user-license {
+		padding: 20rpx;
+		background-color: #f5f5f5;
+	}
+
+	.info-item {
+		background-color: #ffffff;
+		padding: 20rpx;
+		margin-bottom: 20rpx;
+		border-radius: 10rpx;
+		display: flex;
+		align-items: center;
+	}
+
+	.avatar {
+		width: 150rpx;
+		height: 150rpx;
+		border-radius: 75rpx;
+		margin: 20rpx auto;
+		display: block;
+	}
+
+	.label {
+		color: #666;
+		width: 200rpx;
+		font-size: 28rpx;
+	}
+
+	.content {
+		color: #333;
+		flex: 1;
+		font-size: 28rpx;
+	}
+
+	.license-image {
+		flex-direction: column;
+		align-items: flex-start;
+	}
+
+	.license-img {
+		width: 100%;
+		height: 400rpx;
+		margin-top: 20rpx;
+	}
+</style>
\ No newline at end of file
diff --git a/util/api.js b/util/api.js
index 5d7dc94..c9d7318 100644
--- a/util/api.js
+++ b/util/api.js
@@ -4,4 +4,8 @@ export const getUserGroupList = data => request.post('/api/backend/User_group/ge
 export const PoliticsAdd = data => request.post('/api/mobile/Politics/add', data, false);
 
 
-export const PoliticsList = data => request.post('/api/mobile/Politics/index', data, false);
\ No newline at end of file
+export const PoliticsList = data => request.post('/api/mobile/Politics/index', data, false);
+
+export const Politicsh5Add = data => request.post('/api/backend/Solicitopinions/h5add', data, false);
+
+export const getUserInfo = data => request.post('/api/backend/user/getH5UserFind', data, false);
\ No newline at end of file