From 81b8089d94e7f9537b8f5a00b68c95a9e858e2bf Mon Sep 17 00:00:00 2001
From: whycq <10027870+whycq@user.noreply.gitee.com>
Date: 星期一, 13 十一月 2023 12:48:41 +0800
Subject: [PATCH] #
---
pages/business/business.vue | 141 +++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 135 insertions(+), 6 deletions(-)
diff --git a/pages/business/business.vue b/pages/business/business.vue
index 0cea083..5633882 100644
--- a/pages/business/business.vue
+++ b/pages/business/business.vue
@@ -1,22 +1,151 @@
<template>
<view>
- <view class="item">
- <y-title></y-title>
+ <!-- <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/3daqu.png" mode="aspectFit"></image>
+ </view>
+ <view>瀹㈡埛淇℃伅</view>
+ </view>
+ </view>
+
</view>
- <view class="item">
- <y-title></y-title>
+ <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 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>
</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>
<style>
- .item {
+ /* 椤圭洰鍒嗙被 */
+ .item-sort {
min-height: 100rpx;
background-color: #ffffff;
- margin: 10rpx 10rpx 0 10rpx;
+ 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>
\ No newline at end of file
--
Gitblit v1.9.1