xuan-pay-cweb/pages/tabBar/home/home.vue

<template>
	<view>
		<image mode="widthFix" class="width100 headimg" src="../../../static/img/head.png"></image>
		<view class="headcont fotct" @click="jumpdesfun('../../tabBar/user/user')">
			<view class="width94 fcorfff font18 alijus">谷润科技<image mode="widthFix" class="margle iconw"
					src="../../../static/img/jt.png"></image>
			</view>
			<!-- 业务员 -->
			<view class="font28 fcorfff mart20 width94">总收益</view>
			<!-- 非业务员 -->
			<!-- <view class="font28 fcorfff mart20 width94">今日总收入</view> -->
			<view class="font40 fcorfff mart15 width94">¥ 0.00</view>
			<!-- 业务员 -->
			<view class="width94 mart15">
				<view class="width50 fcorfff font14 flleft">
					<view class="width100">进件成功数量</view>
					<view class="width100 mart15 font22">0</view>
				</view>
				<view class="width48 fcorfff font14 flright">
					<view class="width100">待审核数量</view>
					<view class="width100 mart15 font22">0</view>
				</view>
			</view>
			<!-- 非业务员 -->
			<!-- <view class="width94 mart15">
				<view class="width50 fcorfff font14 flleft">
					<view class="width100">收款笔数</view>
					<view class="width100 mart15 font22">0</view>
				</view>
				<view class="width48 fcorfff font14 flright">
					<view class="width100">退款笔数</view>
					<view class="width100 mart15 font22">0</view>
				</view>
			</view> -->
		</view>
		<!-- 消息中心 -->
		<view class="width100  backcorfff mart145" @click="jumpmescon">
			<view class="width94 alijusstart height50">
				<image src="../../../static/img/mer6.png" mode="widthFix" class="iconw25 marglerig"></image>
				<text class="width90p">消息中心</text>
				<image class="iconw alicntend" mode="widthFix" src="../../../static/img/jtg.png"></image>
			</view>
		</view>
		<!-- 菜单功能 -->
		<view class="width100 line10"></view>
		<view class="funcss" v-for="(item,index) in funcList" :key="index" @click="jumpdesfun(item.url)">
			<image src="../../../static/img/mer6.png" mode="widthFix" class="funicon"></image>
			<view class="width100 font13">{{item.title}}</view>
		</view>
		<view class="width100 height40p"></view>
	</view>
</template>

<script>
	import {getDiscountList} from '../../../Utils/Api.js'
	let app = getApp();
	export default {
		data() {
			return {
				funcList: [{
						title: '新增商户',
						url: '../../index/merchant-incoming-parts/merchant-incoming-parts',
						img: ''
					},
					{
						title: '商户管理',
						url: '../../index/merchant-management/merchant-management',
						img: ''
					},
					{
						title: '新增门店',
						url: '../../index/addStore/addStore',
						img: ''
					},
					{
						title: '门店管理',
						url: '../../index/merchant-list/merchant-list',
						img: ''
					},{
						title: '收费记录',
						url: '../../index/collection-record/collection-record',
						img: ''
					},
				]
			};
		},
		onLoad() {
		},
		methods: {
			getDiscountList() {
				let params = {
					pageNum: 1,
					pageSize: 10
				}
				getDiscountList(params).then(res => {
					if (res.return_code == '000000') {
			
					}
				})
			},
			/**
			 * 跳转功能
			 */
			jumpdesfun(item) {
				uni.navigateTo({
					url: item
				})
			},
			//跳转消息中心
			jumpmescon() {
				uni.navigateTo({
					url:'../../index/message-center/message-center'
				})
			}
		}

	};
</script>
<style lang="scss">
	page {
		background-color: #F8F8F8;
	}

	.headimg {
		position: absolute;
		max-height: 300px;
	}

	.headcont {
		position: relative;
		top: 50px;
	}

	.width48 {
		width: 49%;
		border-left: 1px solid #4f65cb;
		height: 65px;
	}

	.mart145 {
		margin-top: 145px;
	}

	// 菜单
	.funcss {
		width: 33%;
		height: 100px;
		border-right: 1px solid #e8e8e8;
		border-bottom: 1px solid #e8e8e8;
		background-color: #FFFFFF;
		text-align: center;
		display: inline-block;

		.funicon {
			width: 40px;
			padding-top: 15px;
		}
	}
</style>