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

update

Browse Source
This commit is contained in:
cclu 2024-05-31 10:44:22 +08:00
parent f8b01a6075
commit da382c8991
3 changed files with 729 additions and 630 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

123
pages/earlyWarning/detail.vue
View File

@ -1,7 +1,8 @@
<template> <template>
<scroll-view class="scrollBox" scroll-y="true" @scroll="handlePageScroll">
<view class="earlyWarningDetail"> <view class="earlyWarningDetail">
<view class="earlyTop" :style="{height: `calc(${menu.bottom}px + 680rpx)`}"> <view class="earlyTop" :style="{height: `calc(${menu.bottom}px + 680rpx)`}">
<!-- menu.bottom + 314 + 'px'--> <!-- menu.bottom + 314 + 'px'-->
<view class="earlyTopBg"></view> <view class="earlyTopBg"></view>
<view class="headerBox" :style="{paddingTop: menu.top + 'px',height:menu.bottom + 12 +'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 :style="{height:menu.height +'px',display: 'flex',alignItems: 'center',paddingLeft:'32rpx'}">
@ -23,6 +24,17 @@
</view> </view>
</view> </view>
<view class="detailFixed" :style="{top: menu.bottom + 12 +'px'}" v-if="showDetailFixed">
<view class="itemDetail">
<text :class="res.RevenueINC.increaseRate>0?'value red':res.RevenueINC.increaseRate<0?'value green':''">{{ res.RevenueINC.increaseRate?res.RevenueINC.increaseRate>0?`+${res.RevenueINC.increaseRate}%`:res.RevenueINC.increaseRate<0?`${res.RevenueINC.increaseRate}%`:'0':'-' }}</text>
<text class="label">对客销售</text>
</view>
<view class="itemDetail">
<text :class="res.BayonetINC.increaseRate>0?'value red':res.BayonetINC.increaseRate<0?'value green':''">{{ res.BayonetINC.increaseRate?res.BayonetINC.increaseRate>0?`+${res.BayonetINC.increaseRate}%`:res.BayonetINC.increaseRate<0?`${res.BayonetINC.increaseRate}%`:'0':'-' }}</text>
<text class="label">入区车流</text>
</view>
</view>
<view class="revenueBox" :style="{top: menu.bottom + 19 +'px' }"> <view class="revenueBox" :style="{top: menu.bottom + 19 +'px' }">
<view class="box"> <view class="box">
<view class="typeBox"> <view class="typeBox">
@ -54,10 +66,10 @@
</view> </view>
</view> </view>
</view> </view>
<!-- <view class="addBox">--> <!-- <view class="addBox">-->
<!-- <text class="label">增长</text>--> <!-- <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>--> <!-- <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> </view>
<view class="line"></view> <view class="line"></view>
@ -65,7 +77,7 @@
<view class="typeBox"> <view class="typeBox">
<image class="bg" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/detailTopBg2.png"/> <image class="bg" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/detailTopBg2.png"/>
<view class="typeBoxTop"> <view class="typeBoxTop">
<!-- <text class="monthText">{{date || ''}}</text>--> <!-- <text class="monthText">{{date || ''}}</text>-->
<text class="title">入区车流</text> <text class="title">入区车流</text>
<text class="unit">/万辆</text> <text class="unit">/万辆</text>
</view> </view>
@ -90,10 +102,10 @@
</view> </view>
</view> </view>
<img v-if="false" class="handleGo" @click="handleGoCarCharts" src="/static/images/warning/handleGo.svg"/> <img v-if="false" class="handleGo" @click="handleGoCarCharts" src="/static/images/warning/handleGo.svg"/>
<!-- <view class="addBox">--> <!-- <view class="addBox">-->
<!-- <text class="label">增长</text>--> <!-- <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>--> <!-- <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> </view>
<view class="descBox"> <view class="descBox">
@ -108,13 +120,13 @@
<!-- <text class="monthText">{{selectType===1?`${res.ServerpartName}${date || ''}度车流增加${res.BayonetINC.increaseRate?`${Math.abs(res.BayonetINC.increaseRate)}%`:'-'}，营收减少${res.RevenueINC.increaseRate?`${Math.abs(res.RevenueINC.increaseRate)}%`:'-'}，请关注服务区整体营收呈现下降的情况！`:--> <!-- <text class="monthText">{{selectType===1?`${res.ServerpartName}${date || ''}度车流增加${res.BayonetINC.increaseRate?`${Math.abs(res.BayonetINC.increaseRate)}%`:'-'}，营收减少${res.RevenueINC.increaseRate?`${Math.abs(res.RevenueINC.increaseRate)}%`:'-'}，请关注服务区整体营收呈现下降的情况！`:-->
<!-- selectType===2?`${res.ServerpartName}${date || ''}车流增加${res.BayonetINC.increaseRate?`${Math.abs(res.BayonetINC.increaseRate)}%`:'-'}，门店的营收减少，请关注服务区部分门店营收呈现下降的情况！`:--> <!-- selectType===2?`${res.ServerpartName}${date || ''}车流增加${res.BayonetINC.increaseRate?`${Math.abs(res.BayonetINC.increaseRate)}%`:'-'}，门店的营收减少，请关注服务区部分门店营收呈现下降的情况！`:-->
<!-- selectType===3?`${res.ServerpartName}${date || ''}车流增加${res.BayonetINC.increaseRate?`${Math.abs(res.BayonetINC.increaseRate)}%`:'-'}，营收增长${res.RevenueINC.increaseRate?`${Math.abs(res.RevenueINC.increaseRate)}%`:'-'}不匹配，请关注营收与车流增幅产生较大差异的服务区！`:--> <!-- selectType===3?`${res.ServerpartName}${date || ''}车流增加${res.BayonetINC.increaseRate?`${Math.abs(res.BayonetINC.increaseRate)}%`:'-'}，营收增长${res.RevenueINC.increaseRate?`${Math.abs(res.RevenueINC.increaseRate)}%`:'-'}不匹配，请关注营收与车流增幅产生较大差异的服务区！`:-->
<!-- selectType===4?`${res.ServerpartName}${date || ''}车流减少${res.BayonetINC.increaseRate?`${Math.abs(res.BayonetINC.increaseRate)}%`:'-'}，营收降低${res.RevenueINC.increaseRate?`${Math.abs(res.RevenueINC.increaseRate)}%`:'-'}不匹配，请关注营收与车流降幅产生较大差异的服务区！`:''}}</text>--> <!-- selectType===4?`${res.ServerpartName}${date || ''}车流减少${res.BayonetINC.increaseRate?`${Math.abs(res.BayonetINC.increaseRate)}%`:'-'}，营收降低${res.RevenueINC.increaseRate?`${Math.abs(res.RevenueINC.increaseRate)}%`:'-'}不匹配，请关注营收与车流降幅产生较大差异的服务区！`:''}}</text>-->
<!-- <view class="descTitle">预警说明：<text class="desc">--> <!-- <view class="descTitle">预警说明：<text class="desc">-->
<!-- {{selectType===1?'请重点关注入区车流增加自营商超营收同步增长，服务区整体营收呈现下降的情况！':selectType===2?'请重点关注入区车流增加自营商超营收同步增长，服务区部分门店营收呈现下降的情况！':selectType===3?'请重点关注营收与车流增幅产生较大差异的服务区！增幅差额=车流增幅-营收增幅':selectType===4?'请重点关注营收与车流降幅产生较大差异的服务区！增幅差额=销售增幅-车流降幅':''}}--> <!-- {{selectType===1?'请重点关注入区车流增加自营商超营收同步增长，服务区整体营收呈现下降的情况！':selectType===2?'请重点关注入区车流增加自营商超营收同步增长，服务区部分门店营收呈现下降的情况！':selectType===3?'请重点关注营收与车流增幅产生较大差异的服务区！增幅差额=车流增幅-营收增幅':selectType===4?'请重点关注营收与车流降幅产生较大差异的服务区！增幅差额=销售增幅-车流降幅':''}}-->
<!-- </text></view>--> <!-- </text></view>-->
<view class="other" v-if="ownerShop.ServerpartShopName"> <view class="other" v-if="ownerShop.ServerpartShopName">
<image class="notice" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/warningIcon.png"/> <image class="notice" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/warningIcon.png"/>
同期商超营收增长 同期商超营收增长
@ -125,7 +137,7 @@
</view> </view>
</view> </view>
<view class="detailContentBox" > <view class="detailContentBox" >
<!-- :style="{height: `calc(100vh - ${menu.bottom}px - 800rpx)`}"--> <!-- :style="{height: `calc(100vh - ${menu.bottom}px - 800rpx)`}"-->
<view class="contentTop"> <view class="contentTop">
<image class="topIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/shopIcon.png"/> <image class="topIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/shopIcon.png"/>
<text class="topTitle">商家数据</text> <text class="topTitle">商家数据</text>
@ -192,9 +204,9 @@
</view> </view>
</view> </view>
</view> </view>
<!-- <view class="listItemRight">--> <!-- <view class="listItemRight">-->
<!-- <image class="warningIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/warningIcon.png"/>--> <!-- <image class="warningIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/warningIcon.png"/>-->
<!-- </view>--> <!-- </view>-->
</view> </view>
<view class="listItemBottom" style="margin-bottom: 16rpx;margin-top: 24rpx"> <view class="listItemBottom" style="margin-bottom: 16rpx;margin-top: 24rpx">
@ -207,17 +219,18 @@
item.RevenueINC.increaseRate<0?`${item.RevenueINC.increaseRate}%` item.RevenueINC.increaseRate<0?`${item.RevenueINC.increaseRate}%`
:'':''}}</view> :'':''}}</view>
</view> </view>
<!-- <view class="listItemBottom">--> <!-- <view class="listItemBottom">-->
<!-- <view class="bottomValue name" style="width: 56rpx">车流</view>--> <!-- <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.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: 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="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 :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> </view>
</view> </view>
</view> </view>
</scroll-view>
</template> </template>
<script> <script>
import {wrapTreeNode} from "../../util/dateTime"; import {wrapTreeNode} from "../../util/dateTime";
@ -244,6 +257,7 @@
selectType: 0,// 预警类型 selectType: 0,// 预警类型
otherList:[],// 除了自营超市以外的门店数据 otherList:[],// 除了自营超市以外的门店数据
ownerShop:{},// 自营超市的门店数据 ownerShop:{},// 自营超市的门店数据
showDetailFixed: false,// 车流和营收的增长 在下拉之后悬浮在页面上
} }
}, },
onLoad(query){ onLoad(query){
@ -267,6 +281,13 @@
// this.dataList = this.handleSortList(this.res.ShopINCList) // this.dataList = this.handleSortList(this.res.ShopINCList)
}, },
methods:{ methods:{
handlePageScroll(e){
if (e.target.scrollTop>200){
this.showDetailFixed = true
}else{
this.showDetailFixed = false
}
},
handleGoCarCharts(){ handleGoCarCharts(){
console.log('res',this.res) console.log('res',this.res)
this.$util.toNextRoute('navigateTo', `/pages/earlyWarning/carCharts?id=${this.res.ServerpartId}&date=${this.date}`) this.$util.toNextRoute('navigateTo', `/pages/earlyWarning/carCharts?id=${this.res.ServerpartId}&date=${this.date}`)
@ -405,7 +426,10 @@
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.earlyWarningDetail{ .scrollBox{
width: 100vw;
height: 100vh;
.earlyWarningDetail{
width: 100%; width: 100%;
background: #F3F3F3; background: #F3F3F3;
.earlyTop{ .earlyTop{
@ -494,6 +518,46 @@
} }
} }
} }
.detailFixed{
width: 100%;
position: fixed;
left: 0;
background: #E5EBF9;
display: flex;
align-items: center;
box-sizing: border-box;
padding: 32rpx;
z-index: 20;
.itemDetail{
width: 50%;
display: flex;
flex-direction: column;
//align-items: center;
.value{
font-family: DINAlternate, DINAlternate;
font-weight: bold;
font-size: 42rpx;
line-height: 40rpx;
text-align: left;
font-style: normal;
}
.green{
color: #127E5B;
}
.red{
color: #E83944;
}
.label{
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 28rpx;
color: #9A9A9A;
line-height: 40rpx;
text-align: left;
font-style: normal;
}
}
}
.revenueBox{ .revenueBox{
position: absolute; position: absolute;
width: calc(100% - 48rpx); width: calc(100% - 48rpx);
@ -893,5 +957,6 @@
} }
} }
} }
}
} }
</style> </style>

