This commit is contained in:
cclu 2024-01-15 14:06:51 +08:00
parent 1836f6169a
commit 52bf80d479
4 changed files with 263 additions and 59 deletions

View File

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

View File

@ -805,7 +805,7 @@
<text class="day">/{{howDay}}</text> <text class="day">/{{howDay}}</text>
</view> </view>
<view class="revenyeTopRight" @click="handlePage"> <view class="revenyeTopRight" @click="handlePage">
<image class="right" src="https://eshangtech.cinstantRevenueom/ShopICO/ahyd-BID/newIndex3/goMore.svg"/> <image class="right" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/goMore.svg"/>
</view> </view>
</view> </view>
@ -2840,7 +2840,7 @@ $iphoneHeight: env(safe-area-inset-bottom);
width: 100%; width: 100%;
background: linear-gradient(180deg, #DCE6FF 0%, #F3F4F9 100%); background: linear-gradient(180deg, #DCE6FF 0%, #F3F4F9 100%);
box-sizing: border-box; box-sizing: border-box;
padding-bottom: 20rpx; //padding-bottom: 20rpx;
//padding: 0 16px; //padding: 0 16px;
//position: relative; //position: relative;
.headerTop{ .headerTop{
@ -4623,7 +4623,8 @@ $iphoneHeight: env(safe-area-inset-bottom);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
box-sizing: border-box; box-sizing: border-box;
padding: 14rpx 0 32px 0; //padding: 14rpx 0 32px 0;
padding: 0 0 32px 0;
//transform: translateY(-16px); //transform: translateY(-16px);
border-top-right-radius: 16px; border-top-right-radius: 16px;
border-top-left-radius: 16px; border-top-left-radius: 16px;

View File

@ -16,8 +16,9 @@
</view> </view>
</view> </view>
<swiper :current="currentSwiper" @change="changeSwiper" :indicator-dots="true" indicator-color="rgb(225, 227, 232)" indicator-active-color="rgb(178, 180, 185)"> <swiper :current="currentSwiper" @change="changeSwiper">
<swiper-item v-for="(item,index) in 4"> <!-- :indicator-dots="true" indicator-color="rgb(225, 227, 232)" indicator-active-color="rgb(178, 180, 185)"-->
<swiper-item v-for="(item,index) in swiperList" :key="index">
<view class="detailBox" > <view class="detailBox" >
<view class="listItem"> <view class="listItem">
<view class="typeBox">商家</view> <view class="typeBox">商家</view>
@ -28,10 +29,10 @@
<view class="itemRight"> <view class="itemRight">
<view class="rightTitleBox"> <view class="rightTitleBox">
<text class="title">合肥好顺坊餐饮管理有限公司</text> <text class="title">{{item.MerchantName}}</text>
</view> </view>
<view style="display: inline-block"> <view style="display: inline-block">
<view class="numberProject">6 个项目</view> <view class="numberProject">{{ `${item.ProjectCount}个项目` }}</view>
</view> </view>
</view> </view>
</view> </view>
@ -43,7 +44,7 @@
</view> </view>
<view class="moneyDetail"> <view class="moneyDetail">
<text class="itemLabel">到账 /</text> <text class="itemLabel">到账 /</text>
<text class="itemValue">79.435,54</text> <text class="itemValue">{{item.SubRoyaltyPrice?$util.fmoney(item.SubRoyaltyPrice,2):'-'}}</text>
</view> </view>
</view> </view>
@ -53,7 +54,7 @@
</view> </view>
<view class="moneyDetail"> <view class="moneyDetail">
<text class="itemLabel">入账 /</text> <text class="itemLabel">入账 /</text>
<text class="itemValue">79.435,54</text> <text class="itemValue">{{item.SubRoyaltyTheory?$util.fmoney(item.SubRoyaltyTheory,2):'-'}}</text>
</view> </view>
</view> </view>
@ -63,7 +64,7 @@
</view> </view>
<view class="moneyDetail"> <view class="moneyDetail">
<text class="itemLabel">应缴 /</text> <text class="itemLabel">应缴 /</text>
<text class="itemValue">79.435,54</text> <text class="itemValue">{{item.ReceivableAmount?$util.fmoney(item.ReceivableAmount,2):'-'}}</text>
</view> </view>
</view> </view>
</view> </view>
@ -106,14 +107,14 @@
</view> </view>
</view> </view>
<view class="listBox"> <scroll-view :show-scrollbar="false" scroll-y="true" class="listBox" :style="{height: 'calc(100vh - 320px)'}" v-if="dataList && dataList.length>0">
<view class="listItem" v-for="(item,index) in 6"> <view class="listItem" v-for="(item,index) in dataList">
<view class="bigBox"> <view class="bigBox">
<view class="itemLeft" > <view class="itemLeft" >
<image class="bg" src="https://eshangtech.com/ShopICO/ahyd-BID/car/itemLeftBg.svg"/> <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="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"> <view class="nameBox">
<text class="serviceName">新桥</text> <text class="serviceName">{{item.ServerpartName.split('服务区')[0]}}</text>
<text class="serviceLabel">服务区</text> <text class="serviceLabel">服务区</text>
</view> </view>
</view> </view>
@ -121,50 +122,52 @@
<view class="itemRightTop"> <view class="itemRightTop">
<view class="topLeft"> <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'})`}"> <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 {{index+1}}
</view> </view>
<text class="brandLabel">品牌数量<text class="brandValue">4</text></text> <text class="brandLabel">品牌数量<text class="brandValue">{{item.BrandCount?item.BrandCount:''}}</text></text>
</view> </view>
<view class="topRight" @click="handleExpand"> <view class="topRight" @click="handleExpand(item)">
<text class="retract">收起</text> <text class="retract">{{ item.showChild?'收起':'展开' }}</text>
<image class="retractIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/merchantAccount/retractIcon.svg"/> <image class="retractIcon" :style="{transform: `rotate(${item.showChild?'180deg':''})`}" src="https://eshangtech.com/ShopICO/ahyd-BID/merchantAccount/retractIcon.svg"/>
</view> </view>
</view> </view>
<view class="itemRightBottom"> <view class="itemRightBottom">
<view class="bottomItem"> <view class="bottomItem">
<text class="bottomLabel">到账<text class="bottomUnit">/</text></text> <text class="bottomLabel">到账<text class="bottomUnit">/</text></text>
<text class="bottomValue">79.435,54</text> <text class="bottomValue">{{item.SubRoyaltyPrice?$util.fmoney(item.SubRoyaltyPrice,2):'-'}}</text>
</view> </view>
<view class="bottomItem"> <view class="bottomItem">
<text class="bottomLabel">入账<text class="bottomUnit">/</text></text> <text class="bottomLabel">入账<text class="bottomUnit">/</text></text>
<text class="bottomValue">79.435,54</text> <text class="bottomValue">{{item.SubRoyaltyTheory?$util.fmoney(item.SubRoyaltyTheory,2):'-'}}</text>
</view> </view>
<view class="bottomItem"> <view class="bottomItem">
<text class="bottomLabel">应缴<text class="bottomUnit">/</text></text> <text class="bottomLabel">应缴<text class="bottomUnit">/</text></text>
<text class="bottomValue">79.435,54</text> <text class="bottomValue">{{item.ReceivableAmount ?$util.fmoney(item.ReceivableAmount ,2):'-'}}</text>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<view class="smallListBox"> <view class="smallListBox" v-if="item.BrandAccountList && item.BrandAccountList.length>0 && item.showChild">
<view class="smallItem"> <view class="smallItem" v-for="(subItem,subIndex) in item.BrandAccountList" :key="subIndex">
<view class="smallItemTop"> <view class="smallItemTop">
<view class="brandIcon"> <view class="brandIcon">
<image class="brandImage" src=""/> <image class="brandImage" :src="subItem.BrandICO?subItem.BrandICO:'https://eshangtech.com/ShopICO/ahyd-BID/brand/defaultIcon.png'"/>
</view> </view>
<view class="smallDetailBox"> <view class="smallDetailBox">
<view class="brandNameBox"> <view class="brandNameBox">
<text class="brandName">老乡鸡</text> <text class="brandName">{{subItem.BrandName || '-'}}</text>
<image class="brandMore" src="https://eshangtech.com/ShopICO/ahyd-BID/merchantAccount/goMore.svg"/> <image class="brandMore" src="https://eshangtech.com/ShopICO/ahyd-BID/merchantAccount/goMore.svg"/>
</view> </view>
<view class="typeBox"> <view class="typeBox">
<view class="typeItem" style="background: #FFEFEA;color: #FF6531">固定租金</view> <view class="typeItem" style="background: #FFEFEA;color: #FF6531" v-if="subItem.SettlementMods">{{settlementModes[subItem.SettlementMods]}}</view>
<view class="typeItem" style="background: #E3EFFF;color: #1979FE">营收回款</view> <!-- {{settlementModes[subItem.SettlementMods]}}-->
<view class="typeItem" style="background: #E3EFFF;color: #1979FE" v-if="subItem.BusinessType">{{businessType[subItem.BusinessType]}}</view>
<!-- {{businessType[subItem.BusinessType]}}-->
</view> </view>
</view> </view>
</view> </view>
@ -172,25 +175,31 @@
<view class="otherBox"> <view class="otherBox">
<view class="otherItem"> <view class="otherItem">
<text class="otherLabel">到账<text class="otherUnit">/</text></text> <text class="otherLabel">到账<text class="otherUnit">/</text></text>
<text class="otherValue">79.435,54</text> <text class="otherValue">{{subItem.SubRoyaltyPrice?$util.fmoney(subItem.SubRoyaltyPrice,2):'-'}}</text>
</view> </view>
<view class="otherItem"> <view class="otherItem">
<text class="otherLabel">入账<text class="otherUnit">/</text></text> <text class="otherLabel">入账<text class="otherUnit">/</text></text>
<text class="otherValue">79.435,54</text> <text class="otherValue">{{subItem.SubRoyaltyTheory?$util.fmoney(subItem.SubRoyaltyTheory,2):'-'}}</text>
</view> </view>
<view class="otherItem"> <view class="otherItem">
<text class="otherLabel">应缴<text class="otherUnit">/</text></text> <text class="otherLabel">应缴<text class="otherUnit">/</text></text>
<text class="otherValue">79.435,54</text> <text class="otherValue">{{subItem.ReceivableAmount ?$util.fmoney(subItem.ReceivableAmount ,2):'-'}}</text>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</scroll-view>
<view class="noDataBox" :style="{height: 'calc(100vh - 360px)'}" v-else>
<image class="typeImg" src="https://eshangtech.com/ShopICO/ahyd-BID/commercial/noData.svg"></image>
<text class="noDataText">暂无数据</text>
</view> </view>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
import request from '@/util/index.js'
export default { export default {
name:'detail', name:'detail',
data(){ data(){
@ -201,21 +210,100 @@ export default {
endData:'', endData:'',
sortName:3, // 1 2 3 sortName:3, // 1 2 3
sortType:1, // 0 1 sortType:1, // 0 1
currentSwiper:0 currentSwiper:0,
swiperList:[],//
pageData:{},//
dataList:[],//
businessType:{},
settlementModes:{},
currentObj:{}
} }
}, },
onLoad(){ async onLoad(query){
this.menu = uni.getMenuButtonBoundingClientRect() this.menu = uni.getMenuButtonBoundingClientRect()
let lastDay = uni.getStorageSync('lastDay') let lastDay = ''
const endDate = uni.getStorageSync('lastDay')
if (query.selectTime){
lastDay = query.selectTime
}else{
lastDay = uni.getStorageSync('lastDay')
}
const date = new Date(lastDay) const date = new Date(lastDay)
let y = date.getFullYear() let y = date.getFullYear()
let m = date.getMonth() + 1 let m = date.getMonth() + 1
this.single = `${y}-${m<10?'0'+m :m}` this.single = `${y}-${m<10?'0'+m :m}`
this.endData = lastDay this.endData = endDate
console.log('query',query)
let list = []
if (query.list){
list = JSON.parse(query.list)
console.log('list',list)
this.swiperList = list
}
let currentObj = {}
if (query.currentItem){
currentObj = JSON.parse(query.currentItem)
this.currentObj = currentObj
console.log('currentObj',currentObj)
}
list.forEach((item,index)=>{
if (item.MerchantId===currentObj.MerchantId){
this.currentSwiper = index
}
})
this.businessType = await this.handleGetField('BUSINESS_TYPE')
this.settlementModes = await this.handleGetField('SETTLEMENT_MODES')
this.handleGetDetail(currentObj.MerchantId)
console.log('this.businessType',this.businessType)
console.log('this.settlementModes',this.settlementModes)
}, },
methods:{ methods:{
//
async handleGetField(name){
const data = await request.$webGet('EShangApiMain/FrameWork/GetFieldEnumByField', { FieldExplainField: name, sessionName: name })
let list = data.Result_Data.List
let obj = {}
list.forEach(item=>{
obj[item.value] = item.label
})
console.log('obj',obj)
return obj
},
//
async handleGetDetail(id){
uni.showLoading({
title: '正在加载...'
})
const date = new Date(this.single)
let y = date.getFullYear()
let m = date.getMonth() + 1
if (m<10){
m = '0' + m
}
const req = {
StatisticsMonth:`${y}${m}`,
MerchantId:id,
SortStr:`${this.sortName===1?'SubRoyaltyPrice':this.sortName===2?'SubRoyaltyTheory':this.sortName===3?'ReceivableAmount':''}${this.sortType===1?' desc':''}`
}
const data = await request.$webGet('CommercialApi/Contract/GetMerchantAccountDetail',req)
this.pageData = data.Result_Data
let list = data.Result_Data.ProjectDetailList
list.forEach(item=>{
item.showChild = false
})
this.dataList = list
console.log('pageData',this.pageData)
console.log('dataList',this.dataList)
uni.hideLoading()
},
bindDateChange(e){ bindDateChange(e){
this.swiperList = []
this.dataList = []
this.$forceUpdate()
this.single = e.detail.value this.single = e.detail.value
this.handleGetSwiperList()
this.handleGetDetail(this.currentObj.MerchantId)
}, },
// //
handleBack(){ handleBack(){
@ -234,14 +322,45 @@ export default {
this.sortName = value this.sortName = value
this.sortType=1 this.sortType=1
} }
this.handleGetDetail(this.currentObj.MerchantId)
}, },
changeSwiper(e){ changeSwiper(e){
console.log('e',e) console.log('echangeSwiper',e)
this.dataList = []
this.currentObj = this.swiperList[Number(e.detail.current)]
this.handleGetDetail(this.currentObj.MerchantId)
}, },
// //
handleExpand(){ handleExpand(obj){
console.log('obj',obj)
this.dataList.forEach(item=>{
if (item.ServerpartId===obj.ServerpartId){
item.showChild = !item.showChild
} }
})
this.$forceUpdate()
},
//
handleGetSwiperList(){
uni.showLoading({
title: '正在加载...'
})
const date = new Date(this.single)
let y = date.getFullYear()
let m = date.getMonth() + 1
if (m<10){
m = '0' + m
}
const req = {
StatisticsMonth:`${y}${m}`,
SortStr:`ReceivableAmount desc`
}
request.$webGet('CommercialApi/Contract/GetMerchantAccountSplit',req).then(res=>{
this.swiperList = res.Result_Data.MerchantAccountList
uni.hideLoading()
console.log('this.swiperList',this.swiperList)
})
},
} }
} }
</script> </script>
@ -403,11 +522,12 @@ export default {
line-height: 36rpx; line-height: 36rpx;
} }
.itemValue{ .itemValue{
font-size: 28rpx; font-size: 24rpx;
font-family: DINAlternate, DINAlternate; font-family: DINAlternate, DINAlternate;
font-weight: bold; font-weight: bold;
color: #160002; color: #160002;
line-height: 32rpx; line-height: 32rpx;
letter-spacing: -0.5px;
} }
} }
} }
@ -627,11 +747,12 @@ export default {
} }
} }
.bottomValue{ .bottomValue{
font-size: 28rpx; font-size: 24rpx;
font-family: DINAlternate, DINAlternate; font-family: DINAlternate, DINAlternate;
font-weight: bold; font-weight: bold;
color: #160002; color: #160002;
line-height: 32rpx; line-height: 32rpx;
letter-spacing: -0.5px;
} }
} }
} }
@ -643,6 +764,7 @@ export default {
width: 100%; width: 100%;
margin-top: 46rpx; margin-top: 46rpx;
.smallItem{ .smallItem{
margin-top: 40rpx;
.smallItemTop{ .smallItemTop{
display: flex; display: flex;
align-items: center; align-items: center;
@ -703,6 +825,8 @@ export default {
align-items: center; align-items: center;
.otherItem{ .otherItem{
width: calc(100% / 3); width: calc(100% / 3);
display: flex;
flex-direction: column;
.otherLabel{ .otherLabel{
font-size: 24rpx; font-size: 24rpx;
font-family: PingFangSC, PingFang SC; font-family: PingFangSC, PingFang SC;
@ -719,7 +843,7 @@ export default {
} }
} }
.otherValue{ .otherValue{
font-size: 28rpx; font-size: 24rpx;
font-family: DINAlternate, DINAlternate; font-family: DINAlternate, DINAlternate;
font-weight: bold; font-weight: bold;
color: #160002; color: #160002;
@ -731,6 +855,26 @@ export default {
} }
} }
} }
.noDataBox{
width: 100%;
margin-top: 24rpx;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
.typeImg{
width: 80px;
height: 80px;
margin-bottom: 15px;
}
.noDataText{
font-size: 28rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #6C737A;
line-height: 40rpx;
}
}
} }
} }
</style> </style>

