update
This commit is contained in:
ylj20011123
parent
431d95645b
commit
42f254afb9
@ -1,5 +1,16 @@
|
||||
<template>
|
||||
<view :class="'province-theme-' + currentProvinceCode">
|
||||
<!-- 加载骨架屏 -->
|
||||
<view class="loading-skeleton" v-if="isLoading">
|
||||
<view class="skeleton-header"></view>
|
||||
<view class="skeleton-cards">
|
||||
<view class="skeleton-card" v-for="i in 3" :key="i"></view>
|
||||
</view>
|
||||
<view class="skeleton-list">
|
||||
<view class="skeleton-item" v-for="i in 5" :key="i"></view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="page-body" v-if="showPage">
|
||||
<AnhHead :today="today" :headMsg="headMsg" :lastDay="lastDay" :groupType="theRequest && theRequest.GroupType"
|
||||
:provinceCode="theRequest && theRequest.ProvinceCode" @bindDateChange="bindDateChange" :isup="isup"
|
||||
@ -277,8 +288,7 @@
|
||||
<shopCell v-for="(item, i) in regionList" :key="i" :item='item' @toggleShow="toggleShow" :i='i' />
|
||||
</template>
|
||||
</view>
|
||||
<template
|
||||
v-if="theRequest && theRequest.ProvinceCode == '620000' || theRequest.ProvinceCode == '530000' || theRequest.ProvinceCode == '734100'">
|
||||
<template v-if="theRequest && theRequest.ProvinceCode == '620000' || theRequest.ProvinceCode == '530000'">
|
||||
<view class="uni-inline-item modle-title">
|
||||
<image src="/static/images/revenue/product-ranking.png" mode="aspectFit"></image>
|
||||
<text class="strong-text">商品销售排行</text>
|
||||
@ -410,6 +420,133 @@ export default {
|
||||
RankContent
|
||||
},
|
||||
methods: {
|
||||
// 解析二维码参数 - uniapp兼容版本
|
||||
parseQRCodeParams: function (qParam) {
|
||||
try {
|
||||
// 解码URL
|
||||
var decodedUrl = decodeURIComponent(qParam)
|
||||
console.log('解码后的URL:', decodedUrl)
|
||||
|
||||
// 提取查询参数部分
|
||||
var urlParts = decodedUrl.split('?')
|
||||
if (urlParts.length < 2) {
|
||||
console.log('二维码URL没有参数，使用默认值')
|
||||
return this.getDefaultParams()
|
||||
}
|
||||
|
||||
var queryString = urlParts[1]
|
||||
var params = {}
|
||||
|
||||
// 解析查询参数
|
||||
var pairs = queryString.split('&')
|
||||
for (var i = 0; i < pairs.length; i++) {
|
||||
var pair = pairs[i]
|
||||
var equalIndex = pair.indexOf('=')
|
||||
if (equalIndex > -1) {
|
||||
var key = pair.substring(0, equalIndex)
|
||||
var value = pair.substring(equalIndex + 1)
|
||||
if (key && value !== '') {
|
||||
try {
|
||||
params[decodeURIComponent(key)] = decodeURIComponent(value)
|
||||
} catch (e) {
|
||||
// 解码失败时使用原值
|
||||
params[key] = value
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
console.log('解析的参数对象:', params)
|
||||
|
||||
// 确保必需参数存在
|
||||
var finalParams = {
|
||||
ProvinceCode: params.ProvinceCode || '530000', // 默认云南
|
||||
GroupType: params.GroupType || '1000',
|
||||
time: params.time || this.lastDay,
|
||||
ServerpartIds: params.ServerpartIds || ''
|
||||
}
|
||||
|
||||
// 处理时间格式
|
||||
if (finalParams.time) {
|
||||
var timeStr = finalParams.time
|
||||
console.log('原始时间字符串:', timeStr)
|
||||
|
||||
// 处理URL编码的+号（空格被编码为+）
|
||||
timeStr = timeStr.replace(/\+/g, ' ')
|
||||
console.log('处理+号后:', timeStr)
|
||||
|
||||
// 分离日期和时间部分
|
||||
var datePart = ''
|
||||
var timePart = ''
|
||||
|
||||
if (timeStr.indexOf(' ') > -1) {
|
||||
var parts = timeStr.split(' ')
|
||||
datePart = parts[0]
|
||||
timePart = parts[1] || ''
|
||||
} else {
|
||||
datePart = timeStr
|
||||
}
|
||||
|
||||
// 处理日期部分：2025/9/1 -> 2025/09/01
|
||||
if (datePart.indexOf('/') > -1) {
|
||||
var dateSegments = datePart.split('/')
|
||||
if (dateSegments.length === 3) {
|
||||
var year = dateSegments[0]
|
||||
var month = dateSegments[1].length === 1 ? '0' + dateSegments[1] : dateSegments[1]
|
||||
var day = dateSegments[2].length === 1 ? '0' + dateSegments[2] : dateSegments[2]
|
||||
datePart = year + '/' + month + '/' + day
|
||||
}
|
||||
}
|
||||
|
||||
// 处理时间部分：确保格式正确
|
||||
if (timePart && timePart.indexOf(':') > -1) {
|
||||
var timeSegments = timePart.split(':')
|
||||
if (timeSegments.length >= 2) {
|
||||
var hour = timeSegments[0].length === 1 ? '0' + timeSegments[0] : timeSegments[0]
|
||||
var minute = timeSegments[1].length === 1 ? '0' + timeSegments[1] : timeSegments[1]
|
||||
var second = '00'
|
||||
if (timeSegments[2]) {
|
||||
second = timeSegments[2].length === 1 ? '0' + timeSegments[2] : timeSegments[2]
|
||||
}
|
||||
timePart = hour + ':' + minute + ':' + second
|
||||
}
|
||||
}
|
||||
|
||||
// 组合最终时间字符串
|
||||
if (timePart) {
|
||||
finalParams.time = datePart + ' ' + timePart
|
||||
} else {
|
||||
finalParams.time = datePart
|
||||
}
|
||||
|
||||
console.log('最终时间格式:', finalParams.time)
|
||||
|
||||
// 验证时间格式
|
||||
if (finalParams.time.length < 8) {
|
||||
console.log('时间格式不正确，使用默认时间')
|
||||
finalParams.time = this.lastDay
|
||||
}
|
||||
}
|
||||
|
||||
console.log('最终参数:', finalParams)
|
||||
return finalParams
|
||||
|
||||
} catch (error) {
|
||||
console.log('解析二维码参数失败:', error)
|
||||
return this.getDefaultParams()
|
||||
}
|
||||
},
|
||||
|
||||
// 获取默认参数 - uniapp兼容版本
|
||||
getDefaultParams: function () {
|
||||
return {
|
||||
ProvinceCode: '530000', // 默认云南
|
||||
GroupType: '1000',
|
||||
time: this.lastDay,
|
||||
ServerpartIds: ''
|
||||
}
|
||||
},
|
||||
|
||||
// 初始化省份代码
|
||||
initProvinceCode() {
|
||||
let provinceCode = ''
|
||||
@ -436,7 +573,7 @@ export default {
|
||||
},
|
||||
toggleCard(isup) {
|
||||
this.isup = !isup
|
||||
this.$forceUpdate()
|
||||
// 移除不必要的$forceUpdate，由Vue自动检测变化
|
||||
},
|
||||
bindDateChange(e) { // 切换日期 加载选中日期的营收数据
|
||||
// let nowDate = this.theRequest.time
|
||||
@ -448,12 +585,17 @@ export default {
|
||||
this.$util.cutDate(selectT, 'MM.DD', -7)]
|
||||
uni.showLoading({
|
||||
title: '正在加载...',
|
||||
mask: true
|
||||
mask: false // 减少遮罩，提升用户体验
|
||||
})
|
||||
this.initData()
|
||||
// this.getTender()
|
||||
this.todayAmount()
|
||||
this.$forceUpdate()
|
||||
// 异步并行加载数据
|
||||
Promise.all([
|
||||
this.initData(),
|
||||
this.todayAmount()
|
||||
]).catch(err => {
|
||||
console.error('数据刷新失败:', err)
|
||||
uni.hideLoading()
|
||||
})
|
||||
// 移除不必要的$forceUpdate
|
||||
}
|
||||
|
||||
},
|
||||
@ -472,15 +614,15 @@ export default {
|
||||
})
|
||||
this.$util.toNextRoute('navigateTo', severpartIndexPath)
|
||||
|
||||
item.visited = true
|
||||
this.$forceUpdate()
|
||||
// 使用Vue.set确保响应式更新
|
||||
this.$set(item, 'visited', true)
|
||||
},
|
||||
selectTab(name, index) {
|
||||
this[name] = index
|
||||
},
|
||||
toggleRegion(item) {
|
||||
item.show = !item.show ? true : false
|
||||
this.$forceUpdate()
|
||||
// 使用Vue.set确保响应式更新
|
||||
this.$set(item, 'show', !item.show)
|
||||
},
|
||||
// 切换区域展开/收起状态
|
||||
toggleRegionCollapse(item) {
|
||||
@ -515,7 +657,7 @@ export default {
|
||||
totalTicketCount: res.Data.TOTALTICKET,
|
||||
avrticketCount: this.$util.fmoney(avrticket, 2),
|
||||
}
|
||||
_this.$forceUpdate()
|
||||
// 移除不必要的$forceUpdate
|
||||
})
|
||||
|
||||
},
|
||||
@ -616,8 +758,8 @@ export default {
|
||||
},
|
||||
toggleShow(i) {
|
||||
let item = this.regionList[i]
|
||||
item.show = !item.show
|
||||
this.$forceUpdate()
|
||||
// 使用Vue.set确保响应式更新
|
||||
this.$set(item, 'show', !item.show)
|
||||
},
|
||||
defaultMsg() {
|
||||
let option = null
|
||||
@ -634,85 +776,127 @@ export default {
|
||||
async initData() { // 初始化营收数据
|
||||
let _this = this
|
||||
console.log('this.theRequest1', this.theRequest)
|
||||
|
||||
// 检查theRequest是否存在，如果不存在则使用默认值
|
||||
if (!this.theRequest) {
|
||||
console.error('theRequest未初始化')
|
||||
this.isLoading = false
|
||||
this.showPage = false
|
||||
uni.hideLoading()
|
||||
return
|
||||
}
|
||||
|
||||
this.theRequest.GroupType = 1000
|
||||
this.theRequest.ServerpartIds = ''
|
||||
const [reginList, totalData, busniessTypePie, busniessTradePie, busniessAreaPie, bayonetPie] =
|
||||
await anhuiYestodayRevenueData.getData(this.theRequest) // 获取实时数据
|
||||
|
||||
if (this.theRequest.GroupType !== 1010) {
|
||||
console.log('reginList', reginList)
|
||||
this.regionList = reginList // 营收上传列表 reginListModel[]
|
||||
}
|
||||
// 组合及格式化 头部卡片总营收数据。
|
||||
totalData.tickave = totalData.ticketCount > 0 ? this.$util.fmoney(
|
||||
totalData.cashPay / totalData.ticketCount, 2) : 0
|
||||
totalData.countave = totalData.totalCount > 0 ? this.$util.fmoney(
|
||||
totalData.cashPay / totalData.totalCount, 2) : 0
|
||||
try {
|
||||
// 异步加载数据，添加错误处理
|
||||
const result = await anhuiYestodayRevenueData.getData(this.theRequest)
|
||||
|
||||
totalData.totalMoneyShow = this.$util.fmoney(totalData.cashPay) // 营收总数据格式化
|
||||
totalData.dayOfShow = this.$util.cutDate(this.theRequest.time, 'MM月DD日') // 当前日期
|
||||
totalData.budgetamoutShow = totalData.budgetAmount ?
|
||||
_this.$util.fmoney(totalData.budgetAmount) : 0.00 // 预算总营收
|
||||
|
||||
busniessTypePie.forEach((n, i) => {
|
||||
if (n.name === '自营') {
|
||||
// 预算和实际差额
|
||||
totalData.diffBudgetTotal = Math.abs(totalData.budgetAmount - n.data)
|
||||
// 预算和实际增长额比例
|
||||
totalData.diffBili = totalData.budgetAmount > 0 ?
|
||||
this.$util.fmoney((totalData.diffBudgetTotal /
|
||||
totalData.budgetAmount) * 100, 2) : '100'
|
||||
if (!result) {
|
||||
console.error('数据获取失败')
|
||||
this.isLoading = false
|
||||
this.showPage = false
|
||||
uni.hideLoading()
|
||||
return
|
||||
}
|
||||
});
|
||||
this.headMsg = totalData
|
||||
// 饼图分析及数据条形分析
|
||||
const [progressList, pieList] = this.getProgressData(busniessTypePie, totalData.cashPay)
|
||||
this.modelProgress = progressList
|
||||
// 经营类型分析
|
||||
var colors1 = ['#FFAC37', '#6B75B8'];
|
||||
// console.log(pieList)
|
||||
this.showPie({
|
||||
id: 'modelCont',
|
||||
data: pieList,
|
||||
colors: colors1,
|
||||
});
|
||||
// 经营业态
|
||||
|
||||
// 饼图分析及数据条形分析
|
||||
const [tprogressList, tpieList] = this.getProgressData(busniessTradePie, totalData.cashPay)
|
||||
const [reginList, totalData, busniessTypePie, busniessTradePie, busniessAreaPie, bayonetPie] = result
|
||||
|
||||
this.regionProgress = tprogressList
|
||||
// 经营类型分析
|
||||
var colors2 = ['#5E67B4', '#4E5699', '#75B7AD', '#AFB7E6'];
|
||||
this.showPie({
|
||||
id: 'businessCont',
|
||||
data: tpieList,
|
||||
colors: colors2,
|
||||
});
|
||||
if (this.theRequest.GroupType !== 1010) {
|
||||
console.log('reginList', reginList)
|
||||
this.regionList = reginList // 营收上传列表 reginListModel[]
|
||||
}
|
||||
// 组合及格式化 头部卡片总营收数据。
|
||||
totalData.tickave = totalData.ticketCount > 0 ? this.$util.fmoney(
|
||||
totalData.cashPay / totalData.ticketCount, 2) : 0
|
||||
totalData.countave = totalData.totalCount > 0 ? this.$util.fmoney(
|
||||
totalData.cashPay / totalData.totalCount, 2) : 0
|
||||
|
||||
// 饼图分析及数据条形分析
|
||||
const [aprogressList, apieList] = this.getProgressData(busniessAreaPie, totalData.cashPay)
|
||||
this.areaProgress = aprogressList
|
||||
// 区域营收分析
|
||||
var colors3 = ['#FFAC37', '#d8ece9', '#f7f5f6', '#b2b7e3', '#F4B27A', '#F3B1C9', '#e0e3f7', '#FFE886', '#f7f5f6'];
|
||||
this.showPie({
|
||||
id: 'areaCont',
|
||||
data: apieList,
|
||||
colors: colors3,
|
||||
});
|
||||
totalData.totalMoneyShow = this.$util.fmoney(totalData.cashPay) // 营收总数据格式化
|
||||
totalData.dayOfShow = this.$util.cutDate(this.theRequest.time, 'MM月DD日') // 当前日期
|
||||
totalData.budgetamoutShow = totalData.budgetAmount ?
|
||||
_this.$util.fmoney(totalData.budgetAmount) : 0.00 // 预算总营收
|
||||
|
||||
// 安徽省本级显示的内容
|
||||
if (this.theRequest.GroupType == 1000 && this.theRequest.ProvinceCode == 340000) {
|
||||
// 显示片区车流量数据分析
|
||||
const [bayonetList] = this.getBayonetData(bayonetPie)
|
||||
this.bayonetProgress = bayonetList
|
||||
}
|
||||
busniessTypePie.forEach((n, i) => {
|
||||
if (n.name === '自营') {
|
||||
// 预算和实际差额
|
||||
totalData.diffBudgetTotal = Math.abs(totalData.budgetAmount - n.data)
|
||||
// 预算和实际增长额比例
|
||||
totalData.diffBili = totalData.budgetAmount > 0 ?
|
||||
this.$util.fmoney((totalData.diffBudgetTotal /
|
||||
totalData.budgetAmount) * 100, 2) : '100'
|
||||
}
|
||||
});
|
||||
this.headMsg = totalData
|
||||
// 饼图分析及数据条形分析
|
||||
const [progressList, pieList] = this.getProgressData(busniessTypePie, totalData.cashPay)
|
||||
this.modelProgress = progressList
|
||||
// 延迟渲染图表，优化首屏加载
|
||||
this.$nextTick(() => {
|
||||
setTimeout(() => {
|
||||
// 经营类型分析
|
||||
var colors1 = ['#FFAC37', '#6B75B8'];
|
||||
if (pieList.length > 0) {
|
||||
this.showPie({
|
||||
id: 'modelCont',
|
||||
data: pieList,
|
||||
colors: colors1,
|
||||
});
|
||||
}
|
||||
|
||||
if (reginList.length) {
|
||||
// 饼图分析及数据条形分析
|
||||
const [tprogressList, tpieList] = this.getProgressData(busniessTradePie, totalData.cashPay)
|
||||
this.regionProgress = tprogressList
|
||||
|
||||
// 经营类型分析
|
||||
var colors2 = ['#5E67B4', '#4E5699', '#75B7AD', '#AFB7E6'];
|
||||
if (tpieList.length > 0) {
|
||||
this.showPie({
|
||||
id: 'businessCont',
|
||||
data: tpieList,
|
||||
colors: colors2,
|
||||
});
|
||||
}
|
||||
|
||||
// 饼图分析及数据条形分析
|
||||
const [aprogressList, apieList] = this.getProgressData(busniessAreaPie, totalData.cashPay)
|
||||
this.areaProgress = aprogressList
|
||||
|
||||
// 区域营收分析
|
||||
var colors3 = ['#FFAC37', '#d8ece9', '#f7f5f6', '#b2b7e3', '#F4B27A', '#F3B1C9', '#e0e3f7', '#FFE886', '#f7f5f6'];
|
||||
if (apieList.length > 0) {
|
||||
this.showPie({
|
||||
id: 'areaCont',
|
||||
data: apieList,
|
||||
colors: colors3,
|
||||
});
|
||||
}
|
||||
}, 100);
|
||||
});
|
||||
|
||||
// 安徽省本级显示的内容
|
||||
if (this.theRequest.GroupType == 1000 && this.theRequest.ProvinceCode == 340000) {
|
||||
// 显示片区车流量数据分析
|
||||
const [bayonetList] = this.getBayonetData(bayonetPie)
|
||||
this.bayonetProgress = bayonetList
|
||||
}
|
||||
|
||||
// 数据加载完成后显示页面并隐藏loading
|
||||
// 即使没有数据也要显示页面，避免白屏
|
||||
this.showPage = true
|
||||
this.isLoading = false
|
||||
uni.hideLoading()
|
||||
} catch (error) {
|
||||
console.error('initData执行错误:', error)
|
||||
this.isLoading = false
|
||||
this.showPage = false
|
||||
uni.hideLoading()
|
||||
uni.showToast({
|
||||
title: '数据加载失败',
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
this.isLoading = false
|
||||
uni.hideLoading()
|
||||
},
|
||||
getProgressData(data, total) {
|
||||
var _data1 = [];
|
||||
@ -820,7 +1004,7 @@ export default {
|
||||
} else {
|
||||
this.wechatPushSalesList = {}
|
||||
}
|
||||
this.$forceUpdate()
|
||||
// 移除不必要的$forceUpdate
|
||||
},
|
||||
// 实时营收
|
||||
handleRealRevenue() {
|
||||
@ -855,19 +1039,59 @@ export default {
|
||||
this.opacity = (options.scrollTop - 30) / 68
|
||||
},
|
||||
onLoad(option) {
|
||||
console.log('AnhuiIndex onLoad 接收参数:', option)
|
||||
|
||||
// 处理扫码进入的情况
|
||||
if (option.q) {
|
||||
console.log('扫码进入，解析二维码参数')
|
||||
option = this.parseQRCodeParams(option.q)
|
||||
console.log('解析后的参数:', option)
|
||||
}
|
||||
|
||||
// 显示更友好的加载提示
|
||||
uni.showLoading({
|
||||
title: '正在加载...'
|
||||
title: '正在加载...',
|
||||
mask: false // 允许用户操作，避免阻塞感
|
||||
})
|
||||
if (option.ProvinceCode) { // 从推送进入
|
||||
if (option.ProvinceCode) { // 从推送进入或扫码进入
|
||||
console.log('进入页面，参数:', JSON.stringify(option))
|
||||
this.theRequest = option
|
||||
option.time = this.$util.cutDate(option.time, 'YYYY-MM-DD')
|
||||
option.month = this.$util.cutDate(option.time, 'YYYYMM')
|
||||
|
||||
// 确保时间格式正确
|
||||
if (option.time) {
|
||||
console.log('处理前的时间:', option.time)
|
||||
// 如果是完整的日期时间格式，提取日期部分用于API调用
|
||||
var dateForApi = option.time
|
||||
if (option.time.indexOf(' ') > -1) {
|
||||
dateForApi = option.time.split(' ')[0]
|
||||
}
|
||||
// 转换为API需要的格式 YYYY-MM-DD
|
||||
option.time = this.$util.cutDate(dateForApi, 'YYYY-MM-DD')
|
||||
option.month = this.$util.cutDate(option.time, 'YYYYMM')
|
||||
console.log('API用时间格式:', option.time, '月份:', option.month)
|
||||
} else {
|
||||
option.time = this.lastDay
|
||||
option.month = this.$util.cutDate(this.lastDay, 'YYYYMM')
|
||||
}
|
||||
|
||||
console.log('处理后的theRequest:', JSON.stringify(this.theRequest))
|
||||
|
||||
// 初始化省份主题
|
||||
this.initProvinceCode()
|
||||
this.initData()
|
||||
this.handleRealRevenue()
|
||||
// 优化加载顺序：先显示基础界面，再异步加载数据
|
||||
Promise.all([
|
||||
this.initData(),
|
||||
this.handleRealRevenue()
|
||||
]).catch(err => {
|
||||
console.error('数据加载失败:', err)
|
||||
this.isLoading = false
|
||||
this.showPage = false
|
||||
uni.hideLoading()
|
||||
uni.showToast({
|
||||
title: '加载失败，请重试',
|
||||
icon: 'none'
|
||||
})
|
||||
})
|
||||
} else { // 默认
|
||||
|
||||
if (this.PushAuthority.length > 0) {
|
||||
@ -884,8 +1108,20 @@ export default {
|
||||
|
||||
// 初始化省份主题
|
||||
this.initProvinceCode()
|
||||
this.initData()
|
||||
this.handleRealRevenue()
|
||||
// 优化加载顺序：先显示基础界面，再异步加载数据
|
||||
Promise.all([
|
||||
this.initData(),
|
||||
this.handleRealRevenue()
|
||||
]).catch(err => {
|
||||
console.error('数据加载失败:', err)
|
||||
this.isLoading = false
|
||||
this.showPage = false
|
||||
uni.hideLoading()
|
||||
uni.showToast({
|
||||
title: '加载失败，请重试',
|
||||
icon: 'none'
|
||||
})
|
||||
})
|
||||
} else {
|
||||
uni.hideLoading()
|
||||
this.theRequest = null
|
||||
@ -902,7 +1138,7 @@ export default {
|
||||
this.getDetail(this.theRequest)
|
||||
}
|
||||
// 若省份为甘肃，则加载甘肃单品排行
|
||||
if (this.theRequest && (this.theRequest.ProvinceCode == "620000" || this.theRequest.ProvinceCode == "530000" || this.theRequest.ProvinceCode == '734100')) {
|
||||
if (this.theRequest && (this.theRequest.ProvinceCode == "620000" || this.theRequest.ProvinceCode == "530000")) {
|
||||
this.getRankContent()
|
||||
}
|
||||
},
|
||||
@ -1233,7 +1469,7 @@ text.fs12 {
|
||||
}
|
||||
|
||||
.top-revenue-card .upLoad-text {
|
||||
font-size: 28rpx;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
|
||||
.check-unit {
|
||||
@ -1257,7 +1493,7 @@ text.fs12 {
|
||||
/* end */
|
||||
|
||||
.modle-title {
|
||||
padding: 0 32rpx 0 32rpx;
|
||||
padding: 0 32rpx 24rpx 32rpx;
|
||||
font-size: 32rpx;
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
@ -1933,7 +2169,7 @@ canvas.operation-content {
|
||||
}
|
||||
|
||||
.ranking-content .ranking-list-unit {
|
||||
font-size: 24rpx;
|
||||
font-size: 28rpx;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
@ -2051,7 +2287,7 @@ canvas.operation-content {
|
||||
}
|
||||
|
||||
.tab-label {
|
||||
font-size: 24rpx;
|
||||
font-size: 26rpx;
|
||||
font-weight: 500;
|
||||
line-height: 1.2;
|
||||
}
|
||||
@ -2133,7 +2369,7 @@ canvas.operation-content {
|
||||
}
|
||||
|
||||
.amount {
|
||||
font-size: 24rpx;
|
||||
font-size: 32rpx;
|
||||
font-weight: 700;
|
||||
color: #27B25F;
|
||||
font-family: 'DIN Alternate', 'Bahnschrift', monospace;
|
||||
@ -2479,7 +2715,7 @@ canvas.operation-content {
|
||||
}
|
||||
|
||||
.upload-text {
|
||||
font-size: 28rpx;
|
||||
font-size: 32rpx;
|
||||
font-weight: 600;
|
||||
color: #2c3e50;
|
||||
}
|
||||
@ -2496,7 +2732,7 @@ canvas.operation-content {
|
||||
}
|
||||
|
||||
.summary-value {
|
||||
font-size: 24rpx;
|
||||
font-size: 28rpx;
|
||||
font-weight: 600;
|
||||
color: #27B25F;
|
||||
font-family: 'DIN Alternate', 'Bahnschrift', monospace;
|
||||
@ -2656,13 +2892,13 @@ canvas.operation-content {
|
||||
}
|
||||
|
||||
.region-name {
|
||||
font-size: 24rpx;
|
||||
font-size: 30rpx;
|
||||
font-weight: 600;
|
||||
color: #2c3e50;
|
||||
}
|
||||
|
||||
.region-revenue {
|
||||
font-size: 28rpx;
|
||||
font-size: 32rpx;
|
||||
font-weight: 700;
|
||||
color: #27B25F;
|
||||
font-family: 'DIN Alternate', 'Bahnschrift', monospace;
|
||||
@ -2685,7 +2921,7 @@ canvas.operation-content {
|
||||
}
|
||||
|
||||
.metric-value {
|
||||
font-size: 24rpx;
|
||||
font-size: 26rpx;
|
||||
font-weight: 600;
|
||||
font-family: 'DIN Alternate', 'Bahnschrift', monospace;
|
||||
}
|
||||
@ -2774,4 +3010,59 @@ canvas.operation-content {
|
||||
|
||||
/* 微信小程序兼容性修正 - 移除不支持的特性 */
|
||||
/* 移除 @media 查询，改用 flex 替代 grid */
|
||||
|
||||
/* 加载骨架屏样式 */
|
||||
.loading-skeleton {
|
||||
padding: 20rpx;
|
||||
background-color: #f8f9fa;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
.skeleton-header {
|
||||
height: 300rpx;
|
||||
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
|
||||
background-size: 200% 100%;
|
||||
animation: loading 1.5s infinite;
|
||||
border-radius: 16rpx;
|
||||
margin-bottom: 24rpx;
|
||||
}
|
||||
|
||||
.skeleton-cards {
|
||||
display: flex;
|
||||
gap: 16rpx;
|
||||
margin-bottom: 24rpx;
|
||||
}
|
||||
|
||||
.skeleton-card {
|
||||
flex: 1;
|
||||
height: 120rpx;
|
||||
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
|
||||
background-size: 200% 100%;
|
||||
animation: loading 1.5s infinite;
|
||||
border-radius: 12rpx;
|
||||
}
|
||||
|
||||
.skeleton-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 12rpx;
|
||||
}
|
||||
|
||||
.skeleton-item {
|
||||
height: 100rpx;
|
||||
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
|
||||
background-size: 200% 100%;
|
||||
animation: loading 1.5s infinite;
|
||||
border-radius: 12rpx;
|
||||
}
|
||||
|
||||
@keyframes loading {
|
||||
0% {
|
||||
background-position: 200% 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
background-position: -200% 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -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 = {
|
||||
@ -14,64 +14,86 @@ const methods = {
|
||||
}
|
||||
*/
|
||||
// let regionList = [] // 营收上传列表 reginListModel[]
|
||||
this.groupType = obj.GroupType
|
||||
this.groupType = obj.GroupType
|
||||
const requestParamas = {
|
||||
Statistics_Date: obj.time ,
|
||||
Statistics_Month: obj.month ,
|
||||
Province_Code: obj.ProvinceCode ,
|
||||
pushProvinceCode: obj.ProvinceCode ,
|
||||
Statistics_Date: obj.time,
|
||||
Statistics_Month: obj.month,
|
||||
Province_Code: obj.ProvinceCode,
|
||||
pushProvinceCode: obj.ProvinceCode,
|
||||
Serverpart_ID: obj.GroupType != 1020 ? obj.ServerpartIds : '',
|
||||
SPRegionType_ID: obj.GroupType == 1020 ? obj.ServerpartIds : '',
|
||||
// Revenue_Include: 1
|
||||
}
|
||||
const requestParamasBudget = {
|
||||
Statistics_Date: obj.time ,
|
||||
Statistics_Month: obj.month ,
|
||||
Province_Code: obj.ProvinceCode ,
|
||||
pushProvinceCode: obj.ProvinceCode ,
|
||||
Statistics_Date: obj.time,
|
||||
Statistics_Month: obj.month,
|
||||
Province_Code: obj.ProvinceCode,
|
||||
pushProvinceCode: obj.ProvinceCode,
|
||||
Serverpart_ID: obj.ServerpartIds ? obj.ServerpartIds : ''
|
||||
}
|
||||
this.provinceCode = obj.ProvinceCode
|
||||
// 营收数据
|
||||
const data = await request.$webGet('CommercialApi/Revenue/GetRevenuePushList', requestParamas)
|
||||
if (data.Result_Code != 100) return
|
||||
|
||||
// 在营门店数量统计
|
||||
const busniessCounts = await request.$webGet('CommercialApi/BaseInfo/GetShopCountList', requestParamas)
|
||||
if (busniessCounts.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 tradeData = await request.$webGet('CommercialApi/BaseInfo/GetBusinessTradeList', requestParamas)
|
||||
if (tradeData.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 budgetAmount = await request.$webGet('CommercialApi/Revenue/GetBudgetExpenseList', requestParamasBudget)
|
||||
if (budgetAmount.Result_Code != 100) return
|
||||
if (isServerPartDetail) { // 是服务区营收推送页面
|
||||
return _this.getSeverpartReginList(data.Result_Data.List, busniessCounts.Result_Data.List,
|
||||
tradeData.Result_Data.List, budgetAmount.Result_Data.List)
|
||||
}
|
||||
return _this.getReginList(data.Result_Data.List, busniessCounts.Result_Data.List,
|
||||
tradeData.Result_Data.List, budgetAmount.Result_Data.List,
|
||||
bayonetCount.Result_Data.List, mobileShare.Result_Data, mallDeliver.Result_Data)
|
||||
// [reginList, totalData, busniessTypePie, busniessTradePie]
|
||||
|
||||
// 移动支付分账数据
|
||||
const 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,
|
||||
tradeData.Result_Data.List, budgetAmount.Result_Data.List)
|
||||
} catch (error) {
|
||||
console.error('API请求出错:', error)
|
||||
// 返回默认空数据结构
|
||||
return [[], {
|
||||
cashPay: 0,
|
||||
ticketCount: 0,
|
||||
totalCount: 0,
|
||||
uploadState: '0/0'
|
||||
}, [], [], [], []]
|
||||
}
|
||||
return _this.getReginList(data.Result_Data.List, busniessCounts.Result_Data.List,
|
||||
tradeData.Result_Data.List, budgetAmount.Result_Data.List,
|
||||
bayonetCount.Result_Data.List, mobileShare.Result_Data, mallDeliver.Result_Data)
|
||||
// [reginList, totalData, busniessTypePie, busniessTradePie]
|
||||
|
||||
},
|
||||
getTotalShowData(newData, oldData,index) {
|
||||
// <TotalModel>
|
||||
getTotalShowData(newData, oldData, index) {
|
||||
// <TotalModel>
|
||||
/*
|
||||
type TotalModel = {
|
||||
ticketCount: number // 客单数量 ,
|
||||
@ -84,22 +106,22 @@ const methods = {
|
||||
}
|
||||
*/
|
||||
|
||||
if (index>0) {
|
||||
oldData.ticketCount += newData.TicketCount
|
||||
oldData.totalCount += newData.TotalCount
|
||||
oldData.totalOffAmount += newData.TotalOffAmount
|
||||
oldData.mobilePayment += newData.MobilePayment
|
||||
oldData.cashPay += newData.CashPay
|
||||
oldData.diffLessPrice += newData.Different_Price_Less
|
||||
oldData.diffMorePrice += newData.Different_Price_More
|
||||
if(newData.BusinessType==1000){ // 商超
|
||||
if (index > 0) {
|
||||
oldData.ticketCount += newData.TicketCount
|
||||
oldData.totalCount += newData.TotalCount
|
||||
oldData.totalOffAmount += newData.TotalOffAmount
|
||||
oldData.mobilePayment += newData.MobilePayment
|
||||
oldData.cashPay += newData.CashPay
|
||||
oldData.diffLessPrice += newData.Different_Price_Less
|
||||
oldData.diffMorePrice += newData.Different_Price_More
|
||||
if (newData.BusinessType == 1000) { // 商超
|
||||
|
||||
oldData.scCount = oldData.scCount ? oldData.scCount + 1 : 1
|
||||
oldData.scCount = oldData.scCount ? oldData.scCount + 1 : 1
|
||||
oldData.scCashPay = oldData.scCashPay ? oldData.scCashPay + newData.CashPay : newData.CashPay
|
||||
}
|
||||
if(newData.BusinessType==3000){ // 餐饮
|
||||
if (newData.BusinessType == 3000) { // 餐饮
|
||||
oldData.cyCount = oldData.cyCount ? oldData.cyCount + 1 : 1
|
||||
oldData.cyCashPay = oldData.cyCashPay ? oldData.cyCashPay + newData.CashPay : newData.CashPay
|
||||
oldData.cyCashPay = oldData.cyCashPay ? oldData.cyCashPay + newData.CashPay : newData.CashPay
|
||||
}
|
||||
} else {
|
||||
oldData.ticketCount = newData.TicketCount
|
||||
@ -110,26 +132,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],
|
||||
@ -159,7 +181,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,
|
||||
@ -212,7 +234,7 @@ const methods = {
|
||||
|
||||
return [...list]
|
||||
},
|
||||
getSeverpartReginList(data, shopCountList,tradeList,budgetAmount){
|
||||
getSeverpartReginList(data, shopCountList, tradeList, budgetAmount) {
|
||||
let _this = this
|
||||
let totalShow = {} // 总营收数据统计
|
||||
let list = [] // 上传营收列表数据
|
||||
@ -222,13 +244,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 = '其他'
|
||||
}
|
||||
|
||||
@ -237,16 +259,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 = {} // 总营收数据统计
|
||||
@ -260,12 +282,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)
|
||||
@ -284,42 +306,42 @@ const methods = {
|
||||
list.push({
|
||||
name: n.SPRegionType_Name, // 区域名称
|
||||
cashpay: n.CashPay,
|
||||
uploadcount: n.Revenue_Upload>0 ? 1: 0, // 区域上传数量
|
||||
uploadcount: n.Revenue_Upload > 0 ? 1 : 0, // 区域上传数量
|
||||
totalcount: reginShopCount,
|
||||
child: [{
|
||||
serverpart_Id: n.Serverpart_ID,
|
||||
serverpart_Name: n.Serverpart_Name,
|
||||
cashpay: n.CashPay,
|
||||
uploadcount: n.Revenue_Upload>0 ? 1: 0,
|
||||
uploadcount: n.Revenue_Upload > 0 ? 1 : 0,
|
||||
totalcount: serverpartShopCount
|
||||
}]
|
||||
})
|
||||
} else {
|
||||
regin.cashpay += n.CashPay
|
||||
regin.uploadcount += n.Revenue_Upload>0 ? 1: 0
|
||||
regin.uploadcount += n.Revenue_Upload > 0 ? 1 : 0
|
||||
let serverpart = regin.child.find(m => m.serverpart_Name === n.Serverpart_Name)
|
||||
if (serverpart) {
|
||||
serverpart.cashpay += n.CashPay
|
||||
serverpart.uploadcount += n.Revenue_Upload>0 ? 1: 0
|
||||
serverpart.uploadcount += n.Revenue_Upload > 0 ? 1 : 0
|
||||
|
||||
} else {
|
||||
regin.child.push({
|
||||
serverpart_Id: n.Serverpart_ID,
|
||||
serverpart_Name: n.Serverpart_Name,
|
||||
cashpay: n.CashPay,
|
||||
uploadcount: n.Revenue_Upload>0 ? 1: 0,
|
||||
uploadcount: n.Revenue_Upload > 0 ? 1 : 0,
|
||||
totalcount: serverpartShopCount
|
||||
})
|
||||
}
|
||||
|
||||
regin.child.sort((a, b) => b.cashpay - a.cashpay)
|
||||
}
|
||||
totalShow = _this.getTotalShowData(n, totalShow,index); // 总营收数据统计
|
||||
totalShow = _this.getTotalShowData(n, totalShow, index); // 总营收数据统计
|
||||
|
||||
busniessTypePie = _this.getBusniessPie('Business_TypeName', n, busniessTypePie)
|
||||
busniessTradePie = _this.getBusniessPie('tradename', n, busniessTradePie)
|
||||
if (this.groupType == 1000){
|
||||
busniessAreaPie = _this.getBusniessPie('SPRegionType_Name', n, busniessAreaPie)
|
||||
if (this.groupType == 1000) {
|
||||
busniessAreaPie = _this.getBusniessPie('SPRegionType_Name', n, busniessAreaPie)
|
||||
}
|
||||
})
|
||||
list.sort((a, b) => b.cashpay - a.cashpay)
|
||||
@ -343,18 +365,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;
|
||||
|
||||
|
||||
@ -153,7 +153,7 @@
|
||||
<div class="ct01">
|
||||
<text class="strong-text">{{
|
||||
$util.fmoney(item.CASHPAY, 2)
|
||||
}}</text>
|
||||
}}</text>
|
||||
<text>元</text>
|
||||
</div>
|
||||
</div>
|
||||
@ -195,7 +195,7 @@
|
||||
<div class="ct01">
|
||||
<text class="strong-text">{{
|
||||
$util.fmoney(item.CASHPAY, 2)
|
||||
}}</text>
|
||||
}}</text>
|
||||
<text>元</text>
|
||||
</div>
|
||||
</div>
|
||||
@ -247,7 +247,7 @@
|
||||
<div class="ct01">
|
||||
<text class="strong-text">{{
|
||||
$util.fmoney(item.CASHPAY, 2)
|
||||
}}</text>
|
||||
}}</text>
|
||||
<text>元</text>
|
||||
</div>
|
||||
</div>
|
||||
@ -557,7 +557,7 @@ export default {
|
||||
methods: {
|
||||
toggleCard(isup) {
|
||||
this.isup = !isup;
|
||||
this.$forceUpdate();
|
||||
// 移除不必要的$forceUpdate，由Vue自动检测变化
|
||||
},
|
||||
bindDateChange(e) {
|
||||
// 切换日期 加载选中日期的营收数据
|
||||
@ -574,10 +574,16 @@ export default {
|
||||
title: "正在加载...",
|
||||
mask: true,
|
||||
});
|
||||
this.getData();
|
||||
this.getTender();
|
||||
this.todayAmount();
|
||||
this.$forceUpdate();
|
||||
// 异步并行加载数据
|
||||
Promise.all([
|
||||
this.getData(),
|
||||
this.getTender(),
|
||||
this.todayAmount()
|
||||
]).catch(err => {
|
||||
console.error('数据刷新失败:', err);
|
||||
uni.hideLoading();
|
||||
});
|
||||
// 移除不必要的$forceUpdate
|
||||
}
|
||||
},
|
||||
toDetail(item, provinceId) {
|
||||
@ -610,15 +616,15 @@ export default {
|
||||
"navigateTo",
|
||||
canToSeverpartIndex ? severpartIndexPath : serverpartUploadPath
|
||||
);
|
||||
item.visited = true;
|
||||
this.$forceUpdate();
|
||||
// 使用Vue.set确保响应式更新
|
||||
this.$set(item, 'visited', true);
|
||||
},
|
||||
selectTab(name, index) {
|
||||
this[name] = index;
|
||||
},
|
||||
toggleRegion(item) {
|
||||
item.show = !item.show ? true : false;
|
||||
this.$forceUpdate();
|
||||
// 使用Vue.set确保响应式更新
|
||||
this.$set(item, 'show', !item.show);
|
||||
},
|
||||
touchPie(e, id) {
|
||||
rincanvas[id].showToolTip(e, {
|
||||
@ -647,7 +653,7 @@ export default {
|
||||
totalTicketCount: res.Data.TOTALTICKET,
|
||||
avrticketCount: this.$util.fmoney(avrticket, 2),
|
||||
};
|
||||
_this.$forceUpdate();
|
||||
// 移除不必要的$forceUpdate，由Vue自动检测变化
|
||||
});
|
||||
},
|
||||
getRankmMap(list) {
|
||||
@ -660,7 +666,7 @@ export default {
|
||||
});
|
||||
return map;
|
||||
},
|
||||
getData() {
|
||||
async getData() {
|
||||
let _this = this;
|
||||
let theRequest = _this.theRequest;
|
||||
let provinceCode = _this.theRequest.ProvinceCode;
|
||||
@ -672,7 +678,7 @@ export default {
|
||||
Statistics_Date: theRequest.time,
|
||||
};
|
||||
|
||||
this.$request.$get("getRevenuePush", arr).then((res) => {
|
||||
return this.$request.$get("getRevenuePush", arr).then((res) => {
|
||||
console.log("res", res);
|
||||
_this.isLoading = false;
|
||||
if (res.ResultCode != 100) {
|
||||
@ -711,7 +717,7 @@ export default {
|
||||
}
|
||||
uni.hideLoading();
|
||||
_this.showPage = true;
|
||||
_this.$forceUpdate();
|
||||
// 移除不必要的$forceUpdate，由Vue自动检测变化
|
||||
});
|
||||
|
||||
function sortMount(list) {
|
||||
@ -1182,8 +1188,8 @@ export default {
|
||||
},
|
||||
toggleShow(i) {
|
||||
let item = this.regionList[i];
|
||||
item.show = !item.show;
|
||||
this.$forceUpdate();
|
||||
// 使用Vue.set确保响应式更新
|
||||
this.$set(item, 'show', !item.show);
|
||||
},
|
||||
|
||||
changeDate(name, index) {
|
||||
@ -1200,7 +1206,7 @@ export default {
|
||||
});
|
||||
},
|
||||
|
||||
getTender() {
|
||||
async getTender() {
|
||||
// 营收趋势
|
||||
let _this = this;
|
||||
let obj = this.theRequest;
|
||||
@ -1216,7 +1222,7 @@ export default {
|
||||
2: [],
|
||||
3: [],
|
||||
};
|
||||
_this.$request
|
||||
return _this.$request
|
||||
.$webGet("WeChat/GetRevenueTrends", {
|
||||
Statictics_Type: "Week",
|
||||
Report_Type: Report_Type[typeIndex],
|
||||
@ -1266,7 +1272,7 @@ export default {
|
||||
},
|
||||
],
|
||||
});
|
||||
_this.$forceUpdate();
|
||||
// 移除不必要的$forceUpdate，由Vue自动检测变化
|
||||
});
|
||||
bili.forEach((biliName, i) => {
|
||||
if (i == 1) {
|
||||
@ -1345,58 +1351,48 @@ 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) {
|
||||
// 451200、510000、520000、620000、630000、330200
|
||||
uni.redirectTo({
|
||||
url:
|
||||
"/pages/everdayRenven/AnhuiIndex?ProvinceCode=" +
|
||||
option.ProvinceCode +
|
||||
"&time=" +
|
||||
option.time +
|
||||
"&GroupType=" +
|
||||
option.GroupType +
|
||||
"&ServerpartIds=" +
|
||||
option.ServerpartIds,
|
||||
});
|
||||
// 直接跳转，不显示loading，不加载当前页面数据
|
||||
const url = "/pages/everdayRenven/AnhuiIndex?ProvinceCode=" +
|
||||
option.ProvinceCode +
|
||||
"&time=" +
|
||||
option.time +
|
||||
"&GroupType=" +
|
||||
option.GroupType +
|
||||
"&ServerpartIds=" +
|
||||
option.ServerpartIds;
|
||||
|
||||
console.log('推送跳转到AnhuiIndex，参数:', url);
|
||||
uni.redirectTo({ url });
|
||||
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
|
||||
) {
|
||||
uni.redirectTo({
|
||||
url: "/pages/everdayRenven/AnhuiIndex",
|
||||
});
|
||||
// 直接跳转，传递完整参数
|
||||
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 });
|
||||
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;
|
||||
@ -1404,11 +1400,37 @@ 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,187 +1,254 @@
|
||||
<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">
|
||||
<view v-for="(dateItem,i) in pageMsg.revenueReportDetilsDates" :key="i">
|
||||
<text class="list-date"> {{$util.cutDate(dateItem.Statistics_Date,'MM.DD')}}</text>
|
||||
<view class="cell-body uni-flex ai-center" v-for="(item,i) in dateItem.revenueReportDetils" :key="i">
|
||||
<image :src="item.BusinessType_Logo || '/static/images/revenue/operating-shop.png'" mode="aspectFit"></image>
|
||||
<view class="">
|
||||
<view class="uni-flex ai-center jc-between">
|
||||
<text>{{item.BusinessType_Name}}</text>
|
||||
<text class="shop-total">＋ ¥{{$util.fmoney(item.BusinessType_Revenue,2)}}</text>
|
||||
</view>
|
||||
<view class="uni-flex ai-center jc-between">
|
||||
<text class="type-text" :class="{'scan':item.Upload_Type==1,'port':item.Upload_Type==2}">
|
||||
<template v-if="item.Upload_Type==1">
|
||||
扫码上传
|
||||
</template>
|
||||
<template v-else-if="item.Upload_Type==2" >
|
||||
接口传输
|
||||
</template>
|
||||
<template v-else>
|
||||
自动上传
|
||||
</template>
|
||||
<!-- <text class="type-text scan" v-if="item.Upload_Type==1" >扫码上传</text>
|
||||
<view class="page-list" v-if="pageMsg.ShopList && pageMsg.ShopList.length > 0">
|
||||
<!-- <view v-for="(dateItem,i) in pageMsg.revenueReportDetilsDates" :key="i">-->
|
||||
<!-- <text class="list-date"> {{// $util.cutDate(dateItem.Statistics_Date,'MM.DD')}}</text>-->
|
||||
<view class="cell-body uni-flex ai-center" v-for="(item, i) in pageMsg.ShopList" :key="i">
|
||||
<image :src="item.BusinessType_Logo || '/static/images/revenue/operating-shop.png'" mode="aspectFit">
|
||||
</image>
|
||||
<view class="">
|
||||
<view class="uni-flex ai-center jc-between">
|
||||
<text>{{ item.BusinessType_Name }}</text>
|
||||
<text class="shop-total">＋ ¥{{ $util.fmoney(item.BusinessType_Revenue, 2) }}</text>
|
||||
</view>
|
||||
<view class="uni-flex ai-center jc-between">
|
||||
<text style="display: inline-block;width: 20%" class="type-text"
|
||||
:class="{ 'scan': item.Upload_Type == 1, 'port': item.Upload_Type == 2 }">
|
||||
<template v-if="item.Upload_Type == 1">
|
||||
扫码上传
|
||||
</template>
|
||||
<template v-else-if="item.Upload_Type == 2">
|
||||
接口传输
|
||||
</template>
|
||||
<template v-else>
|
||||
自动上传
|
||||
</template>
|
||||
<!-- <text class="type-text scan" v-if="item.Upload_Type==1" >扫码上传</text>
|
||||
<text class="type-text port" >接口传输</text>
|
||||
<text v-else>自动上传</text> -->
|
||||
</text>
|
||||
<view class="uni-flex ai-center">
|
||||
<text class="text-coast">{{item.Serverpart_S||'南/东区'}}: ¥{{$util.fmoney(item.Serverpart_RevenueS,2)}}</text>
|
||||
<text class="text-coast">{{item.Serverpart_N||'北/西区'}}: ¥{{$util.fmoney(item.Serverpart_RevenueN,2)}}</text>
|
||||
</view>
|
||||
</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>
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
<!-- </view>-->
|
||||
</view>
|
||||
<view class="" v-if="!isLoading && !pageMsg.Serverpart_Name">
|
||||
<noFound nodata="true" :text="noDataText"/>
|
||||
<noFound nodata="true" :text="noDataText" />
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
isLoading: true,
|
||||
pageMsg: {},
|
||||
pageOption: {},
|
||||
noDataText: '抱歉，没有数据，请稍后重试'
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
toTrend(){
|
||||
this.$util.toNextRoute('navigateTo','/pages/operatingStatements/operatingTrend?name='+this.pageMsg.Serverpart_Name+'&time='+this.pageOption.et+'&id='+this.pageOption.id+'&ProvinceCode='+this.pageOption.pcode)
|
||||
},
|
||||
getDetail(obj){
|
||||
let _this = this
|
||||
uni.showLoading({
|
||||
title:'正在加载...',
|
||||
mask:true
|
||||
})
|
||||
_this.$request.$webGet('WeChat/GetRevenueReportDetils',{
|
||||
startTime: obj.st,
|
||||
endTime: obj.et,
|
||||
Serverpart_Id: obj.id,
|
||||
pushProvinceCode: obj.pcode
|
||||
}).then(res=>{
|
||||
|
||||
if(res.Result_Code==100) {
|
||||
_this.pageMsg = res.Result_Data
|
||||
|
||||
}else{
|
||||
_this.noDataText = res.Result_Desc
|
||||
}
|
||||
uni.hideLoading()
|
||||
_this.isLoading = false
|
||||
})
|
||||
},
|
||||
|
||||
},
|
||||
onLoad(op) {
|
||||
this.pageOption = op
|
||||
this.getDetail(op)
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
isLoading: true,
|
||||
pageMsg: {},
|
||||
pageOption: {},
|
||||
noDataText: '抱歉，没有数据，请稍后重试'
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
toTrend() {
|
||||
this.$util.toNextRoute('navigateTo', '/pages/operatingStatements/operatingTrend?name=' + this.pageMsg.Serverpart_Name + '&time=' + this.pageOption.et + '&id=' + this.pageOption.id + '&ProvinceCode=' + this.pageOption.pcode)
|
||||
},
|
||||
getDetail(obj) {
|
||||
let _this = this
|
||||
uni.showLoading({
|
||||
title: '正在加载...',
|
||||
mask: true
|
||||
})
|
||||
|
||||
const req = {
|
||||
provinceCode: obj.pcode,
|
||||
serverpartId: obj.id,
|
||||
startTime: obj.st,
|
||||
endTime: obj.et,
|
||||
}
|
||||
|
||||
_this.$request.$webGet('CommercialApi/Revenue/GetRevenueReportDetil', req).then((res) => {
|
||||
console.log('dadasda', res);
|
||||
|
||||
if (res.Result_Code == 100) {
|
||||
_this.pageMsg = res.Result_Data
|
||||
|
||||
} else {
|
||||
_this.noDataText = res.Result_Desc
|
||||
}
|
||||
uni.hideLoading()
|
||||
_this.isLoading = false
|
||||
})
|
||||
|
||||
|
||||
// _this.$request.$webGet('WeChat/GetRevenueReportDetils',{
|
||||
// startTime: obj.st,
|
||||
// endTime: obj.et,
|
||||
// Serverpart_Id: obj.id,
|
||||
// pushProvinceCode: obj.pcode
|
||||
// }).then(res=>{
|
||||
|
||||
// if(res.Result_Code==100) {
|
||||
// _this.pageMsg = res.Result_Data
|
||||
|
||||
// }else{
|
||||
// _this.noDataText = res.Result_Desc
|
||||
// }
|
||||
// uni.hideLoading()
|
||||
// _this.isLoading = false
|
||||
// })
|
||||
},
|
||||
|
||||
},
|
||||
onLoad(op) {
|
||||
this.pageOption = op
|
||||
this.getDetail(op)
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
page {
|
||||
background-color: #fff;
|
||||
}
|
||||
.page-card {
|
||||
margin: 30rpx 20rpx;
|
||||
page {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
}
|
||||
.head-card {
|
||||
padding: 30rpx 35rpx;
|
||||
background: linear-gradient(to left, #f7f6f8 0%, #eceaeb 100%);
|
||||
border-radius: 12rpx 12rpx 0 0 ;
|
||||
}
|
||||
.head-card > view+view {
|
||||
margin-top: 16rpx;
|
||||
}
|
||||
.text-strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
.head-card > view>text {
|
||||
font-size: 24rpx;
|
||||
color: #333;
|
||||
}
|
||||
.list-date {
|
||||
font-size: 22rpx;
|
||||
background-color: #f8f8f8;
|
||||
border-radius: 4rpx;
|
||||
padding: 4rpx 12rpx;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
.page-list {
|
||||
border: 1rpx solid #F0F0F0;
|
||||
border-radius: 0 0 12rpx 12rpx;
|
||||
overflow: hidden;
|
||||
.page-card {
|
||||
margin: 30rpx 20rpx;
|
||||
|
||||
padding: 30rpx 16rpx 30rpx 16rpx;
|
||||
}
|
||||
.cell-body {
|
||||
position: relative;
|
||||
padding: 20rpx 20rpx 20rpx 0;
|
||||
}
|
||||
.cell-body image {
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
border-radius: 50%;
|
||||
margin-right: 16rpx;
|
||||
}
|
||||
.cell-body>view {
|
||||
flex: 1;
|
||||
}
|
||||
.page-list text {
|
||||
font-size: 22rpx;
|
||||
color: #2E2E2E;
|
||||
}
|
||||
text.shop-total {
|
||||
font-size: 24rpx;
|
||||
}
|
||||
text.type-text {
|
||||
color: #DFBE9F;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
text.type-text.scan::before,text.type-text.port::before {
|
||||
content: '';
|
||||
width: 21rpx;
|
||||
height: 23rpx;
|
||||
margin-right: 8rpx;
|
||||
}
|
||||
text.type-text.scan::before {
|
||||
background: url(/static/images/revenue/scan-up.png) no-repeat center;
|
||||
background-size: contain;
|
||||
}
|
||||
text.type-text.port::before {
|
||||
background: url(/static/images/revenue/port.png) no-repeat center;
|
||||
background-size: contain;
|
||||
}
|
||||
text.type-text.port {
|
||||
color: #95BAF2;
|
||||
}
|
||||
text.text-coast {
|
||||
color: #848484;
|
||||
width: 184rpx;
|
||||
}
|
||||
|
||||
}
|
||||
text.text-coast + text.text-coast {
|
||||
text-align: right;
|
||||
}
|
||||
.head-card {
|
||||
padding: 30rpx 35rpx;
|
||||
background: linear-gradient(to left, #f7f6f8 0%, #eceaeb 100%);
|
||||
border-radius: 12rpx 12rpx 0 0;
|
||||
}
|
||||
|
||||
.head-card>view+view {
|
||||
margin-top: 16rpx;
|
||||
}
|
||||
|
||||
.text-strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
.head-card>view>text {
|
||||
font-size: 24rpx;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.list-date {
|
||||
font-size: 22rpx;
|
||||
background-color: #f8f8f8;
|
||||
border-radius: 4rpx;
|
||||
padding: 4rpx 12rpx;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
|
||||
.page-list {
|
||||
border: 1rpx solid #F0F0F0;
|
||||
border-radius: 0 0 12rpx 12rpx;
|
||||
overflow: hidden;
|
||||
|
||||
padding: 30rpx 16rpx 30rpx 16rpx;
|
||||
}
|
||||
|
||||
.cell-body {
|
||||
position: relative;
|
||||
padding: 20rpx 20rpx 20rpx 0;
|
||||
}
|
||||
|
||||
.cell-body image {
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
border-radius: 50%;
|
||||
margin-right: 16rpx;
|
||||
}
|
||||
|
||||
.cell-body>view {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.page-list text {
|
||||
font-size: 22rpx;
|
||||
color: #2E2E2E;
|
||||
}
|
||||
|
||||
text.shop-total {
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
text.type-text {
|
||||
color: #DFBE9F;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
text.type-text.scan::before,
|
||||
text.type-text.port::before {
|
||||
content: '';
|
||||
width: 21rpx;
|
||||
height: 23rpx;
|
||||
margin-right: 8rpx;
|
||||
}
|
||||
|
||||
text.type-text.scan::before {
|
||||
background: url(/static/images/revenue/scan-up.png) no-repeat center;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
text.type-text.port::before {
|
||||
background: url(/static/images/revenue/port.png) no-repeat center;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
text.type-text.port {
|
||||
color: #95BAF2;
|
||||
}
|
||||
|
||||
text.text-coast {
|
||||
color: #848484;
|
||||
width: 184rpx;
|
||||
|
||||
}
|
||||
|
||||
text.text-coast+text.text-coast {
|
||||
text-align: right;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -1,14 +1,16 @@
|
||||
<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>
|
||||
@ -16,59 +18,64 @@
|
||||
<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>
|
||||
</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>
|
||||
<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>
|
||||
</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>
|
||||
</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>
|
||||
@ -77,17 +84,19 @@
|
||||
|
||||
</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>
|
||||
|
||||
@ -95,18 +104,20 @@
|
||||
<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>
|
||||
@ -118,7 +129,7 @@
|
||||
</view>
|
||||
</template>
|
||||
<view class="" v-else-if="!pageData.isLoading && !pageData.msg">
|
||||
<noFound nodata=" true" :text="noDataText"/>
|
||||
<noFound nodata=" true" :text="noDataText" />
|
||||
</view>
|
||||
|
||||
</view>
|
||||
@ -126,391 +137,486 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {mapState} from 'vuex'
|
||||
export default {
|
||||
import { mapState } from 'vuex'
|
||||
export default {
|
||||
|
||||
data() {
|
||||
let now = new Date()
|
||||
data() {
|
||||
let now = new Date()
|
||||
|
||||
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],
|
||||
msg: {},
|
||||
isLoading: true,
|
||||
exsideShow: true,
|
||||
insideShow: true,
|
||||
},
|
||||
noDataText: '抱歉，没有数据，请稍后重试',
|
||||
regionType: 0, // 0 东南 1 西北
|
||||
ServerpartList: [],
|
||||
insideRegionList: [] // 省外
|
||||
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],
|
||||
msg: {},
|
||||
isLoading: true,
|
||||
exsideShow: true,
|
||||
insideShow: true,
|
||||
},
|
||||
noDataText: '抱歉，没有数据，请稍后重试',
|
||||
regionType: 0, // 0 东南 1 西北
|
||||
ServerpartList: [],
|
||||
insideRegionList: [] // 省外
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
...mapState({ 'ProvinceCode': (state) => { return state.userData.ProvinceCode } }),
|
||||
},
|
||||
methods: {
|
||||
toTrend() {
|
||||
this.$util.toNextRoute('navigateTo', '/pages/operatingStatements/operatingTrend?time=' + this.pageData.searchTime[1])
|
||||
|
||||
},
|
||||
bindDateChange(e, index) {
|
||||
let nowDate = this.pageData.searchTime[index]
|
||||
if (e.detail.value != nowDate) {
|
||||
this.pageData.searchTime[index] = e.detail.value
|
||||
this.$forceUpdate()
|
||||
this.searchList()
|
||||
}
|
||||
},
|
||||
computed:{
|
||||
...mapState({'ProvinceCode':(state)=>{return state.userData.ProvinceCode}}),
|
||||
},
|
||||
methods: {
|
||||
toTrend(){
|
||||
this.$util.toNextRoute('navigateTo','/pages/operatingStatements/operatingTrend?time='+this.pageData.searchTime[1])
|
||||
|
||||
},
|
||||
bindDateChange(e,index){
|
||||
let nowDate = this.pageData.searchTime[index]
|
||||
if(e.detail.value != nowDate){
|
||||
this.pageData.searchTime[index] = e.detail.value
|
||||
this.$forceUpdate()
|
||||
this.searchList()
|
||||
}
|
||||
},
|
||||
searchList(){
|
||||
uni.showLoading({
|
||||
title:'正在加载',
|
||||
mask:true
|
||||
})
|
||||
|
||||
this.getList()
|
||||
},
|
||||
toggleRegion(item) {
|
||||
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])
|
||||
item.visited = true
|
||||
this.$forceUpdate()
|
||||
},
|
||||
getList(){
|
||||
let _this = this
|
||||
let searchTime = this.pageData.searchTime
|
||||
_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() {
|
||||
searchList() {
|
||||
uni.showLoading({
|
||||
title:'正在加载...',
|
||||
mask:true
|
||||
title: '正在加载',
|
||||
mask: true
|
||||
})
|
||||
|
||||
this.getList()
|
||||
},
|
||||
toggleRegion(item) {
|
||||
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])
|
||||
item.visited = true
|
||||
this.$forceUpdate()
|
||||
},
|
||||
getList() {
|
||||
let _this = this
|
||||
let searchTime = this.pageData.searchTime
|
||||
|
||||
const req = {
|
||||
provinceCode: this.ProvinceCode,
|
||||
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) {
|
||||
_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 => {
|
||||
n.show = false
|
||||
})
|
||||
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 {
|
||||
_this.pageData.msg = null
|
||||
_this.noDataText = res.Result_Desc
|
||||
_this.insideRegionList = []
|
||||
}
|
||||
_this.requestText = _this.searchText
|
||||
|
||||
_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
|
||||
})
|
||||
|
||||
this.getList()
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.page-body {
|
||||
padding-bottom: 80rpx;
|
||||
}
|
||||
.screen-box {
|
||||
background-color: #fff;
|
||||
padding: 0 20rpx;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9;
|
||||
}
|
||||
.screen-box .screen-unit {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 200rpx;
|
||||
padding: 0 14rpx;
|
||||
line-height: 3;
|
||||
}
|
||||
.screen-box .mr20 {
|
||||
margin-right: 20rpx;
|
||||
color: #95999C;
|
||||
}
|
||||
.uni-icon-arrowdown {
|
||||
font-size: 22rpx;
|
||||
color: #C7C7C7;
|
||||
margin-left: 8rpx;
|
||||
}
|
||||
.screen-box text {
|
||||
line-height: 3;
|
||||
}
|
||||
.screen-box image{
|
||||
width: 12rpx;
|
||||
height: 8rpx;
|
||||
margin: 0 16rpx;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.head-card {
|
||||
padding: 40rpx 26rpx;
|
||||
background-color: #fff;
|
||||
}
|
||||
.head-card>view {
|
||||
width: 330rpx;
|
||||
height: 190rpx;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
padding-top: 30rpx;
|
||||
font-size: 28rpx;
|
||||
border-radius: 24rpx;
|
||||
box-sizing: border-box;
|
||||
.page-body {
|
||||
padding-bottom: 80rpx;
|
||||
}
|
||||
|
||||
}
|
||||
.head-card>view:first-child {
|
||||
.screen-box {
|
||||
background-color: #fff;
|
||||
padding: 0 20rpx;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9;
|
||||
}
|
||||
|
||||
background: linear-gradient(to left,#93a4ec 0%, #4b76e9 100%);
|
||||
}
|
||||
.screen-box .screen-unit {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 200rpx;
|
||||
padding: 0 14rpx;
|
||||
line-height: 3;
|
||||
}
|
||||
|
||||
.head-card>view:last-child {
|
||||
margin-left: 30rpx;
|
||||
background: linear-gradient(to left,#8cdade 0%, #82c2ce 100%);
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.head-card .price-num {
|
||||
font-family: 'Bahnschrift Regular';
|
||||
font-size: 50rpx;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.all-diff {
|
||||
background: linear-gradient(#f28785,#ee5b4c);
|
||||
height: 36rpx;
|
||||
line-height: 36rpx;
|
||||
width: 126rpx;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
font-size: 20rpx;
|
||||
border-radius: 0 0 0 54rpx;
|
||||
.screen-box .mr20 {
|
||||
margin-right: 20rpx;
|
||||
color: #95999C;
|
||||
}
|
||||
|
||||
}
|
||||
.all-diff image {
|
||||
width: 20rpx;
|
||||
height: 17rpx;
|
||||
margin-right: 8rpx;
|
||||
}
|
||||
.modle-title {
|
||||
padding-left: 24rpx;
|
||||
font-size: 30rpx;
|
||||
padding-top: 32rpx;
|
||||
padding-bottom: 20rpx;
|
||||
font-weight: bolder;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.modle-title image {
|
||||
max-width: 36rpx;
|
||||
max-height: 36rpx;
|
||||
margin-right: 14rpx;
|
||||
}
|
||||
.bg-white {
|
||||
background-color: #fff;
|
||||
margin: 0 24rpx;
|
||||
border-radius: 12rpx;
|
||||
padding-bottom: 26rpx;
|
||||
}
|
||||
.region-area-title {
|
||||
color: #000;
|
||||
font-weight: bolder;
|
||||
padding: 26rpx 46rpx 0 56rpx;
|
||||
position: relative;
|
||||
display: flex;
|
||||
}
|
||||
/*日结上传*/
|
||||
.region-title {
|
||||
position: relative;
|
||||
color: #929292;
|
||||
/* font-weight: bolder; */
|
||||
.uni-icon-arrowdown {
|
||||
font-size: 22rpx;
|
||||
color: #C7C7C7;
|
||||
margin-left: 8rpx;
|
||||
}
|
||||
|
||||
}
|
||||
.region-title,.ct01 {
|
||||
color: #000000;
|
||||
}
|
||||
.ct01 {
|
||||
padding-top: 8rpx;
|
||||
}
|
||||
.screen-box text {
|
||||
line-height: 3;
|
||||
}
|
||||
|
||||
.region-area-title:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 0rpx;
|
||||
height: 0rpx;
|
||||
border: 0rpx;
|
||||
border-left: 8rpx solid transparent;
|
||||
border-right: 8rpx solid transparent;
|
||||
border-top: 8rpx solid #BBB7B7;
|
||||
left: 22rpx;
|
||||
top: 48rpx;
|
||||
transform: rotate(-90deg);
|
||||
transition: all 0.4s;
|
||||
display: block;
|
||||
}
|
||||
.active.region-area-title:before{
|
||||
.screen-box image {
|
||||
width: 12rpx;
|
||||
height: 8rpx;
|
||||
margin: 0 16rpx;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
border-left: 8rpx solid transparent;
|
||||
border-right: 8rpx solid transparent;
|
||||
border-top: 8rpx solid #E0BB97;
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
.head-card {
|
||||
padding: 40rpx 26rpx;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.region-cell {
|
||||
display: flex;
|
||||
padding: 26rpx 46rpx 16rpx 56rpx;
|
||||
align-items: flex-end;
|
||||
}
|
||||
.region-cell .active.uni-icon-arrowright::before {
|
||||
transform: rotate(90deg);
|
||||
.head-card>view {
|
||||
width: 330rpx;
|
||||
height: 190rpx;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
padding-top: 30rpx;
|
||||
font-size: 28rpx;
|
||||
border-radius: 24rpx;
|
||||
box-sizing: border-box;
|
||||
|
||||
}
|
||||
|
||||
.head-card>view:first-child {
|
||||
|
||||
background: linear-gradient(to left, #93a4ec 0%, #4b76e9 100%);
|
||||
}
|
||||
|
||||
.head-card>view:last-child {
|
||||
margin-left: 30rpx;
|
||||
background: linear-gradient(to left, #8cdade 0%, #82c2ce 100%);
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.head-card .price-num {
|
||||
font-family: 'Bahnschrift Regular';
|
||||
font-size: 50rpx;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.all-diff {
|
||||
background: linear-gradient(#f28785, #ee5b4c);
|
||||
height: 36rpx;
|
||||
line-height: 36rpx;
|
||||
width: 126rpx;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
font-size: 20rpx;
|
||||
border-radius: 0 0 0 54rpx;
|
||||
|
||||
}
|
||||
|
||||
.all-diff image {
|
||||
width: 20rpx;
|
||||
height: 17rpx;
|
||||
margin-right: 8rpx;
|
||||
}
|
||||
|
||||
.modle-title {
|
||||
padding-left: 24rpx;
|
||||
font-size: 30rpx;
|
||||
padding-top: 32rpx;
|
||||
padding-bottom: 20rpx;
|
||||
font-weight: bolder;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.modle-title image {
|
||||
max-width: 36rpx;
|
||||
max-height: 36rpx;
|
||||
margin-right: 14rpx;
|
||||
}
|
||||
|
||||
.bg-white {
|
||||
background-color: #fff;
|
||||
margin: 0 24rpx;
|
||||
border-radius: 12rpx;
|
||||
padding-bottom: 26rpx;
|
||||
}
|
||||
|
||||
.region-area-title {
|
||||
color: #000;
|
||||
font-weight: bolder;
|
||||
padding: 26rpx 46rpx 0 56rpx;
|
||||
position: relative;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
/*日结上传*/
|
||||
.region-title {
|
||||
position: relative;
|
||||
color: #929292;
|
||||
/* font-weight: bolder; */
|
||||
|
||||
}
|
||||
|
||||
.region-title,
|
||||
.ct01 {
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.ct01 {
|
||||
padding-top: 8rpx;
|
||||
}
|
||||
|
||||
.region-area-title:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 0rpx;
|
||||
height: 0rpx;
|
||||
border: 0rpx;
|
||||
border-left: 8rpx solid transparent;
|
||||
border-right: 8rpx solid transparent;
|
||||
border-top: 8rpx solid #BBB7B7;
|
||||
left: 22rpx;
|
||||
top: 48rpx;
|
||||
transform: rotate(-90deg);
|
||||
transition: all 0.4s;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.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 {
|
||||
display: flex;
|
||||
padding: 26rpx 46rpx 16rpx 56rpx;
|
||||
align-items: flex-end;
|
||||
}
|
||||
|
||||
.region-cell .active.uni-icon-arrowright::before {
|
||||
transform: rotate(90deg);
|
||||
|
||||
|
||||
}
|
||||
.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 {
|
||||
position: absolute;
|
||||
right: -26rpx;
|
||||
top: -46rpx;
|
||||
transition: all 0.4s;
|
||||
}
|
||||
.region-cell .region-cell-unit {
|
||||
flex: 2;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
color: #929292;
|
||||
font-size: 26rpx;
|
||||
line-height: 1.5;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
.region-cell .region-cell-unit:nth-child(1) {
|
||||
flex: 3;
|
||||
text-align: left;
|
||||
}
|
||||
.region-cell .region-cell-unit:nth-child(3) {
|
||||
.region-cell .uni-icon-arrowdown,
|
||||
.region-cell .uni-icon-arrowright {
|
||||
font-size: 36rpx;
|
||||
color: #5A5A5A;
|
||||
/* padding-bottom: 12rpx; */
|
||||
position: relative;
|
||||
}
|
||||
|
||||
flex: 2.5;
|
||||
.region-cell .uni-icon-arrowright::before {
|
||||
position: absolute;
|
||||
right: -26rpx;
|
||||
top: -46rpx;
|
||||
transition: all 0.4s;
|
||||
}
|
||||
|
||||
}
|
||||
.region-cell-image {
|
||||
width: 48rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
height: 50rpx;
|
||||
.region-cell .region-cell-unit {
|
||||
flex: 2;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
color: #929292;
|
||||
font-size: 26rpx;
|
||||
line-height: 1.5;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
}
|
||||
.region-cell .region-cell-unit:nth-child(1) {
|
||||
flex: 3;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.region-cell image {
|
||||
width: 14rpx;
|
||||
height: 23rpx;
|
||||
}
|
||||
.region-cell .region-cell-unit:nth-child(3) {
|
||||
|
||||
/*日结上传服务区*/
|
||||
.region-cell-area {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.region-cell-area li:nth-child(2n+1) {
|
||||
background-color: #FCFCFC;
|
||||
}
|
||||
.region-cell-area li view:first-child{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.region-cell-area li.visited view:first-child{
|
||||
color:#007AFF;
|
||||
flex: 2.5;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.region-cell-area li:nth-child(2n+1) {
|
||||
background-color: #F9F9FB;
|
||||
}
|
||||
.region-cell-image {
|
||||
width: 48rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
height: 50rpx;
|
||||
|
||||
.region-cell-area li:nth-child(2n) view:first-child:before {
|
||||
content: '';
|
||||
background-color: #5596F9;
|
||||
width: 8rpx;
|
||||
height: 8rpx;
|
||||
border-radius: 8rpx;
|
||||
display: block;
|
||||
margin-right: 16rpx;
|
||||
/* position: absolute;
|
||||
}
|
||||
|
||||
.region-cell image {
|
||||
width: 14rpx;
|
||||
height: 23rpx;
|
||||
}
|
||||
|
||||
/*日结上传服务区*/
|
||||
.region-cell-area {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.region-cell-area li:nth-child(2n+1) {
|
||||
background-color: #FCFCFC;
|
||||
}
|
||||
|
||||
.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:nth-child(2n+1) {
|
||||
background-color: #F9F9FB;
|
||||
}
|
||||
|
||||
.region-cell-area li:nth-child(2n) view:first-child:before {
|
||||
content: '';
|
||||
background-color: #5596F9;
|
||||
width: 8rpx;
|
||||
height: 8rpx;
|
||||
border-radius: 8rpx;
|
||||
display: block;
|
||||
margin-right: 16rpx;
|
||||
/* position: absolute;
|
||||
left: 0rpx; */
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.region-cell-area li:nth-child(2n+1) view:first-child:before {
|
||||
content: '';
|
||||
background-color: #FE6D67;
|
||||
width: 8rpx;
|
||||
height: 8rpx;
|
||||
border-radius: 8rpx;
|
||||
display: block;
|
||||
margin-right: 16rpx;
|
||||
.region-cell-area li:nth-child(2n+1) view:first-child:before {
|
||||
content: '';
|
||||
background-color: #FE6D67;
|
||||
width: 8rpx;
|
||||
height: 8rpx;
|
||||
border-radius: 8rpx;
|
||||
display: block;
|
||||
margin-right: 16rpx;
|
||||
/* position: absolute;
|
||||
left: 0rpx; */
|
||||
}
|
||||
}
|
||||
|
||||
.region-cell-area li {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 16rpx 46rpx 16rpx 56rpx;
|
||||
position: relative;
|
||||
text-align: left;
|
||||
color: #2E2E2E;
|
||||
}
|
||||
.region-cell-area li {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 16rpx 46rpx 16rpx 56rpx;
|
||||
position: relative;
|
||||
text-align: left;
|
||||
color: #2E2E2E;
|
||||
}
|
||||
|
||||
.region-cell-area li>view {
|
||||
flex: 2;
|
||||
font-size: 22rpx;
|
||||
position: relative;
|
||||
}
|
||||
.region-cell-area li>view text {
|
||||
font-size: 22rpx;
|
||||
flex: 1;
|
||||
text-align: right;
|
||||
}
|
||||
.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 {
|
||||
content: '';
|
||||
background: url(/static/images/revenue/you-jt.png) no-repeat center;
|
||||
width: 14rpx;
|
||||
height: 24rpx;
|
||||
background-size: contain;
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: -28rpx;
|
||||
top: 8rpx;
|
||||
}
|
||||
.region-cell-area li>view {
|
||||
flex: 2;
|
||||
font-size: 22rpx;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.region-cell-area li>view text {
|
||||
font-size: 22rpx;
|
||||
flex: 1;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.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 {
|
||||
content: '';
|
||||
background: url(/static/images/revenue/you-jt.png) no-repeat center;
|
||||
width: 14rpx;
|
||||
height: 24rpx;
|
||||
background-size: contain;
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: -28rpx;
|
||||
top: 8rpx;
|
||||
}
|
||||
</style>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user