xiaoyou-h5/pages/mine/honour_edit.vue

<template>
	<view class="real-name">
		<u-form :model="form" ref="uForm" label-width='200'>
			<u-form-item label="学术任职">
				<u-input v-model="form.academic_post" placeholder="请填写学术任职" />
			</u-form-item>
			<u-form-item label="学术成果">
				
			</u-form-item>
			<u-form-item>
				<u-input v-model="form.academic_results" :type="type" :border="border" :height="height"
					:auto-height="autoHeight" placeholder="请输入学术成果"/>
			</u-form-item>
			<u-form-item label="个人研究方向">
				
			</u-form-item>
			<u-form-item>
				<u-input v-model="form.study" :type="type" :border="border" :height="height"
					:auto-height="autoHeight" placeholder="请输入个人研究方向"/>
			</u-form-item>
			<u-form-item label="所获荣誉">
				
			</u-form-item>
			<u-form-item>
				<u-input v-model="form.honor" :type="type" :border="border" :height="height"
					:auto-height="autoHeight" placeholder="请输入所获荣誉"/>
			</u-form-item>
			

		</u-form>
		<button class="buttom" @click="save()">保存</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				form: {},
				type: 'textarea',
				border: true,
				height: 200,
				autoHeight: true,
			}
		},
		onLoad(options) {
		
			if (options.type == 0) {
				this.getMe()
			}
		},
		onShow() {
			this.form = this.$store.state.vuex_user
		},
		methods: {
			
			save() {
				this.$u.post('/page/update-people-info', this.form).then(res => {
					console.log(res, 'pppp')
					uni.showToast({
						title: res.message,
						icon: 'none'
					})
					this.$u.vuex('vuex_user', this.form);
					setTimeout(function() {
						uni.navigateBack()
					}, 1000)
				})
			}

		}
	}
</script>

<style lang="scss" scoped>
	.upload_image {
		width: 90%;
		margin: 0 auto;
	}

	.complate,
	.complate1 {
		width: 50%;
		margin: 0 auto;
		margin-top: 20%;
		line-height: 44px;
		text-align: center;
		height: 44px;
		background: #79573D;
		opacity: 1;
		border-radius: 24px;
		font-size: 18px;
		font-family: PingFang SC;
		font-weight: 500;
		color: #FFFFFF;
		opacity: 1;
	}

	.complate1 {
		margin-top: 30px;
	}

	.real-name {
		padding: 0 16px;
		padding-bottom: 40px;

		.name_item {
			margin-top: 20px !important;
		}

		.item {
			display: flex;
			align-items: center;
			justify-content: space-between;
			height: 46px;
			line-height: 46px;
			// margin-top: 10px;

			.label {
				flex: 0 0 40%;
				font-size: 16px;
				font-family: PingFang SC;
				font-weight: bold;
				line-height: 20px;
				color: #282828;
				opacity: 1;
			}

			.right {
				// flex: 1;
				font-size: 13px;
				font-family: PingFang SC;
				font-weight: 400;
				line-height: 20px;
				color: #282828;
				opacity: 0.42;
				text-align: right;
				height: 20px;
				// overflow: hidden;
				display: flex;
				align-items: center;

				text {
					display: inline-block;
					// width: 200px;
					height: 20px;
					line-height: 20px;
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
				}

			}
		}

		.form {
			position: relative;

			.back {
				position: absolute;
				left: 10px;
				top: 0px;
				width: 30px;
				height: 44px;
				line-height: 44px;
				text-align: center;
				z-index: 9999;
				// background: #18B566;
			}

			.title {
				padding: 0 20px;
				height: 40px;
				line-height: 40px;
			}

			.input {
				margin: 0 20px;
				height: 40px;
				line-height: 40px;
				border-bottom: solid 1px rgba(175, 175, 175, .2);
			}

		}

		.item1 {
			.dec {
				font-size: 13px;
				font-family: PingFang SC;
				font-weight: 400;
				line-height: 20px;
				color: #AFAFAF;
				opacity: 1;
				padding-bottom: 10px;
				border-bottom: solid 1px rgba(175, 175, 175, .2);
			}
		}

		.buttom {
			width: 229px;
			height: 56px;
			line-height: 56px;
			background: #79573D;
			text-align: center;
			border-radius: 28px;
			margin: 0 auto;
			margin-top: 50px;
			font-size: 18px;
			font-family: PingFang SC;
			font-weight: bold;
			color: #fff;
			opacity: 1;
		}

	}
</style>