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

Compare commits

base: ylj:f82ab7bb6a69c11b46328cedd8d0af7bedc00c0a
Branches Tags
ylj:main
..
compare: ylj:431d95645b2283b3858d5abe6df8f88c1a1ce21d
Branches Tags
ylj:main

No commits in common. "f82ab7bb6a69c11b46328cedd8d0af7bedc00c0a" and "431d95645b2283b3858d5abe6df8f88c1a1ce21d" have entirely different histories.
f82ab7bb6a ... 431d95645b

11 changed files with 1108 additions and 3021 deletions
Show Stats Expand all files Collapse all files

94
common/utils.js
View File

@ -65,7 +65,7 @@ import request from '@/util/index.js'
// }
const netChange = () => {
uni.onNetworkStatusChange(function (res) {
uni.onNetworkStatusChange(function(res) {
// console.log(res.isConnected)
store.mutations.isConnect(res.isConnected)
if (!res.isConnected) {
@ -187,25 +187,25 @@ function addUserBehaviorNew(obj) {
}
obj.visitChannels = store.state.visitChannels
let userDate = store.state.userData
console.log('userDate123', userDate)
console.log('userDate123',userDate)
let baseInfo = uni.getStorageSync('userInfo')
let req = {
userName: userDate.UserName,
phoneNumber: userDate.Membership_Phone,
userId: userDate.UserId ? userDate.UserId : '',
wechatAppId: 'wxa99ef047735c031e',
intoRoute: obj.intoRoute,
outtoRoute: obj.outtoRoute,
visitChannels: obj.visitChannels,
behaviorRecordDesc: '',
userName:userDate.UserName,
phoneNumber:userDate.Membership_Phone,
userId:userDate.UserId ? userDate.UserId:'',
wechatAppId:'wxa99ef047735c031e',
intoRoute:obj.intoRoute,
outtoRoute:obj.outtoRoute,
visitChannels:obj.visitChannels,
behaviorRecordDesc:'',
LoginIP: baseInfo.ip || '',
LoginPlace: (baseInfo.prov ? baseInfo.prov : '') + (baseInfo.prov && baseInfo.city ? '-' : '') + (baseInfo.city ? baseInfo.city : ''),
LoginPlace: (baseInfo.prov ? baseInfo.prov : '' ) + (baseInfo.prov && baseInfo.city ? '-' : '') + (baseInfo.city ? baseInfo.city : ''),
SOURCE_PLATFORM: '驿行畅旅'
}
console.log('req', req)
request.$webGet('CommercialApi/UserBehavior/AddUserBehavior', req).then(() => {
console.log('req',req)
request.$webGet('CommercialApi/UserBehavior/AddUserBehavior',req).then(() => {
})
}
@ -232,7 +232,7 @@ async function getFieldEnumByField(params) {
}
// 不四舍五入 保留两位小数的金额化方法
function getMoney(money) {
function getMoney(money){
if (!money || isNaN(money)) return "0.00";
let num = parseFloat(money + '') + '';
num = parseInt(money * 100 + '') / 100 + ''
@ -255,32 +255,32 @@ function getMoney(money) {
return num;
}
function getMoneyTest(money) {
console.log('money', money)
function getMoneyTest(money){
console.log('money',money)
if (!money || isNaN(money)) return "0.00";
let realMoney = 0
if (money.toString().indexOf('.') > 0) {
if(money.toString().indexOf('.')>0){
let num_per = money.toString().substring(0, money.toString().indexOf('.'))
let num_next = money.toString().substring(money.toString().indexOf('.') + 1).padEnd(2, '0')
console.log('num_per', num_per)
console.log('num_next', num_next)
console.log('num_per',num_per)
console.log('num_next',num_next)
realMoney = Number(num_per + '.' + num_next).toFixed(2)
} else {
}else{
realMoney = money
}
console.log('realMoney', realMoney)
console.log('realMoney',realMoney)
let num = realMoney
// let num = parseFloat(realMoney + '') + '';
// let num = parseFloat(realMoney + '') + '';
// num = (parseInt(realMoney * 100 + '') / 100).toFixed(2) + ''
console.log('num', num)
console.log('num',num)
let reg = /(-?\d+)(\d{3})/;
while (reg.test(num)) {
num = num.replace(reg, "$1,$2");
}
let idx = num.indexOf('.')
console.log('idx', idx)
console.log('idx',idx)
if (idx === -1) {
num = num + '.00'
}
@ -289,8 +289,8 @@ function getMoneyTest(money) {
let num_per = num.substring(0, idx) + '.'
let num_next = num.substring(idx + 1).padEnd(2, '0')
console.log('num_per', num_per)
console.log('num_next', num_next)
console.log('num_per',num_per)
console.log('num_next',num_next)
num = num_per + num_next
}
@ -305,45 +305,6 @@ function playVideo(opt) {
return new EZUIPlayer(opt)
}
// 得到这个月有多少天
function getThisMonthDay(value) {
let date = new Date(value)
let y = date.getFullYear()
let m = date.getMonth() + 1
let howDay;
let flag = false
if (y % 4 === 0 && y % 100 !== 0 || y % 400 === 0) {
flag = true
}
switch (m) {
case 1:
case 3:
case 5:
case 7:
case 8:
case 10:
case 12:
howDay = 31
break
case 4:
case 6:
case 9:
case 11:
howDay = 30
break
case 2:
if (flag) {
howDay = 29
} else {
howDay = 28
}
break
}
return howDay
}
export default {
netChange,
cutDate,
@ -357,6 +318,5 @@ export default {
getFieldEnumByField, // 获取枚举参数
// calculateDistance,
// bMapToQQMap,
playVideo,
getThisMonthDay
playVideo
}

1332
pages/everdayRenven/AnhuiIndex.vue
View File

File diff suppressed because it is too large Load Diff

514
pages/everdayRenven/AnhuiServerpart.vue
View File

@ -1,7 +1,7 @@
<template>
<view :class="'province-theme-' + currentProvinceCode" scroll-with-animation v-if="showPage">
<view class="page-body page-enter">
<div class="box-card card-enter" :style="'opacity:' + (1 - opacity) + ';'">
<view class="page-body">
<div class="box-card" :style="'opacity:' + (1 - opacity) + ';'">
<div class="box-top-title">
<span class="box-center-title">{{ sMsg.serverpartname }}</span>
<picker mode="date" @change="bindDateChange" :value="theRequest && theRequest.time" :start="startTime"
@ -10,7 +10,7 @@
</picker>
</div>
<view class="top-card data-card-enter">
<view class="top-card">
<div class="box-center-box">
<div class="uni-flex ai-center jc-between" style="margin-bottom: 8rpx;">
<div class="main-amount-title">对客营收(元)</div>
@ -36,37 +36,37 @@
</div>
<div class="uni-flex jc-between box-center-box">
<div class="check-unit metric-enter">
<div class="check-unit">
<text>长款金额</text>
<div class="check-price-color">{{ $util.fmoney(sMsg.diffMorePrice, 2) }} <text>元</text></div>
</div>
<div class="check-unit metric-enter">
<div class="check-unit">
<text>短款金额</text>
<div class="check-price-color">{{ $util.fmoney(sMsg.diffLessPrice, 2) }} <text>元</text></div>
</div>
<div class="check-unit metric-enter">
<div class="check-unit">
<text>客单交易</text>
<div class="check-price-color">{{ $util.fmoney(sMsg.ticketCount, 0) }} <text>笔</text></div>
</div>
<div class="check-unit metric-enter">
<div class="check-unit">
<text>客单均价</text>
<div class="check-price-color">{{ $util.fmoney(sMsg.tickave, 2) }} <text>元</text></div>
</div>
</div>
<div class="uni-flex jc-between box-center-box mt8">
<div class="check-unit metric-enter">
<div class="check-unit">
<text>优惠金额</text>
<div class="check-price-color">{{ $util.fmoney(sMsg.totalOffAmount, 2) }} <text>元</text></div>
</div>
<div class="check-unit metric-enter">
<div class="check-unit">
<text>移动支付</text>
<div class="check-price-color">{{ $util.fmoney(sMsg.mobilePayment, 2) }} <text>元</text></div>
</div>
<div class="check-unit metric-enter">
<div class="check-unit">
<text>商品出售</text>
<div class="check-price-color">{{ $util.fmoney(sMsg.totalCount, 0) }} <text>件</text></div>
</div>
<div class="check-unit metric-enter">
<div class="check-unit">
<text>商品均价</text>
<div class="check-price-color">{{ $util.fmoney(sMsg.countave, 2) }} <text>元</text></div>
</div>
@ -82,11 +82,11 @@
<template v-if="cateBrandList.length">
<template v-if="theRequest.ProvinceCode == '340000'">
<view class="uni-flex ai-center analysis-tabs tabs-enter">
<view class="uni-flex ai-center analysis-tabs">
<!-- <view @tap="changeTab(3)" class="tab" :class="{'active': nowTab==3}">经营模式</view> -->
<view @tap="changeTab(4)" class="tab tab-slide" :class="{ 'active': nowTab == 4 }">车流分析</view>
<view @tap="changeTab(1)" class="tab tab-slide" :class="{ 'active': nowTab == 1 }">经营分析</view>
<view @tap="changeTab(2)" class="tab tab-slide" :class="{ 'active': nowTab == 2 }">客群分析</view>
<view @tap="changeTab(4)" class="tab" :class="{ 'active': nowTab == 4 }">车流分析</view>
<view @tap="changeTab(1)" class="tab" :class="{ 'active': nowTab == 1 }">经营分析</view>
<view @tap="changeTab(2)" class="tab" :class="{ 'active': nowTab == 2 }">客群分析</view>
</view>
<!-- <view class="pie-content" v-show="nowTab==3">
@ -98,53 +98,54 @@
</view> -->
</template>
<!-- 经营分析内容 -->
<view v-show="nowTab == 1">
<!-- 安徽省 -->
<div class="pie-content">
<div class="model-busniess">经营业态占比</div>
<ServiceRevenuePie ref="serviceRevenuePie" v-show="ServiceRevenueData && ServiceRevenueData.length >= 2"
<ServiceRevenuePie ref="serviceRevenuePie" v-if="ServiceRevenueData.length == 2 && nowTab == 1"
:data="ServiceRevenueData" @selectCate="selectCate" />
<!-- 其余省份 -->
<!-- <canvas v-else-if="sellData.length>0" canvas-id="sellCate" id="sellCate" class="operation-cate-content" @click="touchPie($event,'sellCate')"></canvas> -->
<div class="model-busniess progress-section-enter">
<div class="model-busniess">
<div>经营模式占比</div>
<div class="progress-content">
<div class="progress-left" :style="'width: ' + operationModel[0].bili + '%;'"></div>
<div class="progress-right" :style="'width: ' + operationModel[1].bili + '%;'"></div>
</div>
<div class="uni-flex jc-between">
<div style="color: #667ED5;">{{ operationModel[0].name }}: <span style="font-size: 32rpx;">{{
operationModel[0].bili }}</span>%</div>
<div style="color: #F3AF50;" v-if="operationModel[1].name">{{ operationModel[1].name }}:
<span style="font-size: 32rpx;">{{ operationModel[1].bili }}</span>%
<div style="color: #667ED5;font-size: 26rpx;">{{ operationModel[0].name }}: <span
style="font-size: 26rpx;">{{
operationModel[0].bili }}</span>%</div>
<div style="color: #F3AF50;font-size: 26rpx;" v-if="operationModel[1].name">{{ operationModel[1].name
}}:
<span style="font-size: 26rpx;">{{ operationModel[1].bili }}</span>%
</div>
</div>
<div class="uni-flex jc-between">
<div style="margin-bottom: 0;"><span style="font-size: 32rpx;">{{ operationModel[0].data
}}</span>元
<div style="margin-bottom: 0;font-size: 24rpx;"><span style="font-size: 26rpx;">{{
operationModel[0].data
}}</span>元
</div>
<div style="margin-bottom: 0;" v-if="operationModel[1].data"><span style="font-size: 32rpx;">{{
operationModel[1].data
<div style="margin-bottom: 0;font-size: 24rpx;" v-if="operationModel[1].data"><span
style="font-size: 26rpx;">{{
operationModel[1].data
}}</span>元
</div>
</div>
</div>
</div>
<!-- 品牌列表 -->
<div class="shop-box brand-list-enter">
<scroll-view scroll-x class="tab-shop tab-shop-slide" scroll-with-animation :scroll-left="scrollLeft">
<div v-for="(n, i) in cateBrandList" :key="i" :id="`tabNum${i}`" class="cate-name brand-tab-stagger"
:class="{ 'active': nowShop == i }" @click="selectCate(i)"
:style="'animation-delay: ' + (i * 0.05) + 's'">{{
n.Bussiness_Name }}</div>
<div class="shop-box">
<scroll-view scroll-x class="tab-shop" scroll-with-animation :scroll-left="scrollLeft">
<div v-for="(n, i) in cateBrandList" :key="i" :id="`tabNum${i}`" class="cate-name"
:class="{ 'active': nowShop == i }" @click="selectCate(i)">{{ n.Bussiness_Name }}</div>
</scroll-view>
<div class="tab-content brand-cards-container" v-if="cateBrandList.length">
<div class="shop-card brand-card-stagger" v-for="(m, i) in cateBrandList[nowShop].listBrandModel" :key="i"
@click="toBrandPage(m, i)" :style="'animation-delay: ' + (i * 0.08) + 's'">
<div class="brand-icon-wrapper">
<image v-if="m.Brand_ICO" :src="m.Brand_ICO" mode="aspectFit" class="brand-icon"></image>
<image v-else src="/static/images/revenue/home.png" mode="aspectFit" class="brand-icon"></image>
<div class="tab-content" v-if="cateBrandList.length">
<div class="shop-card" v-for="(m, i) in cateBrandList[nowShop].listBrandModel" :key="i"
@click="toBrandPage(m, i)">
<div>
<image v-if="m.Brand_ICO" :src="m.Brand_ICO" mode="aspectFit"></image>
<image v-else src="/static/images/revenue/home.png" mode="aspectFit"></image>
</div>
<div class="shop-name">{{ m.Brand_Name }}</div>
<div class="price-num">¥ {{ m.Revenue_Amount ? $util.fmoney(m.Revenue_Amount, 2) : '0.00' }}
@ -154,10 +155,10 @@
</div>
</view>
<view class="tab-content-fade" v-show="nowTab == 2">
<view class="" v-show="nowTab == 2">
<CustomerAnalysis ref="customerAna" :show="nowTab == 2" />
</view>
<view class="tab-content-fade" v-show="nowTab == 4">
<view class="" v-show="nowTab == 4">
<CarAnalysis ref="carAna" :show="nowTab == 4" />
</view>
@ -319,7 +320,8 @@ export default {
let d = date.getDate() - 1
if (d - 8 < 0) {
let num = 8 - d
let changeMonth = m - 1
m = m - 1
let changeMonth = m
if (changeMonth < 10) {
changeMonth = '0' + changeMonth
}
@ -336,13 +338,8 @@ export default {
day = d - 8
startTime = `${y}-${m}-${day}`
}
console.log('mmm', m);
this.startTime = startTime
this.endTime = `${y}-${m}-${d}`
console.log('this.startTimethis.startTime', this.startTime);
console.log('this.startTimethis.endTime', this.endTime);
},
@ -371,6 +368,7 @@ export default {
changeTab(value) {
this.nowTab = value
if (value == 2) {
let opt = this.theRequest
const params = {
serverpartId: opt.ServerpartIds,
@ -482,15 +480,8 @@ export default {
let colors1 = ['#FFAC37', '#d8ece9', '#e0e3f7', '#f7f5f6', '#b2b7e3'];
let list = []
let list2 = []
// 检查数据有效性
if (!_this.pageData || !_this.pageData.listBusinessModel) {
console.warn('pageData 或 listBusinessModel 无效')
return
}
_this.pageData.listBusinessModel.map((m, i) => {
if (m.Revenue_Amount && m.Revenue_Amount != 0) {
if (m.Revenue_Amount != 0) {
let n = {
name: m.Bussiness_Name,
data: m.Revenue_Amount
@ -515,43 +506,24 @@ export default {
}
})
// 构建完整的数据数组
let fullServiceRevenueData = []
// 添加第一层数据
if (list2.length > 0) {
fullServiceRevenueData.push(list2)
_this.ServiceRevenueData.push(list2)
_this.sellData = list
console.log('第一层数据准备:', list2)
}
// 添加第二层数据
}
if (_this.pageData.listCurBusinessModel && _this.pageData.listCurBusinessModel.length > 0) {
let list3 = []
let list = []
_this.pageData.listCurBusinessModel.map(m => {
if (m.Revenue_Amount && m.Revenue_Amount != 0) {
if (m.Revenue_Amount != 0) {
let n = {
name: m.Bussiness_Name,
value: m.Revenue_Amount
}
list3.push(n)
list.push(n)
}
})
if (list3.length > 0) {
fullServiceRevenueData.push(list3)
console.log('第二层数据准备:', list3)
}
_this.ServiceRevenueData.push(list)
}
// 一次性设置完整数据，确保响应式更新
if (fullServiceRevenueData.length > 0) {
_this.$set(_this, 'ServiceRevenueData', fullServiceRevenueData)
console.log('operationFn设置完整数据:', fullServiceRevenueData)
}
console.log('最终 ServiceRevenueData:', _this.ServiceRevenueData)
if (list.length > 0) {
_this.showPie({
id: 'sellCate',
@ -698,7 +670,7 @@ export default {
_this.pageData = res.Result_Data
if (res.Result_Data.listBusinessModel) {
let list = JSON.parse(JSON.stringify(res.Result_Data.listBusinessModel))
console.log('获取到业务数据:', list)
console.log('list', list)
if (list.length > 0) {
let all = {
Bussiness_Name: '全部',
@ -715,18 +687,12 @@ export default {
}
})
_this.cateBrandList = [all, ...list]
// 确保在数据设置后调用 operationFn
_this.$nextTick(() => {
_this.operationFn()
})
_this.operationFn()
return
}
return
}
// 没有数据时清空相关数据
_this.cateBrandList = []
_this.$set(_this, 'ServiceRevenueData', [])
})
},
// 获取头部卡片 展示信息
@ -761,11 +727,8 @@ export default {
colors: colors1,
});
// 经营业态
if (busniessTradeFathPie && busniessTradeFathPie.length > 0 && busniessTradePie && busniessTradePie.length > 0) {
this.$set(this, 'ServiceRevenueData', [busniessTradeFathPie, busniessTradePie])
} else {
this.$set(this, 'ServiceRevenueData', [])
}
// this.ServiceRevenueData = []
this.ServiceRevenueData = [busniessTradeFathPie, busniessTradePie]
if (totalData.uploadCount !== totalData.totalUploadCount) {
this.getUnUpLoadShops(theRequest)
@ -1513,6 +1476,7 @@ cover-view.page-title {
padding: 8rpx 24rpx;
background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
border-radius: 12rpx;
font-size: 28rpx;
border: 1rpx solid #f0f0f0;
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
}
@ -1543,370 +1507,4 @@ cover-view.page-title {
background: linear-gradient(90deg, #ff9f43, #ffb84d);
border-radius: 0 6rpx 6rpx 0;
}
/* 动画效果 - UniApp微信小程序兼容版本 */
/* 页面入场动画 */
@keyframes pageEnter {
0% {
opacity: 0;
transform: translateY(50rpx);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.page-enter {
animation: pageEnter 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
/* 卡片入场动画 */
@keyframes cardEnter {
0% {
opacity: 0;
transform: translateY(30rpx) scale(0.95);
}
100% {
opacity: 1;
transform: translateY(0) scale(1);
}
}
.card-enter {
animation: cardEnter 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s forwards;
opacity: 0;
}
/* 数据卡片动画 */
@keyframes dataCardEnter {
0% {
opacity: 0;
transform: translateY(20rpx);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.data-card-enter {
animation: dataCardEnter 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s forwards;
opacity: 0;
}
/* 指标动画 */
@keyframes metricEnter {
0% {
opacity: 0;
transform: translateY(15rpx);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.metric-enter:nth-child(1) {
animation: metricEnter 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s forwards;
opacity: 0;
}
.metric-enter:nth-child(2) {
animation: metricEnter 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s forwards;
opacity: 0;
}
.metric-enter:nth-child(3) {
animation: metricEnter 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s forwards;
opacity: 0;
}
.metric-enter:nth-child(4) {
animation: metricEnter 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s forwards;
opacity: 0;
}
/* Tab标签页动画 */
@keyframes tabsEnter {
0% {
opacity: 0;
transform: translateY(20rpx);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.tabs-enter {
animation: tabsEnter 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s forwards;
opacity: 0;
}
@keyframes tabSlide {
0% {
opacity: 0;
transform: translateX(-20rpx);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.tab-slide:nth-child(1) {
animation: tabSlide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s forwards;
opacity: 0;
}
.tab-slide:nth-child(2) {
animation: tabSlide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s forwards;
opacity: 0;
}
.tab-slide:nth-child(3) {
animation: tabSlide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s forwards;
opacity: 0;
}
/* Tab内容淡入动画 */
@keyframes tabContentFade {
0% {
opacity: 0;
transform: translateY(10rpx);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.tab-content-fade {
animation: tabContentFade 0.4s ease-out forwards;
}
/* 图表容器动画 */
@keyframes chartContainerEnter {
0% {
opacity: 0;
transform: translateY(30rpx) scale(0.98);
}
100% {
opacity: 1;
transform: translateY(0) scale(1);
}
}
.chart-container-enter {
animation: chartContainerEnter 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s forwards;
opacity: 0;
}
/* 标题滑入动画 */
@keyframes titleSlideIn {
0% {
opacity: 0;
transform: translateX(-30rpx);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.title-slide-in {
animation: titleSlideIn 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s forwards;
opacity: 0;
}
/* 进度条区域动画 */
@keyframes progressSectionEnter {
0% {
opacity: 0;
transform: translateY(20rpx);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.progress-section-enter {
animation: progressSectionEnter 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s forwards;
opacity: 0;
}
/* 品牌列表动画 */
@keyframes brandListEnter {
0% {
opacity: 0;
transform: translateY(25rpx);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.brand-list-enter {
animation: brandListEnter 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.9s forwards;
opacity: 0;
}
/* 品牌卡片错列动画 */
@keyframes brandCardStagger {
0% {
opacity: 0;
transform: translateY(20rpx) scale(0.95);
}
100% {
opacity: 1;
transform: translateY(0) scale(1);
}
}
.brand-card-stagger {
animation: brandCardStagger 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s forwards;
opacity: 0;
}
/* 交互反馈动画 */
.tab-slide:active,
.brand-card-stagger:active {
transform: scale(0.98);
transition: transform 0.1s ease-out;
}
/* 图表加载状态 */
.chart-loading {
display: flex;
justify-content: center;
align-items: center;
height: 300rpx;
color: #999;
font-size: 28rpx;
}
/* 品牌标签页动画 */
@keyframes tabShopSlide {
0% {
opacity: 0;
transform: translateY(15rpx);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.tab-shop-slide {
animation: tabShopSlide 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.1s forwards;
opacity: 0;
}
/* 品牌标签错列动画 */
@keyframes brandTabStagger {
0% {
opacity: 0;
transform: translateX(-15rpx);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.brand-tab-stagger {
animation: brandTabStagger 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.2s forwards;
opacity: 0;
}
/* 品牌卡片容器动画 */
@keyframes brandCardsContainer {
0% {
opacity: 0;
transform: translateY(20rpx);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.brand-cards-container {
animation: brandCardsContainer 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.3s forwards;
opacity: 0;
}
/* 品牌图标包装器动画 */
@keyframes brandIconWrapper {
0% {
opacity: 0;
transform: scale(0.8) rotate(-5deg);
}
100% {
opacity: 1;
transform: scale(1) rotate(0deg);
}
}
.brand-icon-wrapper {
animation: brandIconWrapper 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
animation-delay: inherit;
}
.brand-icon {
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* 品牌卡片悬浮效果增强 */
.brand-card-stagger:active .brand-icon-wrapper {
transform: scale(0.9) rotate(2deg);
}
.brand-card-stagger:active .shop-name {
transform: translateY(2rpx);
}
.brand-card-stagger:active .price-num {
transform: scale(1.05);
}
/* 品牌标签活跃状态动画 */
.brand-tab-stagger.active {
animation: brandTabStagger 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards,
tabActivePulse 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s forwards;
}
@keyframes tabActivePulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.05);
}
100% {
transform: scale(1);
}
}
</style>

38
pages/everdayRenven/components/RankContent.vue
View File

@ -6,11 +6,11 @@
<view class="tab-icon">🏪</view>
<text class="tab-text">商超</text>
</view>
<view class="tab-item" @tap="selectTab(3000)" :class="{ 'active': nowRank == 3000 }">
<view class="tab-item" @tap="selectTab(2000)" :class="{ 'active': nowRank == 2000 }">
<view class="tab-icon">🍽️</view>
<text class="tab-text">餐饮</text>
</view>
<view class="tab-item" @tap="selectTab(2000)" :class="{ 'active': nowRank == 2000 }">
<view class="tab-item" @tap="selectTab(3000)" :class="{ 'active': nowRank == 3000 }">
<view class="tab-icon">🍿</view>
<text class="tab-text">小吃</text>
</view>
@ -85,7 +85,7 @@ export default {
/* 现代化选项卡 */
.ranking-tabs {
display: flex;
background: #f8f9fa;
background: #fff;
border-radius: 12rpx;
padding: 6rpx;
margin: 0 20rpx 24rpx;
@ -105,12 +105,12 @@ export default {
cursor: pointer;
&.active {
background: linear-gradient(135deg, #27B25F, #4CCC7F) !important;
box-shadow: 0 4rpx 12rpx rgba(39, 178, 95, 0.3) !important;
background: linear-gradient(135deg, #27B25F, #4CCC7F);
box-shadow: 0 4rpx 12rpx rgba(39, 178, 95, 0.3);
transform: translateY(-2rpx);
.tab-text {
color: #fff !important;
color: #fff;
font-weight: 600;
}
@ -260,7 +260,7 @@ export default {
}
.item-name {
font-size: 28rpx;
font-size: 24rpx;
color: #333;
font-weight: 600;
margin-bottom: 12rpx;
@ -338,8 +338,7 @@ export default {
/* 主题色支持 - 通过全局主题类控制 */
:global(.province-theme-330200) .tab-item.active {
background: linear-gradient(135deg, #1890FF, #69C0FF) !important;
box-shadow: 0 4rpx 12rpx rgba(24, 144, 255, 0.3) !important;
background: linear-gradient(135deg, #1890FF, #69C0FF);
.stat-value.sales-amount {
color: #1890FF;
@ -347,8 +346,7 @@ export default {
}
:global(.province-theme-340000) .tab-item.active {
background: linear-gradient(135deg, #748ED6, #91A7E3) !important;
box-shadow: 0 4rpx 12rpx rgba(116, 142, 214, 0.3) !important;
background: linear-gradient(135deg, #748ED6, #91A7E3);
.stat-value.sales-amount {
color: #748ED6;
@ -356,8 +354,7 @@ export default {
}
:global(.province-theme-500000) .tab-item.active {
background: linear-gradient(135deg, #FA541C, #FF7A45) !important;
box-shadow: 0 4rpx 12rpx rgba(250, 84, 28, 0.3) !important;
background: linear-gradient(135deg, #FA541C, #FF7A45);
.stat-value.sales-amount {
color: #FA541C;
@ -365,8 +362,7 @@ export default {
}
:global(.province-theme-510000) .tab-item.active {
background: linear-gradient(135deg, #FA8C16, #FFA940) !important;
box-shadow: 0 4rpx 12rpx rgba(250, 140, 22, 0.3) !important;
background: linear-gradient(135deg, #FA8C16, #FFA940);
.stat-value.sales-amount {
color: #FA8C16;
@ -374,8 +370,7 @@ export default {
}
:global(.province-theme-520000) .tab-item.active {
background: linear-gradient(135deg, #52C41A, #73D13D) !important;
box-shadow: 0 4rpx 12rpx rgba(82, 196, 26, 0.3) !important;
background: linear-gradient(135deg, #52C41A, #73D13D);
.stat-value.sales-amount {
color: #52C41A;
@ -383,8 +378,7 @@ export default {
}
:global(.province-theme-530000) .tab-item.active {
background: linear-gradient(135deg, #27B25F, #4CCC7F) !important;
box-shadow: 0 4rpx 12rpx rgba(39, 178, 95, 0.3) !important;
background: linear-gradient(135deg, #27B25F, #4CCC7F);
.stat-value.sales-amount {
color: #27B25F;
@ -392,8 +386,7 @@ export default {
}
:global(.province-theme-630000) .tab-item.active {
background: linear-gradient(135deg, #13C2C2, #36CFC9) !important;
box-shadow: 0 4rpx 12rpx rgba(19, 194, 194, 0.3) !important;
background: linear-gradient(135deg, #13C2C2, #36CFC9);
.stat-value.sales-amount {
color: #13C2C2;
@ -401,8 +394,7 @@ export default {
}
:global(.province-theme-734100) .tab-item.active {
background: linear-gradient(135deg, #E91E63, #F06292) !important;
box-shadow: 0 4rpx 12rpx rgba(233, 30, 99, 0.3) !important;
background: linear-gradient(135deg, #E91E63, #F06292);
.stat-value.sales-amount {
color: #E91E63;

244
pages/everdayRenven/components/anhuiYestodayRevenueData.js
View File

@ -1,6 +1,6 @@
import request from '@/util/index.js'
const methods = {
async getData(obj, isServerPartDetail) { // 获取远程数据
const methods = {
async getData(obj,isServerPartDetail) { // 获取远程数据
let _this = this
/* ts 数据类型声明
type serverpartRegion = {
@ -14,86 +14,64 @@ const methods = {
}
*/
// let regionList = [] // 营收上传列表 reginListModel[]
this.groupType = obj.GroupType
this.groupType = obj.GroupType
const requestParamas = {
Statistics_Date: obj.time,
Statistics_Month: obj.month,
Province_Code: obj.ProvinceCode,
pushProvinceCode: obj.ProvinceCode,
Statistics_Date: obj.time ,
Statistics_Month: obj.month ,
Province_Code: obj.ProvinceCode ,
pushProvinceCode: obj.ProvinceCode ,
Serverpart_ID: obj.GroupType != 1020 ? obj.ServerpartIds : '',
SPRegionType_ID: obj.GroupType == 1020 ? obj.ServerpartIds : '',
// Revenue_Include: 1
}
const requestParamasBudget = {
Statistics_Date: obj.time,
Statistics_Month: obj.month,
Province_Code: obj.ProvinceCode,
pushProvinceCode: obj.ProvinceCode,
Statistics_Date: obj.time ,
Statistics_Month: obj.month ,
Province_Code: obj.ProvinceCode ,
pushProvinceCode: obj.ProvinceCode ,
Serverpart_ID: obj.ServerpartIds ? obj.ServerpartIds : ''
}
this.provinceCode = obj.ProvinceCode
this.provinceCode = obj.ProvinceCode
// 营收数据
const data = await request.$webGet('CommercialApi/Revenue/GetRevenuePushList', requestParamas)
if (data.Result_Code != 100) return
try {
// 并行请求优化：同时发起所有API请求，减少加载时间
const [data, busniessCounts, tradeData, budgetAmount, mobileShare, mallDeliver, bayonetCount] = await Promise.all([
request.$webGet('CommercialApi/Revenue/GetRevenuePushList', requestParamas),
request.$webGet('CommercialApi/BaseInfo/GetShopCountList', requestParamas),
request.$webGet('CommercialApi/BaseInfo/GetBusinessTradeList', requestParamas),
request.$webGet('CommercialApi/Revenue/GetBudgetExpenseList', requestParamasBudget),
request.$webGet('CommercialApi/Revenue/GetMobileShare', requestParamas),
request.$webGet('CommercialApi/Revenue/GetMallDeliver', requestParamas),
request.$webGet('CommercialApi/Revenue/GetSPBayonetList', requestParamas)
])
// 在营门店数量统计
const busniessCounts = await request.$webGet('CommercialApi/BaseInfo/GetShopCountList', requestParamas)
if (busniessCounts.Result_Code != 100) return
// 检查数据有效性
if (data.Result_Code != 100 ||
busniessCounts.Result_Code != 100 ||
tradeData.Result_Code != 100 ||
budgetAmount.Result_Code != 100 ||
mobileShare.Result_Code != 100 ||
mallDeliver.Result_Code != 100 ||
bayonetCount.Result_Code != 100) {
console.error('部分API请求失败', {
data: data.Result_Code,
busniessCounts: busniessCounts.Result_Code,
tradeData: tradeData.Result_Code,
budgetAmount: budgetAmount.Result_Code,
mobileShare: mobileShare.Result_Code,
mallDeliver: mallDeliver.Result_Code,
bayonetCount: bayonetCount.Result_Code
})
// 返回一个默认的空数据结构，而不是undefined
return [[], {
cashPay: 0,
ticketCount: 0,
totalCount: 0,
uploadState: '0/0'
}, [], [], [], []]
}
// 业态关系
const tradeData = await request.$webGet('CommercialApi/BaseInfo/GetBusinessTradeList', requestParamas)
if (tradeData.Result_Code != 100) return
if (isServerPartDetail) { // 是服务区营收推送页面
return _this.getSeverpartReginList(data.Result_Data.List, busniessCounts.Result_Data.List,
tradeData.Result_Data.List, budgetAmount.Result_Data.List)
}
return _this.getReginList(data.Result_Data.List, busniessCounts.Result_Data.List,
tradeData.Result_Data.List, budgetAmount.Result_Data.List,
bayonetCount.Result_Data.List, mobileShare.Result_Data, mallDeliver.Result_Data)
// [reginList, totalData, busniessTypePie, busniessTradePie]
// 计划营收金额
const budgetAmount = await request.$webGet('CommercialApi/Revenue/GetBudgetExpenseList', requestParamasBudget)
if (budgetAmount.Result_Code != 100) return
// 移动支付分账数据
const mobileShare = await request.$webGet('CommercialApi/Revenue/GetMobileShare', requestParamas)
if (mobileShare.Result_Code != 100) return
} catch (error) {
console.error('API请求出错:', error)
// 返回默认空数据结构
return [[], {
cashPay: 0,
ticketCount: 0,
totalCount: 0,
uploadState: '0/0'
}, [], [], [], []]
// 万佳商城配送数据
const mallDeliver = await request.$webGet('CommercialApi/Revenue/GetMallDeliver', requestParamas)
if (mallDeliver.Result_Code != 100) return
// 片区车流量
const bayonetCount = await request.$webGet('CommercialApi/Revenue/GetSPBayonetList', requestParamas)
if (bayonetCount.Result_Code != 100) return
if (isServerPartDetail) { // 是服务区营收推送页面
return _this.getSeverpartReginList(data.Result_Data.List, busniessCounts.Result_Data.List,
tradeData.Result_Data.List, budgetAmount.Result_Data.List)
}
return _this.getReginList(data.Result_Data.List, busniessCounts.Result_Data.List,
tradeData.Result_Data.List, budgetAmount.Result_Data.List,
bayonetCount.Result_Data.List, mobileShare.Result_Data, mallDeliver.Result_Data)
// [reginList, totalData, busniessTypePie, busniessTradePie]
},
getTotalShowData(newData, oldData, index) {
// <TotalModel>
getTotalShowData(newData, oldData,index) {
// <TotalModel>
/*
type TotalModel = {
ticketCount: number // 客单数量 ,
@ -105,23 +83,23 @@ const methods = {
different_Price_More: number// 长款金额 ,
}
*/
if (index > 0) {
oldData.ticketCount += newData.TicketCount
oldData.totalCount += newData.TotalCount
oldData.totalOffAmount += newData.TotalOffAmount
oldData.mobilePayment += newData.MobilePayment
oldData.cashPay += newData.CashPay
oldData.diffLessPrice += newData.Different_Price_Less
oldData.diffMorePrice += newData.Different_Price_More
if (newData.BusinessType == 1000) { // 商超
oldData.scCount = oldData.scCount ? oldData.scCount + 1 : 1
if (index>0) {
oldData.ticketCount += newData.TicketCount
oldData.totalCount += newData.TotalCount
oldData.totalOffAmount += newData.TotalOffAmount
oldData.mobilePayment += newData.MobilePayment
oldData.cashPay += newData.CashPay
oldData.diffLessPrice += newData.Different_Price_Less
oldData.diffMorePrice += newData.Different_Price_More
if(newData.BusinessType==1000){ // 商超
oldData.scCount = oldData.scCount ? oldData.scCount + 1 : 1
oldData.scCashPay = oldData.scCashPay ? oldData.scCashPay + newData.CashPay : newData.CashPay
}
if (newData.BusinessType == 3000) { // 餐饮
if(newData.BusinessType==3000){ // 餐饮
oldData.cyCount = oldData.cyCount ? oldData.cyCount + 1 : 1
oldData.cyCashPay = oldData.cyCashPay ? oldData.cyCashPay + newData.CashPay : newData.CashPay
oldData.cyCashPay = oldData.cyCashPay ? oldData.cyCashPay + newData.CashPay : newData.CashPay
}
} else {
oldData.ticketCount = newData.TicketCount
@ -131,27 +109,27 @@ const methods = {
oldData.cashPay = newData.CashPay
oldData.diffLessPrice = newData.Different_Price_Less
oldData.diffMorePrice = newData.Different_Price_More
if (newData.BusinessType == 1000) { // 商超
if(newData.BusinessType==1000){ // 商超
oldData.scCount = 1
oldData.scCashPay = newData.CashPay
}
if (newData.BusinessType == 3000) { // 餐饮
if(newData.BusinessType==3000){ // 餐饮
oldData.cyCount = 1
oldData.cyCashPay = newData.CashPay
}
}
return { ...oldData }
return {...oldData}
},
getBusniessPie(typeName, item, list) { // 经营模式数据
const oldData = list.find(m => m.name === item[typeName])
if (oldData) {
oldData.data = Number((oldData.data + item.CashPay).toFixed(2))
oldData.value = Number((oldData.value + item.CashPay).toFixed(2))
oldData.data = Number((oldData.data+ item.CashPay).toFixed(2))
oldData.value = Number((oldData.value+ item.CashPay).toFixed(2))
} else {
list.push({
name: item[typeName],
@ -172,7 +150,7 @@ const methods = {
oldData.MinVehicle_Count = Number((oldData.MinVehicle_Count + item.MinVehicle_Count).toFixed(2))
oldData.MediumVehicle_Count = Number((oldData.MediumVehicle_Count + item.MediumVehicle_Count).toFixed(2))
oldData.LargeVehicle_Count = Number((oldData.LargeVehicle_Count + item.LargeVehicle_Count).toFixed(2))
const oldRegion = oldData.regionList.find(o => o.name === item["Serverpart_Region"])
if (oldRegion) {
oldRegion.Vehicle_Count = Number((oldRegion.Vehicle_Count + item.Vehicle_Count).toFixed(2))
@ -181,7 +159,7 @@ const methods = {
oldRegion.MediumVehicle_Count = Number((oldRegion.MediumVehicle_Count + item.MediumVehicle_Count).toFixed(2))
oldRegion.LargeVehicle_Count = Number((oldRegion.LargeVehicle_Count + item.LargeVehicle_Count).toFixed(2))
}
else {
else{
oldData.regionList.push({
name: item["Serverpart_Region"],
Vehicle_Count: item.Vehicle_Count,
@ -231,10 +209,10 @@ const methods = {
}]
})
}
return [...list]
},
getSeverpartReginList(data, shopCountList, tradeList, budgetAmount) {
getSeverpartReginList(data, shopCountList,tradeList,budgetAmount){
let _this = this
let totalShow = {} // 总营收数据统计
let list = [] // 上传营收列表数据
@ -244,31 +222,31 @@ const methods = {
data.map(async (n, index) => {
n.show = false
totalShow = _this.getTotalShowData(n, totalShow, index); // 总营收数据统计
totalShow = _this.getTotalShowData(n, totalShow,index); // 总营收数据统计
// 寻找门店父业态
let trade = tradeList.find(t => t.BUSINESSTRADE_NAME == n.BusinessTrade_Name)
if (trade && trade.BUSINESSTRADE_PNAME && trade.BUSINESSTRADE_PNAME.indexOf('其他') == -1) {
n.tradename = trade.BUSINESSTRADE_PNAME
} else {
let trade = tradeList.find(t=>t.BUSINESSTRADE_NAME==n.BusinessTrade_Name)
if(trade && trade.BUSINESSTRADE_PNAME && trade.BUSINESSTRADE_PNAME.indexOf('其他')==-1 ) {
n.tradename = trade.BUSINESSTRADE_PNAME
}else{
n.tradename = '其他'
}
busniessTypePie = _this.getBusniessPie('Business_TypeName', n, busniessTypePie)
busniessTradePie = _this.getBusniessPie('BusinessTrade_Name', n, busniessTradePie)
busniessTradeFathPie = _this.getBusniessPie('tradename', n, busniessTradeFathPie)
})
totalShow.serverpartname = data[0].Serverpart_Name
totalShow.uploadState = data.length + '/' + (shopCountList.length ? shopCountList[0].SHOP_BUSINESSCOUNT : 0)
totalShow.uploadCount = data.filter(n => n.Revenue_Upload > 0).length
totalShow.totalUploadCount = shopCountList.length ? shopCountList[0].SHOP_BUSINESSCOUNT : 0
totalShow.uploadState = data.length+'/'+ (shopCountList.length ? shopCountList[0].SHOP_BUSINESSCOUNT: 0)
totalShow.uploadCount = data.filter(n=>n.Revenue_Upload>0).length
totalShow.totalUploadCount = shopCountList.length ? shopCountList[0].SHOP_BUSINESSCOUNT: 0
totalShow.budgetAmount = 0
if (budgetAmount.length) {
if(budgetAmount.length){
totalShow.budgetAmount = budgetAmount[0].BUDGET_AMOUNT
}
return [totalShow, busniessTypePie, busniessTradePie, busniessTradeFathPie]
return [ totalShow, busniessTypePie, busniessTradePie,busniessTradeFathPie ]
},
getReginList(data, shopCountList, tradeList, budgetAmount, bayonetCount, mobileShare, mallDeliver) {
getReginList(data, shopCountList,tradeList,budgetAmount,bayonetCount, mobileShare, mallDeliver) {
let _this = this
let totalShow = {} // 总营收数据统计
@ -280,14 +258,14 @@ const methods = {
let totalUploadCount = 0
data.map(async (n, index) => {
n.show = false
// 寻找门店父业态
let trade = tradeList.find(t => t.BUSINESSTRADE_NAME == n.BusinessTrade_Name)
if (trade && trade.BUSINESSTRADE_PNAME && trade.BUSINESSTRADE_PNAME.indexOf('其他') == -1) {
n.tradename = trade.BUSINESSTRADE_PNAME
} else {
n.tradename = _this.provinceCode == 340000 ? '其他' : (n.BusinessTrade_Name || '其他')
let trade = tradeList.find(t=>t.BUSINESSTRADE_NAME==n.BusinessTrade_Name)
if(trade && trade.BUSINESSTRADE_PNAME && trade.BUSINESSTRADE_PNAME.indexOf('其他')==-1 ) {
n.tradename = trade.BUSINESSTRADE_PNAME
}else{
n.tradename = _this.provinceCode==340000? '其他' : (n.BusinessTrade_Name || '其他')
}
// 上传营收情况
let regin = list.find(m => m.name === n.SPRegionType_Name)
@ -306,42 +284,42 @@ const methods = {
list.push({
name: n.SPRegionType_Name, // 区域名称
cashpay: n.CashPay,
uploadcount: n.Revenue_Upload > 0 ? 1 : 0, // 区域上传数量
uploadcount: n.Revenue_Upload>0 ? 1: 0, // 区域上传数量
totalcount: reginShopCount,
child: [{
serverpart_Id: n.Serverpart_ID,
serverpart_Name: n.Serverpart_Name,
cashpay: n.CashPay,
uploadcount: n.Revenue_Upload > 0 ? 1 : 0,
uploadcount: n.Revenue_Upload>0 ? 1: 0,
totalcount: serverpartShopCount
}]
})
} else {
regin.cashpay += n.CashPay
regin.uploadcount += n.Revenue_Upload > 0 ? 1 : 0
regin.uploadcount += n.Revenue_Upload>0 ? 1: 0
let serverpart = regin.child.find(m => m.serverpart_Name === n.Serverpart_Name)
if (serverpart) {
serverpart.cashpay += n.CashPay
serverpart.uploadcount += n.Revenue_Upload > 0 ? 1 : 0
serverpart.uploadcount += n.Revenue_Upload>0 ? 1: 0
} else {
regin.child.push({
serverpart_Id: n.Serverpart_ID,
serverpart_Name: n.Serverpart_Name,
cashpay: n.CashPay,
uploadcount: n.Revenue_Upload > 0 ? 1 : 0,
uploadcount: n.Revenue_Upload>0 ? 1: 0,
totalcount: serverpartShopCount
})
}
regin.child.sort((a, b) => b.cashpay - a.cashpay)
}
totalShow = _this.getTotalShowData(n, totalShow, index); // 总营收数据统计
totalShow = _this.getTotalShowData(n, totalShow,index); // 总营收数据统计
busniessTypePie = _this.getBusniessPie('Business_TypeName', n, busniessTypePie)
busniessTradePie = _this.getBusniessPie('tradename', n, busniessTradePie)
if (this.groupType == 1000) {
busniessAreaPie = _this.getBusniessPie('SPRegionType_Name', n, busniessAreaPie)
if (this.groupType == 1000){
busniessAreaPie = _this.getBusniessPie('SPRegionType_Name', n, busniessAreaPie)
}
})
list.sort((a, b) => b.cashpay - a.cashpay)
@ -364,19 +342,19 @@ const methods = {
bayonetPie = _this.getBayonetPie('Serverpart_Name', n, bayonetPie)
})
}
totalShow.uploadState = data.filter(n => n.Revenue_Upload > 0).length + '/' + totalUploadCount
totalShow.uploadState = data.filter(n=>n.Revenue_Upload>0).length+'/'+totalUploadCount
totalShow.budgetAmount = 0
if (_this.provinceCode == 620000) {
const ele = list.find(n => n.name == "通美公司")
totalShow.tmCrashPay = ele ? ele.cashpay : '0.00'
if(_this.provinceCode==620000){
const ele = list.find(n=>n.name=="通美公司")
totalShow.tmCrashPay = ele ? ele.cashpay :'0.00'
}
if (budgetAmount.length) {
if(budgetAmount.length){
totalShow.budgetAmount = budgetAmount[0].BUDGET_AMOUNT
}
return [list, totalShow, busniessTypePie, busniessTradePie, busniessAreaPie, bayonetPie]
return [list, totalShow, busniessTypePie, busniessTradePie,busniessAreaPie,bayonetPie]
}
}
export default methods;
export default methods ;

189
pages/everdayRenven/components/listUnit.vue
View File

@ -1,12 +1,11 @@
<template>
<div>
<div class="analysis-cell cell-enter" @tap="toggleShow" :class="{ 'active': item.show }"
:style="activeCellStyleStr">
<div class="shop-title title-slide" :class="'theme-' + provinceCode">
<div class="analysis-cell" @tap="toggleShow" :class="{ 'active': item.show }" :style="activeCellStyleStr">
<div class="shop-title" :class="'theme-' + provinceCode">
<span> {{ (i > 8 ? i + 1 : '0' + (i + 1)) + ' ' + item.SHOPNAME }}</span>
<p>
<span v-show="item.UNACCOUNT_SIGN">￥</span>
<span class="cell-price price-highlight" :style="priceStyleStr">{{
<span class="cell-price" :style="priceStyleStr">{{
item.UNACCOUNT_SIGN
? $util.fmoney(item.CASHPAY_TOTAL, 2) : '无结账信息' }}</span>
<image src="/static/images/effective/true.png" mode="aspectFit" class="" v-if='item.SHOWDEAL_SIGN'>
@ -15,11 +14,11 @@
</p>
</div>
<p v-if="item.detail.length > 0" style="line-height: 1.2;" class="tags-container">
<p v-if="item.detail.length > 0" style="line-height: 1.2;">
<span v-for="(child, index) in item.detail" :key="index" class="atribute-tag">{{ child }} </span>
</p>
</div>
<div class="analysis-detail" v-if="item.show">
<div class="analysis-detail" v-show="item.show">
<div class="detail-unit" v-for="(unit, o) in item.ShopEndAccountList" :key="o">
<div class="uni-inline-flex">
<span class="detail-title">结账时间：</span>
@ -32,23 +31,24 @@
</div>
<block v-if="unit.DESCRIPTION_DATE">
<div class="detail-title" style="font-size: 24rpx;">日结校验：{{ unit.DESCRIPTION_DATE }}</div>
<p><span class="detail-title" style="font-size: 24rpx;">{{ unit.DESCRIPTION_STAFF }}：</span><span>{{
<div class="detail-title">日结校验：{{ unit.DESCRIPTION_DATE }}</div>
<p><span class="detail-title">{{ unit.DESCRIPTION_STAFF }}：</span><span style="font-size: 24rpx;">{{
unit.DIFFERENCE_REASON
}}</span>
}}</span>
</p>
</block>
<block v-if="unit.APPROVE_DATE">
<div><span class="detail-title" style="font-size: 24rpx;">日结审核：{{ unit.APPROVE_DATE }}</span></div>
<p><span class="detail-title" style="font-size: 24rpx;">{{ unit.APPROVE_STAFF }}：</span><span>{{
unit.APPROVED_INFO }}</span>
<div><span class="detail-title">日结审核：{{ unit.APPROVE_DATE }}</span></div>
<p><span class="detail-title" style="font-size: 24rpx;">{{ unit.APPROVE_STAFF }}：</span><span
style="font-size: 24rpx;">{{
unit.APPROVED_INFO }}</span>
</p>
</block>
<div>
<p class="detail-short-info" v-show="unit.FACTAMOUNT_SALE" style="font-size: 24rpx;"> 单品报表：<text
class="uni-icon uni-icon-checkmarkempty" style="font-size: 24rpx;"></text></p>
<p class="detail-short-info" v-show="unit.FACTAMOUNT_CIGARETTE" style="font-size: 24rpx;">香烟数据：<span
class="uni-icon uni-icon-checkmarkempty" style="font-size: 24rpx;"></span></p>
<p class="detail-short-info" v-show="unit.FACTAMOUNT_SALE">单品报表：<text
class="uni-icon uni-icon-checkmarkempty"></text></p>
<p class="detail-short-info" v-show="unit.FACTAMOUNT_CIGARETTE">香烟数据：<span
class="uni-icon uni-icon-checkmarkempty"></span></p>
</div>
<div><span class="detail-title detail-short-info" style="font-size: 24rpx;">稽核次数：{{ unit.CHECK_COUNT }}
次</span><span class="detail-short-info" style="font-size: 24rpx;">长短款额：{{
@ -128,7 +128,7 @@ export default {
// 动态样式字符串（小程序兼容）
activeCellStyleStr() {
if (!this.item || !this.item.show) return ''
if (!this.item.show) return ''
return `border: 2rpx solid ${this.themeColors.primary}; box-shadow: 0 4px 20px rgba(${this.hexToRgb(this.themeColors.primary)}, 0.15);`
},
@ -376,159 +376,4 @@ export default {
font-size: 28rpx;
}
}
/* 动画效果 - listUnit组件 */
/* 单元格入场动画 */
@keyframes cellEnter {
0% {
opacity: 0;
transform: translateY(20rpx) scale(0.95);
}
100% {
opacity: 1;
transform: translateY(0) scale(1);
}
}
.cell-enter {
animation: cellEnter 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
opacity: 0;
}
/* 标题滑入动画 */
@keyframes titleSlide {
0% {
opacity: 0;
transform: translateX(-15rpx);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.title-slide {
animation: titleSlide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s forwards;
opacity: 0;
}
/* 价格高亮动画 */
@keyframes priceHighlight {
0% {
opacity: 0;
transform: scale(0.8);
}
50% {
transform: scale(1.1);
}
100% {
opacity: 1;
transform: scale(1);
}
}
.price-highlight {
animation: priceHighlight 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.2s forwards;
opacity: 0;
}
/* 标签容器动画 */
@keyframes tagsContainer {
0% {
opacity: 0;
transform: translateY(10rpx);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.tags-container {
animation: tagsContainer 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s forwards;
opacity: 0;
}
/* 标签弹跳动画 */
@keyframes tagBounce {
0% {
opacity: 0;
transform: translateY(-10rpx) scale(0.8);
}
60% {
transform: translateY(2rpx) scale(1.05);
}
100% {
opacity: 1;
transform: translateY(0) scale(1);
}
}
.tag-bounce {
animation: tagBounce 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
opacity: 0;
}
/* 详情展开动画 */
@keyframes detailExpand {
0% {
opacity: 0;
max-height: 0;
transform: translateY(-20rpx);
}
100% {
opacity: 1;
max-height: 2000rpx;
transform: translateY(0);
}
}
.detail-expand {
animation: detailExpand 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
overflow: hidden;
}
/* 详情单元淡入动画 */
@keyframes unitFadeIn {
0% {
opacity: 0;
transform: translateY(15rpx);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.unit-fade-in {
animation: unitFadeIn 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
opacity: 0;
}
/* 交互反馈动画 */
.cell-enter:active {
transform: scale(0.98);
transition: transform 0.1s ease-out;
}
.tag-bounce:hover {
transform: translateY(-2rpx) scale(1.02);
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* 单元格活跃状态增强 */
.analysis-cell.active {
transform: translateY(-2rpx);
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
</style>

136
pages/everdayRenven/index.vue
View File

@ -153,7 +153,7 @@
<div class="ct01">
<text class="strong-text">{{
$util.fmoney(item.CASHPAY, 2)
}}</text>
}}</text>
<text>元</text>
</div>
</div>
@ -195,7 +195,7 @@
<div class="ct01">
<text class="strong-text">{{
$util.fmoney(item.CASHPAY, 2)
}}</text>
}}</text>
<text>元</text>
</div>
</div>
@ -247,7 +247,7 @@
<div class="ct01">
<text class="strong-text">{{
$util.fmoney(item.CASHPAY, 2)
}}</text>
}}</text>
<text>元</text>
</div>
</div>
@ -557,7 +557,7 @@ export default {
methods: {
toggleCard(isup) {
this.isup = !isup;
// 移除不必要的$forceUpdate，由Vue自动检测变化
this.$forceUpdate();
},
bindDateChange(e) {
// 切换日期 加载选中日期的营收数据
@ -574,16 +574,10 @@ export default {
title: "正在加载...",
mask: true,
});
// 异步并行加载数据
Promise.all([
this.getData(),
this.getTender(),
this.todayAmount()
]).catch(err => {
console.error('数据刷新失败:', err);
uni.hideLoading();
});
// 移除不必要的$forceUpdate
this.getData();
this.getTender();
this.todayAmount();
this.$forceUpdate();
}
},
toDetail(item, provinceId) {
@ -616,15 +610,15 @@ export default {
"navigateTo",
canToSeverpartIndex ? severpartIndexPath : serverpartUploadPath
);
// 使用Vue.set确保响应式更新
this.$set(item, 'visited', true);
item.visited = true;
this.$forceUpdate();
},
selectTab(name, index) {
this[name] = index;
},
toggleRegion(item) {
// 使用Vue.set确保响应式更新
this.$set(item, 'show', !item.show);
item.show = !item.show ? true : false;
this.$forceUpdate();
},
touchPie(e, id) {
rincanvas[id].showToolTip(e, {
@ -653,7 +647,7 @@ export default {
totalTicketCount: res.Data.TOTALTICKET,
avrticketCount: this.$util.fmoney(avrticket, 2),
};
// 移除不必要的$forceUpdate，由Vue自动检测变化
_this.$forceUpdate();
});
},
getRankmMap(list) {
@ -666,7 +660,7 @@ export default {
});
return map;
},
async getData() {
getData() {
let _this = this;
let theRequest = _this.theRequest;
let provinceCode = _this.theRequest.ProvinceCode;
@ -678,7 +672,7 @@ export default {
Statistics_Date: theRequest.time,
};
return this.$request.$get("getRevenuePush", arr).then((res) => {
this.$request.$get("getRevenuePush", arr).then((res) => {
console.log("res", res);
_this.isLoading = false;
if (res.ResultCode != 100) {
@ -717,7 +711,7 @@ export default {
}
uni.hideLoading();
_this.showPage = true;
// 移除不必要的$forceUpdate，由Vue自动检测变化
_this.$forceUpdate();
});
function sortMount(list) {
@ -1188,8 +1182,8 @@ export default {
},
toggleShow(i) {
let item = this.regionList[i];
// 使用Vue.set确保响应式更新
this.$set(item, 'show', !item.show);
item.show = !item.show;
this.$forceUpdate();
},
changeDate(name, index) {
@ -1206,7 +1200,7 @@ export default {
});
},
async getTender() {
getTender() {
// 营收趋势
let _this = this;
let obj = this.theRequest;
@ -1222,7 +1216,7 @@ export default {
2: [],
3: [],
};
return _this.$request
_this.$request
.$webGet("WeChat/GetRevenueTrends", {
Statictics_Type: "Week",
Report_Type: Report_Type[typeIndex],
@ -1272,7 +1266,7 @@ export default {
},
],
});
// 移除不必要的$forceUpdate，由Vue自动检测变化
_this.$forceUpdate();
});
bili.forEach((biliName, i) => {
if (i == 1) {
@ -1351,48 +1345,58 @@ export default {
},
onLoad(option) {
console.log("indexOption", option);
uni.showLoading({
title: "正在加载...",
});
const toSnhuiPageProvinceCode = [
340000, 520000, 451200, 510000, 530000, 620000, 630000, 330200, 330300, 734100
]; // 需要跳转到安徽类型的每日营收推送页面
// 优化：先判断是否需要跳转，避免不必要的资源加载
if (option.ProvinceCode) {
// 从推送进入 - 立即判断跳转，避免资源浪费
// 从推送进入
console.log(
"12321312",
toSnhuiPageProvinceCode.indexOf(parseInt(option.ProvinceCode))
);
if (toSnhuiPageProvinceCode.indexOf(parseInt(option.ProvinceCode)) > -1) {
// 直接跳转，不显示loading，不加载当前页面数据
const url = "/pages/everdayRenven/AnhuiIndex?ProvinceCode=" +
option.ProvinceCode +
"&time=" +
option.time +
"&GroupType=" +
option.GroupType +
"&ServerpartIds=" +
option.ServerpartIds;
console.log('推送跳转到AnhuiIndex，参数:', url);
uni.redirectTo({ url });
// 451200、510000、520000、620000、630000、330200
uni.redirectTo({
url:
"/pages/everdayRenven/AnhuiIndex?ProvinceCode=" +
option.ProvinceCode +
"&time=" +
option.time +
"&GroupType=" +
option.GroupType +
"&ServerpartIds=" +
option.ServerpartIds,
});
return;
}
this.theRequest = option;
option.time = this.$util.cutDate(option.time, "YYYY-MM-DD");
this.getData();
this.getTender();
} else {
// 默认情况 - 也要先判断是否跳转
// 默认
if (this.PushAuthority.length > 0) {
console.log(1);
this.theRequest = this.defaultMsg() || {};
if (
toSnhuiPageProvinceCode.indexOf(this.theRequest.ProvinceCode) > -1
) {
// 直接跳转，传递完整参数
const url = "/pages/everdayRenven/AnhuiIndex?" +
"ProvinceCode=" + this.theRequest.ProvinceCode +
"&GroupType=" + (this.theRequest.GroupType || '1000') +
"&time=" + this.lastDay +
"&ServerpartIds=" + (this.theRequest.ServerpartIds || '');
console.log('默认跳转到AnhuiIndex，参数:', url);
uni.redirectTo({ url });
uni.redirectTo({
url: "/pages/everdayRenven/AnhuiIndex",
});
return;
}
this.theRequest.time = this.lastDay;
this.getData();
this.getTender();
this.nowTab = this.theRequest.ProvinceCode == 340000 ? 4 : 1;
} else {
uni.hideLoading();
this.theRequest = null;
this.isLoading = false;
this.showPage = false;
@ -1400,37 +1404,11 @@ export default {
return;
}
}
// 只有确认不需要跳转时，才开始加载数据
uni.showLoading({
title: "正在加载...",
mask: false
});
if (option.ProvinceCode) {
this.theRequest = option;
option.time = this.$util.cutDate(option.time, "YYYY-MM-DD");
} else {
this.theRequest.time = this.lastDay;
this.nowTab = this.theRequest.ProvinceCode == 340000 ? 4 : 1;
}
// 并行加载数据，减少等待时间
Promise.all([
this.getData(),
this.getTender(),
this.todayAmount()
]).catch(err => {
console.error('数据加载失败:', err);
uni.hideLoading();
this.isLoading = false;
});
this.sevenDate = [
this.$util.cutDate(new Date(this.theRequest.time), "MM.DD", -13),
this.$util.cutDate(new Date(this.theRequest.time), "MM.DD", -7),
];
this.todayAmount();
if (this.theRequest.GroupType == 1010) {
this.getDetail(this.theRequest);
}

235
pages/everdayRenven/serviceDetail.vue
View File

@ -1,21 +1,25 @@
<template>
<div :class="'province-theme-' + currentProvinceCode" v-if="showPage">
<div class="page-body page-enter">
<div class="page-body">
<div class="service-brand-box brand-header-enter">
<div class="uni-flex align-center brand-info-slide">
<div class="band-name brand-name-slide">{{ pageMsg.ShopEndaccountList &&
pageMsg.ShopEndaccountList.length > 0 ?
<div class="service-brand-box">
<div class="uni-flex align-center">
<image v-if="pageMsg.Brand_ICO" :src="pageMsg.Brand_ICO" mode="aspectFit"></image>
<image v-else src="/static/images/revenue/home.png" mode="aspectFit"></image>
<!-- <div class="band-name">{{ pageMsg.Brand_Name }}</div> -->
<div class="band-name">{{ pageMsg.ShopEndaccountList && pageMsg.ShopEndaccountList.length > 0 ?
pageMsg.ShopEndaccountList[0].SERVERPART_NAME : "" }}</div>
</div>
<div class="price-num price-count-up">{{ pageMsg.Revenue_Amount ? $util.fmoney(pageMsg.Revenue_Amount,
2) : '0.00' }}</div>
<div class="price-num">{{ pageMsg.Revenue_Amount ? $util.fmoney(pageMsg.Revenue_Amount, 2) : '0.00' }}
</div>
</div>
<!--服务区门店分析-->
<div style="margin-top: 0 20rpx;padding: 0 16rpx" class="shop-list-container">
<div style="margin-top: 0 20rpx;padding: 0 16rpx">
<shopCell v-for="(item, i) in pageMsg.ShopEndaccountList" :key="i" :item='item' @toggleShow="toggleShow"
:i='i' :provinceCode='currentProvinceCode' class="shop-item-stagger"
:style="'animation-delay: ' + (i * 0.1 + 0.8) + 's'" v-if="item"></shopCell>
:i='i' :provinceCode='currentProvinceCode'></shopCell>
</div>
</div>
@ -29,9 +33,7 @@ export default {
return {
showPage: false,
pageMsg: {
ShopEndaccountList: [] // 初始化为空数组，确保响应式
},
pageMsg: {},
currentProvinceCode: '', // 当前省份代码
keyJson: {
SHOWMORE_SIGN: { 1: '【长款】', 2: '【异常长款】' }, // 长款
@ -118,18 +120,10 @@ export default {
return this.provinceTheme
},
toggleShow(i) {
if (!this.pageMsg.ShopEndaccountList || !this.pageMsg.ShopEndaccountList[i]) {
return
}
let currentItem = this.pageMsg.ShopEndaccountList[i]
let newShowState = !currentItem.show
// 使用Vue.set确保响应式更新
this.$set(this.pageMsg.ShopEndaccountList, i, {
...currentItem,
show: newShowState
})
let item = this.pageMsg.ShopEndaccountList[i]
item.show = !item.show
this.$forceUpdate()
},
@ -154,16 +148,12 @@ export default {
}).then(res => {
uni.hideLoading()
if (res.Result_Code != 100) return
// 处理数据，确保响应式属性正确设置
res.Result_Data.ShopEndaccountList.forEach((n, index) => {
// 使用Vue.set确保响应式
_this.$set(n, 'show', false)
_this.$set(n, 'detail', _this.getDetail(n))
res.Result_Data.ShopEndaccountList.map(n => {
n.show = true
n.detail = this.getDetail(n)
})
// 设置页面数据
_this.$set(_this, 'pageMsg', res.Result_Data)
_this.pageMsg = res.Result_Data
console.log('_this.pageMsg_this.pageMsg_this.pageMsg', _this.pageMsg);
_this.showPage = true
})
@ -179,20 +169,13 @@ export default {
}).then(res => {
uni.hideLoading()
if (res.Result_Code != 100) return
// 处理品牌门店数据，确保响应式属性正确设置
res.Result_Data.listBrandShopModel.forEach((n, index) => {
// 使用Vue.set确保响应式
_this.$set(n, 'show', false)
_this.$set(n, 'detail', _this.getDetail(n))
res.Result_Data.listBrandShopModel.map(n => {
n.show = true
n.detail = this.getDetail(n)
})
// 设置数据结构
res.Result_Data.ShopEndaccountList = res.Result_Data.listBrandShopModel
// 设置页面数据
_this.$set(_this, 'pageMsg', res.Result_Data)
_this.pageMsg = res.Result_Data
console.log('_this.pageMsg_this.pageMsg_this.pageMsg', _this.pageMsg);
_this.showPage = true
})
},
@ -335,171 +318,11 @@ export default {
.price-num {
color: #fff;
font-size: 32rpx;
font-size: 28rpx;
font-weight: 700;
font-family: 'PingFang SC', sans-serif;
position: relative;
z-index: 2;
text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
}
/* 动画效果 - UniApp微信小程序兼容版本 */
/* 页面入场动画 */
@keyframes pageEnter {
0% {
opacity: 0;
transform: translateY(30rpx);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.page-enter {
animation: pageEnter 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
/* 品牌头部动画 */
@keyframes brandHeaderEnter {
0% {
opacity: 0;
transform: translateY(-30rpx) scale(0.95);
}
100% {
opacity: 1;
transform: translateY(0) scale(1);
}
}
.brand-header-enter {
animation: brandHeaderEnter 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 0.2s forwards;
opacity: 0;
}
/* 品牌信息滑入动画 */
@keyframes brandInfoSlide {
0% {
opacity: 0;
transform: translateX(-20rpx);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.brand-info-slide {
animation: brandInfoSlide 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s forwards;
opacity: 0;
}
/* 品牌图标弹跳动画 */
@keyframes brandIconBounce {
0% {
opacity: 0;
transform: scale(0.3) rotate(-10deg);
}
50% {
transform: scale(1.1) rotate(5deg);
}
100% {
opacity: 1;
transform: scale(1) rotate(0deg);
}
}
.brand-icon-bounce {
animation: brandIconBounce 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.6s forwards;
opacity: 0;
}
/* 品牌名称滑入动画 */
@keyframes brandNameSlide {
0% {
opacity: 0;
transform: translateX(-15rpx);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.brand-name-slide {
animation: brandNameSlide 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s forwards;
opacity: 0;
}
/* 价格数字计数动画 */
@keyframes priceCountUp {
0% {
opacity: 0;
transform: translateY(10rpx) scale(0.8);
}
100% {
opacity: 1;
transform: translateY(0) scale(1);
}
}
.price-count-up {
animation: priceCountUp 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s forwards;
opacity: 0;
}
/* 门店列表容器动画 */
@keyframes shopListContainer {
0% {
opacity: 0;
transform: translateY(30rpx);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.shop-list-container {
animation: shopListContainer 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s forwards;
opacity: 0;
}
/* 门店项目错列动画 */
@keyframes shopItemStagger {
0% {
opacity: 0;
transform: translateX(-30rpx) scale(0.95);
}
100% {
opacity: 1;
transform: translateX(0) scale(1);
}
}
.shop-item-stagger {
animation: shopItemStagger 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
opacity: 0;
}
/* 交互反馈动画 */
.brand-header-enter:active {
transform: scale(0.98);
transition: transform 0.1s ease-out;
}
.brand-icon-bounce:active {
transform: scale(0.9) rotate(5deg);
transition: transform 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
</style>

2
pages/index/index.vue
View File

@ -12,7 +12,7 @@
</menuModel>
<!-- <view class="home-model">
<div class="model-title">
<text class="text">综合办公</text>
<text class="text">综合办公</text>
</div>
<div class="model-content">
<menuItem v-for="item in modelMenu.zhbg"

387
pages/operatingStatements/detail.vue
View File

@ -1,254 +1,187 @@
<template>
<view class="page-card" v-if="!isLoading">
<view class="head-card" v-show="pageMsg.Serverpart_Name" @tap="toTrend">
<view class="head-card" v-show="pageMsg.Serverpart_Name" @tap="toTrend" >
<view class="uni-flex jc-between ai-center text-strong">
<view class=""> {{ pageMsg.Serverpart_Name }} </view>
<view class=""> ¥{{ $util.fmoney(pageMsg.Serverpart_Revenue, 2) }} </view>
<view class=""> {{pageMsg.Serverpart_Name}} </view>
<view class=""> ¥{{$util.fmoney(pageMsg.Serverpart_Revenue,2)}} </view>
</view>
<view class="uni-flex jc-between ai-center">
<text class=""> {{ pageMsg.Serverpart_S || '南/东区' }} &nbsp;
&nbsp;¥{{ $util.fmoney(pageMsg.Serverpart_RevenueS, 2) }}</text>
<text class=""> {{ pageMsg.Serverpart_N || '北/西区' }} &nbsp;
&nbsp;¥{{ $util.fmoney(pageMsg.Serverpart_RevenueN, 2) }}</text>
<text class=""> {{pageMsg.Serverpart_S||'南/东区'}} &nbsp; &nbsp;¥{{$util.fmoney(pageMsg.Serverpart_RevenueS,2)}}</text>
<text class=""> {{pageMsg.Serverpart_N||'北/西区'}} &nbsp; &nbsp;¥{{$util.fmoney(pageMsg.Serverpart_RevenueN,2)}}</text>
</view>
</view>
<view class="page-list" v-if="pageMsg.ShopList && pageMsg.ShopList.length > 0">
<!-- <view v-for="(dateItem,i) in pageMsg.revenueReportDetilsDates" :key="i">-->
<!-- <text class="list-date"> {{// $util.cutDate(dateItem.Statistics_Date,'MM.DD')}}</text>-->
<view class="cell-body uni-flex ai-center" v-for="(item, i) in pageMsg.ShopList" :key="i">
<image :src="item.BusinessType_Logo || '/static/images/revenue/operating-shop.png'" mode="aspectFit">
</image>
<view class="">
<view class="uni-flex ai-center jc-between">
<text>{{ item.BusinessType_Name }}</text>
<text class="shop-total">＋ ¥{{ $util.fmoney(item.BusinessType_Revenue, 2) }}</text>
</view>
<view class="uni-flex ai-center jc-between">
<text style="display: inline-block;width: 20%" class="type-text"
:class="{ 'scan': item.Upload_Type == 1, 'port': item.Upload_Type == 2 }">
<template v-if="item.Upload_Type == 1">
扫码上传
</template>
<template v-else-if="item.Upload_Type == 2">
接口传输
</template>
<template v-else>
自动上传
</template>
<!-- <text class="type-text scan" v-if="item.Upload_Type==1" >扫码上传</text>
<view class="page-list">
<view v-for="(dateItem,i) in pageMsg.revenueReportDetilsDates" :key="i">
<text class="list-date"> {{$util.cutDate(dateItem.Statistics_Date,'MM.DD')}}</text>
<view class="cell-body uni-flex ai-center" v-for="(item,i) in dateItem.revenueReportDetils" :key="i">
<image :src="item.BusinessType_Logo || '/static/images/revenue/operating-shop.png'" mode="aspectFit"></image>
<view class="">
<view class="uni-flex ai-center jc-between">
<text>{{item.BusinessType_Name}}</text>
<text class="shop-total">＋ ¥{{$util.fmoney(item.BusinessType_Revenue,2)}}</text>
</view>
<view class="uni-flex ai-center jc-between">
<text class="type-text" :class="{'scan':item.Upload_Type==1,'port':item.Upload_Type==2}">
<template v-if="item.Upload_Type==1">
扫码上传
</template>
<template v-else-if="item.Upload_Type==2" >
接口传输
</template>
<template v-else>
自动上传
</template>
<!-- <text class="type-text scan" v-if="item.Upload_Type==1" >扫码上传</text>
<text class="type-text port" >接口传输</text>
<text v-else>自动上传</text> -->
</text>
<view class="uni-flex ai-center" style="display: inline-block;width: 80%">
<div style="display: inline-block;width: 48%;text-align: left;margin-right: 4%"
class="text-coast">
<text style="display: inline-block;width: 40px;text-align: left">
{{ item.Serverpart_RevenueS === 0 || item.Serverpart_RevenueS ?
`${item.Serverpart_S}：
`: '' }}
</text>
<text style="display: inline-block;width: calc(100% - 50px);margin-left: 10px">
{{ item.Serverpart_RevenueS === 0 || item.Serverpart_RevenueS ?
`¥${$util.fmoney(item.Serverpart_RevenueS, 2)}` : '' }}
</text>
</div>
<div style="display: inline-block;width: 48%;text-align: right" class="text-coast">
<text style="display: inline-block;width: 40px;text-align: left">
{{ item.Serverpart_RevenueN === 0 || item.Serverpart_RevenueN ?
`${item.Serverpart_N}：
`: '' }}
</text>
<text style="display: inline-block;width: calc(100% - 50px);margin-left: 10px">
{{ item.Serverpart_RevenueN === 0 || item.Serverpart_RevenueN ?
`¥${$util.fmoney(item.Serverpart_RevenueN, 2)}` : '' }}
</text>
</div>
</text>
<view class="uni-flex ai-center">
<text class="text-coast">{{item.Serverpart_S||'南/东区'}}: ¥{{$util.fmoney(item.Serverpart_RevenueS,2)}}</text>
<text class="text-coast">{{item.Serverpart_N||'北/西区'}}: ¥{{$util.fmoney(item.Serverpart_RevenueN,2)}}</text>
</view>
</view>
</view>
</view>
</view>
<!-- </view>-->
</view>
<view class="" v-if="!isLoading && !pageMsg.Serverpart_Name">
<noFound nodata="true" :text="noDataText" />
<noFound nodata="true" :text="noDataText"/>
</view>
</view>
</template>
<script>
export default {
data() {
return {
isLoading: true,
pageMsg: {},
pageOption: {},
noDataText: '抱歉，没有数据，请稍后重试'
}
},
methods: {
toTrend() {
this.$util.toNextRoute('navigateTo', '/pages/operatingStatements/operatingTrend?name=' + this.pageMsg.Serverpart_Name + '&time=' + this.pageOption.et + '&id=' + this.pageOption.id + '&ProvinceCode=' + this.pageOption.pcode)
},
getDetail(obj) {
let _this = this
uni.showLoading({
title: '正在加载...',
mask: true
})
const req = {
provinceCode: obj.pcode,
serverpartId: obj.id,
startTime: obj.st,
endTime: obj.et,
export default {
data() {
return {
isLoading: true,
pageMsg: {},
pageOption: {},
noDataText: '抱歉，没有数据，请稍后重试'
}
_this.$request.$webGet('CommercialApi/Revenue/GetRevenueReportDetil', req).then((res) => {
console.log('dadasda', res);
if (res.Result_Code == 100) {
_this.pageMsg = res.Result_Data
} else {
_this.noDataText = res.Result_Desc
}
uni.hideLoading()
_this.isLoading = false
})
// _this.$request.$webGet('WeChat/GetRevenueReportDetils',{
// startTime: obj.st,
// endTime: obj.et,
// Serverpart_Id: obj.id,
// pushProvinceCode: obj.pcode
// }).then(res=>{
// if(res.Result_Code==100) {
// _this.pageMsg = res.Result_Data
// }else{
// _this.noDataText = res.Result_Desc
// }
// uni.hideLoading()
// _this.isLoading = false
// })
},
},
onLoad(op) {
this.pageOption = op
this.getDetail(op)
methods: {
toTrend(){
this.$util.toNextRoute('navigateTo','/pages/operatingStatements/operatingTrend?name='+this.pageMsg.Serverpart_Name+'&time='+this.pageOption.et+'&id='+this.pageOption.id+'&ProvinceCode='+this.pageOption.pcode)
},
getDetail(obj){
let _this = this
uni.showLoading({
title:'正在加载...',
mask:true
})
_this.$request.$webGet('WeChat/GetRevenueReportDetils',{
startTime: obj.st,
endTime: obj.et,
Serverpart_Id: obj.id,
pushProvinceCode: obj.pcode
}).then(res=>{
if(res.Result_Code==100) {
_this.pageMsg = res.Result_Data
}else{
_this.noDataText = res.Result_Desc
}
uni.hideLoading()
_this.isLoading = false
})
},
},
onLoad(op) {
this.pageOption = op
this.getDetail(op)
}
}
}
</script>
<style>
page {
background-color: #fff;
}
.page-card {
margin: 30rpx 20rpx;
}
.head-card {
padding: 30rpx 35rpx;
background: linear-gradient(to left, #f7f6f8 0%, #eceaeb 100%);
border-radius: 12rpx 12rpx 0 0;
}
.head-card>view+view {
margin-top: 16rpx;
}
.text-strong {
font-weight: bolder;
}
.head-card>view>text {
font-size: 24rpx;
color: #333;
}
.list-date {
font-size: 22rpx;
background-color: #f8f8f8;
border-radius: 4rpx;
padding: 4rpx 12rpx;
margin-top: 20rpx;
}
.page-list {
border: 1rpx solid #F0F0F0;
border-radius: 0 0 12rpx 12rpx;
overflow: hidden;
padding: 30rpx 16rpx 30rpx 16rpx;
}
.cell-body {
position: relative;
padding: 20rpx 20rpx 20rpx 0;
}
.cell-body image {
width: 60rpx;
height: 60rpx;
border-radius: 50%;
margin-right: 16rpx;
}
.cell-body>view {
flex: 1;
}
.page-list text {
font-size: 22rpx;
color: #2E2E2E;
}
text.shop-total {
font-size: 24rpx;
}
text.type-text {
color: #DFBE9F;
display: flex;
align-items: center;
}
text.type-text.scan::before,
text.type-text.port::before {
content: '';
width: 21rpx;
height: 23rpx;
margin-right: 8rpx;
}
text.type-text.scan::before {
background: url(/static/images/revenue/scan-up.png) no-repeat center;
background-size: contain;
}
text.type-text.port::before {
background: url(/static/images/revenue/port.png) no-repeat center;
background-size: contain;
}
text.type-text.port {
color: #95BAF2;
}
text.text-coast {
color: #848484;
width: 184rpx;
}
text.text-coast+text.text-coast {
text-align: right;
}
page {
background-color: #fff;
}
.page-card {
margin: 30rpx 20rpx;
}
.head-card {
padding: 30rpx 35rpx;
background: linear-gradient(to left, #f7f6f8 0%, #eceaeb 100%);
border-radius: 12rpx 12rpx 0 0 ;
}
.head-card > view+view {
margin-top: 16rpx;
}
.text-strong {
font-weight: bolder;
}
.head-card > view>text {
font-size: 24rpx;
color: #333;
}
.list-date {
font-size: 22rpx;
background-color: #f8f8f8;
border-radius: 4rpx;
padding: 4rpx 12rpx;
margin-top: 20rpx;
}
.page-list {
border: 1rpx solid #F0F0F0;
border-radius: 0 0 12rpx 12rpx;
overflow: hidden;
padding: 30rpx 16rpx 30rpx 16rpx;
}
.cell-body {
position: relative;
padding: 20rpx 20rpx 20rpx 0;
}
.cell-body image {
width: 60rpx;
height: 60rpx;
border-radius: 50%;
margin-right: 16rpx;
}
.cell-body>view {
flex: 1;
}
.page-list text {
font-size: 22rpx;
color: #2E2E2E;
}
text.shop-total {
font-size: 24rpx;
}
text.type-text {
color: #DFBE9F;
display: flex;
align-items: center;
}
text.type-text.scan::before,text.type-text.port::before {
content: '';
width: 21rpx;
height: 23rpx;
margin-right: 8rpx;
}
text.type-text.scan::before {
background: url(/static/images/revenue/scan-up.png) no-repeat center;
background-size: contain;
}
text.type-text.port::before {
background: url(/static/images/revenue/port.png) no-repeat center;
background-size: contain;
}
text.type-text.port {
color: #95BAF2;
}
text.text-coast {
color: #848484;
width: 184rpx;
}
text.text-coast + text.text-coast {
text-align: right;
}
</style>

958
pages/operatingStatements/index.vue
View File

File diff suppressed because it is too large Load Diff