hire-wx-houxuanren/pagesD/resume.vue

<template>
	<view>
		<view class="resumepage">
			<view class="u-flex u-row-between">
				<view class="">
					<view class="u-flex">
						<text>{{from.name}}</text>
						<u-icon @click="onchange" name="edit-pen-fill" color="#777" size="22"></u-icon>
					</view>
					<view class="" style="margin-top: 20rpx;">
						<text style="margin-right: 12rpx;">五年工作经验</text>|
						<text style="margin-left: 12rpx;margin-right: 12rpx;">{{from.birthday_text}}岁</text>|
						<text style="margin-left: 12rpx;">{{job_intention.province}}</text>
					</view>
				</view>
				<image style="width: 136rpx;height: 136rpx;border-radius:50%;" src="" mode=""></image>
			</view>
			<view class="" style="margin-top: 30rpx;">
				<view class="u-flex u-row-between" >
					<text class="title">个人优势</text>
					<u-icon name="edit-pen-fill" color="#777" size="22"></u-icon>
				</view>
				<view class="mar">
					<input type="text" placeholder="编辑优势亮点，展示我的独特态度" v-model="from.personal_advantage">
				</view>
			</view>
			<view class="" style="border-top:2rpx solid #F0F0F0;margin-top: 32rpx;">
				<view class="u-flex " >
					<text class="title">求职状态</text>
				</view>
				<view class="u-flex u-row-between" style="margin-top: 20rpx;">  
					<input type="text" placeholder="请选择你的求职状态">
					<u-icon name="arrow-right" size="12"></u-icon>
				</view>
			</view>
			<view class="" style="border-top:2rpx solid #F0F0F0;margin-top: 32rpx;">
				<view class="u-flex">
					<text class="title">求职意向</text>
				</view>
				<view class="u-flex u-row-between" style="margin-top: 40rpx;margin-bottom: 20rpx;">
					<input type="text" placeholder="请选择你的求职意向">
					<u-icon name="arrow-right" size="12"></u-icon>
				</view>
				<text style="margin-top: 20rpx;font-size: 28rpx;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #777777;">北京·行业不限</text>
			</view>
			<view class="" style="border-top:2rpx solid #F0F0F0;margin-top: 32rpx;">
				<view class="u-flex u-row-between">
					<text class="title">工作经历</text>
					<u-icon name="plus-circle" size="20"></u-icon>
				</view>
				<view class="">
					<view class="u-flex u-row-between" style="margin-top:40rpx ;">
						<text>北京字节跳动科技有限公司</text>
						<view class="u-flex">
							<text>2018.03-2021.02</text>
							<u-icon name="arrow-right" size="12"></u-icon>
						</view>
					</view>
					<view class="" style="margin-top: 20rpx;font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #333333;">
						<text>UX交互设计师｜</text>
						<text>数据研发</text>
					</view>
					<view class="concent" >
						1、负责软件界面的美术设计、创意工作和制
						1、负责软件界面的美术设计、创意工作和制
					</view>
				</view>
				<view class=""></view>
			</view>
			<view class="" style="margin-top: 40rpx;border-top: 2rpx solid #F0F0F0;">
				<view class="u-flex u-row-between">
					<text class="title">项目经历</text>
					<u-icon name="plus-circle" size="20"></u-icon>
				</view>
				<view class="" style="margin-top: 40rpx;">
					<view class="u-flex u-row-between" >
						<text style="flex: 1;">北京字节跳动科技有限公司</text>
						<view class="u-flex" style="flex: 1;">
							<text>2018.03-2021.02</text>
							<u-icon name="arrow-right" size="12"></u-icon>
						</view>
					</view>
					<view class="mar">
						<text>UX交互设计师｜</text>
						<text>数据研发</text>
					</view>
					<view class="concent">
						1、负责软件界面的美术设计、创意工作和制
						1、负责软件界面的美术设计、创意工作和制
					</view>
				</view>
				<view class=""></view>
			</view>
			<view class="" style="margin-top: 40rpx;border-top: 2rpx solid #F0F0F0;">
				<view class="u-flex u-row-between">
					<text class="title">教育经历</text>
					<u-icon name="plus-circle" size="20"></u-icon>
				</view>
				<view class="" style="margin-top: 40rpx;">
					<view class="u-flex u-row-between">
						<text>山东大学</text>
						<view class="u-flex">
							<text>2018.03-2021.02</text>
							<u-icon name="arrow-right" size="12"></u-icon>
						</view>
					</view>
					<view class="">
						<text>硕士·计算机科学与应用</text>
					</view>
				</view>
			</view>
			<view class="" style="margin-top: 40rpx;border-top: 2rpx solid #F0F0F0;">
				<view class="u-flex u-row-between">
					<text class="title">语言能力</text>
					<u-icon name="plus-circle" size="20"></u-icon>
				</view>
				<view class="mar">
					<view class="u-flex u-row-between">
						<text>英语</text>
						<view class="u-flex">
							<text>专业四级</text>
							<u-icon name="arrow-right" size="12"></u-icon>
						</view>
					</view>
				</view>
			</view>
			<view class="" style="margin-top: 40rpx;border-top: 2rpx solid #F0F0F0;">
				<view class="u-flex u-row-between">
					<text class="title">专业技能与证书</text>
					<u-icon name="plus-circle" size="20"></u-icon>
				</view>
				<view class="mar">
					<view class="item">Axure</view>
				</view>
			</view>
			<view class="" style="margin-top: 40rpx;border-top: 2rpx solid #F0F0F0;margin-bottom:118rpx ;">
				<view class="u-flex u-row-between">
					<text class="title">附加信息</text>
					<u-icon name="plus-circle" size="20"></u-icon>
				</view>
				<view class="mar">
					<input type="text">
				</view>
			</view>
			<view class="" style="height: 118rpx;"></view>

		</view>
		<view class="back u-flex" style="margin-top: 118rpx;">
			<view class="left">
				简历导入
			</view>
			<view class="right">
				<text style="opacity: 1;color: #0C66C2;">预览</text>
			</view>
		</view>
	</view>
