<template>
	<view>
		<cover-view class="pop_mask">
			<cover-view class="pop_box">
				<cover-view class="title">新增</cover-view>
				<cover-view class="tablist">
					<cover-view class="tabli" @click="addSchedule">
						<cover-view class="tabbox">
							<cover-image src="/static/img/richeng.png" mode="scaleToFill" class="tabimg"></cover-image>
						</cover-view>
						<cover-view class="tabtit">安排日程</cover-view>
					</cover-view>
					<cover-view class="tabli" @click="addClue">
						<cover-view class="tabbox">
							<cover-image :src="BASE_IMG_URL+'xiansuo.png'" class="tabimg" mode="scaleToFill"></cover-image>
						</cover-view>
						<cover-view class="tabtit">新建线索</cover-view>
					</cover-view>
					<cover-view class="tabli" @click="addCustomer">
						<cover-view class="tabbox">
							<cover-image :src="BASE_IMG_URL+'kehu.png'" class="tabimg" mode="scaleToFill"></cover-image>
						</cover-view>
						<cover-view class="tabtit">新建客户</cover-view>
					</cover-view>
					<cover-view class="tabli" @click="workreport">
						<cover-view class="tabbox">
							<cover-image :src="BASE_IMG_URL+'baogao.png'" class="tabimg" mode="scaleToFill"></cover-image>
						</cover-view>
						<cover-view class="tabtit">工作报告</cover-view>
					</cover-view>
					<cover-view class="tabli" @click="addChuchai">
						<cover-view class="tabbox">
							<cover-image :src="BASE_IMG_URL+'qiandao.png'" class="tabimg" mode="scaleToFill"></cover-image>
						</cover-view>
						<cover-view class="tabtit">出差签到</cover-view>
					</cover-view>
				</cover-view>
				
				<cover-view class="remove" @click="close">取消</cover-view>
			</cover-view>
		</cover-view>
	</view>
</template>

<script>
	import { BASE_IMG_URL } from '@/util/api.js'
	
	export default {
		data() {
			return{
				BASE_IMG_URL:BASE_IMG_URL,
			}
		},
		methods:{
			close() {
				this.$emit('closePop')
			},
			//安排日程
			addSchedule() {
				uni.navigateTo({
					url: '/pages/index/newSche/newSche'
				})
			},
			//新建线索
			addClue() {
				uni.navigateTo({
					url:'/pagesA/crm/cluesManagement/newClues/newClues'
				})
			},
			//新建客户
			addCustomer() {
				uni.navigateTo({
					url:'/pagesA/crm/createCustomer/createCustomer'
				})
			},
			// 新建联系人
			linkmanClick() {
				uni.navigateTo({
					url:'/pagesA/crm/linkman/newLinkman/newLinkman'
				})
			},
			//出差 签到
			addChuchai() {
				uni.navigateTo({
					url:'/pagesA/signin/busSign'
				})
			},
			//工作  报告
			workreport() {
				uni.navigateTo({
					url:'/pagesB/workreport/createWork'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.pop_mask{
		position: fixed;
		left:0;
		right:0;
		top:0;
		bottom:0;
		background:rgba(0,0,0,0.5);
		z-index: 99999;
		display: flex;
		justify-content: center;
		align-items: center;
		.pop_box{
			width:680rpx;
			background:#f5f5f5;
			border-radius: 20rpx;
			padding-bottom:30rpx;
			// border-top-left-radius: 20rpx;
			// border-top-right-radius: 20rpx;
			.title{
				text-align: center;
				padding:24rpx;
				font-size:30rpx;
				color:#333333;
				border-bottom:1rpx solid #CCCCCC;
			}
			.tablist{
				padding:20rpx 24rpx;
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
				.tabli{
					width:122rpx;
					text-align: center;
					font-size:24rpx;
					color:#999999;
					.tabbox{
						margin:0 auto;
						width:100rpx;
						height:100rpx;
						border-radius: 20rpx;
						background:#ffffff;
						display: flex;
						justify-content: center;
						align-items: center;
						margin-bottom:15rpx;
						.tabimg{
							width:60rpx;
							height:60rpx;
						}
					}
				}
			}
			.remove{
				width:600rpx;
				heihgt:80rpx;
				border-radius: 40rpx;
				margin:0 auto;
				background:$uni-text-color;
				text-align: center;
				line-height: 80rpx;
				font-size:30rpx;
				color:#fff;
			}
		}
	}
</style>