2
pages/earlyWarning/index.vue
View File

@ -177,7 +177,7 @@
<image class="message"/> <image class="message"/>
</view> </view>
<view class="itemTopRight" @click="handleGoDetail(item)"> <view class="itemTopRight" @click.stop="handleGoDetail(item)">
<view class="warningNotice" v-if="item.showWarning"> <view class="warningNotice" v-if="item.showWarning">
<image class="notice" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/warningIcon.png"/> <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>-->

60
pages/earlyWarning/projectWarning.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<view class="projectWarningBox"> <view class="projectWarningBox">
<view class="earlyTop" :style="{height: `calc(${menu.bottom}px + 775rpx)`}"> <view class="earlyTop" :style="{height: `calc(${menu.bottom}px + 910rpx)`}">
<view class="earlyTopBg"></view> <view class="earlyTopBg"></view>
<view class="headerBox" :style="{paddingTop: menu.top + 'px',height:menu.bottom + 4 +'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 :style="{height:menu.height +'px',display: 'flex',alignItems: 'center',paddingLeft:'32rpx'}">
@ -29,7 +29,6 @@
<text class="title">经营项目预警</text> <text class="title">经营项目预警</text>
</view> </view>
<view class="errorContent" > <view class="errorContent" >
<view v-for="(item,index) in topTabList" :key="index" :class="selectTab===index+1?'errorItem selectErrorItem':'errorItem'" @click="handleChangeTab(index+1)"> <view v-for="(item,index) in topTabList" :key="index" :class="selectTab===index+1?'errorItem selectErrorItem':'errorItem'" @click="handleChangeTab(index+1)">
<view class="itemLeft"> <view class="itemLeft">
<image class="itemLogo" :src="'https://eshangtech.com/ShopICO/ahyd-BID/warning/error' + (index+1) + 'st.png'"/> <image class="itemLogo" :src="'https://eshangtech.com/ShopICO/ahyd-BID/warning/error' + (index+1) + 'st.png'"/>
@ -40,6 +39,17 @@
</view> </view>
</view> </view>
<view class="messageBox">
<view style="display: flex;align-items: center">
<image class="messageIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/error6st.png"/>
<text class="messageType">{{ warningNameObj[selectTab] }}</text>
</view>
<view style="margin-top: 16rpx">
<text class="messageDesc">{{ warningDescObj[selectTab] }}</text>
</view>
</view>
<!-- <view :class="selectTab===1?'errorItem selectErrorItem':'errorItem'" @click="handleChangeTab(1)">--> <!-- <view :class="selectTab===1?'errorItem selectErrorItem':'errorItem'" @click="handleChangeTab(1)">-->
<!-- <view class="itemLeft">--> <!-- <view class="itemLeft">-->
<!-- <image class="itemLogo" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/error1st.png"/>--> <!-- <image class="itemLogo" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/error1st.png"/>-->
@ -140,15 +150,7 @@
</view> </view>
</view> </view>
<view class="messageBox">
<view style="display: flex;align-items: center">
<image class="messageIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/error6st.png"/>
<text class="messageType">{{ warningNameObj[selectTab] }}</text>
</view>
<view style="margin-top: 16rpx">
<text class="messageDesc">{{ warningDescObj[selectTab] }}</text>
</view>
</view>
<view class="selectBox" v-if="false"> <view class="selectBox" v-if="false">
<scroll-view scroll-x="true" class="scrollBox"> <scroll-view scroll-x="true" class="scrollBox">
@ -283,7 +285,7 @@
<view class="filterBox"> <view class="filterBox">
<view class="filterTitle">统计时间</view> <view class="filterTitle">统计时间</view>
<view class="filterTimeBox"> <view class="filterTimeBox">
<picker class="timeSelect" mode="date" fields="month" :value="$moment(startDate).format('YYYY-MM')" :end="end" @change="handleGetStartTime">{{startDate}}</picker> <picker class="timeSelect" mode="date" fields="month" :value="$moment(startDate).format('YYYY-MM')" :start="'2024-01-01'" :end="end" @change="handleGetStartTime">{{startDate}}</picker>
<span class="timeSelect" style="margin: 0 4rpx">-</span> <span class="timeSelect" style="margin: 0 4rpx">-</span>
<picker class="timeSelect" mode="date" fields="month" :value="$moment(endDate).format('YYYY-MM')" :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>
@ -666,7 +668,7 @@ export default {
border-bottom-right-radius: 16rpx; border-bottom-right-radius: 16rpx;
border-bottom-left-radius: 16rpx; border-bottom-left-radius: 16rpx;
box-sizing: border-box; box-sizing: border-box;
padding: 32rpx 32rpx 0; padding: 32rpx 32rpx 16rpx;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
flex-wrap: wrap; flex-wrap: wrap;
@ -719,6 +721,38 @@ export default {
.selectErrorItem{ .selectErrorItem{
background: #D9E9FF; background: #D9E9FF;
} }
.messageBox{
margin-top: 16rpx;
.messageIcon{
width: 48rpx;
height: 48rpx;
margin-right: 8rpx;
}
.messageType{
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 28rpx;
color: #1979FE;
line-height: 36rpx;
text-align: left;
font-style: normal;
padding: 4rpx 12rpx;
background: #E3EFFF;
border-radius: 4rpx;
margin-right: 16rpx;
white-space: nowrap;
}
.messageDesc{
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 28rpx;
color: #F07604;
line-height: 36rpx;
text-align: left;
font-style: normal;
white-space: nowrap;
}
}
} }
} }
} }