hls_crm/pages/index/components/popup.vue

165 lines
3.9 KiB
Vue

<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>