#

whycq

2023-10-10 155f2b80f2a9b6f900c73f6e4461e9cebb7cd028

 pages/business/business.vue

@@ -1,28 +1,109 @@
<template>
   <view>
      <scroll-view scroll-y="true" >
         <view style="width: 96%;background-color: #fff;margin: 1% 2% 0 2%;">
      <!-- <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>
      </view>
      <view class="item-sort">
         <view>
            <y-title title="销售管理"></y-title>
            <view style="width: 100%;height: 300rpx;">跟踪项目</view>
         </view>
         <view style="width: 96%;background-color: #fff;margin: 1% 2% 0 2%;">
            <y-title title="项目管理"></y-title>
            <view style="width: 100%;height: 300rpx;">跟踪项目</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 style="width: 96%;background-color: #fff;margin: 1% 2% 0 2%;">
            <y-title title="项目计划"></y-title>
            <view style="width: 100%;height: 300rpx;">跟踪项目</view>
         </view>
         <y-wrapper />
         <y-wrapper>
            <view style="width: 100%;height: 100rpx;background-color: blueviolet;"></view>
         </y-wrapper>
      </scroll-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;
					
            }
				
         }
      }
   }
	
</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>