#

zjj

2024-04-07 e6a02c8b09a796e436a501e9b87d19e25c34c9d1

 pages/business/business.vue

@@ -1,24 +1,203 @@
<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/infoSea.png" mode="aspectFit"></image>
               </view>
               <view>信息公海</view>
            </view>
				
            <view class="item" @click="select(4)">
               <view class="img">
                  <image src="../../static/image/3daqu.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>
      <view class="item-sort">
         <view>
            <y-title title="过程管理" />
         </view>
      </scroll-view>
         <view class="grid-container">
            <view class="item" @click="select(11)">
               <view class="img">
                  <image src="../../static/image/zhantiepeizhi.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(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 class="item" @click="select(7)">
               <view class="img">
                  <image src="../../static/image/chucha_1.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(8)">
               <view class="img">
                  <image src="../../static/image/zhantiepeizhi.png" mode="aspectFit"></image>
               </view>
               <view>核价管理</view>
            </view>
            <view class="item" @click="select(9)">
               <view class="img">
                  <image src="../../static/image/shengchenghuiyuanqia.png" mode="aspectFit"></image>
               </view>
               <view>报价管理</view>
            </view>
            <view class="item" @click="select(10)">
               <view class="img">
                  <image src="../../static/image/qiaruku.png" mode="aspectFit"></image>
               </view>
               <view>合同管理</view>
            </view>
         </view>
      </view>
   </view>
</template>

<script>
   export default {
      data() {
         return {
				
         }
      },
      methods: {
         select(id) {
            let url = '/pages/business'
            switch(id) {
               case 1: 
                  url = `${url}/cstmr/csmtr`
                  break;
               case 2:
                  url = `${url}/saleManage/saleManage`
                  break;
               case 3:
                  url = `${url}/plan/plan`
                  break;
               case 4:
                  url = `${url}/cstmrInfo/cstmrInfo`
                  break;
               case 5:
                  url = `${url}/goBusiness/reimburseOnline`
                  break;	
               case 6:
                  url = `${url}/goBusiness/goBusiness`
                  break;
               case 7:
                  url = `${url}/goBusiness/businessTripOther`
                  break;
               case 8:
                  url = `${url}/pricing/priOnline`
                  break;
               case 9:
                  url = `${url}/pricing/priQuote`
                  break;
               case 10:
                  url = `${url}/pricing/contract`
                  break;
               case 11:
                  url = `${url}/process/weekly`
                  break;
            }
            uni.navigateTo({
               url:url
            })
				
         }
      }
   }
	
</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>