update
This commit is contained in:
parent
e36ee4f57c
commit
c10acc5693
@ -1,9 +1,10 @@
|
||||
<template>
|
||||
<view class="earlyWarningDetail">
|
||||
<view class="earlyTop" :style="{height: `calc(${menu.bottom}px + 628rpx)`}">
|
||||
<view class="earlyTop" :style="{height: `calc(${menu.bottom}px + 650rpx)`}">
|
||||
<!-- menu.bottom + 314 + 'px'-->
|
||||
<view class="earlyTopBg"></view>
|
||||
<view class="headerBox" :style="{top:menu.top + 'px',height:menu.height+'px'}">
|
||||
<view class="headerBox" :style="{paddingTop: menu.top + 'px',height:menu.bottom + 12 +'px'}">
|
||||
<view :style="{height:menu.height +'px',display: 'flex',alignItems: 'center',paddingLeft:'32rpx'}">
|
||||
<view class="backIconBox" @click="handleBack">
|
||||
<image class="backIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/commercial/navigation-left.svg"/>
|
||||
</view>
|
||||
@ -20,16 +21,19 @@
|
||||
</div>
|
||||
</div>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="revenueBox" :style="{top: menu.bottom + 19 +'px' }">
|
||||
<view class="box">
|
||||
<view class="typeBox">
|
||||
<image class="bg" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/detailTopBg1.png"/>
|
||||
<view class="typeBoxTop">
|
||||
<text class="monthText">{{date || ''}}</text>
|
||||
<view class="typeBoxTop" style="display: flex;justify-content: space-between;align-items: center">
|
||||
<view>
|
||||
<text class="title">对客销售</text>
|
||||
<text class="unit">/万元</text>
|
||||
</view>
|
||||
<text class="monthText">{{date || ''}}</text>
|
||||
</view>
|
||||
<view class="typeBoxContent">
|
||||
<view style="width: 40%;display: inline-block">
|
||||
<view class="valueItem">
|
||||
@ -50,10 +54,10 @@
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="addBox">
|
||||
<text class="label">增长</text>
|
||||
<text :class="res.RevenueINC.increaseData<0?'addGreenValue':res.RevenueINC.increaseData>0?'addValue':''">{{res.RevenueINC.increaseData>0?`+${$util.getMoney(res.RevenueINC.increaseData/10000)}`:res.RevenueINC.increaseData<0?`${$util.getMoney(res.RevenueINC.increaseData/10000)}`:''}}</text>
|
||||
</view>
|
||||
<!-- <view class="addBox">-->
|
||||
<!-- <text class="label">增长</text>-->
|
||||
<!-- <text :class="res.RevenueINC.increaseData<0?'addGreenValue':res.RevenueINC.increaseData>0?'addValue':''">{{res.RevenueINC.increaseData>0?`+${$util.getMoney(res.RevenueINC.increaseData/10000)}`:res.RevenueINC.increaseData<0?`${$util.getMoney(res.RevenueINC.increaseData/10000)}`:''}}</text>-->
|
||||
<!-- </view>-->
|
||||
</view>
|
||||
|
||||
<view class="line"></view>
|
||||
@ -61,7 +65,7 @@
|
||||
<view class="typeBox">
|
||||
<image class="bg" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/detailTopBg2.png"/>
|
||||
<view class="typeBoxTop">
|
||||
<text class="monthText">{{date || ''}}</text>
|
||||
<!-- <text class="monthText">{{date || ''}}</text>-->
|
||||
<text class="title">入区车流</text>
|
||||
<text class="unit">/万辆</text>
|
||||
</view>
|
||||
@ -85,15 +89,23 @@
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="addBox">
|
||||
<text class="label">增长</text>
|
||||
<text :class="res.BayonetINC.increaseData<0?'addGreenValue':res.BayonetINC.increaseData>0?'addValue':''">{{res.BayonetINC.increaseData>0?`+${$util.getMoney(res.BayonetINC.increaseData/10000)}`:res.BayonetINC.increaseData<0?`${$util.getMoney(res.BayonetINC.increaseData/10000)}`:''}}</text>
|
||||
<!-- <view class="addBox">-->
|
||||
<!-- <text class="label">增长</text>-->
|
||||
<!-- <text :class="res.BayonetINC.increaseData<0?'addGreenValue':res.BayonetINC.increaseData>0?'addValue':''">{{res.BayonetINC.increaseData>0?`+${$util.getMoney(res.BayonetINC.increaseData/10000)}`:res.BayonetINC.increaseData<0?`${$util.getMoney(res.BayonetINC.increaseData/10000)}`:''}}</text>-->
|
||||
<!-- </view>-->
|
||||
</view>
|
||||
|
||||
<view class="descBox">
|
||||
<text class="monthText">{{selectType===1?'车流增加，服务区营收减少':selectType===2?'车流增加，门店的营收减少':selectType===3?'车流增加，营收增长不匹配':selectType===4?'车流减少，营收降低不匹配':''}}</text>
|
||||
<view class="descTitle">预警说明：<text class="desc">
|
||||
{{selectType===1?'请重点关注入区车流增加自营商超营收同步增长，服务区整体营收呈现下降的情况！':selectType===2?'请重点关注入区车流增加自营商超营收同步增长，服务区部分门店营收呈现下降的情况！':selectType===3?'请重点关注营收与车流增幅产生较大差异的服务区！增幅差额=车流增幅-营收增幅，越大越不好，倒序排列':selectType===4?'请重点关注营收与车流降幅产生较大差异的服务区！增幅差额=销售增幅-车流降幅，越大越不好，倒序排列':''}}
|
||||
</text></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="detailContentBox" :style="{height: `calc(100vh - ${menu.bottom}px - 628rpx)`}">
|
||||
<view class="detailContentBox" >
|
||||
<!-- :style="{height: `calc(100vh - ${menu.bottom}px - 800rpx)`}"-->
|
||||
<view class="contentTop">
|
||||
<image class="topIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/shopIcon.png"/>
|
||||
<text class="topTitle">商家数据</text>
|
||||
@ -104,87 +116,93 @@
|
||||
<view class="topName">商家</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="sortItem" style="width: 124rpx">
|
||||
<view class="sort">
|
||||
<view class="topName">2023年</view>
|
||||
<view class="sortIconBox">
|
||||
<image class="upIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg"/>
|
||||
<image class="bottomIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg"/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="sortItem" style="width: 124rpx">
|
||||
<view class="sortItem" style="width: 124rpx" @click="handleChangeSortName(1)">
|
||||
<view class="sort" >
|
||||
<view class="topName">2024年</view>
|
||||
<view class="sortIconBox">
|
||||
<image class="upIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg"/>
|
||||
<image class="bottomIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg"/>
|
||||
<image class="upIcon" :style="{transform: sortName===1?sortType===1?``:`rotate(180deg)`:``}" :src="sortType===1?'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg':sortName===1?'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg':'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'"/>
|
||||
<image class="bottomIcon" :style="{transform: sortName===1?sortType===1?``:`rotate(180deg)`:'rotate(-180deg)'}":src="sortType===1 && sortName===1?'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg':'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'"/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="sortItem" style="width: 84rpx">
|
||||
<view class="sortItem" style="width: 124rpx" @click="handleChangeSortName(2)">
|
||||
<view class="sort">
|
||||
<view class="topName">2023年</view>
|
||||
<view class="sortIconBox">
|
||||
<image class="upIcon" :style="{transform: sortName===2?sortType===1?``:`rotate(180deg)`:``}" :src="sortType===1?'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg':sortName===2?'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg':'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'"/>
|
||||
<image class="bottomIcon" :style="{transform: sortName===2?sortType===1?``:`rotate(180deg)`:'rotate(-180deg)'}":src="sortType===1 && sortName===2?'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg':'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'"/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="sortItem" style="width: 84rpx" @click="handleChangeSortName(3)">
|
||||
<view class="sort">
|
||||
<view class="topName">增长</view>
|
||||
<view class="sortIconBox">
|
||||
<image class="upIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg"/>
|
||||
<image class="bottomIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg"/>
|
||||
<image class="upIcon" :style="{transform: sortName===3?sortType===1?``:`rotate(180deg)`:``}" :src="sortType===1?'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg':sortName===3?'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg':'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'"/>
|
||||
<image class="bottomIcon" :style="{transform: sortName===3?sortType===1?``:`rotate(180deg)`:'rotate(-180deg)'}":src="sortType===1 && sortName===3?'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg':'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'"/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="sortItem" style="width: 84rpx">
|
||||
<view class="sortItem" style="width: 84rpx" @click="handleChangeSortName(4)">
|
||||
<view class="sort" >
|
||||
<view class="topName">增幅</view>
|
||||
<view class="sortIconBox">
|
||||
<image class="upIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg"/>
|
||||
<image class="bottomIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg"/>
|
||||
<image class="upIcon" :style="{transform: sortName===4?sortType===1?``:`rotate(180deg)`:``}" :src="sortType===1?'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg':sortName===4?'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg':'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'"/>
|
||||
<image class="bottomIcon" :style="{transform: sortName===4?sortType===1?``:`rotate(180deg)`:'rotate(-180deg)'}":src="sortType===1 && sortName===4?'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg':'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'"/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="listBox">
|
||||
<view class="listItem" v-for="(item,index) in res.ShopINCList" :key="index">
|
||||
<view class="listItem" v-for="(item,index) in dataList" :key="index">
|
||||
<view class="listItemTop">
|
||||
<view class="listItemLeft">
|
||||
<view class="logoBox">
|
||||
<image class="logo" :src="item.Brand_ICO"/>
|
||||
</view>
|
||||
<view class="titleBox">
|
||||
<view style="display: flex;align-items: center;">
|
||||
<text class="itemTitle">{{item.ServerpartShopName}}</text>
|
||||
<text class="MERCHANTS_NAME" v-if="item.MERCHANTS_NAME">{{item.MERCHANTS_NAME}}</text>
|
||||
</view>
|
||||
<view class="itemTypeBox">
|
||||
<text class="mode" style="margin-right: 8rpx">{{ item.SettlementModes }}</text>
|
||||
<text class="type">{{ businessTypeObj[item.BusinessType ] }}</text>
|
||||
<text v-if="item.SettlementModes" class="mode" style="margin-right: 8rpx">{{ SETTLEMENT_MODESOBJ[item.SettlementModes] || '' }}</text>
|
||||
<text v-if="item.BusinessType" class="type">{{ businessTypeObj[item.BusinessType ] || '' }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="listItemRight">
|
||||
<image class="warningIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/warningIcon.png"/>
|
||||
</view>
|
||||
<!-- <view class="listItemRight">-->
|
||||
<!-- <image class="warningIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/warningIcon.png"/>-->
|
||||
<!-- </view>-->
|
||||
</view>
|
||||
|
||||
<view class="listItemBottom" style="margin-bottom: 16rpx;margin-top: 24rpx">
|
||||
<view class="bottomValue name" style="width: 56rpx">营收</view>
|
||||
<view class="bottomValue value" style="width: 124rpx">{{item.RevenueINC.lYearData?$util.getMoney(item.RevenueINC.lYearData/10000):'-'}}</view>
|
||||
<view class="bottomValue value" style="width: 124rpx">{{item.RevenueINC.curYearData?$util.getMoney(item.RevenueINC.curYearData/10000):'-'}}</view>
|
||||
<view class="bottomValue value" style="width: 124rpx">{{item.RevenueINC.lYearData?$util.getMoney(item.RevenueINC.lYearData/10000):'-'}}</view>
|
||||
<view class="bottomValue value" style="width: 84rpx">{{item.RevenueINC.increaseData?$util.getMoney(item.RevenueINC.increaseData/10000):'-'}}</view>
|
||||
<view :class="item.RevenueINC.increaseRate<0?'bottomValue greenAdd':item.RevenueINC.increaseRate>0?'bottomValue add':''" style="width: 124rpx">{{item.RevenueINC.increaseRate?
|
||||
item.RevenueINC.increaseRate>0?`+${item.RevenueINC.increaseRate}%`:
|
||||
item.RevenueINC.increaseRate<0?`${item.RevenueINC.increaseRate}%`
|
||||
:'':''}}</view>
|
||||
</view>
|
||||
<view class="listItemBottom">
|
||||
<view class="bottomValue name" style="width: 56rpx">车流</view>
|
||||
<view class="bottomValue value" style="width: 124rpx">{{res.BayonetINC.lYearData?$util.getMoney(res.BayonetINC.lYearData/10000):'-'}}</view>
|
||||
<view class="bottomValue value" style="width: 124rpx">{{res.BayonetINC.curYearData?$util.getMoney(res.BayonetINC.curYearData/10000):'-'}}</view>
|
||||
<view class="bottomValue value" style="width: 84rpx">{{res.BayonetINC.increaseData?$util.getMoney(res.BayonetINC.increaseData/10000):'-'}}</view>
|
||||
<view :class="res.BayonetINC.increaseRate<0?'bottomValue greenAdd':res.BayonetINC.increaseRate>0?'bottomValue add':''" style="width: 124rpx">{{res.BayonetINC.increaseRate?res.BayonetINC.increaseRate>0?`+${res.BayonetINC.increaseRate}%`:res.BayonetINC.increaseRate<0?`${res.BayonetINC.increaseRate}%`:'':''}}</view>
|
||||
</view>
|
||||
<!-- <view class="listItemBottom">-->
|
||||
<!-- <view class="bottomValue name" style="width: 56rpx">车流</view>-->
|
||||
<!-- <view class="bottomValue value" style="width: 124rpx">{{res.BayonetINC.lYearData?$util.getMoney(res.BayonetINC.lYearData/10000):'-'}}</view>-->
|
||||
<!-- <view class="bottomValue value" style="width: 124rpx">{{res.BayonetINC.curYearData?$util.getMoney(res.BayonetINC.curYearData/10000):'-'}}</view>-->
|
||||
<!-- <view class="bottomValue value" style="width: 84rpx">{{res.BayonetINC.increaseData?$util.getMoney(res.BayonetINC.increaseData/10000):'-'}}</view>-->
|
||||
<!-- <view :class="res.BayonetINC.increaseRate<0?'bottomValue greenAdd':res.BayonetINC.increaseRate>0?'bottomValue add':''" style="width: 124rpx">{{res.BayonetINC.increaseRate?res.BayonetINC.increaseRate>0?`+${res.BayonetINC.increaseRate}%`:res.BayonetINC.increaseRate<0?`${res.BayonetINC.increaseRate}%`:'':''}}</view>-->
|
||||
<!-- </view>-->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
import {wrapTreeNode} from "../../util/dateTime";
|
||||
import request from '@/util/index.js'
|
||||
|
||||
export default {
|
||||
name: "detail",
|
||||
data(){
|
||||
@ -199,6 +217,13 @@
|
||||
4000: "业主自营",
|
||||
},
|
||||
date: '',// 显示的月份或者时间段
|
||||
SETTLEMENT_MODESOBJ:{},
|
||||
dataList:[],
|
||||
sortName: 4,// 1是2023年 2是2024年 3增长 4增幅
|
||||
sortType: 1,// 1是降序 2是升序
|
||||
selectType: 0,// 预警类型
|
||||
otherList:[],// 除了自营超市以外的门店数据
|
||||
ownerShop:{},// 自营超市的门店数据
|
||||
}
|
||||
},
|
||||
onLoad(query){
|
||||
@ -213,15 +238,134 @@
|
||||
if (query.date){
|
||||
this.date = query.date
|
||||
}
|
||||
if (query.type){
|
||||
this.selectType = Number(query.type)
|
||||
}
|
||||
console.log('this.res',this.res)
|
||||
this.handleGetSETTLEMENT_MODES()
|
||||
this.handleChangeList()
|
||||
// this.dataList = this.handleSortList(this.res.ShopINCList)
|
||||
},
|
||||
methods:{
|
||||
// 处理数据 自营超市第一 然后剩下的按照 要求的排序排序
|
||||
handleChangeList(){
|
||||
let obj = {}
|
||||
let otherList = []
|
||||
this.res.ShopINCList.forEach(item=>{
|
||||
if (item.ServerpartShopName === '自营超市'){
|
||||
obj = item
|
||||
}else{
|
||||
otherList.push(item)
|
||||
}
|
||||
})
|
||||
this.ownerShop = obj
|
||||
this.otherList = otherList
|
||||
|
||||
let resList = this.handleSortList(otherList)
|
||||
|
||||
let list = [obj,...resList]
|
||||
this.dataList = list
|
||||
|
||||
},
|
||||
// 返回上一级
|
||||
handleBack(){
|
||||
uni.navigateBack({
|
||||
delta: 1
|
||||
})
|
||||
},
|
||||
// 拿到SETTLEMENT_MODES的枚举
|
||||
async handleGetSETTLEMENT_MODES(){
|
||||
const req = {
|
||||
FieldExplainField: 'SETTLEMENT_MODES'
|
||||
}
|
||||
const data = await request.$webGet('/EShangApiMain/FrameWork/GetFieldEnumByField',req)
|
||||
let list = data.Result_Data.List
|
||||
let obj = {}
|
||||
if (list && list.length>0){
|
||||
list.forEach(item=>{
|
||||
obj[item.value] = item.label
|
||||
})
|
||||
}
|
||||
console.log('data231231',obj)
|
||||
this.SETTLEMENT_MODESOBJ = obj
|
||||
},
|
||||
// 修改排序
|
||||
handleChangeSortName(value){
|
||||
if (value===this.sortName){
|
||||
if (this.sortType===1){
|
||||
this.sortType=0
|
||||
}else{
|
||||
this.sortType=1
|
||||
}
|
||||
}else{
|
||||
this.sortName = value
|
||||
this.sortType=1
|
||||
}
|
||||
let res = this.handleSortList(this.otherList)
|
||||
this.dataList = [this.ownerShop,...res]
|
||||
},
|
||||
// 排序方法
|
||||
handleSortList(list){
|
||||
var len = list.length;
|
||||
for (var i = 0; i < len - 1; i++) {
|
||||
for (var j = 0; j < len - 1 - i; j++) {
|
||||
if (this.sortType === 1){
|
||||
if (this.sortName ===1){
|
||||
if (list[j].RevenueINC.lYearData < list[j + 1].RevenueINC.lYearData) { // 比较相邻元素大小并交换位置
|
||||
var temp = list[j];
|
||||
list[j] = list[j + 1];
|
||||
list[j + 1] = temp;
|
||||
}
|
||||
}else if(this.sortName===2){
|
||||
if (list[j].RevenueINC.curYearData < list[j + 1].RevenueINC.curYearData) { // 比较相邻元素大小并交换位置
|
||||
var temp = list[j];
|
||||
list[j] = list[j + 1];
|
||||
list[j + 1] = temp;
|
||||
}
|
||||
}else if(this.sortName===3){
|
||||
if (list[j].RevenueINC.increaseData < list[j + 1].RevenueINC.increaseData) { // 比较相邻元素大小并交换位置
|
||||
var temp = list[j];
|
||||
list[j] = list[j + 1];
|
||||
list[j + 1] = temp;
|
||||
}
|
||||
}else if(this.sortName===4){
|
||||
if (list[j].RevenueINC.increaseRate < list[j + 1].RevenueINC.increaseRate) { // 比较相邻元素大小并交换位置
|
||||
var temp = list[j];
|
||||
list[j] = list[j + 1];
|
||||
list[j + 1] = temp;
|
||||
}
|
||||
}
|
||||
}else{
|
||||
if (this.sortName ===1){
|
||||
if (list[j].RevenueINC.lYearData > list[j + 1].RevenueINC.lYearData) { // 比较相邻元素大小并交换位置
|
||||
var temp = list[j];
|
||||
list[j] = list[j + 1];
|
||||
list[j + 1] = temp;
|
||||
}
|
||||
}else if(this.sortName===2){
|
||||
if (list[j].RevenueINC.curYearData > list[j + 1].RevenueINC.curYearData) { // 比较相邻元素大小并交换位置
|
||||
var temp = list[j];
|
||||
list[j] = list[j + 1];
|
||||
list[j + 1] = temp;
|
||||
}
|
||||
}else if(this.sortName===3){
|
||||
if (list[j].RevenueINC.increaseData > list[j + 1].RevenueINC.increaseData) { // 比较相邻元素大小并交换位置
|
||||
var temp = list[j];
|
||||
list[j] = list[j + 1];
|
||||
list[j + 1] = temp;
|
||||
}
|
||||
}else if(this.sortName===4){
|
||||
if (list[j].RevenueINC.increaseRate > list[j + 1].RevenueINC.increaseRate) { // 比较相邻元素大小并交换位置
|
||||
var temp = list[j];
|
||||
list[j] = list[j + 1];
|
||||
list[j + 1] = temp;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
return list
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@ -242,10 +386,13 @@
|
||||
}
|
||||
.headerBox{
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 20;
|
||||
box-sizing: border-box;
|
||||
padding: 32rpx;
|
||||
background: linear-gradient( 180deg, #D8E3FF 0%, #E5EBF9 100%);
|
||||
//padding: 32rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.backIconBox{
|
||||
@ -384,7 +531,7 @@
|
||||
.valueAdd{
|
||||
font-family: DINAlternate, DINAlternate;
|
||||
font-weight: bold;
|
||||
font-size: 46rpx;
|
||||
font-size: 42rpx;
|
||||
color: #E83944;
|
||||
line-height: 64rpx;
|
||||
text-align: left;
|
||||
@ -393,7 +540,7 @@
|
||||
.valueGreen{
|
||||
font-family: DINAlternate, DINAlternate;
|
||||
font-weight: bold;
|
||||
font-size: 46rpx;
|
||||
font-size: 42rpx;
|
||||
color: #127E5B;
|
||||
line-height: 40rpx;
|
||||
text-align: left;
|
||||
@ -459,6 +606,39 @@
|
||||
background: #F5F4F4;
|
||||
margin: 24rpx 0 24rpx 0;
|
||||
}
|
||||
|
||||
.descBox{
|
||||
width: 100%;
|
||||
background: #F8F8F8;
|
||||
border-radius: 16rpx;
|
||||
box-sizing: border-box;
|
||||
padding: 16rpx;
|
||||
margin-top: 24rpx;
|
||||
.monthText{
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: #FFFFFF;
|
||||
line-height: 24rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
padding: 6rpx 8rpx;
|
||||
background: #F2792E;
|
||||
border-radius: 4rpx;
|
||||
margin-right: 6rpx;
|
||||
display: inline-block;
|
||||
margin-bottom: 8rpx;
|
||||
}
|
||||
.descTitle{
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: gray;
|
||||
.desc{
|
||||
color: red;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -469,6 +649,7 @@
|
||||
border-radius: 32rpx 32rpx 0rpx 0rpx;
|
||||
box-sizing: border-box;
|
||||
padding: 24rpx 32rpx;
|
||||
margin-top: 32rpx;
|
||||
.contentTop{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -478,13 +659,11 @@
|
||||
margin-right: 12rpx;
|
||||
}
|
||||
.topTitle{
|
||||
font-size: 32rpx;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: 28rpx;
|
||||
color: #212226;
|
||||
line-height: 40rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
color: #160002;
|
||||
line-height: 44rpx;
|
||||
margin-left: 12rpx;
|
||||
}
|
||||
}
|
||||
@ -500,13 +679,11 @@
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
.topName{
|
||||
font-size: 24rpx;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #786B6C;
|
||||
line-height: 40rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
color: #9A9A9A;
|
||||
line-height: 36rpx;
|
||||
}
|
||||
.sortIconBox{
|
||||
display: flex;
|
||||
@ -542,14 +719,15 @@
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
.listItemLeft{
|
||||
width: 80%;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
align-items: flex-start;
|
||||
.logoBox{
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
border-radius: 16rpx;
|
||||
overflow: hidden;
|
||||
margin-right: 16rpx;
|
||||
.logo{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
@ -558,20 +736,36 @@
|
||||
|
||||
.titleBox{
|
||||
width: calc(100% - 96rpx);
|
||||
flex: 1;
|
||||
.itemTitle{
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: 28rpx;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #160002;
|
||||
line-height: 40rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
display: inline-block;
|
||||
width: 60%;
|
||||
width: 50%;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
.MERCHANTS_NAME{
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: #571519;
|
||||
line-height: 44rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
padding: 4rpx 16rpx;
|
||||
background: #FCF1D3;
|
||||
border-radius: 4rpx;
|
||||
display: inline-block;
|
||||
width: 50%;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.itemTypeBox{
|
||||
.mode{
|
||||
display: inline-block;
|
||||
@ -579,7 +773,7 @@
|
||||
border-radius: 4rpx;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 20rpx;
|
||||
font-size: 24rpx;
|
||||
color: #FF6531;
|
||||
line-height: 28rpx;
|
||||
text-align: left;
|
||||
@ -591,7 +785,7 @@
|
||||
border-radius: 4rpx;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 20rpx;
|
||||
font-size: 24rpx;
|
||||
color: #1979FE;
|
||||
line-height: 28rpx;
|
||||
text-align: left;
|
||||
@ -616,22 +810,20 @@
|
||||
.bottomValue{
|
||||
}
|
||||
.name{
|
||||
font-size: 24rpx;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #A69E9F;
|
||||
line-height: 40rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
color: #9A9A9A;
|
||||
line-height: 36rpx;
|
||||
margin-left: 4rpx;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.value{
|
||||
font-size: 28rpx;
|
||||
font-family: DINAlternate, DINAlternate;
|
||||
font-weight: bold;
|
||||
font-size: 28rpx;
|
||||
color: #160002;
|
||||
line-height: 40rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
line-height: 32rpx;
|
||||
}
|
||||
.add{
|
||||
font-family: DINAlternate, DINAlternate;
|
||||
|
||||
@ -2,7 +2,9 @@
|
||||
<view class="earlyWarningBox">
|
||||
<view class="earlyTop">
|
||||
<view class="earlyTopBg"></view>
|
||||
<view class="headerBox" :style="{top:menu.top + 'px',height:menu.height+'px'}">
|
||||
<!-- top:menu.top + 'px',-->
|
||||
<view class="headerBox" :style="{paddingTop: menu.top + 'px',height:menu.bottom + 4 +'px'}">
|
||||
<view :style="{height:menu.height +'px',display: 'flex',alignItems: 'center',paddingLeft:'32rpx'}">
|
||||
<view class="backIconBox" @click="handleBack">
|
||||
<image class="backIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/commercial/navigation-left.svg"/>
|
||||
</view>
|
||||
@ -10,22 +12,23 @@
|
||||
<view class="timeIconBox">
|
||||
<image class="timeIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/merchantAccount/selectIcon.svg"/>
|
||||
</view>
|
||||
<text class="timeText" @click="handleShowPopup">{{`${startDate}-${endDate}`}}</text>
|
||||
<!-- <uni-datetime-picker v-model="datetimerange" type="daterange"/>-->
|
||||
<!-- <picker class="timeSelect" mode="date" fields="month" :end="end" onChange="handleGetStartTime(e)">{{startDate}}</picker>-->
|
||||
<!-- <span class="timeSelect" style="margin: 0 4rpx">-</span>-->
|
||||
<!-- <picker class="timeSelect" mode="date" fields="month" :end="end">{{endDate}}</picker>-->
|
||||
<text class="timeText" @click="handleShowPopup">{{`${startDate}${endDate===startDate?'':`-${endDate}`}`}}</text>
|
||||
<!-- <uni-datetime-picker v-model="datetimerange" type="daterange"/>-->
|
||||
<!-- <picker class="timeSelect" mode="date" fields="month" :end="end" onChange="handleGetStartTime(e)">{{startDate}}</picker>-->
|
||||
<!-- <span class="timeSelect" style="margin: 0 4rpx">-</span>-->
|
||||
<!-- <picker class="timeSelect" mode="date" fields="month" :end="end">{{endDate}}</picker>-->
|
||||
<image class="downIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/merchantAccount/downIcon.svg"/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="errorWarning" :style="{top: menu.bottom + 18 + 'px'}">
|
||||
<view class="errorTitle">
|
||||
<image class="warningIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/warningIcon.png"/>
|
||||
<text class="title">经营异常预警</text>
|
||||
<text class="title">经营过程预警</text>
|
||||
</view>
|
||||
<view class="errorContent">
|
||||
<view class="contentItem">
|
||||
<view :class="selectTab===1?'contentItem selectItem':'contentItem'">
|
||||
<view style="display: flex;align-items: center">
|
||||
<image class="itemIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/merchantAccount/accountIcon.svg"/>
|
||||
<text class="contentText">车流增加，服务区营收减少</text>
|
||||
@ -33,7 +36,7 @@
|
||||
<text class="value">{{ sumObj['车流增加，服务区营收减少'] || 0 }}</text>
|
||||
</view>
|
||||
|
||||
<view class="contentItem">
|
||||
<view :class="selectTab===2?'contentItem selectItem':'contentItem'">
|
||||
<view style="display: flex;align-items: center">
|
||||
<image class="itemIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/merchantAccount/entryIcon.svg"/>
|
||||
<text class="contentText">车流增加，门店的营收减少</text>
|
||||
@ -41,15 +44,15 @@
|
||||
<text class="value">{{ sumObj['车流增加，门店的营收减少'] || 0 }}</text>
|
||||
</view>
|
||||
|
||||
<view class="contentItem">
|
||||
<view :class="selectTab===3?'contentItem selectItem':'contentItem'">
|
||||
<view style="display: flex;align-items: center">
|
||||
<image class="itemIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/merchantAccount/payIcon.svg"/>
|
||||
<text class="contentText">车流增加，营收增长不匹配</text>
|
||||
</view>
|
||||
<text class="value">{{ sumObj['车流增加，营收增长不匹配 '] || 0 }}</text>
|
||||
<text class="value">{{ sumObj['车流增加，营收增长不匹配'] || 0 }}</text>
|
||||
</view>
|
||||
|
||||
<view class="contentItem" style="margin-bottom: 0">
|
||||
<view :class="selectTab===4?'contentItem selectItem':'contentItem'" style="margin-bottom: 0">
|
||||
<view style="display: flex;align-items: center">
|
||||
<image class="itemIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/dataIcon.png"/>
|
||||
<text class="contentText">车流减少，营收降低不匹配</text>
|
||||
@ -62,44 +65,72 @@
|
||||
|
||||
<view class="servicepartContent">
|
||||
<view class="contentTitle">
|
||||
<view class="contentTitleLeft">
|
||||
<image class="contentIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/foodIcon.png"/>
|
||||
<view class="titleBox">
|
||||
<text class="title">服务区数据</text>
|
||||
<text class="desc">/同比去年</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="contentTitleRight">
|
||||
<view class="fixedRight" @click="handleShowPopup">
|
||||
<view v-if="searchCount>0" class="searchCountBox">{{searchCount}}</view>
|
||||
<image v-else class="filterIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/filter.png"/>
|
||||
筛选
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="selectBox">
|
||||
<scroll-view scroll-x="true" class="scrollBox">
|
||||
<view style="display: inline-block">
|
||||
<view class="scrollBox">
|
||||
<view :class="selectTab===1?'scrollItem selectScroll':'scrollItem'" @click="handleChangeWarningTab(1)">
|
||||
<image class="itemImg" src="https://eshangtech.com/ShopICO/ahyd-BID/merchantAccount/accountIcon.svg"/>
|
||||
<text class="text">经营</text>
|
||||
</view>
|
||||
</view>
|
||||
<view style="display: inline-block">
|
||||
<view :class="selectTab===2?'scrollItem selectScroll':'scrollItem'" @click="handleChangeWarningTab(2)">
|
||||
<image class="itemImg" src="https://eshangtech.com/ShopICO/ahyd-BID/merchantAccount/entryIcon.svg"/>
|
||||
<text class="text">营收</text>
|
||||
</view>
|
||||
</view>
|
||||
<view style="display: inline-block">
|
||||
<view :class="selectTab===3?'scrollItem selectScroll':'scrollItem'" @click="handleChangeWarningTab(3)">
|
||||
<image class="itemImg" src="https://eshangtech.com/ShopICO/ahyd-BID/merchantAccount/payIcon.svg"/>
|
||||
<text class="text">增长</text>
|
||||
</view>
|
||||
</view>
|
||||
<view style="display: inline-block">
|
||||
<view :class="selectTab===4?'scrollItem selectScroll':'scrollItem'" @click="handleChangeWarningTab(4)">
|
||||
<image class="itemImg" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/dataIcon.png"/>
|
||||
<text class="text">减少</text>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<view class="fixedRight" @click="handleShowPopup">
|
||||
<image class="filterIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/filter.png"/>
|
||||
筛选
|
||||
</view>
|
||||
<!-- <scroll-view scroll-x="true" class="scrollBox">-->
|
||||
<!-- <view style="display: inline-block">-->
|
||||
<!-- <view :class="selectTab===1?'scrollItem selectScroll':'scrollItem'" @click="handleChangeWarningTab(1)">-->
|
||||
<!-- <image class="itemImg" src="https://eshangtech.com/ShopICO/ahyd-BID/merchantAccount/accountIcon.svg"/>-->
|
||||
<!-- <text class="text">经营</text>-->
|
||||
<!-- </view>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view style="display: inline-block">-->
|
||||
<!-- <view :class="selectTab===2?'scrollItem selectScroll':'scrollItem'" @click="handleChangeWarningTab(2)">-->
|
||||
<!-- <image class="itemImg" src="https://eshangtech.com/ShopICO/ahyd-BID/merchantAccount/entryIcon.svg"/>-->
|
||||
<!-- <text class="text">营收</text>-->
|
||||
<!-- </view>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view style="display: inline-block">-->
|
||||
<!-- <view :class="selectTab===3?'scrollItem selectScroll':'scrollItem'" @click="handleChangeWarningTab(3)">-->
|
||||
<!-- <image class="itemImg" src="https://eshangtech.com/ShopICO/ahyd-BID/merchantAccount/payIcon.svg"/>-->
|
||||
<!-- <text class="text">增长</text>-->
|
||||
<!-- </view>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view style="display: inline-block">-->
|
||||
<!-- <view :class="selectTab===4?'scrollItem selectScroll':'scrollItem'" @click="handleChangeWarningTab(4)">-->
|
||||
<!-- <image class="itemImg" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/dataIcon.png"/>-->
|
||||
<!-- <text class="text">减少</text>-->
|
||||
<!-- </view>-->
|
||||
<!-- </view>-->
|
||||
<!-- </scroll-view>-->
|
||||
<!-- <view class="fixedRight" @click="handleShowPopup">-->
|
||||
<!-- <view v-if="searchCount>0" class="searchCountBox">{{searchCount}}</view>-->
|
||||
<!-- <image v-else class="filterIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/filter.png"/>-->
|
||||
<!-- 筛选-->
|
||||
<!-- </view>-->
|
||||
</view>
|
||||
|
||||
<view class="dataList">
|
||||
@ -108,18 +139,18 @@
|
||||
<text class="sortName">服务区名称</text>
|
||||
</view>
|
||||
|
||||
<view class="sortItem" style="width: 25%">
|
||||
<view class="sortItem" style="width: 25%" @click="handleChangeSortName(1)">
|
||||
<text class="sortName">对客销售</text>
|
||||
<view class="sortIconBox">
|
||||
<image class="upIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg"/>
|
||||
<image class="bottomIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg"/>
|
||||
<image class="upIcon" :style="{transform: sortName===1?sortType===1?``:`rotate(180deg)`:``}" :src="sortType===1?'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg':sortName===1?'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg':'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'"/>
|
||||
<image class="bottomIcon" :style="{transform: sortName===1?sortType===1?``:`rotate(180deg)`:'rotate(-180deg)'}":src="sortType===1 && sortName===1?'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg':'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'"/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="sortItem" style="width: 25%">
|
||||
<view class="sortItem" style="width: 25%" @click="handleChangeSortName(2)">
|
||||
<text class="sortName">入区车流</text>
|
||||
<view class="sortIconBox">
|
||||
<image class="upIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg"/>
|
||||
<image class="bottomIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg"/>
|
||||
<image class="upIcon" :style="{transform: sortName===2?sortType===1?``:`rotate(180deg)`:``}" :src="sortType===1?'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg':sortName===2?'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg':'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'"/>
|
||||
<image class="bottomIcon" :style="{transform: sortName===2?sortType===1?``:`rotate(180deg)`:'rotate(-180deg)'}":src="sortType===1 && sortName===2?'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg':'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'"/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -136,9 +167,9 @@
|
||||
</view>
|
||||
|
||||
<view class="itemTopRight" @click="handleGoDetail(item)">
|
||||
<view class="warningNotice" v-if="item.ShopINCList && item.ShopINCList.length>0">
|
||||
<view class="warningNotice" v-if="item.showWarning">
|
||||
<image class="notice" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/warningIcon.png"/>
|
||||
<text class="shopNumber">{{ `${item.ShopINCList.length}个门店` }}</text>
|
||||
<!-- <text class="shopNumber">{{ `${item.ShopINCList.length}个门店` }}</text>-->
|
||||
</view>
|
||||
<image class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/goMore.svg"/>
|
||||
</view>
|
||||
@ -150,16 +181,21 @@
|
||||
<image class="bg" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/revenueBg.png"/>
|
||||
</view>
|
||||
<view class="secondItemTop">
|
||||
<view>
|
||||
<text class="itemTopName">对客销售</text>
|
||||
<text class="itemTopUnit">/万元</text>
|
||||
</view>
|
||||
<view :class="item.RevenueINC.curYearData<item.RevenueINC.lYearData?'itemGreenValue':'itemValue' ">{{ item.RevenueINC.curYearData?$util.getMoney(item.RevenueINC.curYearData / 10000):'-' }}</view>
|
||||
<view class="addRate">
|
||||
<image class="addReduce" :src="Number(item.RevenueINC.increaseRate)>0?'https://eshangtech.com/ShopICO/ahyd-BID/examine/add.svg':Number(item.RevenueINC.increaseRate)<0?'https://eshangtech.com/ShopICO/ahyd-BID/examine/reduce.svg':''"/>
|
||||
|
||||
</view>
|
||||
<!-- <view :class="item.RevenueINC.curYearData<item.RevenueINC.lYearData?'itemGreenValue':'itemValue' ">{{ item.RevenueINC.curYearData?item.RevenueINC.curYearData>0?`+${$util.getMoney(item.RevenueINC.curYearData / 10000)}`:item.RevenueINC.curYearData<0?`${$util.getMoney(item.RevenueINC.curYearData / 10000)}`:'0':'-' }}</view>-->
|
||||
<view class="normalValue">{{ item.RevenueINC.curYearData?item.RevenueINC.curYearData>0?`+${$util.getMoney(item.RevenueINC.curYearData / 10000)}`:item.RevenueINC.curYearData<0?`${$util.getMoney(item.RevenueINC.curYearData / 10000)}`:'0':'-' }}</view>
|
||||
<view class="addRate" style="display: flex;align-items: center;justify-content: space-between">
|
||||
<!-- 增长-->
|
||||
<text :class="item.RevenueINC.increaseData>0?'redValue':item.RevenueINC.increaseData<0?'greenValue':''" style="margin-right: 8rpx">{{item.RevenueINC.increaseData?$util.getMoney(item.RevenueINC.increaseData / 10000):'-' }}</text>
|
||||
<!-- <text :class="item.RevenueINC.increaseData>0?'redValue':item.RevenueINC.increaseData<0?'greenValue':''" style="margin-right: 8rpx">{{item.RevenueINC.increaseData?item.RevenueINC.increaseData>0?`+${$util.getMoney(item.RevenueINC.increaseData / 10000)}`:item.RevenueINC.increaseData<0?`${$util.getMoney(item.RevenueINC.increaseData / 10000)}`:'0':'-' }}</text>-->
|
||||
<text class="normalValue" style="margin-right: 8rpx">{{item.RevenueINC.increaseData?item.RevenueINC.increaseData>0?`+${$util.getMoney(item.RevenueINC.increaseData / 10000)}`:item.RevenueINC.increaseData<0?`${$util.getMoney(item.RevenueINC.increaseData / 10000)}`:'0':'-' }}</text>
|
||||
<!-- 增幅-->
|
||||
<text :class="item.RevenueINC.increaseRate>0?'redValue':item.RevenueINC.increaseRate<0?'greenValue':''">{{item.RevenueINC.increaseRate?`${item.RevenueINC.increaseRate}%`:'-' }}</text>
|
||||
<text class="unit">同比</text>
|
||||
<text :class="item.RevenueINC.increaseRate>0?'redValue':item.RevenueINC.increaseRate<0?'greenValue':''">{{item.RevenueINC.increaseRate?item.RevenueINC.increaseRate>0?`+${item.RevenueINC.increaseRate}%`:item.RevenueINC.increaseRate<0?`${item.RevenueINC.increaseRate}%`:'0':'-' }}</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@ -168,16 +204,21 @@
|
||||
<image class="bg" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/carBg.png"/>
|
||||
</view>
|
||||
<view class="secondItemTop">
|
||||
<view>
|
||||
<text class="itemTopName">入区车流</text>
|
||||
<text class="itemTopUnit">/万辆</text>
|
||||
</view>
|
||||
<view :class="item.BayonetINC.curYearData<item.BayonetINC.lYearData?'itemGreenValue':'itemValue' ">{{ item.BayonetINC.curYearData?$util.getMoney(item.BayonetINC.curYearData / 10000):'-' }}</view>
|
||||
<view class="addRate">
|
||||
<image class="addReduce" :src="Number(item.BayonetINC.increaseRate)>0?'https://eshangtech.com/ShopICO/ahyd-BID/examine/add.svg':Number(item.BayonetINC.increaseRate)<0?'https://eshangtech.com/ShopICO/ahyd-BID/examine/reduce.svg':''"/>
|
||||
|
||||
</view>
|
||||
<!-- <view :class="item.BayonetINC.curYearData<item.BayonetINC.lYearData?'itemGreenValue':'itemValue' ">{{ item.BayonetINC.curYearData?item.BayonetINC.curYearData>0?`+${$util.getMoney(item.BayonetINC.curYearData / 10000)}`:item.BayonetINC.curYearData<0?`${$util.getMoney(item.BayonetINC.curYearData / 10000)}`:'0':'-' }}</view>-->
|
||||
<view class="normalValue">{{ item.BayonetINC.curYearData?item.BayonetINC.curYearData>0?`+${$util.getMoney(item.BayonetINC.curYearData / 10000)}`:item.BayonetINC.curYearData<0?`${$util.getMoney(item.BayonetINC.curYearData / 10000)}`:'0':'-' }}</view>
|
||||
<view class="addRate" style="display: flex;align-items: center;justify-content: space-between">
|
||||
<!-- 增长-->
|
||||
<text :class="item.BayonetINC.increaseData>0?'redValue':item.BayonetINC.increaseData<0?'greenValue':''" style="margin-right: 8rpx">{{item.BayonetINC.increaseData?$util.getMoney(item.BayonetINC.increaseData / 10000):'-' }}</text>
|
||||
<!-- <text :class="item.BayonetINC.increaseData>0?'redValue':item.BayonetINC.increaseData<0?'greenValue':''" style="margin-right: 8rpx">{{item.BayonetINC.increaseData?item.BayonetINC.increaseData>0?`+${$util.getMoney(item.BayonetINC.increaseData / 10000)}`:item.BayonetINC.increaseData<0?`${$util.getMoney(item.BayonetINC.increaseData / 10000)}`:'0':'-' }}</text>-->
|
||||
<text class="normalValue" style="margin-right: 8rpx">{{item.BayonetINC.increaseData?item.BayonetINC.increaseData>0?`+${$util.getMoney(item.BayonetINC.increaseData / 10000)}`:item.BayonetINC.increaseData<0?`${$util.getMoney(item.BayonetINC.increaseData / 10000)}`:'0':'-' }}</text>
|
||||
<!-- 增幅-->
|
||||
<text :class="item.BayonetINC.increaseRate>0?'redValue':item.BayonetINC.increaseRate<0?'greenValue':''">{{item.BayonetINC.increaseRate?`${item.BayonetINC.increaseRate}%`:'-' }}</text>
|
||||
<text class="unit">同比</text>
|
||||
<text :class="item.BayonetINC.increaseRate>0?'redValue':item.BayonetINC.increaseRate<0?'greenValue':''">{{item.BayonetINC.increaseRate?item.BayonetINC.increaseRate>0?`+${item.BayonetINC.increaseRate}%`:item.BayonetINC.increaseRate<0?`${item.BayonetINC.increaseRate}%`:'':'-' }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -246,8 +287,8 @@
|
||||
// datetimerange:[moment().format('YYYY/MM'),moment().format('YYYY/MM')]
|
||||
startDate: moment().subtract(1,'months').format('YYYY/MM'),//开始时间
|
||||
endDate: moment().subtract(1,'months').format('YYYY/MM'),// 结束时间
|
||||
start: moment().subtract(1,'months').format('YYYY/MM'),// 结束时间开始范围
|
||||
end: moment().format('YYYY/MM'),// 结束的时间范围
|
||||
start: moment().subtract(1,'months').format('YYYY-MM'),// 结束时间开始范围
|
||||
end: moment().format('YYYY-MM-DD'),// 结束的时间范围
|
||||
useInfo:{},// 用户信息
|
||||
statisticsType: 0,// 经营模式
|
||||
shopTrade: 0,// 经营业态
|
||||
@ -256,6 +297,10 @@
|
||||
selectTab: 1,// 选择的tab
|
||||
dataList: [],// 遍历的展示数组
|
||||
sumObj:{},// 合计对象
|
||||
searchCount: 0,// 搜索条件的数量
|
||||
sortName: 1,// 1是对客销售 2是入区车流
|
||||
sortType: 1,// 1是降序 2是升序
|
||||
allServerPartId:'',// 所有服务区
|
||||
}
|
||||
},
|
||||
onLoad(query){
|
||||
@ -265,12 +310,42 @@
|
||||
let userInfo = uni.getStorageSync('vuex')
|
||||
userInfo = JSON.parse(userInfo)
|
||||
this.useInfo = JSON.parse(JSON.stringify(userInfo))
|
||||
|
||||
let serverList = this.useInfo.userData.serverPartList
|
||||
let serverPartId = ''
|
||||
if (serverList && serverList.length>0){
|
||||
serverList.forEach(item=>{
|
||||
if (serverPartId){
|
||||
serverPartId +=`,${item.value}`
|
||||
}else{
|
||||
serverPartId = item.value
|
||||
}
|
||||
})
|
||||
}
|
||||
this.allServerPartId = serverPartId
|
||||
|
||||
this.handleBrandType()
|
||||
|
||||
this.handleGetWarningNumber()
|
||||
this.handleGetPageData()
|
||||
|
||||
this.handleGetSearchCount()
|
||||
},
|
||||
methods:{
|
||||
// 修改排序
|
||||
handleChangeSortName(value){
|
||||
if (value===this.sortName){
|
||||
if (this.sortType===1){
|
||||
this.sortType=0
|
||||
}else{
|
||||
this.sortType=1
|
||||
}
|
||||
}else{
|
||||
this.sortName = value
|
||||
this.sortType=1
|
||||
}
|
||||
this.dataList = this.handleSortList(this.dataList)
|
||||
},
|
||||
// 显示弹出框
|
||||
handleShowPopup(){
|
||||
this.showPop = true
|
||||
@ -287,7 +362,9 @@
|
||||
},
|
||||
// 修改结束时间
|
||||
handleGetEndTime(e){
|
||||
console.log('e',e)
|
||||
this.endDate = moment(e.detail.value).format('YYYY/MM')
|
||||
console.log('this.endDate',this.endDate)
|
||||
},
|
||||
// 经营业态数据
|
||||
async handleBrandType(){
|
||||
@ -329,22 +406,45 @@
|
||||
this.sorterType = e
|
||||
}
|
||||
},
|
||||
// 查询条件有多少个
|
||||
handleGetSearchCount(){
|
||||
// 多少个查询条件
|
||||
let num = 0
|
||||
if (this.startDate || this.endDate){
|
||||
num+=1
|
||||
}
|
||||
if (this.statisticsType>0){
|
||||
num+=1
|
||||
}
|
||||
if (this.shopTrade>0){
|
||||
num+=1
|
||||
}
|
||||
if (this.sorterType>0){
|
||||
num+=1
|
||||
}
|
||||
this.searchCount = num
|
||||
console.log('searchCount',this.searchCount)
|
||||
},
|
||||
// 确定按钮
|
||||
handleSubmit(){
|
||||
this.handleGetSearchCount()
|
||||
this.showPop = false
|
||||
this.handleGetWarningNumber()
|
||||
this.handleGetPageData()
|
||||
},
|
||||
// 跳转详情
|
||||
handleGoDetail(obj){
|
||||
let date = ''
|
||||
if (this.startDate === this.endDate){
|
||||
let month = new Date(this.startDate).getMonth() + 1
|
||||
console.log('this.startDate',this.startDate)
|
||||
let month = new Date(this.startDate.replace('/','-')).getMonth() + 1
|
||||
console.log('month',month)
|
||||
date = `${month<10?'0'+month:month}月`
|
||||
}else{
|
||||
date = `${moment(this.startDate).format('YYYYMM')}-${moment(this.endDate).format('YYYYMM')}`
|
||||
date = `${moment(this.startDate.replace('/','-')).format('YYYYMM')}-${moment(this.endDate.replace('/','-')).format('YYYYMM')}`
|
||||
}
|
||||
|
||||
this.$util.toNextRoute('navigateTo', `/pages/earlyWarning/detail?obj=${JSON.stringify(obj)}&date=${date}`)
|
||||
this.$util.toNextRoute('navigateTo', `/pages/earlyWarning/detail?obj=${JSON.stringify(obj)}&date=${date}&type=${this.selectTab}`)
|
||||
},
|
||||
// 返回上一级
|
||||
handleBack(){
|
||||
@ -355,8 +455,8 @@
|
||||
// 异常合计数量
|
||||
async handleGetWarningNumber(){
|
||||
const req = {
|
||||
StatisticsStartMonth: moment(this.startDate).format('YYYYMM'),
|
||||
StatisticsEndMonth: moment(this.endDate).format('YYYYMM'),
|
||||
StatisticsStartMonth: this.startDate.replace('/',''),
|
||||
StatisticsEndMonth: this.endDate.replace('/',''),
|
||||
BusinessTradeType: this.statisticsType || '',
|
||||
shopTrade: this.shopTrade || ''
|
||||
}
|
||||
@ -378,18 +478,19 @@
|
||||
})
|
||||
const params = {
|
||||
pushProvinceCode: this.useInfo.userData.ProvinceCode || '340000',
|
||||
StatisticsStartMonth: moment(this.startDate).format('YYYYMM'),
|
||||
StatisticsEndMonth: moment(this.endDate).format('YYYYMM'),
|
||||
businessRegion:1,
|
||||
StatisticsStartMonth: this.startDate.replace('/',''),
|
||||
StatisticsEndMonth: this.endDate.replace('/',''),
|
||||
// businessRegion:1,
|
||||
calcQOQ: false,
|
||||
calcYOY: true,
|
||||
calcBayonet: true,
|
||||
// showLevel: 1,
|
||||
sorterType: this.sorterType || '',
|
||||
BusinessTradeType: this.statisticsType || '',
|
||||
shopTrade: this.shopTrade || '',
|
||||
showLevel: this.sorterType || '',
|
||||
// shopTrade: this.shopTrade || '',
|
||||
// showLevel: this.sorterType || '',
|
||||
waringType: this.selectTab,
|
||||
ServerpartId: this.allServerPartId || ''
|
||||
}
|
||||
|
||||
let req = {}
|
||||
if (this.selectTab===1){
|
||||
req = {
|
||||
@ -418,6 +519,7 @@
|
||||
showRevenue: 2,
|
||||
}
|
||||
}
|
||||
console.log('req2312312',req)
|
||||
const data = await request.$webGet('CommercialApi/Revenue/GetMonthINCAnalysis',req)
|
||||
if (data.Result_Data.List && data.Result_Data.List.length>0){
|
||||
let list = wrapTreeNode(data.Result_Data.List)
|
||||
@ -429,6 +531,13 @@
|
||||
item.children.forEach((subItem)=>{
|
||||
if (subItem.children && subItem.children.length>0){
|
||||
subItem.children.forEach((thirdItem)=>{
|
||||
if (thirdItem.ShopINCList && thirdItem.ShopINCList.length>0){
|
||||
thirdItem.ShopINCList.forEach(fourth=>{
|
||||
if (fourth.ServerpartShopName==='自营超市' && fourth.RevenueINC.increaseRate>0){
|
||||
thirdItem.showWarning = true
|
||||
}
|
||||
})
|
||||
}
|
||||
res.push(thirdItem)
|
||||
})
|
||||
}
|
||||
@ -436,9 +545,47 @@
|
||||
}
|
||||
})
|
||||
console.log('res',res)
|
||||
this.dataList = res
|
||||
this.dataList = this.handleSortList(res)
|
||||
}
|
||||
uni.hideLoading()
|
||||
},
|
||||
// 排序方法
|
||||
handleSortList(list){
|
||||
var len = list.length;
|
||||
for (var i = 0; i < len - 1; i++) {
|
||||
for (var j = 0; j < len - 1 - i; j++) {
|
||||
if (this.sortType === 1){
|
||||
if (this.sortName ===1){
|
||||
if (list[j].RevenueINC.curYearData < list[j + 1].RevenueINC.curYearData) { // 比较相邻元素大小并交换位置
|
||||
var temp = list[j];
|
||||
list[j] = list[j + 1];
|
||||
list[j + 1] = temp;
|
||||
}
|
||||
}else if(this.sortName===2){
|
||||
if (list[j].BayonetINC.curYearData < list[j + 1].BayonetINC.curYearData) { // 比较相邻元素大小并交换位置
|
||||
var temp = list[j];
|
||||
list[j] = list[j + 1];
|
||||
list[j + 1] = temp;
|
||||
}
|
||||
}
|
||||
}else{
|
||||
if (this.sortName ===1){
|
||||
if (list[j].RevenueINC.curYearData > list[j + 1].RevenueINC.curYearData) { // 比较相邻元素大小并交换位置
|
||||
var temp = list[j];
|
||||
list[j] = list[j + 1];
|
||||
list[j + 1] = temp;
|
||||
}
|
||||
}else if(this.sortName===2){
|
||||
if (list[j].BayonetINC.curYearData > list[j + 1].BayonetINC.curYearData) { // 比较相邻元素大小并交换位置
|
||||
var temp = list[j];
|
||||
list[j] = list[j + 1];
|
||||
list[j + 1] = temp;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
return list
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -459,10 +606,13 @@
|
||||
}
|
||||
.headerBox{
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 20;
|
||||
box-sizing: border-box;
|
||||
padding: 32rpx;
|
||||
background: linear-gradient( 180deg, #D8E3FF 0%, #E5EBF9 100%);
|
||||
//padding: 32rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.backIconBox{
|
||||
@ -549,12 +699,15 @@
|
||||
border-bottom-right-radius: 16rpx;
|
||||
border-bottom-left-radius: 16rpx;
|
||||
box-sizing: border-box;
|
||||
padding: 24rpx;
|
||||
padding: 12rpx 12rpx;
|
||||
|
||||
.contentItem{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 24rpx;
|
||||
padding: 12rpx 12rpx;
|
||||
border-radius: 12rpx;
|
||||
//margin-bottom: 24rpx;
|
||||
.itemIcon{
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
@ -563,7 +716,7 @@
|
||||
.contentText{
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
font-size: 26rpx;
|
||||
color: #160002;
|
||||
line-height: 40rpx;
|
||||
text-align: left;
|
||||
@ -571,27 +724,34 @@
|
||||
}
|
||||
.value{
|
||||
font-family: DINAlternate, DINAlternate;
|
||||
font-size: 28rpx;
|
||||
font-weight: bold;
|
||||
font-size: 36rpx;
|
||||
color: #160002;
|
||||
line-height: 42rpx;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
}
|
||||
}
|
||||
.selectItem{
|
||||
background: #D9E9FF;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.servicepartContent{
|
||||
width: 100%;
|
||||
height: calc(100vh - 616rpx);
|
||||
//height: calc(100vh - 616rpx);
|
||||
border-top-left-radius: 32rpx;
|
||||
border-top-right-radius: 32rpx;
|
||||
background: #fff;
|
||||
box-sizing: border-box;
|
||||
padding: 32rpx 0 32rpx 32rpx;
|
||||
.contentTitle{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
.contentTitleLeft{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.contentIcon{
|
||||
@ -601,68 +761,25 @@
|
||||
.titleBox{
|
||||
margin-left: 12rpx;
|
||||
.title{
|
||||
font-size: 32rpx;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: 28rpx;
|
||||
color: #212226;
|
||||
line-height: 40rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
color: #160002;
|
||||
line-height: 44rpx;
|
||||
}
|
||||
.desc{
|
||||
font-size: 24rpx;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #786B6C;
|
||||
line-height: 40rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
color: #9A9A9A;
|
||||
line-height: 36rpx;
|
||||
margin-left: 8rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.selectBox{
|
||||
width: 100%;
|
||||
height: 72rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 28rpx;
|
||||
.scrollBox{
|
||||
width: calc(100% - 132rpx);
|
||||
height: 72rpx;
|
||||
display: flex;
|
||||
white-space: nowrap;
|
||||
.scrollItem{
|
||||
background: #F5F5F5;
|
||||
border-radius: 8rpx;
|
||||
margin-right: 16rpx;
|
||||
padding: 16rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.itemImg{
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
margin-right: 8rpx;
|
||||
}
|
||||
.text{
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #786B6C;
|
||||
line-height: 40rpx;
|
||||
text-align: right;
|
||||
font-style: normal;
|
||||
}
|
||||
}
|
||||
.selectScroll{
|
||||
background: #ECF2FF!important;
|
||||
.text{
|
||||
color: #2363FF!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
.contentTitleRight{
|
||||
.fixedRight{
|
||||
width: 132rpx;
|
||||
width: 138rpx;
|
||||
height: 72rpx;
|
||||
background: #fff;
|
||||
box-sizing: border-box;
|
||||
@ -681,12 +798,113 @@
|
||||
height: 28rpx;
|
||||
margin-right: 4rpx;
|
||||
}
|
||||
.searchCountBox{
|
||||
width: 28rpx;
|
||||
height: 28rpx;
|
||||
background: #2363FF;
|
||||
border-radius: 15rpx;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: #FFFFFF;
|
||||
line-height: 24rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-right: 6rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.selectBox{
|
||||
width: 100%;
|
||||
height: 72rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 28rpx;
|
||||
.scrollBox{
|
||||
//width: calc(100% - 140rpx);
|
||||
width: 100%;
|
||||
height: 72rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
//white-space: nowrap;
|
||||
.scrollItem{
|
||||
background: #F5F5F5;
|
||||
border-radius: 8rpx;
|
||||
margin-right: 16rpx;
|
||||
padding: 16rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.itemImg{
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
margin-right: 8rpx;
|
||||
}
|
||||
.text{
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 26rpx;
|
||||
color: #786B6C;
|
||||
line-height: 40rpx;
|
||||
text-align: right;
|
||||
font-style: normal;
|
||||
}
|
||||
}
|
||||
.selectScroll{
|
||||
background: #ECF2FF!important;
|
||||
.text{
|
||||
color: #2363FF!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
.fixedRight{
|
||||
width: 138rpx;
|
||||
height: 72rpx;
|
||||
background: #fff;
|
||||
box-sizing: border-box;
|
||||
padding: 22rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #160002;
|
||||
line-height: 40rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
.filterIcon{
|
||||
width: 24rpx;
|
||||
height: 28rpx;
|
||||
margin-right: 4rpx;
|
||||
}
|
||||
.searchCountBox{
|
||||
width: 28rpx;
|
||||
height: 28rpx;
|
||||
background: #2363FF;
|
||||
border-radius: 15rpx;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: #FFFFFF;
|
||||
line-height: 24rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-right: 6rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dataList{
|
||||
width: calc(100% - 32rpx);
|
||||
height: calc(100% - 200rpx);
|
||||
background: #fff;
|
||||
//height: calc(100% - 200rpx);
|
||||
margin-top: 24rpx;
|
||||
.listTitle{
|
||||
display: flex;
|
||||
@ -694,25 +912,21 @@
|
||||
border-bottom: 1px solid #F1F1F1;
|
||||
padding-bottom: 16rpx;
|
||||
.titleName{
|
||||
font-size: 24rpx;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #786B6C;
|
||||
line-height: 40rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
color: #9A9A9A;
|
||||
line-height: 36rpx;
|
||||
}
|
||||
.sortItem{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.sortName{
|
||||
font-size: 24rpx;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #786B6C;
|
||||
line-height: 40rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
color: #9A9A9A;
|
||||
line-height: 36rpx;
|
||||
}
|
||||
.sortIconBox{
|
||||
display: flex;
|
||||
@ -767,23 +981,20 @@
|
||||
font-style: normal;
|
||||
}
|
||||
.name{
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: 28rpx;
|
||||
color: #160002;
|
||||
line-height: 40rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
}
|
||||
.unit{
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #160002;
|
||||
line-height: 40rpx;
|
||||
}
|
||||
.unit{
|
||||
font-size: 24rpx;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #9A9A9A;
|
||||
line-height: 32rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
line-height: 36rpx;
|
||||
margin-left: 4rpx;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.message{
|
||||
width: 32rpx;
|
||||
@ -846,31 +1057,44 @@
|
||||
}
|
||||
}
|
||||
.secondItemTop{
|
||||
margin-bottom: 16rpx;
|
||||
margin-bottom: 4rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
.itemTopName{
|
||||
font-size: 28rpx;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #160002;
|
||||
line-height: 40rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
}
|
||||
.itemTopUnit{
|
||||
font-size: 24rpx;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #9A9A9A;
|
||||
line-height: 36rpx;
|
||||
margin-left: 4rpx;
|
||||
}
|
||||
.addReduce{
|
||||
width: 28rpx;
|
||||
height: 28rpx;
|
||||
margin-right: 4px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
.normalValue{
|
||||
font-family: DINAlternate, DINAlternate;
|
||||
font-size: 24rpx;
|
||||
color: #9A9A9A;
|
||||
line-height: 40rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
margin-left: 4rpx;
|
||||
}
|
||||
}
|
||||
.itemValue{
|
||||
font-family: DINAlternate, DINAlternate;
|
||||
font-weight: bold;
|
||||
font-size: 36rpx;
|
||||
font-size: 28rpx;
|
||||
color: #E83944;
|
||||
line-height: 40rpx;
|
||||
text-align: left;
|
||||
@ -879,13 +1103,22 @@
|
||||
.itemGreenValue{
|
||||
font-family: DINAlternate, DINAlternate;
|
||||
font-weight: bold;
|
||||
font-size: 36rpx;
|
||||
font-size: 28rpx;
|
||||
color: #127E5B;
|
||||
line-height: 40rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
}
|
||||
.addRate{
|
||||
margin-top: 4rpx;
|
||||
.normalValue{
|
||||
font-family: DINAlternate, DINAlternate;
|
||||
font-size: 24rpx;
|
||||
color: #9A9A9A;
|
||||
line-height: 32rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
}
|
||||
.redValue{
|
||||
font-family: DINAlternate, DINAlternate;
|
||||
font-weight: bold;
|
||||
@ -913,6 +1146,7 @@
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
margin-left: 8rpx;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -945,6 +1179,7 @@
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.filterBox{
|
||||
|
||||
@ -2,7 +2,8 @@
|
||||
<view class="projectWarningBox">
|
||||
<view class="earlyTop" :style="{height: `calc(${menu.bottom}px + 636rpx)`}">
|
||||
<view class="earlyTopBg"></view>
|
||||
<view class="headerBox" :style="{top:menu.top + 'px',height:menu.height+'px'}">
|
||||
<view class="headerBox" :style="{paddingTop: menu.top + 'px',height:menu.bottom + 4 +'px'}">
|
||||
<view :style="{height:menu.height +'px',display: 'flex',alignItems: 'center',paddingLeft:'32rpx'}">
|
||||
<view class="backIconBox" @click="handleBack">
|
||||
<image class="backIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/commercial/navigation-left.svg"/>
|
||||
</view>
|
||||
@ -18,11 +19,12 @@
|
||||
<image class="downIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/merchantAccount/downIcon.svg"/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="errorWarning" :style="{top: menu.bottom + 18 + 'px'}">
|
||||
<view class="errorTitle">
|
||||
<image class="warningIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/warningIcon.png"/>
|
||||
<text class="title">经营异常预警</text>
|
||||
<text class="title">项目异常预警</text>
|
||||
</view>
|
||||
<view class="errorContent">
|
||||
<view class="errorItem">
|
||||
@ -30,7 +32,7 @@
|
||||
<image class="itemLogo" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/error1st.png"/>
|
||||
</view>
|
||||
<view class="itemRight">
|
||||
<text class="itemValue">15</text>
|
||||
<text class="itemValue">{{sumObj[1] || '-'}}</text>
|
||||
<text class="itemLabel">项目未有营业</text>
|
||||
</view>
|
||||
</view>
|
||||
@ -40,37 +42,39 @@
|
||||
<image class="itemLogo" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/error2st.png"/>
|
||||
</view>
|
||||
<view class="itemRight">
|
||||
<text class="itemValue">15</text>
|
||||
<text class="itemValue">{{sumObj[2] || '-'}}</text>
|
||||
<text class="itemLabel">项目利润过低</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="errorItem">
|
||||
<view class="itemLeft">
|
||||
<image class="itemLogo" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/error3st.png"/>
|
||||
</view>
|
||||
<view class="itemRight">
|
||||
<text class="itemValue">15</text>
|
||||
<text class="itemLabel">项目预亏预警</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="errorItem">
|
||||
<view class="itemLeft">
|
||||
<image class="itemLogo" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/error4st.png"/>
|
||||
</view>
|
||||
<view class="itemRight">
|
||||
<text class="itemValue">15</text>
|
||||
<text class="itemValue">{{sumObj[3] || '-'}}</text>
|
||||
<text class="itemLabel">商家退场告警</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="errorItem">
|
||||
<view class="itemLeft">
|
||||
<image class="itemLogo" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/error3st.png"/>
|
||||
</view>
|
||||
<view class="itemRight">
|
||||
<text class="itemValue">{{sumObj[4] || '-'}}</text>
|
||||
<text class="itemLabel">项目预亏预警</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
<view class="errorItem">
|
||||
<view class="itemLeft">
|
||||
<image class="itemLogo" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/error5st.png"/>
|
||||
</view>
|
||||
<view class="itemRight">
|
||||
<text class="itemValue">15</text>
|
||||
<text class="itemValue">{{sumObj[5] || '-'}}</text>
|
||||
<text class="itemLabel">商家退场预警</text>
|
||||
</view>
|
||||
</view>
|
||||
@ -80,7 +84,7 @@
|
||||
<image class="itemLogo" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/error6st.png"/>
|
||||
</view>
|
||||
<view class="itemRight">
|
||||
<text class="itemValue">15</text>
|
||||
<text class="itemValue">{{sumObj[6] || '-'}}</text>
|
||||
<text class="itemLabel">租金提成偏低</text>
|
||||
</view>
|
||||
</view>
|
||||
@ -90,7 +94,7 @@
|
||||
<image class="itemLogo" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/error7st.png"/>
|
||||
</view>
|
||||
<view class="itemRight">
|
||||
<text class="itemValue">15</text>
|
||||
<text class="itemValue">{{sumObj[7] || '-'}}</text>
|
||||
<text class="itemLabel">保底租金过高</text>
|
||||
</view>
|
||||
</view>
|
||||
@ -100,7 +104,7 @@
|
||||
<image class="itemLogo" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/error8st.png"/>
|
||||
</view>
|
||||
<view class="itemRight">
|
||||
<text class="itemValue">15</text>
|
||||
<text class="itemValue">{{sumObj[8] || '-'}}</text>
|
||||
<text class="itemLabel">业态缺失告警</text>
|
||||
</view>
|
||||
</view>
|
||||
@ -110,11 +114,19 @@
|
||||
|
||||
<view class="servicepartContent">
|
||||
<view class="contentTitle">
|
||||
<view style="display: flex;align-items: center">
|
||||
<image class="contentIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/foodIcon.png"/>
|
||||
<view class="titleBox">
|
||||
<text class="title">商家数据</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="fixedRight" @click="handleShowPopup">
|
||||
<view v-if="searchCount>0" class="searchCountBox">{{searchCount}}</view>
|
||||
<image v-else class="filterIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/filter.png"/>
|
||||
筛选
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
<view class="selectBox">
|
||||
<scroll-view scroll-x="true" class="scrollBox">
|
||||
@ -167,10 +179,11 @@
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<view class="fixedRight" @click="handleShowPopup">
|
||||
<image class="filterIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/filter.png"/>
|
||||
筛选
|
||||
</view>
|
||||
<!-- <view class="fixedRight" @click="handleShowPopup">-->
|
||||
<!-- <view v-if="searchCount>0" class="searchCountBox">{{searchCount}}</view>-->
|
||||
<!-- <image v-else class="filterIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/filter.png"/>-->
|
||||
<!-- 筛选-->
|
||||
<!-- </view>-->
|
||||
</view>
|
||||
|
||||
<view class="dataList">
|
||||
@ -179,18 +192,18 @@
|
||||
<text class="sortName">门店名称</text>
|
||||
</view>
|
||||
|
||||
<view class="sortItem" style="width: 25%">
|
||||
<view class="sortItem" style="width: 25%" @click="handleChangeSortName(1)">
|
||||
<text class="sortName">营收金额</text>
|
||||
<view class="sortIconBox">
|
||||
<image class="upIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg"/>
|
||||
<image class="bottomIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg"/>
|
||||
<image class="upIcon" :style="{transform: sortName===1?sortType===1?``:`rotate(180deg)`:``}" :src="sortType===1?'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg':sortName===1?'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg':'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'"/>
|
||||
<image class="bottomIcon" :style="{transform: sortName===1?sortType===1?``:`rotate(180deg)`:'rotate(-180deg)'}":src="sortType===1 && sortName===1?'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg':'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'"/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="sortItem" style="width: 25%">
|
||||
<view class="sortItem" style="width: 25%" @click="handleChangeSortName(2)">
|
||||
<text class="sortName">盈利金额</text>
|
||||
<view class="sortIconBox">
|
||||
<image class="upIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg"/>
|
||||
<image class="bottomIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg"/>
|
||||
<image class="upIcon" :style="{transform: sortName===2?sortType===1?``:`rotate(180deg)`:``}" :src="sortType===1?'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg':sortName===2?'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg':'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'"/>
|
||||
<image class="bottomIcon" :style="{transform: sortName===2?sortType===1?``:`rotate(180deg)`:'rotate(-180deg)'}":src="sortType===1 && sortName===2?'https://eshangtech.com/ShopICO/ahyd-BID/car/downDesc.svg':'https://eshangtech.com/ShopICO/ahyd-BID/car/upDesc.svg'"/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -199,7 +212,7 @@
|
||||
<view class="listItem" v-for="(item,index) in dataList" :key="index" @click="handleGoDetail(item)">
|
||||
<image class="bg" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/shopItemBg.png"/>
|
||||
<view class="listItemLeft">
|
||||
<image class="shopLogo"/>
|
||||
<image class="shopLogo" :src="item.Brand_ICO"/>
|
||||
</view>
|
||||
<view class="listItemRight">
|
||||
<view class="rightTop">
|
||||
@ -212,6 +225,7 @@
|
||||
<image class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/goMore.svg"/>
|
||||
</view>
|
||||
</view>
|
||||
<text class="MERCHANTS_NAME">{{item.MERCHANTS_NAME || ''}}</text>
|
||||
<view class="rightBottom">
|
||||
<text class="type" style="margin-right: 12rpx">{{ businessTypeObj[item.BUSINESS_TYPE] }}</text>
|
||||
<text class="endTime">{{ `${item.ENDDATE}结束` }}</text>
|
||||
@ -246,9 +260,9 @@
|
||||
<view class="filterBox">
|
||||
<view class="filterTitle">统计时间</view>
|
||||
<view class="filterTimeBox">
|
||||
<picker class="timeSelect" mode="date" fields="month" :end="end" @change="handleGetStartTime">{{startDate}}</picker>
|
||||
<picker class="timeSelect" mode="date" fields="month" :value="$moment(startDate).format('YYYY-MM')" :end="end" @change="handleGetStartTime">{{startDate}}</picker>
|
||||
<span class="timeSelect" style="margin: 0 4rpx">-</span>
|
||||
<picker class="timeSelect" mode="date" fields="month" :start="start" :end="end" @change="handleGetEndTime">{{endDate}}</picker>
|
||||
<picker class="timeSelect" mode="date" fields="month" :value="$moment(endDate).format('YYYY-MM')" :start="start" :end="end" @change="handleGetEndTime">{{endDate}}</picker>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@ -303,7 +317,11 @@ export default {
|
||||
2000: "固定租金",
|
||||
3000: "保底采购",
|
||||
4000: "业主自营",
|
||||
}
|
||||
},
|
||||
searchCount: 0,// 搜索条件数量
|
||||
sortName: 1,// 1是营收金额 2是盈利金额
|
||||
sortType: 1,// 1是降序 2是升序
|
||||
sumObj:{},
|
||||
}
|
||||
},
|
||||
onLoad(){
|
||||
@ -326,13 +344,46 @@ export default {
|
||||
}
|
||||
this.allServerPartId = serverPartId
|
||||
console.log('this.allServerPartId',this.allServerPartId)
|
||||
|
||||
this.handleGetWarningSum()
|
||||
|
||||
this.handleGetPageData()
|
||||
this.handleGetSearchCount()
|
||||
},
|
||||
methods:{
|
||||
// 修改排序
|
||||
handleChangeSortName(value){
|
||||
if (value===this.sortName){
|
||||
if (this.sortType===1){
|
||||
this.sortType=0
|
||||
}else{
|
||||
this.sortType=1
|
||||
}
|
||||
}else{
|
||||
this.sortName = value
|
||||
this.sortType=1
|
||||
}
|
||||
this.dataList = this.handleSortList(this.dataList)
|
||||
},
|
||||
// 查询条件有多少个
|
||||
handleGetSearchCount(){
|
||||
// 多少个查询条件
|
||||
let num = 0
|
||||
if (this.startDate || this.endDate){
|
||||
num+=1
|
||||
}
|
||||
if (this.businessStatus>0){
|
||||
num+=1
|
||||
}
|
||||
if (this.businessType>0){
|
||||
num+=1
|
||||
}
|
||||
|
||||
this.searchCount = num
|
||||
},
|
||||
handleSubmit(){
|
||||
this.handleGetSearchCount()
|
||||
this.showPop = false
|
||||
this.handleGetWarningSum()
|
||||
this.handleGetPageData()
|
||||
},
|
||||
// 切换tab
|
||||
@ -395,10 +446,68 @@ export default {
|
||||
BusinessState: this.businessStatus || '',
|
||||
WarningType: this.selectTab
|
||||
}
|
||||
const data = await request.$webGet('/EShangApiMain/BusinessProject/GetAccountWarningList',req)
|
||||
this.dataList = data.Result_Data.List
|
||||
const data = await request.$webGet('EShangApiMain/BusinessProject/GetAccountWarningList',req)
|
||||
this.dataList = this.handleSortList(data.Result_Data.List)
|
||||
console.log('this.dataList',this.dataList)
|
||||
uni.hideLoading()
|
||||
},
|
||||
// 拿到合计的方法
|
||||
async handleGetWarningSum(){
|
||||
const req = {
|
||||
ServerpartId: this.allServerPartId,
|
||||
Business_Type: this.businessType || '',
|
||||
// SettlementMode:'',
|
||||
BusinessState: this.businessStatus || '',
|
||||
WarningType: this.selectTab
|
||||
}
|
||||
const data = await request.$webGet('EShangApiMain/BusinessProject/GetAccountWarningListSummary',req)
|
||||
console.log('data2312312',data)
|
||||
let list = data.Result_Data.List
|
||||
let obj = {}
|
||||
if (list && list.length>0){
|
||||
list.forEach(item=>{
|
||||
obj[item.pid] = item.value
|
||||
})
|
||||
}
|
||||
this.sumObj = obj
|
||||
},
|
||||
// 排序方法
|
||||
handleSortList(list){
|
||||
var len = list.length;
|
||||
for (var i = 0; i < len - 1; i++) {
|
||||
for (var j = 0; j < len - 1 - i; j++) {
|
||||
if (this.sortType === 1){
|
||||
if (this.sortName ===1){
|
||||
if (list[j].REVENUE_AMOUNT < list[j + 1].REVENUE_AMOUNT) { // 比较相邻元素大小并交换位置
|
||||
var temp = list[j];
|
||||
list[j] = list[j + 1];
|
||||
list[j + 1] = temp;
|
||||
}
|
||||
}else if(this.sortName===2){
|
||||
if (list[j].PROFIT_AMOUNT < list[j + 1].PROFIT_AMOUNT) { // 比较相邻元素大小并交换位置
|
||||
var temp = list[j];
|
||||
list[j] = list[j + 1];
|
||||
list[j + 1] = temp;
|
||||
}
|
||||
}
|
||||
}else{
|
||||
if (this.sortName ===1){
|
||||
if (list[j].REVENUE_AMOUNT > list[j + 1].REVENUE_AMOUNT) { // 比较相邻元素大小并交换位置
|
||||
var temp = list[j];
|
||||
list[j] = list[j + 1];
|
||||
list[j + 1] = temp;
|
||||
}
|
||||
}else if(this.sortName===2){
|
||||
if (list[j].PROFIT_AMOUNT > list[j + 1].PROFIT_AMOUNT) { // 比较相邻元素大小并交换位置
|
||||
var temp = list[j];
|
||||
list[j] = list[j + 1];
|
||||
list[j + 1] = temp;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
return list
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -417,10 +526,13 @@ export default {
|
||||
}
|
||||
.headerBox{
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 20;
|
||||
box-sizing: border-box;
|
||||
padding: 32rpx;
|
||||
background: linear-gradient( 180deg, #D8E3FF 0%, #E5EBF9 100%);
|
||||
//padding: 32rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.backIconBox{
|
||||
@ -567,6 +679,7 @@ export default {
|
||||
.contentTitle{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
.contentIcon{
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
@ -574,23 +687,58 @@ export default {
|
||||
.titleBox{
|
||||
margin-left: 12rpx;
|
||||
.title{
|
||||
font-size: 32rpx;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: 28rpx;
|
||||
color: #212226;
|
||||
line-height: 40rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
color: #160002;
|
||||
line-height: 44rpx;
|
||||
}
|
||||
.desc{
|
||||
font-size: 24rpx;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #9A9A9A;
|
||||
line-height: 36rpx;
|
||||
margin-left: 8rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.fixedRight{
|
||||
width: 138rpx;
|
||||
height: 72rpx;
|
||||
background: #fff;
|
||||
box-sizing: border-box;
|
||||
padding: 22rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #786B6C;
|
||||
color: #160002;
|
||||
line-height: 40rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
margin-left: 8rpx;
|
||||
.filterIcon{
|
||||
width: 24rpx;
|
||||
height: 28rpx;
|
||||
margin-right: 4rpx;
|
||||
}
|
||||
.searchCountBox{
|
||||
width: 28rpx;
|
||||
height: 28rpx;
|
||||
background: #2363FF;
|
||||
border-radius: 15rpx;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: #FFFFFF;
|
||||
line-height: 24rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-right: 6rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -601,7 +749,8 @@ export default {
|
||||
align-items: center;
|
||||
margin-top: 28rpx;
|
||||
.scrollBox{
|
||||
width: calc(100% - 132rpx);
|
||||
//width: calc(100% - 140rpx);
|
||||
width: calc(100% - 32rpx);
|
||||
height: 72rpx;
|
||||
display: flex;
|
||||
white-space: nowrap;
|
||||
@ -635,7 +784,7 @@ export default {
|
||||
}
|
||||
}
|
||||
.fixedRight{
|
||||
width: 132rpx;
|
||||
width: 138rpx;
|
||||
height: 72rpx;
|
||||
background: #fff;
|
||||
box-sizing: border-box;
|
||||
@ -654,6 +803,23 @@ export default {
|
||||
height: 28rpx;
|
||||
margin-right: 4rpx;
|
||||
}
|
||||
.searchCountBox{
|
||||
width: 28rpx;
|
||||
height: 28rpx;
|
||||
background: #2363FF;
|
||||
border-radius: 15rpx;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: #FFFFFF;
|
||||
line-height: 24rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-right: 6rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.dataList{
|
||||
@ -678,13 +844,11 @@ export default {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.sortName{
|
||||
font-size: 24rpx;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #786B6C;
|
||||
line-height: 40rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
color: #9A9A9A;
|
||||
line-height: 36rpx;
|
||||
}
|
||||
.sortIconBox{
|
||||
display: flex;
|
||||
@ -714,7 +878,7 @@ export default {
|
||||
box-sizing: border-box;
|
||||
padding: 24rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
align-items: flex-start;
|
||||
position: relative;
|
||||
margin-bottom: 24rpx;
|
||||
.bg{
|
||||
@ -727,11 +891,12 @@ export default {
|
||||
.listItemLeft{
|
||||
width: 96rpx;
|
||||
height: 96rpx;
|
||||
border-radius: 16rpx;
|
||||
margin-right: 16rpx;
|
||||
overflow: hidden;
|
||||
.shopLogo{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
width: 96rpx;
|
||||
height: 96rpx;
|
||||
}
|
||||
}
|
||||
.listItemRight{
|
||||
@ -768,13 +933,11 @@ export default {
|
||||
margin-right: 12rpx;
|
||||
}
|
||||
.shopName{
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: 28rpx;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #160002;
|
||||
line-height: 40rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
}
|
||||
}
|
||||
.rightTopRight{
|
||||
@ -784,6 +947,18 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
.MERCHANTS_NAME{
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: #571519;
|
||||
line-height: 44rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
padding: 4rpx 16rpx;
|
||||
background: #FCF1D3;
|
||||
border-radius: 4rpx;
|
||||
}
|
||||
.rightBottom{
|
||||
.type{
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
@ -819,22 +994,19 @@ export default {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.value{
|
||||
font-size: 28rpx;
|
||||
font-family: DINAlternate, DINAlternate;
|
||||
font-weight: bold;
|
||||
font-size: 32rpx;
|
||||
color: #160002;
|
||||
line-height: 40rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
line-height: 32rpx;
|
||||
margin-top: 8rpx;
|
||||
}
|
||||
.unit{
|
||||
font-size: 24rpx;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: #9A9A9A;
|
||||
line-height: 36rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,20 +1,25 @@
|
||||
<template>
|
||||
<view class="projectWarningDetail">
|
||||
<view class="earlyTop" :style="{height: `calc(${menu.bottom}px + 472rpx)`}">
|
||||
<view class="meng" v-if="showNotice || showQuestion" @click="handleCloseNotice"></view>
|
||||
|
||||
|
||||
<view class="earlyTop" :style="{height: `calc(${menu.bottom}px + 510rpx)`}">
|
||||
<view class="earlyTopBg"></view>
|
||||
<view class="headerBox" :style="{top:menu.top + 'px',height:menu.height+'px'}">
|
||||
<view class="headerBox" :style="{paddingTop: menu.top + 'px',height:menu.bottom + 4 +'px'}">
|
||||
<view :style="{height:menu.height +'px',display: 'flex',alignItems: 'center',justifyContent:'space-between',padding:'0 32rpx',width:'100%'}">
|
||||
<view class="backIconBox" @click="handleBack">
|
||||
<image class="backIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/commercial/navigation-left.svg"/>
|
||||
</view>
|
||||
<view class="pageTitle">商家详情</view>
|
||||
<view class="default"></view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="detailBox" :style="{top: `calc(${menu.bottom}px + 38rpx)`}">
|
||||
<view class="contentBox">
|
||||
<view class="contentTop">
|
||||
<view class="topLeft">
|
||||
<image class="logo"/>
|
||||
<image class="logo" :src="detail.Brand_ICO"/>
|
||||
</view>
|
||||
<view class="topRight">
|
||||
<view class="rightTop">
|
||||
@ -24,6 +29,7 @@
|
||||
<text class="serverPartName">{{ detail.SERVERPART_NAME || '' }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<text class="MERCHANTS_NAME">{{detail.MERCHANTS_NAME || ''}}</text>
|
||||
<view class="rightBottom">
|
||||
<text class="type">{{ businessTypeObj[detail.BUSINESS_TYPE] }}</text>
|
||||
<text class="type" style="margin-left: 12rpx">{{ `${detail.ENDDATE}结束` }}</text>
|
||||
@ -47,8 +53,8 @@
|
||||
</view>
|
||||
<view class="messageBox">
|
||||
<image class="messageIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/error6st.png"/>
|
||||
<text class="messageType">保底租金偏低</text>
|
||||
<text class="messageDesc">商家利润超过100万</text>
|
||||
<text class="messageType">{{ warningNameObj[detail.WARNING_TYPE] }}</text>
|
||||
<text class="messageDesc">{{ warningDescObj[detail.WARNING_TYPE] }}</text>
|
||||
</view>
|
||||
|
||||
<view class="line"></view>
|
||||
@ -58,14 +64,14 @@
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="detailContentBox" :style="{height: `calc(100vh - ${menu.bottom}px - 472rpx)`}">
|
||||
<view class="detailContentBox" :style="{height: `calc(100vh - ${menu.bottom}px - 510rpx)`}">
|
||||
<view class="contentBox">
|
||||
<view class="tabBox">
|
||||
<view :class="selectTab===1?'tabItem selectItem':'tabItem'" @click="handleChangeTab(1)">
|
||||
<view :class="selectTab===1?'tabItem selectItemLeft':'tabItem'" @click="handleChangeTab(1)">
|
||||
<image class="tabItemIcon" :src="selectTab===1?'https://eshangtech.com/ShopICO/ahyd-BID/warning/tab1Select.png':'https://eshangtech.com/ShopICO/ahyd-BID/warning/tab1NOSelect.png'"/>
|
||||
<text class="tabText">综合分析</text>
|
||||
</view>
|
||||
<view :class="selectTab===2?'tabItem selectItem':'tabItem'" @click="handleChangeTab(2)">
|
||||
<view :class="selectTab===2?'tabItem selectItemRight':'tabItem'" @click="handleChangeTab(2)">
|
||||
<image class="tabItemIcon" :src="selectTab===2?'https://eshangtech.com/ShopICO/ahyd-BID/warning/tab2Select.png':'https://eshangtech.com/ShopICO/ahyd-BID/warning/tab2NoSelect.png'"/>
|
||||
<text class="tabText">经营情况</text>
|
||||
</view>
|
||||
@ -93,8 +99,14 @@
|
||||
}}
|
||||
</text>
|
||||
<view style="display: inline-block">
|
||||
<view class="noticeBox">
|
||||
<view class="noticeBox" @click="handleShowNotice">
|
||||
<image class="noticeIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/noticeIcon.png"/>
|
||||
<view class="noticeDesc" v-if="showNotice" @click.stop="handleCloseNotice">
|
||||
<view>{{ `1、预计盈利<${0}万元，商家存在退场风险，请密切关注此项目经营状态！`}}</view>
|
||||
<view>{{ `2、预计盈利=<${10}万元且>${0}万元，商家存在较大经营风险，请关注此项目经营状态！` }}</view>
|
||||
<view>{{ `3、预计盈利>${10}万元且<${100}万元，商家经营状态良好，能较好的进行持续经营！` }}</view>
|
||||
<view>{{ `4、预计盈利>=${100}万元，商家存在较大的盈利优势，建议后期项目调整保底提成！` }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -159,12 +171,12 @@
|
||||
firstTabDetail.ACCOUNT_RATE< 50?'请关注此项目经营状况！':''
|
||||
}}</text>
|
||||
<view class="questionBox">
|
||||
<image class="questionIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/noticeIcon.svg"/>
|
||||
<!-- <view class="questionContent">-->
|
||||
<!-- <view>{{ `>=80 %，优秀` }}</view>-->
|
||||
<!-- <view>{{ `<= 80 % 且 >= 50 %，良好` }}</view>-->
|
||||
<!-- <view>{{ `<50 %，请关注此项目经营状态` }}</view>-->
|
||||
<!-- </view>-->
|
||||
<image class="questionIcon" @click="handleShowQuestion" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/noticeIcon.svg"/>
|
||||
<view class="questionContent" @click="handleCloseNotice" v-if="showQuestion">
|
||||
<view>{{ `>=${80} %，优秀` }}</view>
|
||||
<view>{{ `<= ${80} % 且 >= ${50} %，良好` }}</view>
|
||||
<view>{{ `<${50} %，请关注此项目经营状态` }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -206,7 +218,7 @@
|
||||
</view>
|
||||
|
||||
<view class="secondContent" v-if="selectTab===2">
|
||||
<view v-for="(item,index) in secondTabList" :key="index">
|
||||
<view v-for="(item,index) in secondTabList" :key="index" style="margin-bottom: 48rpx">
|
||||
<view class="contentItem" style="display: flex;align-items: center;margin-bottom: 16rpx">
|
||||
<text class="indexDesc">{{ item.BUSINESS_PERIOD || ''}}</text>
|
||||
<view class="timeBox">
|
||||
@ -254,7 +266,7 @@
|
||||
|
||||
<view class="contentItem">
|
||||
租金交付已完成
|
||||
<text class="money">{{ item.rentDelivery && item.rentDelivery > 100 ? 100 : item.rentDelivery +'%' }}</text>
|
||||
<text class="money">{{ item.rentDelivery ?item.rentDelivery > 100 ? 100 : item.rentDelivery +'%':'-' }}</text>
|
||||
</view>
|
||||
|
||||
<view class="contentItem">
|
||||
@ -317,9 +329,13 @@ import {wrapTreeNode} from "../../util/dateTime";
|
||||
BusinessTradeIdsObj:{},// 枚举对象
|
||||
BusinessTradeIdsBigObj:{},// 枚举对象
|
||||
SERVERPARTTYPEOBJ:{},// 枚举对象
|
||||
warningNameObj:{},// 预警类型名称对象
|
||||
warningDescObj:{},// 预警类型备注对象
|
||||
showNotice: false,// 第一个问号的悬浮框
|
||||
showQuestion: false,// 优秀的悬浮框
|
||||
}
|
||||
},
|
||||
onLoad(query){
|
||||
async onLoad(query){
|
||||
let systemInfo = uni.getSystemInfoSync()
|
||||
this.menu = uni.getMenuButtonBoundingClientRect()
|
||||
let seat = uni.getStorageSync('currentService')
|
||||
@ -328,17 +344,52 @@ import {wrapTreeNode} from "../../util/dateTime";
|
||||
this.detail = JSON.parse(query.obj)
|
||||
}
|
||||
console.log('this.detail',this.detail)
|
||||
uni.showLoading({
|
||||
title: '正在加载...'
|
||||
})
|
||||
|
||||
this.handleGetField()
|
||||
this.handleGetSERVERPART_TYPE()
|
||||
this.handleGetWarningType()
|
||||
|
||||
await this.handleGetFirstTab()
|
||||
|
||||
|
||||
this.handleGetFirstTab()
|
||||
|
||||
this.handleGetSecondTab()
|
||||
await this.handleGetSecondTab()
|
||||
uni.hideLoading()
|
||||
},
|
||||
methods:{
|
||||
// 显示悬浮框注释
|
||||
handleShowNotice(){
|
||||
this.showNotice = true
|
||||
},
|
||||
handleShowQuestion(){
|
||||
this.showQuestion = true
|
||||
},
|
||||
// 显示悬浮框注释
|
||||
handleCloseNotice(){
|
||||
this.showNotice = false
|
||||
this.showQuestion = false
|
||||
},
|
||||
async handleGetWarningType(){
|
||||
const req = {
|
||||
FieldexPlain_Field: 'WARNING_TYPE'
|
||||
}
|
||||
const data = await request.$webGet('/EShangApiMain/Dictionary/GetFieEnumList',req)
|
||||
let list = data.Result_Data.List
|
||||
console.log('list',list)
|
||||
let nameObj = {}
|
||||
let descObj = {}
|
||||
if (list && list.length>0){
|
||||
list.forEach(item=>{
|
||||
nameObj[Number(item.FieldEnum_Value)] = item.FieldEnum_Name
|
||||
descObj[Number(item.FieldEnum_Value)] = item.FieldEnum_Desc
|
||||
})
|
||||
}
|
||||
this.warningNameObj = nameObj
|
||||
this.warningDescObj = descObj
|
||||
console.log('nameObj',nameObj)
|
||||
console.log('descObj',descObj)
|
||||
},
|
||||
// 返回上一级
|
||||
handleBack(){
|
||||
uni.navigateBack({
|
||||
@ -395,8 +446,6 @@ import {wrapTreeNode} from "../../util/dateTime";
|
||||
}
|
||||
const bottomData = await request.$webGet('/EShangApiMain/Revenue/GetBusinessTradeAnalysis',req)
|
||||
const bottomData2 = await request.$webGet('/EShangApiMain/Revenue/GetBrandAnalysis',req)
|
||||
console.log('bottomData',bottomData)
|
||||
console.log('bottomData2',bottomData2)
|
||||
let thirdObj = {}
|
||||
let fourthObj = {}
|
||||
if (bottomData.Result_Data.List && bottomData.Result_Data.List.length>0){
|
||||
@ -405,13 +454,10 @@ import {wrapTreeNode} from "../../util/dateTime";
|
||||
if (bottomData2.Result_Data.List && bottomData2.Result_Data.List.length>0){
|
||||
fourthObj = bottomData2.Result_Data.List[0]
|
||||
}
|
||||
console.log('thirdObj',thirdObj)
|
||||
console.log('fourthObj',fourthObj)
|
||||
this.firstTabDetail = {
|
||||
...thirdObj,
|
||||
...fourthObj,
|
||||
}
|
||||
console.log('this.firstTabDetail',this.firstTabDetail)
|
||||
},
|
||||
async handleGetSecondTab(){
|
||||
const req = {
|
||||
@ -421,6 +467,7 @@ import {wrapTreeNode} from "../../util/dateTime";
|
||||
const data = await request.$webGet('/EShangApiMain/BusinessProject/GetAnnualSplit',req)
|
||||
const shopTime = await request.$webGet('/EShangApiMain/Revenue/GetBusinessDate',{ServerpartShopIds:this.detail.BUSINESSPROJECT_ID})
|
||||
let list = data.Result_Data.List
|
||||
list.reverse()
|
||||
const shopEndTime = shopTime.Result_Data.value
|
||||
console.log('shopEndTime',shopEndTime)
|
||||
let beforeList = []
|
||||
@ -464,6 +511,13 @@ import {wrapTreeNode} from "../../util/dateTime";
|
||||
.projectWarningDetail{
|
||||
width: 100%;
|
||||
background: #F3F3F3;
|
||||
.meng{
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
position: fixed;
|
||||
top: 0;left: 0;
|
||||
z-index: 21;
|
||||
}
|
||||
.earlyTop{
|
||||
width: 100%;
|
||||
background: #F3F3F3;
|
||||
@ -474,10 +528,14 @@ import {wrapTreeNode} from "../../util/dateTime";
|
||||
background: linear-gradient( 180deg, #D8E3FF 0%, #F3F3F3 100%);
|
||||
}
|
||||
.headerBox{
|
||||
width: calc(100% - 32rpx);
|
||||
position: absolute;
|
||||
left: 16rpx;
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 20;
|
||||
box-sizing: border-box;
|
||||
background: linear-gradient( 180deg, #D8E3FF 0%, #E5EBF9 100%);
|
||||
//padding: 32rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
@ -515,7 +573,7 @@ import {wrapTreeNode} from "../../util/dateTime";
|
||||
padding: 2rpx;
|
||||
.contentBox{
|
||||
width: 100%;
|
||||
height: 438rpx;
|
||||
height: 480rpx;
|
||||
background: linear-gradient( 180deg, #CDE1FF 0%, #FFFFFF 100%);
|
||||
border-radius: 14rpx;
|
||||
box-sizing: border-box;
|
||||
@ -569,6 +627,18 @@ import {wrapTreeNode} from "../../util/dateTime";
|
||||
}
|
||||
}
|
||||
}
|
||||
.MERCHANTS_NAME{
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: #571519;
|
||||
line-height: 44rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
padding: 4rpx 16rpx;
|
||||
background: #FCF1D3;
|
||||
border-radius: 4rpx;
|
||||
}
|
||||
.rightBottom{
|
||||
.type{
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
@ -682,6 +752,9 @@ import {wrapTreeNode} from "../../util/dateTime";
|
||||
align-items: center;
|
||||
border-radius: 32rpx 32rpx 0rpx 0rpx;
|
||||
overflow: hidden;
|
||||
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/warning/grayBg.png");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
.tabItem{
|
||||
width: 50%;
|
||||
height: 108rpx;
|
||||
@ -704,9 +777,24 @@ import {wrapTreeNode} from "../../util/dateTime";
|
||||
font-style: normal;
|
||||
}
|
||||
}
|
||||
.selectItem{
|
||||
background: linear-gradient( 180deg, #DCE5FA 0%, rgba(255,255,255,0) 100%);
|
||||
border-top-right-radius: 24rpx;
|
||||
.selectItemLeft{
|
||||
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/warning/selectLeft.png");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
.tabText{
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: 32rpx;
|
||||
color: #160002;
|
||||
line-height: 44rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
}
|
||||
}
|
||||
.selectItemRight{
|
||||
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/warning/selectRight.png");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
.tabText{
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 600;
|
||||
@ -749,12 +837,33 @@ import {wrapTreeNode} from "../../util/dateTime";
|
||||
}
|
||||
}
|
||||
.noticeBox{
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.noticeIcon{
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
}
|
||||
.noticeDesc{
|
||||
position: absolute;
|
||||
top: 32rpx;left: 0;
|
||||
display: inline-block;
|
||||
transform: translateX(-40px);
|
||||
width: 70vw;
|
||||
border-radius: 32rpx;
|
||||
box-sizing: border-box;
|
||||
padding: 32rpx;
|
||||
background: #fff;
|
||||
z-index: 22;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: #786B6C;
|
||||
line-height: 40rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
box-shadow: 0rpx 0rpx 40rpx 0rpx rgba(61, 48, 50, 0.21);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -904,7 +1013,24 @@ import {wrapTreeNode} from "../../util/dateTime";
|
||||
height: 20px;
|
||||
}
|
||||
.questionContent{
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 32rpx;right: 0;
|
||||
display: inline-block;
|
||||
transform: translateX(40px);
|
||||
width: 70vw;
|
||||
border-radius: 32rpx;
|
||||
box-sizing: border-box;
|
||||
padding: 32rpx;
|
||||
background: #fff;
|
||||
z-index: 22;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: #786B6C;
|
||||
line-height: 40rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
box-shadow: 0rpx 0rpx 40rpx 0rpx rgba(61, 48, 50, 0.21);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user