|  |  | 
 |  |  | <template> | 
 |  |  |    <view> | 
 |  |  |       <!-- <view class="search-bg"> | 
 |  |  |          <uni-search-bar placeholder="自定义背景色" bgColor="#f4f4f4" @confirm="search" /> | 
 |  |  |       </view> --> | 
 |  |  |       <view class="item-sort"> | 
 |  |  |          <view> | 
 |  |  |             <y-title title="公司资料库" /> | 
 |  |  |             <y-title title="客户管理" /> | 
 |  |  |          </view> | 
 |  |  |          <view class="grid-container"> | 
 |  |  |             <view class="item"> | 
 |  |  |             <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"> | 
 |  |  | 				 | 
 |  |  |             <view class="item" @click="select(4)"> | 
 |  |  |                <view class="img"> | 
 |  |  |                   <image src="../../static/image/jiafangdanwei.png" mode="aspectFit"></image> | 
 |  |  |                   <image src="../../static/image/3daqu.png" mode="aspectFit"></image> | 
 |  |  |                </view> | 
 |  |  |                <view>甲方单位</view> | 
 |  |  |                <view>客户信息</view> | 
 |  |  |             </view> | 
 |  |  |             <view class="item"> | 
 |  |  |          </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/jiafangdanwei.png" mode="aspectFit"></image> | 
 |  |  |                   <image src="../../static/image/zuzhibumen.png" mode="aspectFit"></image> | 
 |  |  |                </view> | 
 |  |  |                <view>甲方单位</view> | 
 |  |  |                <view>跟踪项目</view> | 
 |  |  |             </view> | 
 |  |  |             <view class="item"> | 
 |  |  |             <view class="item" @click="select(3)"> | 
 |  |  |                <view class="img"> | 
 |  |  |                   <image src="../../static/image/jiafangdanwei.png" mode="aspectFit"></image> | 
 |  |  |                   <image src="../../static/image/dingdanguanli.png" mode="aspectFit"></image> | 
 |  |  |                </view> | 
 |  |  |                <view>甲方单位</view> | 
 |  |  |             </view> | 
 |  |  |             <view class="item"> | 
 |  |  |                <view class="img"> | 
 |  |  |                   <image src="../../static/image/jiafangdanwei.png" mode="aspectFit"></image> | 
 |  |  |                </view> | 
 |  |  |                <view>甲方单位</view> | 
 |  |  |             </view> | 
 |  |  |             <view class="item"> | 
 |  |  |                <view class="img"> | 
 |  |  |                   <image src="../../static/image/jiafangdanwei.png" mode="aspectFit"></image> | 
 |  |  |                </view> | 
 |  |  |                <view>甲方单位</view> | 
 |  |  |                <view>规划申请单</view> | 
 |  |  |             </view> | 
 |  |  |          </view> | 
 |  |  |       </view> | 
 |  |  |       <view class="item-sort"> | 
 |  |  |          <y-title title="销售管理"></y-title> | 
 |  |  |          <view> | 
 |  |  |             <y-title title="出差管理"></y-title> | 
 |  |  |          </view> | 
 |  |  |          <view class="grid-container"> | 
 |  |  |             <view class="item" @click="select(5)"> | 
 |  |  |                <view class="img"> | 
 |  |  |                   <image src="../../static/image/chalvfeiyongbaoxiao.png" mode="aspectFit"></image> | 
 |  |  |                </view> | 
 |  |  |                <view>报销申请</view> | 
 |  |  |             </view> | 
 |  |  |             <view class="item" @click="select(6)"> | 
 |  |  |                <view class="img"> | 
 |  |  |                   <image src="../../static/image/chucha.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; | 
 |  |  |                case 5: | 
 |  |  |                   uni.navigateTo({ | 
 |  |  |                      url:'/pages/business/goBusiness/reimburseOnline' | 
 |  |  |                   }) | 
 |  |  |                   break;	 | 
 |  |  |                case 6: | 
 |  |  |                   uni.navigateTo({ | 
 |  |  |                      url:'/pages/business/goBusiness/goBusiness' | 
 |  |  |                   }) | 
 |  |  |                   break; | 
 |  |  | 					 | 
 |  |  |             } | 
 |  |  | 				 | 
 |  |  |          } | 
 |  |  |       } | 
 |  |  |    } | 
 |  |  |     | 
 |  |  | </script> | 
 |  |  |  | 
 |  |  | 
 |  |  |    .item-sort { | 
 |  |  |       min-height: 100rpx; | 
 |  |  |       background-color: #ffffff; | 
 |  |  |       margin: 10rpx 10rpx 0 10rpx; | 
 |  |  |       margin: 20rpx 10rpx 0 10rpx; | 
 |  |  |       border-radius: 10rpx; | 
 |  |  |    } | 
 |  |  |    .item2 { |