<template>
	<view>
		<u-navbar back-text="发布求职信息" back-icon-size="28" back-icon-color="#ffffff"
			:background="{backgroundColor: '#2795FD',}" :back-text-style="{color: '#ffffff'}"></u-navbar>
		<!-- 基本信息 -->
		<view class="information-group">
			<view class="headline">
				基本信息
			</view>
			<!-- 职位名称 -->
			<view class="item">
				<view class="title">
					<text>*</text>职位名称
				</view>
				<view class="input">
					<input type="text" placeholder="请填写职位名称">
				</view>
			</view>
			<!-- *薪资待遇 -->
			<view class="item">
				<view class="title">
					<text>*</text>薪资待遇
				</view>
				<view class="input">
					<input type="text" placeholder="请填写薪资待遇">
				</view>
				<view class="unit">
					计件
				</view>
				<view class="icon">
					<u-icon name="arrow-right" color="#999999"></u-icon>
				</view>

			</view>
			<!--结算形式 -->
			<view class="item">
				<view class="title">
					<text>*</text>结算形式
				</view>
				<view class="input">
					<input type="text" placeholder="请选择结算形式">
				</view>
				<view class="icon">
					<u-icon name="arrow-right" color="#999999"></u-icon>
				</view>
			</view>
			<!-- 行业 -->
			<view class="item">
				<view class="title">
					<text>*</text>行业
				</view>
				<view class="input">
					<input type="text" placeholder="请选择行业">
				</view>
				<view class="icon">
					<u-icon name="arrow-right" color="#999999"></u-icon>
				</view>
			</view>
			<!-- 招聘人数 -->
			<view class="item">
				<view class="title">
					<text>*</text>招聘人数
				</view>
				<view class="input">
					<input type="text" placeholder="请填写招聘人数">
				</view>

			</view>




		</view>
		<!-- 工作描述 -->
		<view class="job-description">
			<view class="title">
				<text>*</text>工作描述
			</view>
			<textarea class="textarea" placeholder="请简单描述工作内容及职位要求"></textarea>
		</view>
		<!-- 个人信息 -->
		<view class="information-group">
					<view class="headline">
						基本信息
					</view>
					<!-- 联系人 -->
					<view class="item">
						<view class="title">
							<text>*</text>联系人
						</view>
						<view class="input">
							<input  type="text" placeholder="李">
						</view>
					</view>
					<!-- 联系电话 -->
					<view class="item">
						<view class="title">
							<text>*</text>联系电话
						</view>
						<view class="input">
							<input type="text" placeholder="15500001111">
						</view>
						
						
						
					</view>
					<!--工作地区 -->
					<view class="item">
						<view class="title">
							<text>*</text>工作地区
						</view>
						<view class="input">
							<input type="text" placeholder="开发区">
						</view>
						<view class="icon">
							<u-icon name="arrow-right" color="#999999"></u-icon>
						</view>
					</view>
					<!-- 详细地址 -->
					
					<view class="item">
						<view class="title">
							<text>*</text>详细地址
						</view>
						<view class="input">
							<input type="text" placeholder="请填写详细的工作地址">
						</view>
						<view class="icon">
							<u-icon name="arrow-right" color="#999999"></u-icon>
						</view>
					</view>
					
					
					
					
					
					
				</view>
		<button class="issue" type="default">发布</button>
	</view>
</template>

<script>
	import * as API from '@/apis/pagejs/packages.js'
	export default {
		data() {
			return {


			}
		},
		methods: {

		}
	}
</script>
<style>
	page {
		background: #F0F0F2;
		padding-bottom: 150px;
	}
</style>

<style lang="scss" scoped>
	.information-group {
		margin: 32rpx;
		padding: 24rpx 32rpx;
		background-color: #fff;
        border-radius: 24rpx;
		.headline {
			color: rgba(16, 16, 16, 1);
			font-size: 36rpx;
			margin-bottom: 24rpx;

			font-family: 'PingFangSC-medium';
		}

		.item {
			display: flex;
			align-items: center;
			padding: 24rpx 0;
			border-bottom: 1px solid #f1f1f1;

			.title {
				color: rgba(51, 51, 51, 1);
				font-size: 32rpx;
				width: 148rpx;

				text {
					color: #EE3138
				}
			}

			.input {
				width: 350rpx;
				margin-left: 24rpx;

				/deep/.uni-input-input {
					color: rgba(51, 51, 51, 1);
				}
			}

			.icon {
				margin-left: auto;
			}

			.unit {
				margin-left: auto;
				color: rgba(51, 51, 51, 1);
				font-size: 32rpx;
			}
		}
	}

	// 工作描述
	.job-description {
		margin: 24rpx 32rpx;
		background-color: #fff;
		border-radius: 12px;
		padding: 24rpx 32rpx;

		.title {
			color: #333333;
			font-size: 18px;
			font-family: 'PingFangSC-medium';
		}

		text {
			color: #FF0000;
		}

		.textarea {
			margin-top: 24rpx;
			line-height: 40rpx;
			width: 100%;
			height: 200rpx;

		}

	}

	/* 发布 */
	.issue {
		background-color: rgba(34, 149, 255, 1);
		color: rgba(241, 241, 241, 1);
		font-size: 18px;
		height: 96rpx;
		line-height: 96rpx;
		border-radius: 50px;
		position: fixed;
		left: 32rpx;
		right: 32rpx;
		bottom: 20rpx;
		z-index: 999;
	}
</style>