</template>

<script setup>
	import{resumeDetail} from "@/units/inquire.js"
	export default {
		data() {
			return {
				from:{
					name:"",
					birthday_text:"",
					personal_advantage:"",//个人优势
					additional_info:"",//附加信息
				},
				job_intention:{
					province:"",
				}
			}
		},
		onLoad(){
			this.resumeDetail()
		},
		methods: {
			resumeDetail(){
				resumeDetail().then(res=>{
					this.from.name = res.data.name,
					this.from.birthday_text=res.data.birthday_text,
					this.job_intention.province=res.data.job_intention[0].province
				})
			},
			onchange(){
				uni.navigateTo({
					url:"/pagesD/personal-infor"
				})
			}
		}
	}
</script>


<style lang="scss">
	.concent{
		font-size: 28rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #555555;
		margin-top: 20rpx;
	}
	.mar {
		margin-top: 20rpx;
	}

	.title {
		font-size: 32rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #222222;
		margin-top: 34rpx;
	}

	.item {
		height: 48rpx;
		background: #F4F4F4;
		border-radius: 6rpx;
		padding: 14rpx;
		box-sizing: border-box;
	}

	.resumepage {
		padding: 0 32rpx;
		background-color: #fff;
	}

	.back {
		padding: 16rpx 32rpx;
		background: #FFFFFF;
		height: 118rpx;
		box-sizing: border-box;
		position: fixed;
		bottom: 0;
		left: 0;

		.left {
			width: 356rpx;
			background: #0C66C2;
			border-radius: 12rpx;
			font-size: 32rpx;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: #FFFFFF;
			height: 88rpx;
			line-height: 88rpx;
			margin-right: 24rpx;
			text-align: center;
		}

		.right {
			width: 304rpx;
			// opacity: 0.1;
			// background: #0C66C2;
			border-radius: 12rpx;
			font-size: 32rpx;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: #0C66C2;
			height: 88rpx;
			line-height: 88rpx;
			text-align: center;
			background-color: rgba(12, 102, 194, 0.1);
		}
	}
</style>