You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
xuan-pay-cweb/pages/tabBar/home/home.vue

159 lines
4.0 KiB

<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>