<template>
|
<view>
|
<!-- <view class="search-bg">
|
<uni-search-bar placeholder="自定义背景色" bgColor="#f4f4f4" @confirm="search" />
|
</view> -->
|
<view class="item-sort">
|
<view>
|
<y-title title="公司资料库" />
|
</view>
|
<view class="grid-container">
|
<view class="item" @click="select(1)">
|
<view class="img">
|
<image src="../../static/image/jiafangdanwei.png" mode="aspectFit"></image>
|
</view>
|
<view>甲方单位</view>
|
</view>
|
|
<view class="item" @click="select(4)">
|
<view class="img">
|
<image src="../../static/image/jiafangdanwei.png" mode="aspectFit"></image>
|
</view>
|
<view>客户信息</view>
|
</view>
|
</view>
|
|
</view>
|
<view class="item-sort">
|
<view>
|
<y-title title="销售管理"></y-title>
|
</view>
|
<view class="grid-container">
|
<view class="item" @click="select(2)">
|
<view class="img">
|
<image src="../../static/image/zuzhibumen.png" mode="aspectFit"></image>
|
</view>
|
<view>跟踪项目</view>
|
</view>
|
<view class="item" @click="select(3)">
|
<view class="img">
|
<image src="../../static/image/dingdanguanli.png" mode="aspectFit"></image>
|
</view>
|
<view>规划申请单</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
|
}
|
},
|
methods: {
|
select(id) {
|
switch(id) {
|
case 1:
|
uni.navigateTo({
|
url:'/pages/business/cstmr/csmtr'
|
})
|
break;
|
case 2:
|
uni.navigateTo({
|
url:'/pages/business/saleManage/saleManage'
|
})
|
break;
|
case 3:
|
uni.navigateTo({
|
url:'/pages/business/plan/plan'
|
})
|
break;
|
case 4:
|
uni.navigateTo({
|
url:'/pages/business/cstmrInfo/cstmrInfo'
|
})
|
break;
|
|
}
|
|
}
|
}
|
}
|
|
</script>
|
|
<style>
|
/* 项目分类 */
|
.item-sort {
|
min-height: 100rpx;
|
background-color: #ffffff;
|
margin: 20rpx 10rpx 0 10rpx;
|
border-radius: 10rpx;
|
}
|
.item2 {
|
background-color: aqua;
|
}
|
.grid-container {
|
display: grid;
|
grid-template-columns: 1fr 1fr 1fr 1fr;
|
}
|
.item {
|
width: 120rpx;
|
height: 120rpx;
|
margin-left: 20rpx;
|
margin-top: 20rpx;
|
font-size: 10rpx;
|
color: #909399;
|
display: flex;
|
flex-direction: column;
|
justify-content: center;
|
align-items: center;
|
}
|
.item:last-child {
|
margin-bottom: 10rpx;
|
}
|
.img image {
|
width: 70rpx;
|
height: 70rpx;
|
}
|
</style>
|
