<template>
	<view>
		<view class="addall" v-if="show">
			<view>温馨提示</view>
			<view>
				<image src="/static/index/procurement/ddj.png" mode="aspectFill"></image>
			</view>
			<view style="text-align: center;">{{ font }}</view>
			<view>
				<view @click="$emit('back')">取消</view>
				<view class="qd" @click="$emit('right')">确定</view>
			</view>
		</view>
		 <view class="mengban" v-if="show"  @click="$emit('back')"></view>
	</view>
</template>

<script>

	export default {
		props: {
			show: {
				type: Boolean,
				default: false
			},
			font: {
				type: String,
				default: ''
			},
		},

		methods: {
			
		}
	}
</script>

<style scoped lang="less">
	.addall {
		width: 42.4vw;
		height: 26vw;
		background: #FFFFFF;
		box-shadow: 0rpx 0rpx 1.3vw 0rpx rgba(163, 167, 182, 0.16);
		border-radius: 1.6vw;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		padding: 2.8vw;
		z-index: 9120000000000000000000000000000000000000000000000000000000;

		>view {
			&:nth-child(4) {
				width: 22vw;
				display: flex;
				justify-content: space-around;
				margin: 1.8vw auto 0;

				view {
					width: 8.2vw;
					height: 3.3vw;
					background: #EDEDEF;
					border-radius: 1.6vw;
					font-weight: 400;
					font-size: 1.6vw;
					color: #888888;
					display: flex;
					justify-content: center;
					align-items: center;
					border: 1px solid #EDEDEF;
				}

				.qd {
					background: linear-gradient(0deg, #CAE0F9, #E9F4FF);
					border: 1px solid rgba(3, 133, 250, 0.34);
					color: #0385FA;
				}
			}

			&:nth-child(3) {
				width: 33vw;
				height: 3.4vw;
				font-weight: 400;
				font-size: 1.3vw;
				color: #888888;
				line-height: 1.7vw;
				margin: 0.4vw auto 0;
			}

			&:nth-child(2) {
				width: 7.6vw;
				height: 7.6vw;
				margin: 1.1vw auto 0;

				image {
					width: 100%;
					height: 100%;
				}
			}

			&:nth-child(1) {
				font-weight: 400;
				font-size: 1.6vw;
				color: #333333;
			}
		}
	}
	.mengban {
		width: 100vw;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9100;
		background: RGBA(239, 240, 244, 0.55);
	}
</style>