#

whycq

2022-12-14 289e204f67b8ae0144772707e028a4aa82f2002a

 pages/business/business.vue

@@ -1,24 +1,74 @@
<template>
   <view>
      <scroll-view scroll-y="true" >
         <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="item-sort">
         <view>
            <y-title title="公司资料库" />
         </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()">
               <view class="img">
                  <image src="../../static/image/jiafangdanwei.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>
      </scroll-view>
      </view>
      <!-- <view class="item-sort">
         <y-title title="销售管理"></y-title>
      </view> -->
   </view>
</template>

<script>
   export default {
      data() {
         return {
				
         }
      },
      methods: {
         select() {
            uni.navigateTo({
               url:'/pages/business/cstmr/csmtr'
            })
         }
      }
   }
	
</script>

<style>
   /* 项目分类 */
   .item-sort {
      min-height: 100rpx;
      background-color: #ffffff;
      margin: 10rpx 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>