<template>
	<el-dialog v-model="shoModal" @close="close" style="border-radius: 12px;" width="50%" align-center>
		<div class="showModal-img flex align-center justify-center">
			<img src="/images/index/noJl.png" alt="" srcset="">
		</div>
		<div class="showModal-title">
			尚未填写求职简历
		</div>
		<div class="showModal-content flex align-center justify-center">
			<div class="showModal-content-c">
				您还未展示您的求职简历，展示简历以后可以让更多的企业快速又准确的找到你，
				了解你，并且也会更高效的推荐您想了解的岗位和企业。
			</div>
		</div>
		<div class="showModal-btn flex align-center justify-center">
			<div @click="addResume()" class="showModal-btn-c flex align-center justify-center">
				立即填写
			</div>
		</div>
	</el-dialog>
</template>

<script>
	export default {
		props: {
			show: {
				type: Boolean,
				default: false
			}
		},
		data() {
			return {
				shoModal: false,
			}
		},
		created() {
			this.shoModal = this.show
		},
		methods: {
			//去添加简历
			addResume() {
				this.$emit('addResume')
			},
			close() {
				this.$emit('close')
			},
		}

	}
</script>

<style lang="scss">
	.showModal-img {
		width: 100%;
		height: 300px;

		img {
			width: 400px;
			height: 300px;

		}
	}

	.showModal-title {
		width: 100%;
		text-align: center;
		color: #333333;
		font-size: 20px;
		font-weight: 500;
		margin-top: 5px;
	}

	.showModal-content {
		width: 100%;
		height: auto;
		margin-top: 10px;

		.showModal-content-c {
			width: 80%;
			height: 100%;
			color: #999999;
			font-size: 16px;
		}
	}

	.showModal-btn {
		width: 100%;
		height: 44px;
		margin: 30px 0;

		.showModal-btn-c {
			width: 200px;
			height: 100%;
			background-color: #00DD9A;
			border-radius: 10px;
			color: #ffffff;
			cursor: pointer;
		}
	}
</style>