View File

@ -25,7 +25,7 @@
<text class="itemTitle">商家到账<text class="itemUnit">/</text></text> <text class="itemTitle">商家到账<text class="itemUnit">/</text></text>
<image class="noticeIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/noticeIcon.svg"/> <image class="noticeIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/noticeIcon.svg"/>
</view> </view>
<text class="itemRight">1,005,164.28</text> <text class="itemRight">{{pageData && pageData.SubRoyaltyPrice?$util.fmoney(pageData.SubRoyaltyPrice,2):'-'}}</text>
</view> </view>
<view class="entryItem"> <view class="entryItem">
@ -34,7 +34,7 @@
<text class="itemTitle">商家入账<text class="itemUnit">/</text></text> <text class="itemTitle">商家入账<text class="itemUnit">/</text></text>
<image class="noticeIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/noticeIcon.svg"/> <image class="noticeIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/noticeIcon.svg"/>
</view> </view>
<text class="itemRight">1,005,164.28</text> <text class="itemRight">{{pageData && pageData.SubRoyaltyTheory?$util.fmoney(pageData.SubRoyaltyTheory,2):'-'}}</text>
</view> </view>
<view class="entryItem"> <view class="entryItem">
@ -43,7 +43,7 @@
<text class="itemTitle">商家应缴<text class="itemUnit">/</text></text> <text class="itemTitle">商家应缴<text class="itemUnit">/</text></text>
<image class="noticeIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/noticeIcon.svg"/> <image class="noticeIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/noticeIcon.svg"/>
</view> </view>
<text class="itemRight">1,005,164.28</text> <text class="itemRight">{{pageData && pageData.ReceivableAmount?$util.fmoney(pageData.ReceivableAmount,2):'-'}}</text>
</view> </view>
</view> </view>
</view> </view>
@ -78,8 +78,8 @@
</view> </view>
</view> </view>
<view class="listBox"> <scroll-view :style="{height: 'calc(100vh - 360px)'}" :show-scrollbar="false" scroll-y="true" class="listBox" v-if="dataList && dataList.length>0">
<view class="listItem" v-for="(item,index) in 8"> <view class="listItem" v-for="(item,index) in dataList" :key="index" @click="handleGoDetail(item)">
<view class="typeBox">商家</view> <view class="typeBox">商家</view>
<view class="itemTop"> <view class="itemTop">
<view class="itemLeft"> <view class="itemLeft">
@ -87,12 +87,12 @@
</view> </view>
<view class="itemRight"> <view class="itemRight">
<view class="rightTitleBox" @click="handleGoDetail(item)"> <view class="rightTitleBox">
<text class="title">合肥好顺坊餐饮管理有限公司</text> <text class="title">{{item.MerchantName}}</text>
<image class="goMore" src="https://eshangtech.com/ShopICO/ahyd-BID/merchantAccount/goMore.svg"/> <image class="goMore" src="https://eshangtech.com/ShopICO/ahyd-BID/merchantAccount/goMore.svg"/>
</view> </view>
<view style="display: inline-block"> <view style="display: inline-block">
<view class="numberProject">6 个项目</view> <view class="numberProject">{{`${item.ProjectCount}个项目`}}</view>
</view> </view>
</view> </view>
</view> </view>
@ -101,25 +101,30 @@
<view class="moneyBox"> <view class="moneyBox">
<view class="moneyItem"> <view class="moneyItem">
<text class="itemLabel">到账 /</text> <text class="itemLabel">到账 /</text>
<text class="itemValue">79.435,54</text> <text class="itemValue">{{item.SubRoyaltyPrice?$util.fmoney(item.SubRoyaltyPrice,2):'-'}}</text>
</view> </view>
<view class="moneyItem"> <view class="moneyItem">
<text class="itemLabel">入账 /</text> <text class="itemLabel">入账 /</text>
<text class="itemValue">79.435,54</text> <text class="itemValue">{{item.SubRoyaltyTheory?$util.fmoney(item.SubRoyaltyTheory,2):'-'}}</text>
</view> </view>
<view class="moneyItem"> <view class="moneyItem">
<text class="itemLabel">应缴 /</text> <text class="itemLabel">应缴 /</text>
<text class="itemValue">79.435,54</text> <text class="itemValue">{{item.ReceivableAmount ?$util.fmoney(item.ReceivableAmount ,2):'-'}}</text>
</view> </view>
</view> </view>
</view> </view>
</scroll-view>
<view class="noDataBox" :style="{height: 'calc(100vh - 360px)'}" v-else>
<image class="typeImg" src="https://eshangtech.com/ShopICO/ahyd-BID/commercial/noData.svg"></image>
<text class="noDataText">暂无数据</text>
</view> </view>
</div> </div>
</view> </view>
</template> </template>
<script> <script>
import request from '@/util/index.js'
export default { export default {
name: "index", name: "index",
data(){ data(){
@ -130,6 +135,8 @@ export default {
endData:'', endData:'',
sortName:3, // 1 2 3 sortName:3, // 1 2 3
sortType:1, // 0 1 sortType:1, // 0 1
pageData:{},//
dataList:[],//
} }
}, },
onLoad(){ onLoad(){
@ -140,11 +147,39 @@ export default {
let m = date.getMonth() + 1 let m = date.getMonth() + 1
this.single = `${y}-${m<10?'0'+m :m}` this.single = `${y}-${m<10?'0'+m :m}`
this.endData = lastDay this.endData = lastDay
this.handleGetPageData()
}, },
methods:{ methods:{
//
handleGetPageData(){
uni.showLoading({
title: '正在加载...'
})
const date = new Date(this.single)
let y = date.getFullYear()
let m = date.getMonth() + 1
if (m<10){
m = '0' + m
}
const req = {
StatisticsMonth:`${y}${m}`,
SortStr:`${this.sortName===1?'SubRoyaltyPrice':this.sortName===2?'SubRoyaltyTheory':this.sortName===3?'ReceivableAmount':''}${this.sortType===1?' desc':''}`
}
request.$webGet('CommercialApi/Contract/GetMerchantAccountSplit',req).then(res=>{
this.pageData = res.Result_Data
this.dataList = res.Result_Data.MerchantAccountList
uni.hideLoading()
console.log('this.pageData',this.pageData)
})
},
// //
bindDateChange(e){ bindDateChange(e){
this.pageData = null
this.dataList = []
console.log('dataList',this.dataList)
this.$forceUpdate()
this.single = e.detail.value this.single = e.detail.value
this.handleGetPageData()
}, },
// //
handleBack(){ handleBack(){
@ -164,11 +199,13 @@ export default {
this.sortName = value this.sortName = value
this.sortType=1 this.sortType=1
} }
this.handleGetPageData()
}, },
// //
handleGoDetail(obj){ handleGoDetail(obj){
console.log('obj',obj)
uni.navigateTo({ uni.navigateTo({
url: '/pages/merchantAccount/detail' url: `/pages/merchantAccount/detail?list=${JSON.stringify(this.dataList)}&currentItem=${JSON.stringify(obj)}&selectTime=${this.single}`
}) })
} }
} }
@ -298,6 +335,7 @@ export default {
} }
.merchantData{ .merchantData{
width: calc(100% - 64rpx); width: calc(100% - 64rpx);
height: calc(100vh - 300px);
margin-left: 32rpx; margin-left: 32rpx;
box-sizing: border-box; box-sizing: border-box;
padding: 24rpx; padding: 24rpx;
@ -443,16 +481,37 @@ export default {
margin-bottom: 4rpx; margin-bottom: 4rpx;
} }
.itemValue{ .itemValue{
font-size: 28rpx; font-size: 24rpx;
font-family: DINAlternate, DINAlternate; font-family: DINAlternate, DINAlternate;
font-weight: bold; font-weight: bold;
color: #160002; color: #160002;
line-height: 32rpx; line-height: 32rpx;
letter-spacing: -0.5px;
} }
} }
} }
} }
} }
.noDataBox{
width: 100%;
margin-top: 24rpx;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
.typeImg{
width: 80px;
height: 80px;
margin-bottom: 15px;
}
.noDataText{
font-size: 28rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #6C737A;
line-height: 40rpx;
}
}
} }
} }
</style> </style>