jp-charge/pages/job/newsIndex/newsInvitationPhone/newsInvitationPhone.vue

<template>
	<view>
		<u-navbar title="沟通邀请通知" ></u-navbar>
		<view class="company-logo">
			<u-avatar :src="src" size="100" mode="square"></u-avatar>
			<h3>湖北荆鹏软件集团有限公司</h3>
		</view>
		<view class="servicesInfo">
			<view class="title">
				<h2>沟通邀请通知</h2>
			</view>
			<view class="main">
				<p>邹杰 您好：</p>
				<p>我是荆鹏集团（以下简称“公司”）的人力资源主管凡佳佳，我们近期关注到您的简历，希望与您进行一次电话沟通，以了解更多关于您的履历信息。</p>
				<p>我们拟在2021年7月20日 15:30-16:30时段通过电话0716-8121234与您进行沟通。</p>
				<p>如您该时间段有空，请点击下方同意按钮，且注意保持通讯畅通；如该时段繁忙，请点击拒绝按钮。我们将择日再向您发送沟通邀请通知。</p>
				<p>湖北荆鹏软件集团有限公司</p>
				<p>地址：荆州市沙市区江津东路附155号荆鹏软件园</p>
				<p>电话：0716-8111111</p>
				<p>我已经阅读、理解并且接受以上条款。</p>
				<p>日期：2021年6月30日</p>
				<p>人力资源部</p>
			</view>
		</view>
		<view class="servicesInfo-foot">
			<u-button class="servicesInfo-btn" shape="circle">拒绝</u-button>
			<u-button class="servicesInfo-btn" type="success" shape="circle">同意</u-button>
		</view>
	</view>
</template>

<script>
	import api from './index.js'
	export default api;
</script>

<style scoped lang="scss">
	.company-logo{
		display: flex;
		align-items: center;
		padding: 30rpx;
		h3{
			font-size: 36rpx;
			margin-left: 20rpx;
			font-weight: normal;
		}
	}
	.servicesInfo{
		padding: 30rpx;
		.title{
			text-align: center;
		}
		.main{
			line-height:48rpx;
			margin-top:40rpx;
		}
	}
	.servicesInfo-foot{
		height: 120rpx;
		background-color: #fff;
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: fixed;
		padding: 0 10rpx;
		bottom: 0;
		left: 0;
		right: 0;
		.servicesInfo-btn{
			flex: 0.5;
			margin: 0 10rpx;
		}
	}
	.newsList-time{
		display: flex;
		justify-content: center;
		margin-top: 40rpx;
		span{
			background-color: #c8c8c8;	
			padding: 6rpx 16rpx;
			color:#fff;
			border-radius:10rpx;
		}
	}
	.newsList-item{
		padding: 20rpx;
		margin: 20rpx;
		background-color: #fff;
		border-radius: 20rpx;
		.newsList-head{
			display: flex;
			justify-content: space-between;
			padding-bottom: 20rpx;
			span{
				color:#FF6D58;
				min-width: 80rpx;
				text-align: right;
			}
		}
		.newsList-main{
			padding-bottom: 20rpx ;
			color:#999;
		}
		.newsList-foot{
			padding-top: 20rpx;
			border-top: 1px solid #f7f7f7;
			display: flex;
			justify-content: space-between;
		}
	}
</style>