Compare commits
No commits in common. "f82ab7bb6a69c11b46328cedd8d0af7bedc00c0a" and "431d95645b2283b3858d5abe6df8f88c1a1ce21d" have entirely different histories.
f82ab7bb6a
...
431d95645b
@ -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 + '') + '';
|
||||
// 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
|
||||
}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -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,33 +98,36 @@
|
||||
</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;">{{
|
||||
<div style="color: #667ED5;font-size: 26rpx;">{{ operationModel[0].name }}: <span
|
||||
style="font-size: 26rpx;">{{
|
||||
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: #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
|
||||
<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;">{{
|
||||
<div style="margin-bottom: 0;font-size: 24rpx;" v-if="operationModel[1].data"><span
|
||||
style="font-size: 26rpx;">{{
|
||||
operationModel[1].data
|
||||
}}</span>元
|
||||
</div>
|
||||
@ -132,19 +135,17 @@
|
||||
</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()
|
||||
})
|
||||
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>
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
import request from '@/util/index.js'
|
||||
const methods = {
|
||||
async getData(obj, isServerPartDetail) { // 获取远程数据
|
||||
async getData(obj,isServerPartDetail) { // 获取远程数据
|
||||
let _this = this
|
||||
/* ts 数据类型声明
|
||||
type serverpartRegion = {
|
||||
@ -16,60 +16,49 @@ const methods = {
|
||||
// let regionList = [] // 营收上传列表 reginListModel[]
|
||||
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
|
||||
// 营收数据
|
||||
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
|
||||
|
||||
// 计划营收金额
|
||||
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
|
||||
|
||||
// 万佳商城配送数据
|
||||
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,
|
||||
@ -80,19 +69,8 @@ const methods = {
|
||||
bayonetCount.Result_Data.List, mobileShare.Result_Data, mallDeliver.Result_Data)
|
||||
// [reginList, totalData, busniessTypePie, busniessTradePie]
|
||||
|
||||
} catch (error) {
|
||||
console.error('API请求出错:', error)
|
||||
// 返回默认空数据结构
|
||||
return [[], {
|
||||
cashPay: 0,
|
||||
ticketCount: 0,
|
||||
totalCount: 0,
|
||||
uploadState: '0/0'
|
||||
}, [], [], [], []]
|
||||
}
|
||||
|
||||
},
|
||||
getTotalShowData(newData, oldData, index) {
|
||||
getTotalShowData(newData, oldData,index) {
|
||||
// <TotalModel>
|
||||
/*
|
||||
type TotalModel = {
|
||||
@ -106,7 +84,7 @@ const methods = {
|
||||
}
|
||||
*/
|
||||
|
||||
if (index > 0) {
|
||||
if (index>0) {
|
||||
oldData.ticketCount += newData.TicketCount
|
||||
oldData.totalCount += newData.TotalCount
|
||||
oldData.totalOffAmount += newData.TotalOffAmount
|
||||
@ -114,12 +92,12 @@ 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 = 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
|
||||
}
|
||||
@ -132,26 +110,26 @@ const methods = {
|
||||
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],
|
||||
@ -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,
|
||||
@ -234,7 +212,7 @@ const methods = {
|
||||
|
||||
return [...list]
|
||||
},
|
||||
getSeverpartReginList(data, shopCountList, tradeList, budgetAmount) {
|
||||
getSeverpartReginList(data, shopCountList,tradeList,budgetAmount){
|
||||
let _this = this
|
||||
let totalShow = {} // 总营收数据统计
|
||||
let list = [] // 上传营收列表数据
|
||||
@ -244,13 +222,13 @@ 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) {
|
||||
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 {
|
||||
}else{
|
||||
n.tradename = '其他'
|
||||
}
|
||||
|
||||
@ -259,16 +237,16 @@ const methods = {
|
||||
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 = {} // 总营收数据统计
|
||||
@ -282,12 +260,12 @@ const methods = {
|
||||
n.show = false
|
||||
|
||||
// 寻找门店父业态
|
||||
let trade = tradeList.find(t => t.BUSINESSTRADE_NAME == n.BusinessTrade_Name)
|
||||
if (trade && trade.BUSINESSTRADE_PNAME && trade.BUSINESSTRADE_PNAME.indexOf('其他') == -1) {
|
||||
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 || '其他')
|
||||
}else{
|
||||
n.tradename = _this.provinceCode==340000? '其他' : (n.BusinessTrade_Name || '其他')
|
||||
}
|
||||
// 上传营收情况
|
||||
let regin = list.find(m => m.name === n.SPRegionType_Name)
|
||||
@ -306,41 +284,41 @@ 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) {
|
||||
if (this.groupType == 1000){
|
||||
busniessAreaPie = _this.getBusniessPie('SPRegionType_Name', n, busniessAreaPie)
|
||||
}
|
||||
})
|
||||
@ -365,18 +343,18 @@ const methods = {
|
||||
})
|
||||
}
|
||||
|
||||
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 ;
|
||||
|
||||
|
||||
@ -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>
|
||||
</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>{{
|
||||
<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>
|
||||
|
||||
@ -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=" +
|
||||
// 451200、510000、520000、620000、630000、330200
|
||||
uni.redirectTo({
|
||||
url:
|
||||
"/pages/everdayRenven/AnhuiIndex?ProvinceCode=" +
|
||||
option.ProvinceCode +
|
||||
"&time=" +
|
||||
option.time +
|
||||
"&GroupType=" +
|
||||
option.GroupType +
|
||||
"&ServerpartIds=" +
|
||||
option.ServerpartIds;
|
||||
|
||||
console.log('推送跳转到AnhuiIndex，参数:', url);
|
||||
uni.redirectTo({ url });
|
||||
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);
|
||||
}
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -1,35 +1,31 @@
|
||||
<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 || '南/东区' }}
|
||||
¥{{ $util.fmoney(pageMsg.Serverpart_RevenueS, 2) }}</text>
|
||||
<text class=""> {{ pageMsg.Serverpart_N || '北/西区' }}
|
||||
¥{{ $util.fmoney(pageMsg.Serverpart_RevenueN, 2) }}</text>
|
||||
<text class=""> {{pageMsg.Serverpart_S||'南/东区'}} ¥{{$util.fmoney(pageMsg.Serverpart_RevenueS,2)}}</text>
|
||||
<text class=""> {{pageMsg.Serverpart_N||'北/西区'}} ¥{{$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="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>
|
||||
<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">
|
||||
<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 v-else-if="item.Upload_Type==2" >
|
||||
接口传输
|
||||
</template>
|
||||
<template v-else>
|
||||
@ -39,45 +35,24 @@
|
||||
<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>
|
||||
<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 {
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
isLoading: true,
|
||||
@ -87,53 +62,31 @@ export default {
|
||||
}
|
||||
},
|
||||
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)
|
||||
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) {
|
||||
getDetail(obj){
|
||||
let _this = this
|
||||
uni.showLoading({
|
||||
title: '正在加载...',
|
||||
mask: true
|
||||
title:'正在加载...',
|
||||
mask:true
|
||||
})
|
||||
|
||||
const req = {
|
||||
provinceCode: obj.pcode,
|
||||
serverpartId: obj.id,
|
||||
_this.$request.$webGet('WeChat/GetRevenueReportDetils',{
|
||||
startTime: obj.st,
|
||||
endTime: obj.et,
|
||||
}
|
||||
Serverpart_Id: obj.id,
|
||||
pushProvinceCode: obj.pcode
|
||||
}).then(res=>{
|
||||
|
||||
_this.$request.$webGet('CommercialApi/Revenue/GetRevenueReportDetil', req).then((res) => {
|
||||
console.log('dadasda', res);
|
||||
|
||||
if (res.Result_Code == 100) {
|
||||
if(res.Result_Code==100) {
|
||||
_this.pageMsg = res.Result_Data
|
||||
|
||||
} else {
|
||||
}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
|
||||
// })
|
||||
},
|
||||
|
||||
},
|
||||
@ -141,114 +94,94 @@ export default {
|
||||
this.pageOption = op
|
||||
this.getDetail(op)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
page {
|
||||
page {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.page-card {
|
||||
}
|
||||
.page-card {
|
||||
margin: 30rpx 20rpx;
|
||||
|
||||
}
|
||||
|
||||
.head-card {
|
||||
}
|
||||
.head-card {
|
||||
padding: 30rpx 35rpx;
|
||||
background: linear-gradient(to left, #f7f6f8 0%, #eceaeb 100%);
|
||||
border-radius: 12rpx 12rpx 0 0;
|
||||
}
|
||||
|
||||
.head-card>view+view {
|
||||
border-radius: 12rpx 12rpx 0 0 ;
|
||||
}
|
||||
.head-card > view+view {
|
||||
margin-top: 16rpx;
|
||||
}
|
||||
|
||||
.text-strong {
|
||||
}
|
||||
.text-strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
.head-card>view>text {
|
||||
}
|
||||
.head-card > view>text {
|
||||
font-size: 24rpx;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.list-date {
|
||||
}
|
||||
.list-date {
|
||||
font-size: 22rpx;
|
||||
background-color: #f8f8f8;
|
||||
border-radius: 4rpx;
|
||||
padding: 4rpx 12rpx;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
|
||||
.page-list {
|
||||
}
|
||||
.page-list {
|
||||
border: 1rpx solid #F0F0F0;
|
||||
border-radius: 0 0 12rpx 12rpx;
|
||||
overflow: hidden;
|
||||
|
||||
padding: 30rpx 16rpx 30rpx 16rpx;
|
||||
}
|
||||
|
||||
.cell-body {
|
||||
}
|
||||
.cell-body {
|
||||
position: relative;
|
||||
padding: 20rpx 20rpx 20rpx 0;
|
||||
}
|
||||
|
||||
.cell-body image {
|
||||
}
|
||||
.cell-body image {
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
border-radius: 50%;
|
||||
margin-right: 16rpx;
|
||||
}
|
||||
|
||||
.cell-body>view {
|
||||
}
|
||||
.cell-body>view {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.page-list text {
|
||||
}
|
||||
.page-list text {
|
||||
font-size: 22rpx;
|
||||
color: #2E2E2E;
|
||||
}
|
||||
|
||||
text.shop-total {
|
||||
}
|
||||
text.shop-total {
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
text.type-text {
|
||||
}
|
||||
text.type-text {
|
||||
color: #DFBE9F;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
text.type-text.scan::before,
|
||||
text.type-text.port::before {
|
||||
}
|
||||
text.type-text.scan::before,text.type-text.port::before {
|
||||
content: '';
|
||||
width: 21rpx;
|
||||
height: 23rpx;
|
||||
margin-right: 8rpx;
|
||||
}
|
||||
|
||||
text.type-text.scan::before {
|
||||
}
|
||||
text.type-text.scan::before {
|
||||
background: url(/static/images/revenue/scan-up.png) no-repeat center;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
text.type-text.port::before {
|
||||
}
|
||||
text.type-text.port::before {
|
||||
background: url(/static/images/revenue/port.png) no-repeat center;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
text.type-text.port {
|
||||
}
|
||||
text.type-text.port {
|
||||
color: #95BAF2;
|
||||
}
|
||||
|
||||
text.text-coast {
|
||||
}
|
||||
text.text-coast {
|
||||
color: #848484;
|
||||
width: 184rpx;
|
||||
|
||||
}
|
||||
|
||||
text.text-coast+text.text-coast {
|
||||
}
|
||||
text.text-coast + text.text-coast {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -1,16 +1,14 @@
|
||||
<template>
|
||||
<template>
|
||||
<view class="page-body">
|
||||
<!-- 日期筛选 -->
|
||||
<div class="uni-flex ai-center screen-box">
|
||||
<picker mode="date" @change="bindDateChange($event, 0)" :value="pageData.searchTime[0]"
|
||||
:end="pageData.endDate" start="2018-12-01" class="screen-unit">
|
||||
<text>{{ pageData.searchTime[0] }}</text>
|
||||
<picker mode="date" @change="bindDateChange($event,0)" :value="pageData.searchTime[0]" :end="pageData.endDate" start="2018-12-01" class="screen-unit">
|
||||
<text>{{pageData.searchTime[0]}}</text>
|
||||
<text class="uni-icon uni-icon-arrowdown"></text>
|
||||
</picker>
|
||||
<text class="mr20">至</text>
|
||||
<picker mode="date" @change="bindDateChange($event, 1)" :value="pageData.searchTime[1]"
|
||||
:end="pageData.endDate" start="2018-12-01" class="screen-unit">
|
||||
<text>{{ pageData.searchTime[1] }}</text>
|
||||
<picker mode="date" @change="bindDateChange($event,1)" :value="pageData.searchTime[1]" :end="pageData.endDate" start="2018-12-01" class="screen-unit">
|
||||
<text>{{pageData.searchTime[1]}}</text>
|
||||
<text class="uni-icon uni-icon-arrowdown"></text>
|
||||
</picker>
|
||||
</div>
|
||||
@ -18,64 +16,59 @@
|
||||
<view class="uni-flex ai-center head-card">
|
||||
<view class="" @tap="toTrend()">
|
||||
<view>实收总额</view>
|
||||
<view class="price-num">¥{{ $util.fmoney(pageData.msg.Total_Revenue, 2) }}</view>
|
||||
<view class="price-num">¥{{$util.fmoney(pageData.msg.Total_Revenue,2)}}</view>
|
||||
</view>
|
||||
<view class="" v-if="pageData.msg && pageData.msg.Province_ExternalAmount">
|
||||
<div class="all-diff" @tap="regionType = !regionType">
|
||||
<div class="all-diff" @tap="regionType=!regionType">
|
||||
<image src="../../static/images/revenue/next.png"></image>
|
||||
切换
|
||||
</div>
|
||||
<view>{{ !regionType ? "省内" : "省外" }}实收</view>
|
||||
<view class="price-num">¥{{ !regionType ? $util.fmoney(pageData.msg.Province_InsideAmount, 2) :
|
||||
$util.fmoney(pageData.msg.Province_ExternalAmount, 2) }}</view>
|
||||
<view>{{!regionType ?"省内" :"省外"}}实收</view>
|
||||
<view class="price-num">¥{{!regionType ? $util.fmoney(pageData.msg.Province_InsideAmount,2) : $util.fmoney(pageData.msg.Province_ExternalAmount,2)}}</view>
|
||||
</view>
|
||||
<view class="" v-else>
|
||||
<div class="all-diff" @tap="regionType = !regionType">
|
||||
<div class="all-diff" @tap="regionType=!regionType">
|
||||
<image src="../../static/images/revenue/next.png"></image>
|
||||
切换方向
|
||||
</div>
|
||||
<view>{{ !regionType ? "东 (南)" : "西 (北)" }}区实收</view>
|
||||
<view class="price-num">¥{{ !regionType ? $util.fmoney(pageData.msg.Revenue_AmountS, 2) :
|
||||
$util.fmoney(pageData.msg.Revenue_AmountN, 2) }}</view>
|
||||
<view>{{!regionType ?"东 (南)" :"西 (北)"}}区实收</view>
|
||||
<view class="price-num">¥{{!regionType ? $util.fmoney(pageData.msg.Revenue_AmountS,2) : $util.fmoney(pageData.msg.Revenue_AmountN,2)}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="modle-title">
|
||||
<image src="/static/images/revenue/yestoday-region.png" mode="aspectFit"></image>
|
||||
<text>经营报表</text>
|
||||
</view>
|
||||
<view class="bg-white" v-if="ServerpartList.length > 0">
|
||||
<view class="region-area-title uni-flex ai-center jc-between"
|
||||
v-show="pageData.msg.Province_ExternalAmount" :class="{ 'active': pageData.insideShow }"
|
||||
@tap="pageData.insideShow = !pageData.insideShow">
|
||||
<view class="bg-white" v-if="ServerpartList.length>0">
|
||||
<view class="region-area-title uni-flex ai-center jc-between" v-show="pageData.msg.Province_ExternalAmount" :class="{'active':pageData.insideShow}" @tap="pageData.insideShow=!pageData.insideShow">
|
||||
<text>省内区域</text>
|
||||
|
||||
</view>
|
||||
<view v-show="pageData.insideShow">
|
||||
<view v-for="(item, i) in ServerpartList" :key="i">
|
||||
<view v-for="(item,i) in ServerpartList" :key="i">
|
||||
<div class=" region-cell" @tap="toggleRegion(item)">
|
||||
<div class="region-cell-unit region-title cuIcon-triangledownfill">
|
||||
<text class="">{{ item.Region_Name }}</text>
|
||||
<div class="region-cell-unit region-title cuIcon-triangledownfill" >
|
||||
<text class="">{{item.Region_Name}}</text>
|
||||
<div class="ct01">
|
||||
<text class="strong-text">¥{{ $util.fmoney(item.Total_Revenue, 2) }}</text>
|
||||
<text class="strong-text">¥{{$util.fmoney(item.Total_Revenue,2)}}</text>
|
||||
</div>
|
||||
</div>
|
||||
<div class="region-cell-unit">
|
||||
<text>营收占比</text>
|
||||
<div class="ct01">
|
||||
<text class="strong-text">{{ item.Revenue_Proportion }}</text>
|
||||
<text class="strong-text">{{item.Revenue_Proportion}}</text>
|
||||
</div>
|
||||
</div>
|
||||
<div class="region-cell-unit">
|
||||
<text class="uni-icon uni-icon-arrowright" :class="{ 'active': item.show }"></text>
|
||||
<text class="uni-icon uni-icon-arrowright" :class="{'active':item.show}"></text>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="region-cell-area" v-show="item.show">
|
||||
<li v-for="(child, index) in item.revenueServerModels" :class="{ 'visited': child.visited }"
|
||||
:key="index" @tap="toDetail(child)">
|
||||
<view>{{ child.Serverpart_Name }}</view>
|
||||
<li v-for="(child,index) in item.revenueServerModels" :class="{'visited':child.visited}" :key="index" @tap="toDetail(child)">
|
||||
<view>{{child.Serverpart_Name}}</view>
|
||||
<view class="uni-flex ai-center data-number">
|
||||
<text class="">{{ child.Revenue_Proportion }}</text>
|
||||
<text style="flex: 2;">¥{{ $util.fmoney(child.Total_Revenue, 2) }}</text>
|
||||
<text class="">{{child.Revenue_Proportion}}</text>
|
||||
<text style="flex: 2;">¥{{$util.fmoney(child.Total_Revenue,2)}}</text>
|
||||
|
||||
</view>
|
||||
</li>
|
||||
@ -84,19 +77,17 @@
|
||||
|
||||
</view>
|
||||
|
||||
<template v-if="insideRegionList.length > 0">
|
||||
<view class="region-area-title uni-flex ai-center jc-between"
|
||||
:class="{ 'active': pageData.exsideShow }" @tap="pageData.exsideShow = !pageData.exsideShow">
|
||||
<template v-if="insideRegionList.length>0">
|
||||
<view class="region-area-title uni-flex ai-center jc-between" :class="{'active':pageData.exsideShow }" @tap="pageData.exsideShow = !pageData.exsideShow">
|
||||
<text>省外区域</text>
|
||||
</view>
|
||||
<view v-show="pageData.exsideShow">
|
||||
<view v-for="(item, i) in insideRegionList" :key="i">
|
||||
<view v-for="(item,i) in insideRegionList" :key="i">
|
||||
<div class=" region-cell" @tap="toggleRegion(item)">
|
||||
<div class="region-cell-unit region-title cuIcon-triangledownfill"
|
||||
:class="{ 'active': item.show }">
|
||||
<text class="">{{ item.Region_Name }}</text>
|
||||
<div class="region-cell-unit region-title cuIcon-triangledownfill" :class="{'active':item.show}">
|
||||
<text class="">{{item.Region_Name}}</text>
|
||||
<div class="ct01">
|
||||
<text class="strong-text">¥{{ $util.fmoney(item.Total_Revenue, 2) }}</text>
|
||||
<text class="strong-text">¥{{$util.fmoney(item.Total_Revenue,2)}}</text>
|
||||
|
||||
</div>
|
||||
|
||||
@ -104,20 +95,18 @@
|
||||
<div class="region-cell-unit">
|
||||
<text>营收占比</text>
|
||||
<div class="ct01">
|
||||
<text class="strong-text">{{ item.Revenue_Proportion }}</text>
|
||||
<text class="strong-text">{{item.Revenue_Proportion}}</text>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="region-cell-unit"><text class="uni-icon uni-icon-arrowright"
|
||||
:class="{ 'active': item.show }"></text></div>
|
||||
<div class="region-cell-unit"><text class="uni-icon uni-icon-arrowright" :class="{'active':item.show}"></text></div>
|
||||
</div>
|
||||
<ul class="region-cell-area" v-show="item.show">
|
||||
<li v-for="(child, index) in item.revenueServerModels"
|
||||
:class="{ 'visited': child.visited }" :key="index" @tap="toDetail(child)">
|
||||
<view>{{ child.Serverpart_Name }}</view>
|
||||
<li v-for="(child,index) in item.revenueServerModels" :class="{'visited':child.visited}" :key="index" @tap="toDetail(child)">
|
||||
<view>{{child.Serverpart_Name}}</view>
|
||||
<view class="uni-flex ai-center data-number">
|
||||
<text class="">{{ child.Revenue_Proportion }}</text>
|
||||
<text style="flex: 2;">¥{{ $util.fmoney(child.Total_Revenue, 2) }}</text>
|
||||
<text class="">{{child.Revenue_Proportion}}</text>
|
||||
<text style="flex: 2;">¥{{$util.fmoney(child.Total_Revenue,2)}}</text>
|
||||
|
||||
</view>
|
||||
</li>
|
||||
@ -129,7 +118,7 @@
|
||||
</view>
|
||||
</template>
|
||||
<view class="" v-else-if="!pageData.isLoading && !pageData.msg">
|
||||
<noFound nodata=" true" :text="noDataText" />
|
||||
<noFound nodata=" true" :text="noDataText"/>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
@ -137,18 +126,18 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { mapState } from 'vuex'
|
||||
export default {
|
||||
import {mapState} from 'vuex'
|
||||
export default {
|
||||
|
||||
data() {
|
||||
let now = new Date()
|
||||
|
||||
let nowTime = this.$util.cutDate(now, 'YYYY-MM-DD', -1)
|
||||
let nowTime = this.$util.cutDate(now, 'YYYY-MM-DD',-1)
|
||||
let sTime = this.$util.cutDate(now, 'YYYY-MM-DD', -1)
|
||||
return {
|
||||
pageData: {
|
||||
endDate: nowTime,
|
||||
searchTime: [sTime, nowTime],
|
||||
searchTime: [sTime,nowTime],
|
||||
msg: {},
|
||||
isLoading: true,
|
||||
exsideShow: true,
|
||||
@ -160,26 +149,26 @@ export default {
|
||||
insideRegionList: [] // 省外
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
...mapState({ 'ProvinceCode': (state) => { return state.userData.ProvinceCode } }),
|
||||
computed:{
|
||||
...mapState({'ProvinceCode':(state)=>{return state.userData.ProvinceCode}}),
|
||||
},
|
||||
methods: {
|
||||
toTrend() {
|
||||
this.$util.toNextRoute('navigateTo', '/pages/operatingStatements/operatingTrend?time=' + this.pageData.searchTime[1])
|
||||
toTrend(){
|
||||
this.$util.toNextRoute('navigateTo','/pages/operatingStatements/operatingTrend?time='+this.pageData.searchTime[1])
|
||||
|
||||
},
|
||||
bindDateChange(e, index) {
|
||||
bindDateChange(e,index){
|
||||
let nowDate = this.pageData.searchTime[index]
|
||||
if (e.detail.value != nowDate) {
|
||||
if(e.detail.value != nowDate){
|
||||
this.pageData.searchTime[index] = e.detail.value
|
||||
this.$forceUpdate()
|
||||
this.searchList()
|
||||
}
|
||||
},
|
||||
searchList() {
|
||||
searchList(){
|
||||
uni.showLoading({
|
||||
title: '正在加载',
|
||||
mask: true
|
||||
title:'正在加载',
|
||||
mask:true
|
||||
})
|
||||
|
||||
this.getList()
|
||||
@ -188,165 +177,96 @@ export default {
|
||||
item.show = !item.show ? true : false
|
||||
this.$forceUpdate()
|
||||
},
|
||||
toDetail(item) {
|
||||
this.$util.toNextRoute('navigateTo', '/pages/operatingStatements/detail?pcode=' + item.Province_Code + '&id=' + item.Serverpart_Id + '&st=' + this.pageData.searchTime[0] + '&et=' + this.pageData.searchTime[1])
|
||||
toDetail(item){
|
||||
this.$util.toNextRoute('navigateTo', '/pages/operatingStatements/detail?pcode='+item.Province_Code+'&id=' + item.Serverpart_Id + '&st=' + this.pageData.searchTime[0]+ '&et=' + this.pageData.searchTime[1])
|
||||
item.visited = true
|
||||
this.$forceUpdate()
|
||||
},
|
||||
getList() {
|
||||
getList(){
|
||||
let _this = this
|
||||
let searchTime = this.pageData.searchTime
|
||||
|
||||
const req = {
|
||||
provinceCode: this.ProvinceCode,
|
||||
_this.$request.$webGet('WeChat/GetRevenueReport',{
|
||||
startTime: searchTime[0],
|
||||
endTime: searchTime[1],
|
||||
}
|
||||
console.log('reqdad', req);
|
||||
uni.showLoading({
|
||||
title: '正在加载',
|
||||
mask: true
|
||||
})
|
||||
_this.$request.$webGet('CommercialApi/Revenue/GetRevenueReport', req).then((res) => {
|
||||
console.log('resresresres', res);
|
||||
uni.hideLoading()
|
||||
if (res.Result_Code == 100) {
|
||||
additionalCode: this.ProvinceCode=='330000' ? '451200,630000' :''
|
||||
}).then(res=>{
|
||||
|
||||
if(res.Result_Code==100) {
|
||||
_this.pageData.msg = res.Result_Data
|
||||
_this.pageData.msg.countave = (Number(_this.pageData.msg.Province_InsideAmount) / Number(_this.pageData.msg.TotalCount)).toFixed(2)
|
||||
res.Result_Data.revenueRegionModels.map(n => {
|
||||
res.Result_Data.revenueRegionModels.map(n=>{
|
||||
n.show = false
|
||||
})
|
||||
if (res.Result_Data.revenueInsideRegionModels) {
|
||||
res.Result_Data.revenueInsideRegionModels.map(n => {
|
||||
if(res.Result_Data.revenueInsideRegionModels){
|
||||
res.Result_Data.revenueInsideRegionModels.map(n=>{
|
||||
n.show = false
|
||||
})
|
||||
_this.insideRegionList = res.Result_Data.revenueInsideRegionModels
|
||||
}
|
||||
|
||||
// _this.pageData.msg.SearchResult
|
||||
// 判断一下 如果是有搜索框的值 就按照搜索框有的值显示
|
||||
// 没有就出现结算模式 或者经营模式
|
||||
if (this.searchText) {
|
||||
this.showModal = false
|
||||
if (res.Result_Data.SearchResult) {
|
||||
let newList = []
|
||||
res.Result_Data.SearchResult.forEach(item => {
|
||||
newList.push(item.split(this.searchText))
|
||||
_this.pageData.msg.SearchResult = newList
|
||||
_this.copySearchText = JSON.parse(JSON.stringify(this.searchText))
|
||||
})
|
||||
}
|
||||
} else {
|
||||
if (this.BusinessTypeValue || this.SettlementModeValue) {
|
||||
this.showModal = true
|
||||
}
|
||||
}
|
||||
_this.ServerpartList = res.Result_Data.revenueRegionModels
|
||||
} else if (res.Result_Code == 200 || res.Result_Code == 999) {
|
||||
_this.noDataText = '暂无数据'
|
||||
_this.insideRegionList = []
|
||||
_this.pageData.msg = null
|
||||
} else {
|
||||
}else{
|
||||
_this.pageData.msg = null
|
||||
_this.noDataText = res.Result_Desc
|
||||
_this.insideRegionList = []
|
||||
}
|
||||
_this.requestText = _this.searchText
|
||||
|
||||
_this.pageData.isLoading = false
|
||||
uni.hideLoading()
|
||||
_this.pageData.isLoading =false
|
||||
_this.$forceUpdate()
|
||||
})
|
||||
|
||||
// _this.$request.$webGet('WeChat/GetRevenueReport', {
|
||||
// startTime: searchTime[0],
|
||||
// endTime: searchTime[1],
|
||||
// additionalCode: this.ProvinceCode == '330000' ? '451200,630000' : ''
|
||||
// }).then(res => {
|
||||
|
||||
// if (res.Result_Code == 100) {
|
||||
// _this.pageData.msg = res.Result_Data
|
||||
// res.Result_Data.revenueRegionModels.map(n => {
|
||||
// n.show = false
|
||||
// })
|
||||
// if (res.Result_Data.revenueInsideRegionModels) {
|
||||
// res.Result_Data.revenueInsideRegionModels.map(n => {
|
||||
// n.show = false
|
||||
// })
|
||||
// _this.insideRegionList = res.Result_Data.revenueInsideRegionModels
|
||||
// }
|
||||
|
||||
// _this.ServerpartList = res.Result_Data.revenueRegionModels
|
||||
// } else {
|
||||
// _this.pageData.msg = null
|
||||
// _this.noDataText = res.Result_Desc
|
||||
// }
|
||||
// uni.hideLoading()
|
||||
// _this.pageData.isLoading = false
|
||||
// _this.$forceUpdate()
|
||||
// })
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
uni.showLoading({
|
||||
title: '正在加载...',
|
||||
mask: true
|
||||
title:'正在加载...',
|
||||
mask:true
|
||||
})
|
||||
|
||||
this.getList()
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.page-body {
|
||||
.page-body {
|
||||
padding-bottom: 80rpx;
|
||||
}
|
||||
|
||||
.screen-box {
|
||||
}
|
||||
.screen-box {
|
||||
background-color: #fff;
|
||||
padding: 0 20rpx;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9;
|
||||
}
|
||||
|
||||
.screen-box .screen-unit {
|
||||
}
|
||||
.screen-box .screen-unit {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 200rpx;
|
||||
padding: 0 14rpx;
|
||||
line-height: 3;
|
||||
}
|
||||
|
||||
.screen-box .mr20 {
|
||||
}
|
||||
.screen-box .mr20 {
|
||||
margin-right: 20rpx;
|
||||
color: #95999C;
|
||||
}
|
||||
|
||||
.uni-icon-arrowdown {
|
||||
}
|
||||
.uni-icon-arrowdown {
|
||||
font-size: 22rpx;
|
||||
color: #C7C7C7;
|
||||
margin-left: 8rpx;
|
||||
}
|
||||
|
||||
.screen-box text {
|
||||
}
|
||||
.screen-box text {
|
||||
line-height: 3;
|
||||
}
|
||||
|
||||
.screen-box image {
|
||||
}
|
||||
.screen-box image{
|
||||
width: 12rpx;
|
||||
height: 8rpx;
|
||||
margin: 0 16rpx;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.head-card {
|
||||
}
|
||||
.head-card {
|
||||
padding: 40rpx 26rpx;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.head-card>view {
|
||||
}
|
||||
.head-card>view {
|
||||
width: 330rpx;
|
||||
height: 190rpx;
|
||||
color: #fff;
|
||||
@ -356,28 +276,25 @@ export default {
|
||||
border-radius: 24rpx;
|
||||
box-sizing: border-box;
|
||||
|
||||
}
|
||||
}
|
||||
.head-card>view:first-child {
|
||||
|
||||
.head-card>view:first-child {
|
||||
background: linear-gradient(to left,#93a4ec 0%, #4b76e9 100%);
|
||||
}
|
||||
|
||||
background: linear-gradient(to left, #93a4ec 0%, #4b76e9 100%);
|
||||
}
|
||||
|
||||
.head-card>view:last-child {
|
||||
.head-card>view:last-child {
|
||||
margin-left: 30rpx;
|
||||
background: linear-gradient(to left, #8cdade 0%, #82c2ce 100%);
|
||||
background: linear-gradient(to left,#8cdade 0%, #82c2ce 100%);
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.head-card .price-num {
|
||||
}
|
||||
.head-card .price-num {
|
||||
font-family: 'Bahnschrift Regular';
|
||||
font-size: 50rpx;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.all-diff {
|
||||
background: linear-gradient(#f28785, #ee5b4c);
|
||||
}
|
||||
.all-diff {
|
||||
background: linear-gradient(#f28785,#ee5b4c);
|
||||
height: 36rpx;
|
||||
line-height: 36rpx;
|
||||
width: 126rpx;
|
||||
@ -389,15 +306,13 @@ export default {
|
||||
font-size: 20rpx;
|
||||
border-radius: 0 0 0 54rpx;
|
||||
|
||||
}
|
||||
|
||||
.all-diff image {
|
||||
}
|
||||
.all-diff image {
|
||||
width: 20rpx;
|
||||
height: 17rpx;
|
||||
margin-right: 8rpx;
|
||||
}
|
||||
|
||||
.modle-title {
|
||||
}
|
||||
.modle-title {
|
||||
padding-left: 24rpx;
|
||||
font-size: 30rpx;
|
||||
padding-top: 32rpx;
|
||||
@ -405,47 +320,40 @@ export default {
|
||||
font-weight: bolder;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.modle-title image {
|
||||
}
|
||||
.modle-title image {
|
||||
max-width: 36rpx;
|
||||
max-height: 36rpx;
|
||||
margin-right: 14rpx;
|
||||
}
|
||||
|
||||
.bg-white {
|
||||
}
|
||||
.bg-white {
|
||||
background-color: #fff;
|
||||
margin: 0 24rpx;
|
||||
border-radius: 12rpx;
|
||||
padding-bottom: 26rpx;
|
||||
}
|
||||
|
||||
.region-area-title {
|
||||
}
|
||||
.region-area-title {
|
||||
color: #000;
|
||||
font-weight: bolder;
|
||||
padding: 26rpx 46rpx 0 56rpx;
|
||||
position: relative;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
/*日结上传*/
|
||||
.region-title {
|
||||
}
|
||||
/*日结上传*/
|
||||
.region-title {
|
||||
position: relative;
|
||||
color: #929292;
|
||||
/* font-weight: bolder; */
|
||||
|
||||
}
|
||||
|
||||
.region-title,
|
||||
.ct01 {
|
||||
}
|
||||
.region-title,.ct01 {
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.ct01 {
|
||||
}
|
||||
.ct01 {
|
||||
padding-top: 8rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.region-area-title:before {
|
||||
.region-area-title:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 0rpx;
|
||||
@ -459,44 +367,38 @@ export default {
|
||||
transform: rotate(-90deg);
|
||||
transition: all 0.4s;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.active.region-area-title:before {
|
||||
}
|
||||
.active.region-area-title:before{
|
||||
|
||||
border-left: 8rpx solid transparent;
|
||||
border-right: 8rpx solid transparent;
|
||||
border-top: 8rpx solid #E0BB97;
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
}
|
||||
|
||||
.region-cell {
|
||||
.region-cell {
|
||||
display: flex;
|
||||
padding: 26rpx 46rpx 16rpx 56rpx;
|
||||
align-items: flex-end;
|
||||
}
|
||||
|
||||
.region-cell .active.uni-icon-arrowright::before {
|
||||
}
|
||||
.region-cell .active.uni-icon-arrowright::before {
|
||||
transform: rotate(90deg);
|
||||
|
||||
|
||||
}
|
||||
|
||||
.region-cell .uni-icon-arrowdown,
|
||||
.region-cell .uni-icon-arrowright {
|
||||
}
|
||||
.region-cell .uni-icon-arrowdown,.region-cell .uni-icon-arrowright {
|
||||
font-size: 36rpx;
|
||||
color: #5A5A5A;
|
||||
/* padding-bottom: 12rpx; */
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.region-cell .uni-icon-arrowright::before {
|
||||
}
|
||||
.region-cell .uni-icon-arrowright::before {
|
||||
position: absolute;
|
||||
right: -26rpx;
|
||||
top: -46rpx;
|
||||
transition: all 0.4s;
|
||||
}
|
||||
|
||||
.region-cell .region-cell-unit {
|
||||
}
|
||||
.region-cell .region-cell-unit {
|
||||
flex: 2;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@ -504,57 +406,52 @@ export default {
|
||||
font-size: 26rpx;
|
||||
line-height: 1.5;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
.region-cell .region-cell-unit:nth-child(1) {
|
||||
.region-cell .region-cell-unit:nth-child(1) {
|
||||
flex: 3;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.region-cell .region-cell-unit:nth-child(3) {
|
||||
}
|
||||
.region-cell .region-cell-unit:nth-child(3) {
|
||||
|
||||
flex: 2.5;
|
||||
|
||||
}
|
||||
|
||||
.region-cell-image {
|
||||
}
|
||||
.region-cell-image {
|
||||
width: 48rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
height: 50rpx;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.region-cell image {
|
||||
.region-cell image {
|
||||
width: 14rpx;
|
||||
height: 23rpx;
|
||||
}
|
||||
}
|
||||
|
||||
/*日结上传服务区*/
|
||||
.region-cell-area {
|
||||
/*日结上传服务区*/
|
||||
.region-cell-area {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.region-cell-area li:nth-child(2n+1) {
|
||||
}
|
||||
.region-cell-area li:nth-child(2n+1) {
|
||||
background-color: #FCFCFC;
|
||||
}
|
||||
|
||||
.region-cell-area li view:first-child {
|
||||
}
|
||||
.region-cell-area li view:first-child{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
.region-cell-area li.visited view:first-child{
|
||||
color:#007AFF;
|
||||
|
||||
.region-cell-area li.visited view:first-child {
|
||||
color: #007AFF;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.region-cell-area li:nth-child(2n+1) {
|
||||
.region-cell-area li:nth-child(2n+1) {
|
||||
background-color: #F9F9FB;
|
||||
}
|
||||
}
|
||||
|
||||
.region-cell-area li:nth-child(2n) view:first-child:before {
|
||||
.region-cell-area li:nth-child(2n) view:first-child:before {
|
||||
content: '';
|
||||
background-color: #5596F9;
|
||||
width: 8rpx;
|
||||
@ -565,9 +462,9 @@ export default {
|
||||
/* position: absolute;
|
||||
left: 0rpx; */
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.region-cell-area li:nth-child(2n+1) view:first-child:before {
|
||||
.region-cell-area li:nth-child(2n+1) view:first-child:before {
|
||||
content: '';
|
||||
background-color: #FE6D67;
|
||||
width: 8rpx;
|
||||
@ -577,9 +474,9 @@ export default {
|
||||
margin-right: 16rpx;
|
||||
/* position: absolute;
|
||||
left: 0rpx; */
|
||||
}
|
||||
}
|
||||
|
||||
.region-cell-area li {
|
||||
.region-cell-area li {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
@ -587,28 +484,25 @@ export default {
|
||||
position: relative;
|
||||
text-align: left;
|
||||
color: #2E2E2E;
|
||||
}
|
||||
}
|
||||
|
||||
.region-cell-area li>view {
|
||||
.region-cell-area li>view {
|
||||
flex: 2;
|
||||
font-size: 22rpx;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.region-cell-area li>view text {
|
||||
}
|
||||
.region-cell-area li>view text {
|
||||
font-size: 22rpx;
|
||||
flex: 1;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.region-cell-area li>view text:last-child {
|
||||
}
|
||||
.region-cell-area li>view text:last-child {
|
||||
/* text-align: right; */
|
||||
font-weight: bolder;
|
||||
padding-right: 8rpx;
|
||||
flex: 2;
|
||||
}
|
||||
|
||||
.region-cell-area li>view:last-child:after {
|
||||
}
|
||||
.region-cell-area li> view:last-child:after {
|
||||
content: '';
|
||||
background: url(/static/images/revenue/you-jt.png) no-repeat center;
|
||||
width: 14rpx;
|
||||
@ -618,5 +512,5 @@ export default {
|
||||
position: absolute;
|
||||
right: -28rpx;
|
||||
top: 8rpx;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user