ylj/ahyd_DIB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
cclu 2024-01-08 19:19:35 +08:00
parent ce8b37bd55
commit 1836f6169a
9 changed files with 1263 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
ahyd_DIB.zip
View File

Binary file not shown.

19
pages.json
View File

@ -62,6 +62,25 @@
}
]
},
{
"root": "pages/merchantAccount",
"pages": [
{
"path": "index",
"style": {
"navigationBarTitleText": "",
"navigationStyle": "custom"
}
},
{
"path": "detail",
"style": {
"navigationBarTitleText": "",
"navigationStyle": "custom"
}
}
]
},
{
"root": "pages/auditingPop",
"pages": [

5
pages/index/components/numberScroll.vue
View File

@ -1,7 +1,7 @@
<template>
<view class="content">
<!-- num 是字符串，会被切成片渲染 -->
<view class="l-num" v-for="(key,value) in num" :key="value">
<view class="l-num" :style="{width: key===',' || key==='.'?'12rpx':'26rpx'}" v-for="(key,value) in num" :key="value">
<template v-if="key !== '.' && key !== ','">
<view class="l-son" :style="'transform: translateY(-'+(key*52)+'rpx);'" >
<view class="l-num l-posi" v-for="(s,i) in range" :style="'transform: translateY('+(i*52)+'rpx);'" :key="i">
@ -141,13 +141,12 @@ export default {
}
.l-num{
font-size: 44rpx;
font-size: 42rpx;
font-family: DINAlternate, DINAlternate;
font-weight: bold;
color: #160002;
line-height: 52rpx;
display: inline-block;
width: 30rpx;
text-align: center;
height: 52rpx;
overflow: hidden;

87
pages/index/index.vue
View File

@ -44,7 +44,7 @@
<!-- ,height:loadMore?'200px':'38px'-->
<div class="storeDetail" :style="{ top: menu.bottom + 13 + 'px',left:0 + 'px'}">
<swiper class="detailBox" previous-margin="40rpx" next-margin="20rpx" :style="{height: loadMore?`1330rpx`:`645rpx`}" @change="handleChangeSelect" :current="selectDetail">
<swiper class="detailBox" previous-margin="40rpx" next-margin="20rpx" :style="{height: loadMore?`1330rpx`:`620rpx`}" @change="handleChangeSelect" :current="selectDetail">
<block v-for="(item,index) in swiperList" :key="index">
<swiper-item :item-id="index" :data-item-id="index" :class="selectMonth === index+1 || selectMonth === ((index+1)%12===0?12:(index+1)%12)?'detailItemBox':'noSelectItemBox'">
<view class="bigBox" v-if="selectMonth === index+1 || selectMonth === ((index+1)%12===0?12:(index+1)%12)">
@ -237,7 +237,6 @@
</view>
</view>
</view>
</view>
<view class="bottom" v-if="!loadMore" @click="handleChangeLoadMore">
<text class="searchText">查看更多</text>
@ -788,27 +787,38 @@
</block>
</swiper>
</div>
<view class="sliderBox">
<!-- 进度条 -->
<view class="sliderBox" v-if="false">
<SliderPage :index="selectDetail"/>
</view>
</view>
<view class="funEntry">
<!-- 即时营收 -->
<view class="instantRevenue" style="margin-top: 24rpx" >
<view class="revenue">
<view class="revenueTop">
<view class="revenyeTopLeft">
<image class="monthIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/monthIcon.svg"/>
<text class="dateText">{{$util.handleGetMonthDay(nowDay)}}</text>
<text class="day">/{{howDay}}</text>
</view>
<view class="revenyeTopRight" @click="handlePage">
<image class="right" src="https://eshangtech.cinstantRevenueom/ShopICO/ahyd-BID/newIndex3/goMore.svg"/>
</view>
</view>
<view class="revenueMoney">
<NumberScroll :number="currentMoney"/>
<!-- <text class="moneyText">{{currentMoney}}</text>-->
<text class="moneyLabel">实时营收/元</text>
</view>
</view>
</view>
<!-- 八个有背景的导航栏-->
<view class="funBox">
<!-- 节日特刊-->
<view class="funItem" @click="goToNational">
<view class="funItemContent">
<view class="funIconBox">
<image class="funIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/specialIssue.svg"/>
</view>
<text class="funText">节日特刊</text>
</view>
</view>
<!-- 服务区信息 -->
<view class="funItem" @click="handleGoServiceMessage">
<view class="funItemContent">
@ -849,6 +859,16 @@
</view>
</view>
<!-- 节日特刊-->
<view class="funItem" @click="goToNational">
<view class="funItemContent">
<view class="funIconBox">
<image class="funIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/specialIssue.svg"/>
</view>
<text class="funText">节日特刊</text>
</view>
</view>
<!-- 数智统计-->
<view class="funItem" v-if="false" style="margin-top: 48rpx" @click="changeShowPortrait">
<view class="funItemContent">
@ -869,8 +889,6 @@
</view>
</view>
<!-- 昨日营收-->
<view class="funItem" v-if="false" style="margin-top: 48rpx" @click="handlePage">
<view class="funItemContent">
@ -883,28 +901,6 @@
</view>
<!-- 即时营收 -->
<view class="instantRevenue" style="margin-top: 24rpx" >
<view class="revenue">
<view class="revenueTop">
<view class="revenyeTopLeft">
<image class="monthIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/monthIcon.svg"/>
<text class="dateText">{{$util.handleGetMonthDay(nowDay)}}</text>
<text class="day">/{{howDay}}</text>
</view>
<view class="revenyeTopRight" @click="handlePage">
<image class="right" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/goMore.svg"/>
</view>
</view>
<view class="revenueMoney">
<NumberScroll :number="currentMoney"/>
<!-- <text class="moneyText">{{currentMoney}}</text>-->
<text class="moneyLabel">实时营收/元</text>
</view>
</view>
</view>
<!-- 车流预警-->
<view class="bigCarBox" style="margin-top: 24rpx" v-if="special">
<view class="carWarning" @click="handleGoWarning">
@ -959,7 +955,6 @@
</div>
</div>
<!-- 人流预警-->
<view class="peopleWarning" v-if="false">
<div class="carWarningTop">
@ -1151,11 +1146,6 @@
</view>
</view>
<!-- 巡检考核-->
<view class="patrolInspection" v-if="false">
<view class="patrolTitle">巡检考核</view>
@ -1230,6 +1220,7 @@
</view>
</view>
</view>
<!--节日特刊-->
<div class="nationalDay" v-if="false" @click="goToNational">
<div class="national">
@ -1259,9 +1250,6 @@
</div>
</div>
</div>
</view>
@ -4642,6 +4630,7 @@ $iphoneHeight: env(safe-area-inset-bottom);
.instantRevenue{
width: calc(100% - 64rpx);
height: 104px;
box-sizing: border-box;
padding: 2rpx;
background: #fff;
@ -4650,10 +4639,14 @@ $iphoneHeight: env(safe-area-inset-bottom);
margin-bottom: 24rpx;
.revenue{
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 24rpx;
background: linear-gradient(176deg, #FFE4CD 0%, #FEF5DE 37%, #FFFFFF 100%);
border-radius: 16rpx;
display: flex;
flex-direction: column;
justify-content: space-between;
.revenueTop{
width: 100%;
display: flex;
@ -4695,7 +4688,7 @@ $iphoneHeight: env(safe-area-inset-bottom);
}
.revenueMoney{
margin-top: 28rpx;
height: 52rpx;
display: flex;
align-items: center;
justify-content: space-between;

736
pages/merchantAccount/detail.vue Normal file
View File

@ -0,0 +1,736 @@
<template>
<view class="main">
<view class="header">
<!-- 占位 -->
<view :style="{height: menu.bottom + 6 + 'px',marginBottom:'8px'}"></view>
<view class="selectTimeBox" :style="{height: menu.bottom + 6 + 'px'}">
<view class="selectTime" :style="{height: menu.height + 'px'}">
<image class="backIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/commercial/navigation-left.svg" @click="handleBack"/>
<picker mode="date" fields="month" :value="single" :start="startDate" :end="endData" @change="bindDateChange">
<view class="timeBox">
<image class="timeIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/merchantAccount/selectIcon.svg"/>
<text class="timeText">{{single}}</text>
<image class="downIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/merchantAccount/downIcon.svg"/>
</view>
</picker>
</view>
</view>
<swiper :current="currentSwiper" @change="changeSwiper" :indicator-dots="true" indicator-color="rgb(225, 227, 232)" indicator-active-color="rgb(178, 180, 185)">
<swiper-item v-for="(item,index) in 4">
<view class="detailBox" >
<view class="listItem">
<view class="typeBox">商家</view>
<view class="itemTop">
<view class="itemLeft">
<image class="listItemIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/merchantAccount/shopIcon.svg"/>
</view>
<view class="itemRight">
<view class="rightTitleBox">
<text class="title">合肥好顺坊餐饮管理有限公司</text>
</view>
<view style="display: inline-block">
<view class="numberProject">6 个项目</view>
</view>
</view>
</view>
<view class="moneyBox">
<view class="moneyItem">
<view class="moneyLeft">
<image class="moneyItemIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/merchantAccount/accountIcon.svg"/>
</view>
<view class="moneyDetail">
<text class="itemLabel">到账 /元</text>
<text class="itemValue">79.435,54</text>
</view>
</view>
<view class="moneyItem">
<view class="moneyLeft">
<image class="moneyItemIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/merchantAccount/entryIcon.svg"/>
</view>
<view class="moneyDetail">
<text class="itemLabel">入账 /元</text>
<text class="itemValue">79.435,54</text>
</view>
</view>
<view class="moneyItem">
<view class="moneyLeft">
<image class="moneyItemIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/merchantAccount/payIcon.svg"/>
</view>
<view class="moneyDetail">
<text class="itemLabel">应缴 /元</text>
<text class="itemValue">79.435,54</text>
</view>
</view>
</view>
</view>
</view>
</swiper-item>
</swiper>
</view>
<view class="merchantData">
<view class="titleBox">
<view class="smallBox">
<image class="storeIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/merchantAccount/merchantIcon.svg"/>
<text class="title">商家数据</text>
</view>
<view class="sortBox">
<view class="sortItem" style="margin-right: 48rpx" @click="handleChangeSortName(1)">
<text class="sortText">到账</text>
<view class="sortIconBox">
<image class="upIcon" :style="{transform: sortName===1?sortType===1?``:`rotate(180deg)`:``}" :src="sortType===1?'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg':sortName===1?'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg':'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'"/>
<image class="bottomIcon" :style="{transform: sortName===1?sortType===1?``:`rotate(180deg)`:'rotate(-180deg)'}":src="sortType===1 && sortName===1?'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg':'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'"/>
</view>
</view>
<view class="sortItem" style="margin-right: 48rpx" @click="handleChangeSortName(2)">
<text class="sortText">入账</text>
<view class="sortIconBox">
<image class="upIcon" :style="{transform: sortName===2?sortType===1?``:`rotate(180deg)`:``}" :src="sortType===1?'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg':sortName===2?'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg':'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'"/>
<image class="bottomIcon" :style="{transform: sortName===2?sortType===1?``:`rotate(180deg)`:'rotate(-180deg)'}":src="sortType===1 && sortName===2?'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg':'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'"/>
</view>
</view>
<view class="sortItem" @click="handleChangeSortName(3)">
<text class="sortText">应缴</text>
<view class="sortIconBox">
<image class="upIcon" :style="{transform: sortName===3?sortType===1?``:`rotate(180deg)`:``}" :src="sortType===1?'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg':sortName===3?'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg':'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'"/>
<image class="bottomIcon" :style="{transform: sortName===3?sortType===1?``:`rotate(180deg)`:'rotate(-180deg)'}":src="sortType===1 && sortName===3?'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg':'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'"/>
</view>
</view>
</view>
</view>
<view class="listBox">
<view class="listItem" v-for="(item,index) in 6">
<view class="bigBox">
<view class="itemLeft" >
<image class="bg" src="https://eshangtech.com/ShopICO/ahyd-BID/car/itemLeftBg.svg"/>
<!-- <view class="statueBox" :style="{backgroundImage:`url(${item.RevenueAmount?'https://eshangtech.com/ShopICO/ahyd-BID/car/statusHaveBg.svg':'https://eshangtech.com/ShopICO/ahyd-BID/car/statusNoHaveBg.svg'})`}">{{item.RevenueAmount?'营业中':'休息中'}}</view>-->
<view class="nameBox">
<text class="serviceName">新桥</text>
<text class="serviceLabel">服务区</text>
</view>
</view>
<view class="itemRight">
<view class="itemRightTop">
<view class="topLeft">
<view class="indexBox" :style="{backgroundImage:`url(${0===0?'https://eshangtech.com/ShopICO/ahyd-BID/car/1stBg.svg':index===1?'https://eshangtech.com/ShopICO/ahyd-BID/car/2stBg.svg':index===2?'https://eshangtech.com/ShopICO/ahyd-BID/car/3stBg.svg':'https://eshangtech.com/ShopICO/ahyd-BID/car/4stBg.svg'})`}">
1
</view>
<text class="brandLabel">品牌数量<text class="brandValue">4</text></text>
</view>
<view class="topRight" @click="handleExpand">
<text class="retract">收起</text>
<image class="retractIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/merchantAccount/retractIcon.svg"/>
</view>
</view>
<view class="itemRightBottom">
<view class="bottomItem">
<text class="bottomLabel">到账<text class="bottomUnit">/元</text></text>
<text class="bottomValue">79.435,54</text>
</view>
<view class="bottomItem">
<text class="bottomLabel">入账<text class="bottomUnit">/元</text></text>
<text class="bottomValue">79.435,54</text>
</view>
<view class="bottomItem">
<text class="bottomLabel">应缴<text class="bottomUnit">/元</text></text>
<text class="bottomValue">79.435,54</text>
</view>
</view>
</view>
</view>
<view class="smallListBox">
<view class="smallItem">
<view class="smallItemTop">
<view class="brandIcon">
<image class="brandImage" src=""/>
</view>
<view class="smallDetailBox">
<view class="brandNameBox">
<text class="brandName">老乡鸡</text>
<image class="brandMore" src="https://eshangtech.com/ShopICO/ahyd-BID/merchantAccount/goMore.svg"/>
</view>
<view class="typeBox">
<view class="typeItem" style="background: #FFEFEA;color: #FF6531">固定租金</view>
<view class="typeItem" style="background: #E3EFFF;color: #1979FE">营收回款</view>
</view>
</view>
</view>
<view class="otherBox">
<view class="otherItem">
<text class="otherLabel">到账<text class="otherUnit">/元</text></text>
<text class="otherValue">79.435,54</text>
</view>
<view class="otherItem">
<text class="otherLabel">入账<text class="otherUnit">/元</text></text>
<text class="otherValue">79.435,54</text>
</view>
<view class="otherItem">
<text class="otherLabel">应缴<text class="otherUnit">/元</text></text>
<text class="otherValue">79.435,54</text>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
name:'detail',
data(){
return {
menu:{},
single:'',
startDate:'2023-01',
endData:'',
sortName:3, // 排序字段 1到账 2入账 3应缴
sortType:1, // 正序降序 0正序 1降序
currentSwiper:0
}
},
onLoad(){
this.menu = uni.getMenuButtonBoundingClientRect()
let lastDay = uni.getStorageSync('lastDay')
const date = new Date(lastDay)
let y = date.getFullYear()
let m = date.getMonth() + 1
this.single = `${y}-${m<10?'0'+m :m}`
this.endData = lastDay
},
methods:{
bindDateChange(e){
this.single = e.detail.value
},
// 返回
handleBack(){
uni.navigateBack({
delta: 1
});
},
handleChangeSortName(value){
if (value===this.sortName){
if (this.sortType===1){
this.sortType=0
}else{
this.sortType=1
}
}else{
this.sortName = value
this.sortType=1
}
},
changeSwiper(e){
console.log('e',e)
},
// 展开收起
handleExpand(){
}
}
}
</script>
<style scoped lang="scss">
.main{
width: 100%;
height: 100%;
background: #F1F2F3;
.header{
width: 100%;
height: 486rpx;
background: linear-gradient(180deg, #D8E3FF 0%, #F3F3F3 100%);
.selectTimeBox{
position: fixed;
top: 0;left: 0;
z-index: 99;
width: 100%;
background: linear-gradient(180deg, #D8E3FF 0%, #E2EBFC 100%);
box-sizing: border-box;
padding-bottom: 6px;
display: flex;
align-items: flex-end;
.selectTime{
display: flex;
align-items: center;
width: 100%;
box-sizing: border-box;
padding: 0 32rpx;
.backIcon{
width: 48rpx;
height: 48rpx;
}
.timeBox{
margin-left: 18rpx;
display: flex;
align-items: center;
.timeIcon{
width: 40rpx;
height: 40rpx;
}
.timeText{
font-size: 32rpx;
font-family: AlimamaShuHeiTi, AlimamaShuHeiTi;
font-weight: bold;
color: #000000;
line-height: 40rpx;
margin: 0 12rpx;
}
.downIcon{
width: 32rpx;
height: 32rpx;
}
}
}
}
.detailBox{
background: #FFFFFF;
border-radius: 18rpx;
width: calc(100% - 64rpx);
height: 248rpx;
margin-left: 32rpx;
box-sizing: border-box;
padding: 2rpx;
.listItem{
width: 100%;
padding: 24rpx;
background: linear-gradient(314deg, #F4F8FF 0%, #F3F5FF 20%, #F5FAFF 75%, #F2F6FF 100%);
border-radius: 16rpx;
box-sizing: border-box;
position: relative;
.typeBox{
position: absolute;
right: 0;top: 0;
background: linear-gradient(135deg, #D6E8FF 0%, #D5DFFE 100%);
border-radius: 0rpx 16rpx 0rpx 16rpx;
width: 80rpx;
height: 40rpx;
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #166BF7;
line-height: 36rpx;
text-align: center;
}
.itemTop{
display: flex;
margin-bottom: 32rpx;
.itemLeft{
width: 90rpx;
height: 90rpx;
border-radius: 12rpx;
overflow: hidden;
margin-right: 16rpx;
.listItemIcon{
width: 100%;
height: 100%;
}
}
.itemRight{
width: calc(100% - 84rpx);
display: flex;
flex-direction: column;
justify-content: space-between;
.rightTitleBox{
display: flex;
align-items: center;
.title{
font-size: 28rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 600;
color: #160002;
}
}
.numberProject{
background: #DAF1FF;
border-radius: 4rpx;
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #0092EB;
line-height: 36rpx;
padding: 0 8rpx;
display: inline-block;
}
}
}
.moneyBox{
width: 100%;
box-sizing: border-box;
display: flex;
.moneyItem{
width: calc(100% / 3);
display: flex;
.moneyLeft{
width: 64rpx;
height: 64rpx;
border-radius: 12rpx;
background: rgba(228, 237, 255, 1);
display: flex;
align-items: center;
justify-content: center;
margin-right: 8rpx;
.moneyItemIcon{
width: 42rpx;
height: 42rpx;
}
}
.moneyDetail{
width: calc(100% - 72rpx);
display: flex;
flex-direction: column;
justify-content: space-between;
.itemLabel{
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #9A9A9A;
line-height: 36rpx;
}
.itemValue{
font-size: 28rpx;
font-family: DINAlternate, DINAlternate;
font-weight: bold;
color: #160002;
line-height: 32rpx;
}
}
}
}
}
}
}
.merchantData{
width: calc(100% - 64rpx);
margin-left: 32rpx;
margin-top: 24rpx;
border-radius: 16rpx;
.titleBox{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 24rpx;
.smallBox{
display: flex;
align-items: center;
.storeIcon{
width: 48rpx;
height: 48rpx;
margin-right: 8rpx;
}
.title{
font-size: 28rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 600;
color: #160002;
line-height: 40rpx;
}
}
.sortBox{
display: flex;
align-items: center;
.sortItem{
display: flex;
align-items: center;
.sortText{
font-size: 28rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #9A9A9A;
line-height: 40rpx;
}
.sortIconBox{
display: flex;
flex-direction: column;
margin-left: 16rpx;
.upIcon{
width: 16rpx;
height: 12rpx;
margin-bottom: 4rpx;
}
.bottomIcon{
width: 16rpx;
height: 12rpx;
}
}
}
}
}
.listBox{
width: 100%;
.listItem{
width: 100%;
padding: 22rpx;
box-sizing: border-box;
background: #fff;
border-radius: 16rpx;
margin-bottom: 26rpx;
.bigBox{
display: flex;
width: 100%;
.itemLeft{
width: 160rpx;
height: 160rpx;
border-radius: 16rpx;
//border: 2rpx solid #E6E6E6;
position: relative;
background-repeat: no-repeat;
background-size: cover;
margin-right: 16rpx;
.bg{
position: absolute;
width: 160rpx;
height: 160rpx;
top: 0;left: 0;
z-index: 1;
}
.statueBox{
position: absolute;
z-index: 2;
top: 0;right: 0;
width: 76rpx;
height: 32rpx;
font-size: 20rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #FFFFFF;
line-height: 28rpx;
background-repeat: no-repeat;
background-size: 100% 100%;
text-align: center;
}
.nameBox{
position: absolute;
z-index: 2;
top: 32rpx;
left: 20rpx;
display: flex;
flex-direction: column;
.serviceName{
font-size: 30rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 500;
color: #7F020B;
line-height: 30rpx;
}
.serviceLabel{
font-size: 20rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 500;
color: #7F020B;
line-height: 20rpx;
}
}
}
.itemRight{
width: calc(100% - 176rpx);
display: flex;
flex-direction: column;
justify-content: space-between;
.itemRightTop{
display: flex;
align-items: center;
justify-content: space-between;
.topLeft{
display: flex;
align-items: center;
.indexBox{
width: 36rpx;
height: 32rpx;
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #FEFFFF;
line-height: 28rpx;
text-align: center;
background-repeat: no-repeat;
background-size: 100% 100%;
margin-right: 8rpx;
}
.brandLabel{
font-size: 28rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #9A9A9A;
line-height: 40rpx;
.brandValue{
font-size: 28rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 600;
color: #160002;
line-height: 40rpx;
margin-left: 8rpx;
display: inline-block;
}
}
}
.topRight{
display: flex;
align-items: center;
background: #F4F4F4;
border-radius: 12rpx;
padding: 6rpx 16rpx;
.retract{
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #786B6C;
}
.retractIcon{
width: 30rpx;
height: 30rpx;
margin-left: 8rpx;
}
}
}
.itemRightBottom{
width: 100%;
display: flex;
.bottomItem{
display: flex;
flex-direction: column;
width: calc(100% / 3);
.bottomLabel{
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #9A9A9A;
line-height: 36rpx;
margin-bottom: 4rpx;
.bottomUnit{
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #9A9A9A;
line-height: 36rpx;
margin-left: 4rpx;
}
}
.bottomValue{
font-size: 28rpx;
font-family: DINAlternate, DINAlternate;
font-weight: bold;
color: #160002;
line-height: 32rpx;
}
}
}
}
}
.smallListBox{
width: 100%;
margin-top: 46rpx;
.smallItem{
.smallItemTop{
display: flex;
align-items: center;
margin-bottom: 16rpx;
.brandIcon{
width: 80rpx;
height: 80rpx;
border-radius: 12rpx;
overflow: hidden;
margin-right: 16rpx;
.brandImage{
width: 100%;
height: 100%;
}
}
.smallDetailBox{
width: calc(100% - 96rpx);
display: flex;
flex-direction: column;
justify-content: space-between;
.brandNameBox{
display: flex;
align-items: center;
justify-content: space-between;
.brandName{
font-size: 28rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 600;
color: #160002;
line-height: 40rpx;
}
.brandMore{
width: 32rpx;
height: 32rpx;
}
}
.typeBox{
display: flex;
align-items: center;
.typeItem{
margin-right: 8rpx;
font-size: 20rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
line-height: 28rpx;
padding: 2rpx 8rpx;
}
}
}
}
.otherBox{
width: 100%;
box-sizing: border-box;
padding-left: 96rpx;
display: flex;
align-items: center;
.otherItem{
width: calc(100% / 3);
.otherLabel{
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #9A9A9A;
line-height: 36rpx;
.otherUnit{
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #9A9A9A;
line-height: 36rpx;
margin-left: 4rpx;
}
}
.otherValue{
font-size: 28rpx;
font-family: DINAlternate, DINAlternate;
font-weight: bold;
color: #160002;
line-height: 32rpx;
}
}
}
}
}
}
}
}
}
</style>

458
pages/merchantAccount/index.vue Normal file
View File

@ -0,0 +1,458 @@
<template>
<view class="main">
<view class="header">
<!-- 占位 -->
<view :style="{height: menu.bottom + 6 + 'px',marginBottom:'8px'}"></view>
<view class="selectTimeBox" :style="{height: menu.bottom + 6 + 'px'}">
<view class="selectTime" :style="{height: menu.height + 'px'}">
<image class="backIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/commercial/navigation-left.svg" @click="handleBack"/>
<picker mode="date" fields="month" :value="single" :start="startDate" :end="endData" @change="bindDateChange">
<view class="timeBox">
<image class="timeIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/merchantAccount/selectIcon.svg"/>
<text class="timeText">{{single}}</text>
<image class="downIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/merchantAccount/downIcon.svg"/>
</view>
</picker>
</view>
</view>
<view class="detailBox">
<view class="detailTitle">商家营收金额</view>
<view class="entryBox">
<view class="entryItem">
<view class="itemLeft">
<image class="itemIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/merchantAccount/accountIcon.svg"/>
<text class="itemTitle">商家到账<text class="itemUnit">/元</text></text>
<image class="noticeIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/noticeIcon.svg"/>
</view>
<text class="itemRight">1,005,164.28</text>
</view>
<view class="entryItem">
<view class="itemLeft">
<image class="itemIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/merchantAccount/entryIcon.svg"/>
<text class="itemTitle">商家入账<text class="itemUnit">/元</text></text>
<image class="noticeIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/noticeIcon.svg"/>
</view>
<text class="itemRight">1,005,164.28</text>
</view>
<view class="entryItem">
<view class="itemLeft">
<image class="itemIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/merchantAccount/payIcon.svg"/>
<text class="itemTitle">商家应缴<text class="itemUnit">/元</text></text>
<image class="noticeIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/noticeIcon.svg"/>
</view>
<text class="itemRight">1,005,164.28</text>
</view>
</view>
</view>
</view>
<div class="merchantData">
<view class="titleBox">
<text class="title">商家数据</text>
<view class="sortBox">
<view class="sortItem" style="margin-right: 48rpx" @click="handleChangeSortName(1)">
<text class="sortText">到账</text>
<view class="sortIconBox">
<image class="upIcon" :style="{transform: sortName===1?sortType===1?``:`rotate(180deg)`:``}" :src="sortType===1?'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg':sortName===1?'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg':'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'"/>
<image class="bottomIcon" :style="{transform: sortName===1?sortType===1?``:`rotate(180deg)`:'rotate(-180deg)'}":src="sortType===1 && sortName===1?'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg':'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'"/>
</view>
</view>
<view class="sortItem" style="margin-right: 48rpx" @click="handleChangeSortName(2)">
<text class="sortText">入账</text>
<view class="sortIconBox">
<image class="upIcon" :style="{transform: sortName===2?sortType===1?``:`rotate(180deg)`:``}" :src="sortType===1?'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg':sortName===2?'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg':'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'"/>
<image class="bottomIcon" :style="{transform: sortName===2?sortType===1?``:`rotate(180deg)`:'rotate(-180deg)'}":src="sortType===1 && sortName===2?'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg':'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'"/>
</view>
</view>
<view class="sortItem" @click="handleChangeSortName(3)">
<text class="sortText">应缴</text>
<view class="sortIconBox">
<image class="upIcon" :style="{transform: sortName===3?sortType===1?``:`rotate(180deg)`:``}" :src="sortType===1?'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg':sortName===3?'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg':'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'"/>
<image class="bottomIcon" :style="{transform: sortName===3?sortType===1?``:`rotate(180deg)`:'rotate(-180deg)'}":src="sortType===1 && sortName===3?'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg':'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'"/>
</view>
</view>
</view>
</view>
<view class="listBox">
<view class="listItem" v-for="(item,index) in 8">
<view class="typeBox">商家</view>
<view class="itemTop">
<view class="itemLeft">
<image class="listItemIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/merchantAccount/shopIcon.svg"/>
</view>
<view class="itemRight">
<view class="rightTitleBox" @click="handleGoDetail(item)">
<text class="title">合肥好顺坊餐饮管理有限公司</text>
<image class="goMore" src="https://eshangtech.com/ShopICO/ahyd-BID/merchantAccount/goMore.svg"/>
</view>
<view style="display: inline-block">
<view class="numberProject">6 个项目</view>
</view>
</view>
</view>
<view class="moneyBox">
<view class="moneyItem">
<text class="itemLabel">到账 /元</text>
<text class="itemValue">79.435,54</text>
</view>
<view class="moneyItem">
<text class="itemLabel">入账 /元</text>
<text class="itemValue">79.435,54</text>
</view>
<view class="moneyItem">
<text class="itemLabel">应缴 /元</text>
<text class="itemValue">79.435,54</text>
</view>
</view>
</view>
</view>
</div>
</view>
</template>
<script>
export default {
name: "index",
data(){
return {
menu:{},
single:'',
startDate:'2023-01',
endData:'',
sortName:3, // 排序字段 1到账 2入账 3应缴
sortType:1, // 正序降序 0正序 1降序
}
},
onLoad(){
this.menu = uni.getMenuButtonBoundingClientRect()
let lastDay = uni.getStorageSync('lastDay')
const date = new Date(lastDay)
let y = date.getFullYear()
let m = date.getMonth() + 1
this.single = `${y}-${m<10?'0'+m :m}`
this.endData = lastDay
},
methods:{
// 修改时间
bindDateChange(e){
this.single = e.detail.value
},
// 返回
handleBack(){
uni.navigateBack({
delta: 1
});
},
// 改变排序的方法
handleChangeSortName(value){
if (value===this.sortName){
if (this.sortType===1){
this.sortType=0
}else{
this.sortType=1
}
}else{
this.sortName = value
this.sortType=1
}
},
// 跳转到详情的方法
handleGoDetail(obj){
uni.navigateTo({
url: '/pages/merchantAccount/detail'
})
}
}
}
</script>
<style scoped lang="scss">
.main{
width: 100%;
height: 100%;
background: #F3F4F9;
.header{
width: 100%;
height: 536rpx;
background: linear-gradient(180deg, #D8E3FF 0%, #F3F3F3 100%);
.selectTimeBox{
position: fixed;
top: 0;left: 0;
z-index: 99;
width: 100%;
background: linear-gradient(180deg, #D8E3FF 0%, #E2EBFC 100%);
box-sizing: border-box;
padding-bottom: 6px;
display: flex;
align-items: flex-end;
.selectTime{
display: flex;
align-items: center;
width: 100%;
box-sizing: border-box;
padding: 0 32rpx;
.backIcon{
width: 48rpx;
height: 48rpx;
}
.timeBox{
margin-left: 18rpx;
display: flex;
align-items: center;
.timeIcon{
width: 40rpx;
height: 40rpx;
}
.timeText{
font-size: 32rpx;
font-family: AlimamaShuHeiTi, AlimamaShuHeiTi;
font-weight: bold;
color: #000000;
line-height: 40rpx;
margin: 0 12rpx;
}
.downIcon{
width: 32rpx;
height: 32rpx;
}
}
}
}
.detailBox{
width: calc(100% - 64rpx);
margin-left: 32rpx;
background: #F5F6FF;
border-radius: 16rpx;
.detailTitle{
font-size: 28rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 600;
color: #212226;
line-height: 40rpx;
background: #F5F6FF;
padding: 24rpx;
box-sizing: border-box;
border-top-left-radius: 16rpx;
border-top-right-radius: 16rpx;
}
.entryBox{
width:100%;
background: #FFFFFF;
border-radius: 16rpx;
padding: 20rpx 24rpx;
box-sizing: border-box;
.entryItem{
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding: 12rpx 0;
.itemLeft{
display: flex;
align-items: center;
.itemIcon{
width: 48rpx;
height: 48rpx;
margin-right: 8rpx;
}
.itemTitle{
font-size: 28rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #160002;
line-height: 40rpx;
.itemUnit{
margin-left: 4rpx;
font-size: 28rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #A69E9F;
line-height: 40rpx;
}
}
.noticeIcon{
width: 34rpx;
height: 34rpx;
margin-left: 6rpx;
}
}
.itemRight{
font-size: 36rpx;
font-family: DINAlternate, DINAlternate;
font-weight: bold;
color: #160002;
line-height: 42rpx;
}
}
}
}
}
.merchantData{
width: calc(100% - 64rpx);
margin-left: 32rpx;
box-sizing: border-box;
padding: 24rpx;
background: #fff;
margin-top: 24rpx;
border-radius: 16rpx;
.titleBox{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
.title{
font-size: 28rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 600;
color: #160002;
line-height: 40rpx;
}
.sortBox{
display: flex;
align-items: center;
.sortItem{
display: flex;
align-items: center;
.sortText{
font-size: 28rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #9A9A9A;
line-height: 40rpx;
}
.sortIconBox{
display: flex;
flex-direction: column;
margin-left: 16rpx;
.upIcon{
width: 16rpx;
height: 12rpx;
margin-bottom: 4rpx;
}
.bottomIcon{
width: 16rpx;
height: 12rpx;
}
}
}
}
}
.listBox{
width: 100%;
margin-top: 24rpx;
.listItem{
width: 100%;
padding: 24rpx;
background: linear-gradient(314deg, #F4F8FF 0%, #F3F5FF 20%, #F5FAFF 75%, #F2F6FF 100%);
border-radius: 16rpx;
box-sizing: border-box;
position: relative;
margin-bottom: 24rpx;
.typeBox{
position: absolute;
right: 0;top: 0;
background: linear-gradient(135deg, #D6E8FF 0%, #D5DFFE 100%);
border-radius: 0rpx 16rpx 0rpx 16rpx;
width: 80rpx;
height: 40rpx;
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #166BF7;
line-height: 36rpx;
text-align: center;
}
.itemTop{
display: flex;
margin-bottom: 32rpx;
.itemLeft{
width: 90rpx;
height: 90rpx;
border-radius: 12rpx;
overflow: hidden;
margin-right: 16rpx;
.listItemIcon{
width: 100%;
height: 100%;
}
}
.itemRight{
width: calc(100% - 84rpx);
display: flex;
flex-direction: column;
justify-content: space-between;
.rightTitleBox{
display: flex;
align-items: center;
.title{
font-size: 28rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 600;
color: #160002;
display: inline-block;
width: 360rpx;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.goMore{
width: 32rpx;
height: 32rpx;
margin-left: 16rpx;
}
}
.numberProject{
background: #DAF1FF;
border-radius: 4rpx;
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #0092EB;
line-height: 36rpx;
padding: 0 8rpx;
display: inline-block;
}
}
}
.moneyBox{
width: 100%;
box-sizing: border-box;
padding-left: 106rpx;
display: flex;
.moneyItem{
width: calc(100% / 3);
display: flex;
flex-direction: column;
.itemLabel{
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #9A9A9A;
line-height: 36rpx;
margin-bottom: 4rpx;
}
.itemValue{
font-size: 28rpx;
font-family: DINAlternate, DINAlternate;
font-weight: bold;
color: #160002;
line-height: 32rpx;
}
}
}
}
}
}
}
</style>

9
pages/revenueStatistics/index.vue
View File

@ -106,7 +106,7 @@
<!-- </view>-->
</view>
</view>
<view class="amountItem" style="margin-top: 56rpx">
<view class="amountItem" @click="handleGoMerchantAccount" style="margin-top: 56rpx">
<view class="itemTop">
<view class="itemTopLeft">
<image class="leftIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex2/receivable.svg"/>
@ -145,7 +145,7 @@
</view>
</view>
<view class="revenueBox merchantRevenue" style="margin-top: 24rpx">
<view class="revenueBox merchantRevenue" style="margin-top: 24rpx">
<view class="bigBox">
<view class="revenueBoxHeader">
<!-- <view class="headerTitle">商家营收</view>-->
@ -454,6 +454,11 @@ export default {
delta: 1
});
},
handleGoMerchantAccount(){
uni.navigateTo({
url: '/pages/merchantAccount/index'
})
},
bindDateChange(e){
this.OwnerListSum = {}
this.MerchantSum = {}

BIN
static/public/revenueStatistics/j8sgAgJiHwUv.woff Normal file
View File

Binary file not shown.

2
static/public/revenueStatistics/stylesheet.css
View File

@ -1,6 +1,6 @@
@font-face {
font-family: 'Alimama ShuHeiTi';
src:url("/static/public/revenueStatistics/uKTjcNOXuZpJ.woff");
src:url("/static/public/revenueStatistics/j8sgAgJiHwUv.woff");
font-weight: bold;
font-style: normal;
font-display: swap;