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 2023-12-25 19:18:13 +08:00
parent cf0f90515e
commit e7c9226e6a
9 changed files with 399 additions and 170 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
pages/commercialBI/carPortrait.vue
View File

@ -108,11 +108,11 @@
<text class="value">{{time}}</text> <text class="value">{{time}}</text>
</div> </div>
</div> </div>
<div v-if="carData.length>0"> <div v-if="carData && carData.length>0">
<entry-zone :carData="carData" :time="time" :month="thisMonth" /> <entry-zone :carData="carData" :time="time" :month="thisMonth" />
<analyse :analyseInfo="{analysisins_type: 1102,analysisins_format: 2000}" /> <analyse :analyseInfo="{analysisins_type: 1102,analysisins_format: 2000}" />
</div> </div>
<no-data v-if="!carData.length" :type="'car'"/> <no-data v-if="!carData" :type="'car'"/>
</div> </div>
<div class="chartsItem" style="margin-top: 32px"> <div class="chartsItem" style="margin-top: 32px">
@ -140,7 +140,7 @@
</view> </view>
<p class="title">{{thisMonth?thisMonth:'-'}}月车辆归属地</p> <p class="title">{{thisMonth?thisMonth:'-'}}月车辆归属地</p>
<div v-if="homePlace.length>0"> <div v-if="homePlace && homePlace.length>0">
<home-place :selectProvinceName="selectProvinceName" :selectValue="selectValue" :homeData="homePlace" :homeCity="cityPlace" @getHomeDate="getHomeData"/> <home-place :selectProvinceName="selectProvinceName" :selectValue="selectValue" :homeData="homePlace" :homeCity="cityPlace" @getHomeDate="getHomeData"/>
<div style="display: flex"> <div style="display: flex">
<!-- <div class="selectType" >--> <!-- <div class="selectType" >-->
@ -155,25 +155,25 @@
<analyse :analyseInfo="{analysisins_type: 1103,analysisins_format: 2000}" /> <analyse :analyseInfo="{analysisins_type: 1103,analysisins_format: 2000}" />
</div> </div>
<no-data v-if="!homePlace.length" :type="'car'"/> <no-data v-if="!homePlace" :type="'car'"/>
</div> </div>
<div class="chartsItem" style="margin-top: 32px"> <div class="chartsItem" style="margin-top: 32px">
<p class="title">{{thisMonth?thisMonth:'-'}}月车型停留分析/日均</p> <p class="title">{{thisMonth?thisMonth:'-'}}月车型停留分析/日均</p>
<div v-if="carTypeTimeData.series.length>0"> <div v-if="carTypeTimeData.series && carTypeTimeData.series.length>0">
<car-type-time :data="carTypeTimeData"/> <car-type-time :data="carTypeTimeData"/>
<analyse :analyseInfo="{analysisins_type: 1104,analysisins_format: 2000}" /> <analyse :analyseInfo="{analysisins_type: 1104,analysisins_format: 2000}" />
</div> </div>
<no-data v-if="!carTypeTimeData.series.length" :type="'car'"/> <no-data v-if="!carTypeTimeData.series" :type="'car'"/>
</div> </div>
<div class="chartsItem" style="margin-top: 32px"> <div class="chartsItem" style="margin-top: 32px">
<p class="title">{{thisMonth?thisMonth:'-'}}月车型停留分布图/日均</p> <p class="title">{{thisMonth?thisMonth:'-'}}月车型停留分布图/日均</p>
<div v-if="timeAnalysisData.series.length>0"> <div v-if="timeAnalysisData.series && timeAnalysisData.series.length>0">
<time-analysis :data="timeAnalysisData"/> <time-analysis :data="timeAnalysisData"/>
<analyse :analyseInfo="{analysisins_type: 1105,analysisins_format: 2000}" /> <analyse :analyseInfo="{analysisins_type: 1105,analysisins_format: 2000}" />
</div> </div>
<no-data v-if="!timeAnalysisData.series.length" :type="'car'"/> <no-data v-if="!timeAnalysisData.series" :type="'car'"/>
</div> </div>
<div class="chartsItem" style="margin-top: 32px"> <div class="chartsItem" style="margin-top: 32px">
@ -188,11 +188,11 @@
</view> </view>
</div> </div>
</div> </div>
<div v-if="percentEntryData.length>0"> <div v-if="percentEntryData && percentEntryData.length>0">
<percent-entry :data="percentEntryData" /> <percent-entry :data="percentEntryData" />
<analyse :analyseInfo="{analysisins_type: 1106,analysisins_format: 2000}" /> <analyse :analyseInfo="{analysisins_type: 1106,analysisins_format: 2000}" />
</div> </div>
<no-data v-if="!percentEntryData.length" :type="'car'"/> <no-data v-if="!percentEntryData " :type="'car'"/>
</div> </div>
</div> </div>
<div v-else class="otherCharts"> <div v-else class="otherCharts">
@ -341,7 +341,7 @@ import MonthTotal from "./components/car/monthTotal.vue";
import NoData from "./components/noData.vue"; import NoData from "./components/noData.vue";
import Analyse from "./components/analyse.vue"; import Analyse from "./components/analyse.vue";
import CommercialType from "./commercialType.vue"; import CommercialType from "./commercialType.vue";
import shopCell from "../everdayRenven/components/listUnit.vue"; // import shopCell from "../everdayRenven/components/listUnit.vue";
import EntryRate from "./components/car/entryRate.vue"; import EntryRate from "./components/car/entryRate.vue";
import anhuiYestodayRevenueData from "../everdayRenven/components/anhuiYestodayRevenueData"; import anhuiYestodayRevenueData from "../everdayRenven/components/anhuiYestodayRevenueData";
import {getFieldEnum} from "../../util/dateTime"; import {getFieldEnum} from "../../util/dateTime";
@ -363,7 +363,7 @@ export default {
tabList:[],//选项卡列表 tabList:[],//选项卡列表
carTypeList:[],//车型选项卡 carTypeList:[],//车型选项卡
carNumAll : 0,//一共的入区车流数 carNumAll : 0,//一共的入区车流数
monthTotalList:[],//月累计 monthTotalList:{},//月累计
carData:[],//入区车流的数据 carData:[],//入区车流的数据
homePlaceAll:[],//车辆归属地两区总和列表 homePlaceAll:[],//车辆归属地两区总和列表
homePlace:[],//车辆归属地 homePlace:[],//车辆归属地
@ -402,7 +402,7 @@ export default {
} }
}, },
components: { components: {
shopCell, // shopCell,
CommercialType,EntryRate, CommercialType,EntryRate,
Analyse, NoData, PercentEntry, CarTypeTime, HomePlace, EntryZone,timeAnalysis,MonthTotal}, Analyse, NoData, PercentEntry, CarTypeTime, HomePlace, EntryZone,timeAnalysis,MonthTotal},
computed:{ computed:{
@ -626,6 +626,7 @@ export default {
item.entryList = [{name:'已入区',value:Number(item.flowRate.split('%')[0])},{name:'未入区',value:100 - item.flowRate.split('%')[0]}] item.entryList = [{name:'已入区',value:Number(item.flowRate.split('%')[0])},{name:'未入区',value:100 - item.flowRate.split('%')[0]}]
item.bg = item.name.indexOf('皖中')!==-1?'https://eshangtech.com/ShopICO/ahyd-BID/newCommercial/Middle.png':item.name.indexOf('皖西')!==-1?'https://eshangtech.com/ShopICO/ahyd-BID/newCommercial/west.png':item.name.indexOf('皖东')!==-1?'https://eshangtech.com/ShopICO/ahyd-BID/newCommercial/east.png':item.name.indexOf('皖南')!==-1?'https://eshangtech.com/ShopICO/ahyd-BID/newCommercial/south.png':item.name.indexOf('皖北')!==-1?'https://eshangtech.com/ShopICO/ahyd-BID/newCommercial/north.png':'' item.bg = item.name.indexOf('皖中')!==-1?'https://eshangtech.com/ShopICO/ahyd-BID/newCommercial/Middle.png':item.name.indexOf('皖西')!==-1?'https://eshangtech.com/ShopICO/ahyd-BID/newCommercial/west.png':item.name.indexOf('皖东')!==-1?'https://eshangtech.com/ShopICO/ahyd-BID/newCommercial/east.png':item.name.indexOf('皖南')!==-1?'https://eshangtech.com/ShopICO/ahyd-BID/newCommercial/south.png':item.name.indexOf('皖北')!==-1?'https://eshangtech.com/ShopICO/ahyd-BID/newCommercial/north.png':''
}) })
if (bayonetPie && bayonetPie.length>0){
for (let i=0;i<=bayonetPie.length-1;i++){ for (let i=0;i<=bayonetPie.length-1;i++){
for (let j=0;j<=bayonetPie.length - i - 1;j++){ for (let j=0;j<=bayonetPie.length - i - 1;j++){
if (bayonetPie[j] && bayonetPie[j + 1] && bayonetPie[j].entry && bayonetPie[j+1].entry){ if (bayonetPie[j] && bayonetPie[j + 1] && bayonetPie[j].entry && bayonetPie[j+1].entry){
@ -637,7 +638,10 @@ export default {
} }
} }
} }
}
bayonetPie.forEach(item=>{ bayonetPie.forEach(item=>{
if (item.spList && item.spList.length>0){
for (let i=0;i<=item.spList.length-1;i++){ for (let i=0;i<=item.spList.length-1;i++){
for (let j=0;j<=item.spList.length - i - 1;j++){ for (let j=0;j<=item.spList.length - i - 1;j++){
if (item.spList[j] && item.spList[j + 1] && item.spList[j].Vehicle_Count && item.spList[j+1].Vehicle_Count){ if (item.spList[j] && item.spList[j + 1] && item.spList[j].Vehicle_Count && item.spList[j+1].Vehicle_Count){
@ -649,6 +653,7 @@ export default {
} }
} }
} }
}
}) })
this.regionList = bayonetPie this.regionList = bayonetPie
this.regionList.forEach((item,index)=>{ this.regionList.forEach((item,index)=>{
@ -976,6 +981,9 @@ export default {
}) })
}, },
getHomeData(){ getHomeData(){
uni.showLoading({
title:'加载中....'
})
const date = new Date(this.endTime?this.endTime:this.time) const date = new Date(this.endTime?this.endTime:this.time)
let y = date.getFullYear() let y = date.getFullYear()
let m = date.getMonth() + 1 let m = date.getMonth() + 1
@ -1036,6 +1044,7 @@ export default {
this.homePlace = dataList[this.selectTab]?dataList[this.selectTab]:[] this.homePlace = dataList[this.selectTab]?dataList[this.selectTab]:[]
}) })
uni.hideLoading()
}, },
getCityList(ProvinceName,allCount){ getCityList(ProvinceName,allCount){
@ -1078,7 +1087,7 @@ export default {
}).then(res=>{ }).then(res=>{
let result = res.Result_Data.List let result = res.Result_Data.List
let series = [] let series = []
if (result.length>0){ if (result && result.length>0){
result.forEach(item=>{ result.forEach(item=>{
let stayTime = [] let stayTime = []
let stayTimeMax = 0 let stayTimeMax = 0
@ -1213,7 +1222,7 @@ export default {
} }
request.$webGet('CommercialApi/Revenue/GetSPBayonetList',req).then(res=>{ request.$webGet('CommercialApi/Revenue/GetSPBayonetList',req).then(res=>{
this.percentEntryData = res.Result_Data.List this.percentEntryData = res.Result_Data.List
if (this.percentEntryData.length>0){ if (this.percentEntryData && this.percentEntryData.length>0){
this.allEntry = res.Result_Data.List[0].Entry_Rate this.allEntry = res.Result_Data.List[0].Entry_Rate
this.addAllEntry = res.Result_Data.List[0].Entry_GrowthRate this.addAllEntry = res.Result_Data.List[0].Entry_GrowthRate
}else{ }else{

1
pages/commercialBI/components/car/homePlace.vue
View File

@ -92,6 +92,7 @@ export default {
homeCity:{ homeCity:{
handler(value){ handler(value){
value.forEach(item=>{ value.forEach(item=>{
console.log('item.rate',item.rate)
item.rate = item.rate.toFixed(2) + '%' item.rate = item.rate.toFixed(2) + '%'
}) })
this.progressList = value this.progressList = value

13
pages/commercialBI/components/car/monthTotal.vue
View File

@ -17,12 +17,13 @@ export default {
props: { props: {
data: { data: {
type: Object, type: Object,
default: () => {} default: {}
} }
}, },
watch: { watch: {
data: { data: {
handler(value) { handler(value) {
console.log('val1111ue',value)
this.handleCarData(value) this.handleCarData(value)
}, },
immediate:true, immediate:true,
@ -89,10 +90,16 @@ export default {
categories: value.categories, categories: value.categories,
series: value.series series: value.series
} }
let config={ let config = {
carMax:'',
moneyMax:''
}
if (value && value.series && value.series.length>0 ){
config={
carMax:value.series[0].max > value.series[1].max ? this.getSplitNumber(value.series[0].max):this.getSplitNumber(value.series[1].max), carMax:value.series[0].max > value.series[1].max ? this.getSplitNumber(value.series[0].max):this.getSplitNumber(value.series[1].max),
moneyMax:value.series[2].max > value.series[3].max ? this.getSplitNumber(value.series[2].max):this.getSplitNumber(value.series[3].max) moneyMax:value.series[2].max > value.series[3].max ? this.getSplitNumber(value.series[2].max):this.getSplitNumber(value.series[3].max)
} }
}
this.drawCharts('monthTotal', res, config) this.drawCharts('monthTotal', res, config)
}, },
getSplitNumber(value){ getSplitNumber(value){
@ -132,7 +139,7 @@ export default {
disableGrid: true, disableGrid: true,
axisLine: false, axisLine: false,
fontColor: '#777777', fontColor: '#777777',
fontSize:data.categories.length<10 ? 13 : 11 fontSize:data.categories && data.categories.length<10 ? 13 : 11
}, },
yAxis:{ yAxis:{
showTitle:true, showTitle:true,

1
pages/commercialBI/components/noData.vue
View File

@ -11,7 +11,6 @@ export default {
name: "noData", name: "noData",
data(){ data(){
return { return {
type:''
} }
}, },
props:{ props:{

58
pages/commercialBI/formatPortrait.vue
View File

@ -1,15 +1,16 @@
<template> <template>
<div class="main"> <div class="main">
<div style="position: fixed;right: 0;top: 20%;z-index:99999999999"> <!-- <div style="position: fixed;right: 0;top: 20%;z-index:99999999999">-->
<commercial-type :have="4"/> <!-- <commercial-type :have="4"/>-->
</div> <!-- </div>-->
<div style="position: fixed;right: 0;top: 20%;z-index:99999999999"> <div style="position: fixed;right: 0;top: 20%;z-index:99999999999">
<!-- <commercial-type :have="4"/>--> <!-- <commercial-type :have="4"/>-->
</div> </div>
<!-- <header-top :bgUrl="bgUrl" :menu="menu" :bgColor="bgColor" :title="title" :analyseInfo="analyseInfo" :topBg="topBg" :page="page" :backType="backType"--> <!-- <header-top :bgUrl="bgUrl" :menu="menu" :bgColor="bgColor" :title="title" :analyseInfo="analyseInfo" :topBg="topBg" :page="page" :backType="backType"-->
<!-- :serverpartName="serviceInfo.SERVERPART_NAME" :spregionTypeName="serviceInfo.SPREGIONTYPE_NAME" :serviceInfo="serviceInfo"/>--> <!-- :serverpartName="serviceInfo.SERVERPART_NAME" :spregionTypeName="serviceInfo.SPREGIONTYPE_NAME" :serviceInfo="serviceInfo"/>-->
<div class="header" :style="{height:`${status.screenWidth / 1.37}px`}"> <!-- <div class="header" :style="{height:`${status.screenWidth / 1.37}px`}">-->
<div class="box" :style="{top:(menu.bottom - (menu.height / 2)) + 'px'}"> <div class="header" :style="{ height: menu.bottom + 5 + 'px'}">
<div class="box" :style="{top:menu.top + (menu.height - 32) / 2 + 'px'}">
<div class="icon" @click="handleBack"> <div class="icon" @click="handleBack">
<image class="img" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/leftArrowWhite.svg"></image> <image class="img" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/leftArrowWhite.svg"></image>
</div> </div>
@ -34,7 +35,7 @@
<!-- </div>--> <!-- </div>-->
</div> </div>
<div class="charts" :style="{height:`calc(100vh - ${status.screenWidth / 1.37}px)`}"> <div class="charts" :style="{height:`calc(100vh - 85px)`}">
<div class="top"> <div class="top">
<div :class="selectTab===item.value?'topItem bg':'topItem'" v-for="(item,index) in tabList" :key="index" @click="handleChangeTab(item.value)"> <div :class="selectTab===item.value?'topItem bg':'topItem'" v-for="(item,index) in tabList" :key="index" @click="handleChangeTab(item.value)">
<image class="icon" :src="item.img"></image> <image class="icon" :src="item.img"></image>
@ -55,7 +56,7 @@
</div> </div>
<!-- height: calc(100vh - 404px);--> <!-- height: calc(100vh - 404px);-->
<scroll-view class="list" :style="{height: `calc(100vh - ${status.screenWidth / 1.37}px - 132px)`}" :show-scrollbar="false" scroll-y="true" :scroll-top="scrollTop" @scroll="handleScroll" :scroll-with-animation="true"> <scroll-view class="list" :style="{height: `calc(100vh - 400rpx)`}" :show-scrollbar="false" scroll-y="true" :scroll-top="scrollTop" @scroll="handleScroll" :scroll-with-animation="true">
<div class="listItem" v-for="(item,index) in tableList" :key="index" @click="handleToDetail(item)"> <div class="listItem" v-for="(item,index) in tableList" :key="index" @click="handleToDetail(item)">
<div class="left"> <div class="left">
<image class="logo" :src="item.BRAND_INTRO"></image> <image class="logo" :src="item.BRAND_INTRO"></image>
@ -69,10 +70,11 @@
</div> </div>
<view style="display: flex;justify-content: flex-end"> <view style="display: flex;justify-content: flex-end">
<div class="suggest" @click.stop="handleShopDetail(item)" v-if="item.MerchantName"> <div class="suggest" @click.stop="handleShopDetail(item)" v-if="item.MerchantName">
<view style="width: 100%;display: inline-block;text-align: right"> <!-- <view style="width: 100%;display: inline-block;text-align: right;font-size: 11px;">-->
{{item.MerchantName || ''}} <!-- {{item.MerchantName || ''}}-->
</view> <!-- </view>-->
<!-- <text class="value">{{item.COMMISSION_RATIO || '-'}}</text>--> {{item.MerchantName || '-'}}
<!-- <text class="value"></text>-->
<!-- <text class="text">建议提成比例</text>--> <!-- <text class="text">建议提成比例</text>-->
</div> </div>
</view> </view>
@ -346,13 +348,14 @@ export default {
width: 100vw; width: 100vw;
min-height: 100vh; min-height: 100vh;
background: #fff; background: #fff;
background: url("https://eshangtech.com/ShopICO/ahyd-BID/brand/headerBg.svg")no-repeat;
.header{ .header{
height: 272px; //height: 272px;
//background: linear-gradient(135deg, #7660FF 0%, #A0BAFD 31%, #B8D2FF 47%, #CAD9FF 66%, #BCB6FF 100%); //background: linear-gradient(135deg, #7660FF 0%, #A0BAFD 31%, #B8D2FF 47%, #CAD9FF 66%, #BCB6FF 100%);
width: 100vw; width: 100vw;
background: url("https://eshangtech.com/ShopICO/ahyd-BID/brand/headerBg.svg")no-repeat; //background: url("https://eshangtech.com/ShopICO/ahyd-BID/brand/headerBg.svg")no-repeat;
background-size: cover; background-size: cover;
background-position-y: -5px; //background-position-y: -5px;
.box{ .box{
padding: 0 16px; padding: 0 16px;
position: absolute; position: absolute;
@ -360,7 +363,7 @@ export default {
width: 100%; width: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
transform: translateY(-50%); //transform: translateY(-50%);
.icon{ .icon{
width: 24px; width: 24px;
height: 24px; height: 24px;
@ -449,7 +452,7 @@ export default {
border-top-right-radius: 16px; border-top-right-radius: 16px;
overflow: hidden; overflow: hidden;
background: #fff; background: #fff;
transform: translateY(-16px); //transform: translateY(-16px);
.top{ .top{
width: 100%; width: 100%;
height: 100px; height: 100px;
@ -589,7 +592,7 @@ export default {
} }
} }
.right{ .right{
flex:1; width: calc(100% - 100px);
margin-left: 12px; margin-left: 12px;
.title{ .title{
display: inline-block; display: inline-block;
@ -610,7 +613,7 @@ export default {
display: inline-block; display: inline-block;
padding: 1px 8px; padding: 1px 8px;
margin-right: 8px; margin-right: 8px;
background: linear-gradient(270deg, rgba(90, 199, 255, 0.15) 0%, rgba(90, 193, 255, 0.15) 100%); //background: linear-gradient(270deg, rgba(90, 199, 255, 0.15) 0%, rgba(90, 193, 255, 0.15) 100%);
border-radius: 2px; border-radius: 2px;
} }
} }
@ -618,19 +621,24 @@ export default {
display: inline-block; display: inline-block;
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
color: #9D99B0;
//width: 80%; //width: 80%;
min-height: 25px; min-height: 25px;
padding: 0 8px; padding: 0 8px;
background: linear-gradient(270deg, RGBA(222, 231, 255, 1) 0%, RGBA(241, 246, 255, 1) 100%); //background: linear-gradient(270deg, RGBA(222, 231, 255, 1) 0%, RGBA(241, 246, 255, 1) 100%);
border-radius: 2px; border-radius: 2px;
margin-top: 10px; margin-top: 10px;
font-size: 11px;
font-family: PingFangSC-Regular, PingFang SC;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
.value{ .value{
font-size: 14px; font-size: 11px;
font-family: DINAlternate-Bold, DINAlternate; font-family: PingFangSC-Regular, PingFang SC;
font-weight: bold; text-overflow: ellipsis;
color: #396CFF; overflow: hidden;
line-height: 16px; white-space: nowrap;
margin-right: 4px;
} }
.text{ .text{
font-size: 12px; font-size: 12px;

4
pages/index/components/rateCharts.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<view class="rateMain"> <view class="rateMain">
<image v-if="preferPath" style="width: 144rpx;height: 144rpx" :src="preferPath"></image> <image v-if="preferPath" style="width: 144rpx;height: 144rpx" :src="preferPath"></image>
<canvas v-if="name" style="width: 144rpx;height: 144rpx;position:fixed;left: 100%" :canvas-id="name" id="rate"/> <canvas style="width: 144rpx;height: 144rpx;position:fixed;left: 100%" :canvas-id="name" id="rate"/>
</view> </view>
</template> </template>
@ -85,7 +85,7 @@ export default {
}, },
extra: { extra: {
ring: { ring: {
ringWidth: 10, ringWidth: 8,
activeOpacity: 0.5, activeOpacity: 0.5,
activeRadius: 10, activeRadius: 10,
offsetAngle: -90, offsetAngle: -90,

260
pages/index/index.vue
View File

@ -11,31 +11,41 @@
<!-- 时间选择 --> <!-- 时间选择 -->
<div class="headerTop" <div class="headerTop"
:style="{ height: menu.bottom + 5 + 'px'}"> :style="{ height: menu.bottom + 5 + 'px'}">
<view class="selectTime" :style="{ top: menu.top + (menu.height - 22) / 2 + 'px' }"> <!-- <view class="selectTime" :style="{ top: menu.top + (menu.height - 22) / 2 + 'px' }">-->
<image class="dateIcon" :src="1<=selectMonth && selectMonth<=3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/1stDateTime.svg':4<=selectMonth && selectMonth<=6?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/2stDateTime.svg':7<=selectMonth && selectMonth<=9?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/3stDateTime.svg':'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/4stDateTime.svg'"></image> <!-- <image class="dateIcon" :src="1<=selectMonth && selectMonth<=3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/1stDateTime.svg':4<=selectMonth && selectMonth<=6?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/2stDateTime.svg':7<=selectMonth && selectMonth<=9?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/3stDateTime.svg':'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/4stDateTime.svg'"></image>-->
<!-- <picker mode="date" :value="single" @change="bindDateChange" >--> <!--&lt;!&ndash; <picker mode="date" :value="single" @change="bindDateChange" >&ndash;&gt;-->
<picker mode="date" fields="month" :value="single" :start="startDate" :end="endData" @change="bindDateChange" > <!-- <picker mode="date" fields="month" :value="single" :start="startDate" :end="endData" @change="bindDateChange" >-->
<view class="time"> <!-- <view class="time">-->
<!-- <text class="day" >{{ thisDay }}</text>--> <!--&lt;!&ndash; <text class="day" >{{ thisDay }}</text>&ndash;&gt;-->
<view class="uni-input" :style="{color: 1<=selectMonth && selectMonth<=3?'#B33115':4<=selectMonth && selectMonth<=6?'#025B93':7<=selectMonth && selectMonth<=9?'#2249A2':10<=selectMonth && selectMonth<=12?'#783F0F':''}" style="background: transparent;padding: 0;height:100%">{{ single }}</view> <!-- <view class="uni-input" :style="{color: 1<=selectMonth && selectMonth<=3?'#B33115':4<=selectMonth && selectMonth<=6?'#025B93':7<=selectMonth && selectMonth<=9?'#2249A2':10<=selectMonth && selectMonth<=12?'#783F0F':''}" style="background: transparent;padding: 0;height:100%">{{ single }}</view>-->
<image class="icon" :src="1<=selectMonth && selectMonth<=3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/1stDownArrow.svg':4<=selectMonth && selectMonth<=6?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/2stDownArrow.svg':7<=selectMonth && selectMonth<=9?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/3stDownArrow.svg':'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/4stDownArrow.svg'"></image> <!-- <image class="icon" :src="1<=selectMonth && selectMonth<=3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/1stDownArrow.svg':4<=selectMonth && selectMonth<=6?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/2stDownArrow.svg':7<=selectMonth && selectMonth<=9?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/3stDownArrow.svg':'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/4stDownArrow.svg'"></image>-->
<!-- </view>-->
<!-- </picker>-->
<!-- </view>-->
<view class="selectTime" :style="{ top: menu.top + (menu.height - 32) / 2 + 'px' ,height:menu.height+'px',marginLeft:'10rpx'}">
<view class="searchIconBox">
<image style="width:40rpx;height: 40rpx" src="/static/images/tabBar/company_active.png"/>
<!-- <text class="searchIconText">数智看板</text>-->
</view>
<view class="seachBox" @click="handleGoMap">
<image class="searchIcon" src="/static/images/seach/searchIcon.svg"/>
<text class="searchText">请输入想看的服务区</text>
</view> </view>
</picker>
</view> </view>
</div> </div>
<div :style="{height: menu.bottom + 5 + 'px',width:'100%'}"></div> <div :style="{height: menu.bottom + 5 + 'px',width:'100%'}"></div>
<!-- ,height:loadMore?'200px':'38px'--> <!-- ,height:loadMore?'200px':'38px'-->
<div class="storeDetail" :style="{ top: menu.bottom + 13 + 'px',left:0 + 'px'}"> <div class="storeDetail" :style="{ top: menu.bottom + 13 + 'px',left:0 + 'px'}">
<swiper class="detailBox" previous-margin="40rpx" next-margin="20rpx" :style="{height: loadMore?`1280rpx`:`760rpx`}" @change="handleChangeSelect" :current="selectDetail"> <swiper class="detailBox" previous-margin="40rpx" next-margin="20rpx" :style="{height: loadMore?`1340rpx`:`682rpx`}" @change="handleChangeSelect" :current="selectDetail">
<block v-for="(item,index) in swiperList" :key="index"> <block v-for="(item,index) in swiperList" :key="index">
<swiper-item :item-id="index" :data-item-id="index" :class="selectMonth === index+1 || selectMonth === ((index+1)%12===0?12:(index+1)%12)?'detailItemBox':'noSelectItemBox'"> <swiper-item :item-id="index" :data-item-id="index" :class="selectMonth === index+1 || selectMonth === ((index+1)%12===0?12:(index+1)%12)?'detailItemBox':'noSelectItemBox'">
<view class="box" :style="{height: loadMore?selectMonth===index+1 || selectMonth === ((index+1)%12===0?12:(index+1)%12)?`1280rpx`:'760rpx':selectMonth===index+1|| selectMonth === ((index+1)%12===0?12:(index+1)%12)?`760rpx`:'456rpx',background:(1<=(index+1) || 1<=((index + 1)%12===0?12:(index + 1)%12)) && ((index+1)<=3 || ((index+1)%12===0?12:(index+1)%12)<=3)?'#FEB39F':(4<=(index+1) || 4<=((index+1)%12===0?12:(index+1)%12)) && ((index+1)<=6 || ((index+1)%12===0?12:(index+1)%12)<=6)?'#8AC9EA':(7<=(index+1) || 7<=((index+1)%12===0?12:(index+1)%12)) && ((index+1)<=9 || ((index+1)%12===0?12:(index+1)%12)<=9)?'#93B2EF':'#DDB795'}"> <view class="box" :style="{height: loadMore?selectMonth===index+1 || selectMonth === ((index+1)%12===0?12:(index+1)%12)?`1340rpx`:'682rpx':selectMonth===index+1|| selectMonth === ((index+1)%12===0?12:(index+1)%12)?`682rpx`:'456rpx',background:(1<=(index+1) || 1<=((index + 1)%12===0?12:(index + 1)%12)) && ((index+1)<=3 || ((index+1)%12===0?12:(index+1)%12)<=3)?'#FEB39F':(4<=(index+1) || 4<=((index+1)%12===0?12:(index+1)%12)) && ((index+1)<=6 || ((index+1)%12===0?12:(index+1)%12)<=6)?'#8AC9EA':(7<=(index+1) || 7<=((index+1)%12===0?12:(index+1)%12)) && ((index+1)<=9 || ((index+1)%12===0?12:(index+1)%12)<=9)?'#93B2EF':'#DDB795'}">
<view class="top" :style="{background:(1<=(index+1) || 1<=((index + 1)%12===0?12:(index + 1)%12)) && ((index+1)<=3 || ((index+1)%12===0?12:(index+1)%12)<=3)?'linear-gradient(135deg, #FFE5CA 0%, #FFFFFF 29%, #FFFFFF 69%, #FFDCD5 100%)':(4<=(index+1) || 4<=((index+1)%12===0?12:(index+1)%12)) && ((index+1)<=6 || ((index+1)%12===0?12:(index+1)%12)<=6)?'linear-gradient(135deg, #D4F7FF 0%, #FFFFFF 29%, #FFFFFF 69%, #CEECFF 100%)':(7<=(index+1) || 7<=((index+1)%12===0?12:(index+1)%12)) && ((index+1)<=9 || ((index+1)%12===0?12:(index+1)%12)<=9)?'linear-gradient(135deg, #D5E8FF 0%, #FFFFFF 29%, #FFFFFF 69%, #D3E0FF 100%)':'linear-gradient(135deg, #FEEBD1 0%, #FFFFFF 29%, #FFFFFF 69%, #FFE7D4 100%)'}"> <view class="top" :style="{background:(1<=(index+1) || 1<=((index + 1)%12===0?12:(index + 1)%12)) && ((index+1)<=3 || ((index+1)%12===0?12:(index+1)%12)<=3)?'linear-gradient(135deg, #FFE5CA 0%, #FFFFFF 29%, #FFFFFF 69%, #FFDCD5 100%)':(4<=(index+1) || 4<=((index+1)%12===0?12:(index+1)%12)) && ((index+1)<=6 || ((index+1)%12===0?12:(index+1)%12)<=6)?'linear-gradient(135deg, #D4F7FF 0%, #FFFFFF 29%, #FFFFFF 69%, #CEECFF 100%)':(7<=(index+1) || 7<=((index+1)%12===0?12:(index+1)%12)) && ((index+1)<=9 || ((index+1)%12===0?12:(index+1)%12)<=9)?'linear-gradient(135deg, #D5E8FF 0%, #FFFFFF 29%, #FFFFFF 69%, #D3E0FF 100%)':'linear-gradient(135deg, #FEEBD1 0%, #FFFFFF 29%, #FFFFFF 69%, #FFE7D4 100%)'}">
<view style="display: inline-block" @click="goToRevenueStatic"> <view style="display: inline-block" @click="goToRevenueStatic">
<view class="statistics"> <view class="statistics">
<image class="staticImg" :src="1<=selectMonth && selectMonth<=3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/1stStaticIcon.svg':4<=selectMonth && selectMonth<=6?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/2stStaticIcon.svg':7<=selectMonth && selectMonth<=9?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/3stStaticIcon.svg':'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/4stStaticIcon.svg'"/> <image class="staticImg" :src="1<=selectMonth && selectMonth<=3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/1stStaticIcon.svg':4<=selectMonth && selectMonth<=6?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/2stStaticIcon.svg':7<=selectMonth && selectMonth<=9?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/3stStaticIcon.svg':'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/4stStaticIcon.svg'"/>
<text class="staticTitle">营收统计</text> <text class="staticTitle">营收分析</text>
<image class="staticIcon" :src="1<=selectMonth && selectMonth<=3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/1stStaticMore.svg':4<=selectMonth && selectMonth<=6?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/2stStaticMore.svg':7<=selectMonth && selectMonth<=9?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/3stStaticMore.svg':'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/4stStaticMore.svg'"/> <image class="staticIcon" :src="1<=selectMonth && selectMonth<=3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/1stStaticMore.svg':4<=selectMonth && selectMonth<=6?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/2stStaticMore.svg':7<=selectMonth && selectMonth<=9?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/3stStaticMore.svg':'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/4stStaticMore.svg'"/>
</view> </view>
</view> </view>
@ -43,13 +53,13 @@
<view class="revenueTop"> <view class="revenueTop">
<view class="revenueTopLeft"> <view class="revenueTopLeft">
<text class="revenueNumber">{{showTableData.CashPayChange?showTableData.CashPayChange:'0.00'}}</text> <text class="revenueNumber">{{showTableData.CashPayChange?showTableData.CashPayChange:'0.00'}}</text>
<view class="moreIcon" @click="changeShowRealBox">? <!-- <view class="moreIcon" @click="changeShowRealBox">?-->
<view v-if="showRealBox" class="realBox" @click.stop="changeShowRealBox"> <!-- <view v-if="showRealBox" class="realBox" @click.stop="changeShowRealBox">-->
<view><text class="label">对客营收：</text>{{showTableData.CashPay?$util.fmoney(showTableData.CashPay,2):'-'}}</view> <!-- <view><text class="label">对客营收：</text>{{showTableData.CashPay?$util.fmoney($util.getMoney(showTableData.CashPay),2):'-'}}</view>-->
<view><text class="label">自营收入：</text>{{typeList && typeList.length>0?$util.fmoney(typeList[0].value,2) : '-'}}</view> <!-- <view><text class="label">自营收入：</text>{{typeList && typeList.length>0?$util.fmoney($util.getMoney(typeList[0].value),2) : '-'}}</view>-->
<view><text class="label">外租收入：</text>{{typeList && typeList.length>0?$util.fmoney(typeList[1].value,2) : '-'}}</view> <!-- <view><text class="label">外租收入：</text>{{typeList && typeList.length>0?$util.fmoney($util.getMoney(typeList[1].value),2) : '-'}}</view>-->
</view> <!-- </view>-->
</view> <!-- </view>-->
</view> </view>
<view class="revenueTopRight" v-if="showTableData.add"> <view class="revenueTopRight" v-if="showTableData.add">
<!--https://eshangtech.com/ShopICO/ahyd-BID/examine/reduce.svg--> <!--https://eshangtech.com/ShopICO/ahyd-BID/examine/reduce.svg-->
@ -58,7 +68,8 @@
</view> </view>
</view> </view>
<view class="revenueNav"> <view class="revenueNav">
<text class="leftNav">{{selectMonth}}月对客营收<text class="unit">/万元</text></text> <!-- <text class="leftNav">{{selectMonth}}月对客营收<text class="unit">/万元</text></text>-->
<text class="leftNav">对客营收</text>
<text class="rightNav">同比</text> <text class="rightNav">同比</text>
</view> </view>
<view class="newBox"> <view class="newBox">
@ -70,14 +81,15 @@
</view> </view>
</view> </view>
<view class="message"> <view class="message" >
<view class="smallDetailItem" style="margin-right: 14px"> <view class="smallDetailItem" style="margin-right: 14px">
<view class="messageTop"> <view class="messageTop">
<view class="type" :style="{background:1<=selectMonth && selectMonth<=3?'#DB573B':4<=selectMonth && selectMonth<=6?'#137BBD':7<=selectMonth && selectMonth<=9?'#3663CB':'#A66A37'}"></view> <view class="type" :style="{background:1<=selectMonth && selectMonth<=3?'#DB573B':4<=selectMonth && selectMonth<=6?'#137BBD':7<=selectMonth && selectMonth<=9?'#3663CB':'#A66A37'}"></view>
<text class="typeTitle">自营收入<text class="unit">/万元</text></text> <text class="typeTitle">自营收入</text>
<!-- <text class="unit">/万元</text>-->
</view> </view>
<view class="middle" v-if="monthAdd"> <view class="middle" v-if="typeList && typeList.length>0">
<text class="money">{{typeList[0].showValue?$util.fmoney(typeList[0].showValue,2):''}}</text> <text class="money">{{revenueMoney?$util.fmoney(revenueMoney || 0,2):''}}</text>
<view class="addItem">{{monthAdd || ''}}%</view> <view class="addItem">{{monthAdd || ''}}%</view>
</view> </view>
<view class="messageBottom" v-if="typeList && typeList[0].add"> <view class="messageBottom" v-if="typeList && typeList[0].add">
@ -89,10 +101,11 @@
<view class="smallDetailItem"> <view class="smallDetailItem">
<view class="messageTop"> <view class="messageTop">
<view class="type" :style="{background:1<=selectMonth && selectMonth<=3?'#FFAB30':4<=selectMonth && selectMonth<=6?'#5DC1E0':7<=selectMonth && selectMonth<=9?'#7CADF8':'#DCA858'}"></view> <view class="type" :style="{background:1<=selectMonth && selectMonth<=3?'#FFAB30':4<=selectMonth && selectMonth<=6?'#5DC1E0':7<=selectMonth && selectMonth<=9?'#7CADF8':'#DCA858'}"></view>
<text class="typeTitle">外租收入<text class="unit">/万元</text></text> <text class="typeTitle">外租收入</text>
<!-- <text class="unit">/万元</text>-->
</view> </view>
<view class="middle"> <view class="middle">
<text class="money">{{typeList[1].showValue?$util.fmoney(typeList[1].showValue,2):''}}</text> <text class="money">{{externalMoney?$util.fmoney(externalMoney || 0,2):''}}</text>
<!-- <view class="addItem">+13.18%</view>--> <!-- <view class="addItem">+13.18%</view>-->
</view> </view>
<view class="messageBottom" v-if="typeList && typeList[1].add"> <view class="messageBottom" v-if="typeList && typeList[1].add">
@ -103,7 +116,9 @@
</view> </view>
<view class="moneyRate"> <view class="moneyRate">
<view class="leftBox" @click="handleShowYDModal" v-if="showRateChart"> <view class="leftBox" @click="handleShowYDModal" v-if="showRateChart">
<view class="rateChartsBox">
<rateCharts :success="moneyRateList" :colorList="1<=selectMonth && selectMonth<=3?['#DB573B','#FFAB30']:4<=selectMonth && selectMonth<=6?['#137BBD','#5DC1E0']:7<=selectMonth && selectMonth<=9?['#3663CB','#7CADF8']:['#A66A37','#DCA858']" :name="`${selectMonth}rate`"/> <rateCharts :success="moneyRateList" :colorList="1<=selectMonth && selectMonth<=3?['#DB573B','#FFAB30']:4<=selectMonth && selectMonth<=6?['#137BBD','#5DC1E0']:7<=selectMonth && selectMonth<=9?['#3663CB','#7CADF8']:['#A66A37','#DCA858']" :name="`${selectMonth}rate`"/>
</view>
<view class="haveNoticeBox" v-if="ydModal" @click.stop="handleShowYDModal"> <view class="haveNoticeBox" v-if="ydModal" @click.stop="handleShowYDModal">
<text class="label">驿达入账:<text class="value">{{ydRate}}%</text></text> <text class="label">驿达入账:<text class="value">{{ydRate}}%</text></text>
<text class="label">商家入账:<text class="value">{{shopRate}}%</text></text> <text class="label">商家入账:<text class="value">{{shopRate}}%</text></text>
@ -112,22 +127,33 @@
<view class="rightBox"> <view class="rightBox">
<view class="noticeItem"> <view class="noticeItem">
<view class="noticeTop" :style="{background:1<=selectMonth && selectMonth<=3?'#DB573B':4<=selectMonth && selectMonth<=6?'#137BBD':7<=selectMonth && selectMonth<=9?'#3663CB':'#A66A37'}"></view> <view class="noticeTop" :style="{background:1<=selectMonth && selectMonth<=3?'#DB573B':4<=selectMonth && selectMonth<=6?'#137BBD':7<=selectMonth && selectMonth<=9?'#3663CB':'#A66A37'}"></view>
<view class="noticeText">驿达入账<span class="noticeSmallText">/万元</span></view> <view class="noticeText">驿达入账</view>
<text class="noticeMoney">{{currentPeriodData.Royalty_Theory?$util.fmoney(currentPeriodData.Royalty_Theory / 10000,2):'-'}}</text> <!-- <span class="noticeSmallText">/万元</span>-->
<text class="noticeMoney">{{currentPeriodData.Royalty_Theory?$util.fmoney($util.getMoney(currentPeriodData.Royalty_Theory / 10000),2):'-'}}</text>
</view> </view>
<view class="noticeItem"> <view class="noticeItem">
<view class="noticeTop" :style="{background:1<=selectMonth && selectMonth<=3?'#FFAB30':4<=selectMonth && selectMonth<=6?'#5DC1E0':7<=selectMonth && selectMonth<=9?'#7CADF8':'#DCA858'}"></view> <view class="noticeTop" :style="{background:1<=selectMonth && selectMonth<=3?'#FFAB30':4<=selectMonth && selectMonth<=6?'#5DC1E0':7<=selectMonth && selectMonth<=9?'#7CADF8':'#DCA858'}"></view>
<view class="noticeText">商家入账<span class="noticeSmallText">/万元</span></view> <view class="noticeText">商家入账</view>
<text class="noticeMoney">{{ currentPeriodData.SubRoyalty_Theory?$util.fmoney(currentPeriodData.SubRoyalty_Theory / 10000,2):'-' }}</text> <!-- <span class="noticeSmallText">/万元</span>-->
<text class="noticeMoney">{{ currentPeriodData.SubRoyalty_Theory?$util.fmoney($util.getMoney(currentPeriodData.SubRoyalty_Theory / 10000),2):'-' }}</text>
</view>
</view> </view>
</view> </view>
</view> </view>
<view class="goBusiness"> <view class="goBusiness">
<view class="bussinessRight" @click="handleGoProject"> <!-- @click="handleGoProject"-->
<span class="bussinessText">商家欠款</span> <view class="bussinessRight" >
<image class="staticIcon" :src="1<=selectMonth && selectMonth<=3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/1stStaticMore.svg':4<=selectMonth && selectMonth<=6?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/2stStaticMore.svg':7<=selectMonth && selectMonth<=9?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/3stStaticMore.svg':'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/4stStaticMore.svg'"/> <span class="bussinessText">单位 万元</span>
<view class="moreIcon" @click="changeShowRealBox">?
<view v-if="showRealBox" class="realBox" @click.stop="changeShowRealBox">
<view><text class="label">对客营收：</text>{{showTableData.CashPay?$util.fmoney($util.getMoney(showTableData.CashPay),2):'-'}}</view>
<view><text class="label">自营收入：</text>{{typeList && typeList.length>0?$util.fmoney($util.getMoney(typeList[0].value),2) : '-'}}</view>
<view><text class="label">外租收入：</text>{{typeList && typeList.length>0?$util.fmoney($util.getMoney(typeList[1].value),2) : '-'}}</view>
</view> </view>
</view> </view>
<!-- <span class="bussinessText">商家欠款</span>-->
<!-- <image class="staticIcon" :src="1<=selectMonth && selectMonth<=3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/1stStaticMore.svg':4<=selectMonth && selectMonth<=6?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/2stStaticMore.svg':7<=selectMonth && selectMonth<=9?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/3stStaticMore.svg':'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/4stStaticMore.svg'"/>-->
</view>
</view> </view>
</view> </view>
<view class="revenueBox" v-show="selectMonth!==index+1 && selectMonth !== ((index+1)%12===0?12:(index+1)%12)"> <view class="revenueBox" v-show="selectMonth!==index+1 && selectMonth !== ((index+1)%12===0?12:(index+1)%12)">
@ -229,9 +255,21 @@
<view class="otherDetailBottom"> <view class="otherDetailBottom">
<view class="bottomItem" @click="handleShowTrafficDetail" style="margin-bottom: 16rpx"> <view class="bottomItem" @click="handleShowTrafficDetail" style="margin-bottom: 16rpx">
<view class="bottomSmallItem">
<view class="itemLeft"> <view class="itemLeft">
<image class="leftIcon" :src="1<=selectMonth && selectMonth<=3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/1stEntryCar.svg':4<=selectMonth && selectMonth<=6?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/2stEntryCar.svg':7<=selectMonth && selectMonth<=9?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/3stEntryCar.svg':'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/4stEntryCar.svg'"/> <image class="leftIcon" :src="1<=selectMonth && selectMonth<=3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/1stEntryCar.svg':4<=selectMonth && selectMonth<=6?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/2stEntryCar.svg':7<=selectMonth && selectMonth<=9?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/3stEntryCar.svg':'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/4stEntryCar.svg'"/>
<text class="itemTitle">入区车流</text> <text class="itemTitle">入区车流</text>
</view>
<view class="itemCenter">
</view>
<view class="itemRight">
<text class="itemValue">{{trafficCurrentObj.Vehicle_AddUpCount?trafficCurrentObj.AddUpCount:''}}</text>
<text class="itemText">{{`/${trafficeUnit || '-'}`}}</text>
</view>
</view>
<view class="bottomSmallItem">
<view class="itemLeft">
</view> </view>
<view class="itemCenter"> <view class="itemCenter">
<text class="itemValue">{{trafficYOYObj.Vehicle_GrowthRate?trafficYOYObj.Vehicle_GrowthRate>0?'+'+trafficYOYObj.Vehicle_GrowthRate+'%':trafficYOYObj.Vehicle_GrowthRate+'%':'-'}}</text> <text class="itemValue">{{trafficYOYObj.Vehicle_GrowthRate?trafficYOYObj.Vehicle_GrowthRate>0?'+'+trafficYOYObj.Vehicle_GrowthRate+'%':trafficYOYObj.Vehicle_GrowthRate+'%':'-'}}</text>
@ -242,12 +280,23 @@
<text class="itemText">/环比</text> <text class="itemText">/环比</text>
</view> </view>
</view> </view>
</view>
<view class="bottomItem" @click="handleShowTrafficDetail" style="margin-bottom: 16rpx"> <view class="bottomItem" @click="handleShowTrafficDetail" style="margin-bottom: 16rpx">
<view class="bottomSmallItem">
<view class="itemLeft"> <view class="itemLeft">
<image class="leftIcon" :src="1<=selectMonth && selectMonth<=3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/1stEntryRate.svg':4<=selectMonth && selectMonth<=6?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/2stEntryRate.svg':7<=selectMonth && selectMonth<=9?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/3stEntryRate.svg':'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/4stEntryRate.svg'"/> <image class="leftIcon" :src="1<=selectMonth && selectMonth<=3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/1stEntryRate.svg':4<=selectMonth && selectMonth<=6?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/2stEntryRate.svg':7<=selectMonth && selectMonth<=9?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/3stEntryRate.svg':'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/4stEntryRate.svg'"/>
<text class="itemTitle">入区率</text> <text class="itemTitle">入区率</text>
</view> </view>
<view class="itemCenter">
</view>
<view class="itemRight">
<text class="itemValue">{{trafficCurrentObj.Entry_Rate?trafficCurrentObj.Entry_Rate + '%':''}}</text>
</view>
</view>
<view class="bottomSmallItem">
<view class="itemLeft">
</view>
<view class="itemCenter"> <view class="itemCenter">
<text class="itemValue">{{trafficYOYObj.Entry_GrowthRate?trafficYOYObj.Entry_GrowthRate>0?'+'+trafficYOYObj.Entry_GrowthRate+'%':trafficYOYObj.Entry_GrowthRate+'%':'-'}}</text> <text class="itemValue">{{trafficYOYObj.Entry_GrowthRate?trafficYOYObj.Entry_GrowthRate>0?'+'+trafficYOYObj.Entry_GrowthRate+'%':trafficYOYObj.Entry_GrowthRate+'%':'-'}}</text>
<text class="itemText">/同比</text> <text class="itemText">/同比</text>
@ -257,12 +306,23 @@
<text class="itemText">/环比</text> <text class="itemText">/环比</text>
</view> </view>
</view> </view>
</view>
<view class="bottomItem" @click="handleShowTrafficDetail"> <view class="bottomItem" @click="handleShowTrafficDetail">
<view class="bottomSmallItem">
<view class="itemLeft"> <view class="itemLeft">
<image class="leftIcon" :src="1<=selectMonth && selectMonth<=3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/1stEntryFix.svg':4<=selectMonth && selectMonth<=6?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/2stEntryFix.svg':7<=selectMonth && selectMonth<=9?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/3stEntryFix.svg':'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/4stEntryFix.svg'"/> <image class="leftIcon" :src="1<=selectMonth && selectMonth<=3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/1stEntryFix.svg':4<=selectMonth && selectMonth<=6?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/2stEntryFix.svg':7<=selectMonth && selectMonth<=9?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/3stEntryFix.svg':'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/4stEntryFix.svg'"/>
<text class="itemTitle">停留时长</text> <text class="itemTitle">停留时长</text>
</view> </view>
<view class="itemCenter">
</view>
<view class="itemRight">
<text class="itemValue">{{trafficCurrentObj.Stay_Times?trafficCurrentObj.Stay_Times + '分钟':''}}</text>
</view>
</view>
<view class="bottomSmallItem">
<view class="itemLeft">
</view>
<view class="itemCenter"> <view class="itemCenter">
<text class="itemValue">{{trafficYOYObj.StayTimes_GrowthRate?trafficYOYObj.StayTimes_GrowthRate>0?'+'+trafficYOYObj.StayTimes_GrowthRate+'%':trafficYOYObj.StayTimes_GrowthRate+'%':'-'}}</text> <text class="itemValue">{{trafficYOYObj.StayTimes_GrowthRate?trafficYOYObj.StayTimes_GrowthRate>0?'+'+trafficYOYObj.StayTimes_GrowthRate+'%':trafficYOYObj.StayTimes_GrowthRate+'%':'-'}}</text>
<text class="itemText">/同比</text> <text class="itemText">/同比</text>
@ -273,6 +333,8 @@
</view> </view>
</view> </view>
</view>
<view class="monthDetail" @click.stop="handleShowTrafficDetail" v-if="showMonthDetail"> <view class="monthDetail" @click.stop="handleShowTrafficDetail" v-if="showMonthDetail">
<view class="monthItem"> <view class="monthItem">
<text class="label">{{ `${index+1}月入区车流` }}</text> <text class="label">{{ `${index+1}月入区车流` }}</text>
@ -614,7 +676,7 @@
</view> </view>
<view class="chart"> <view class="chart">
<div v-show="selectTab===1" v-if="regionProgress.length>0"> <div v-show="selectTab===1" v-if="regionProgress && regionProgress.length>0">
<div> <div>
<div class="operation-c-list" v-for="(item,o) in regionProgress" :key="o" :style="{marginBottom:o===regionProgress.length?'0px':''}"> <div class="operation-c-list" v-for="(item,o) in regionProgress" :key="o" :style="{marginBottom:o===regionProgress.length?'0px':''}">
<div class="top"> <div class="top">
@ -636,7 +698,7 @@
</div> </div>
</div> </div>
</div> </div>
<div v-show="selectTab===2" v-if="areaProgress.length>0"> <div v-show="selectTab===2" v-if="areaProgress && areaProgress.length>0">
<div> <div>
<div class="operation-c-list" v-for="(item,o) in areaProgress" :key="o" :style="{marginBottom:o===regionProgress.length?'0px':''}"> <div class="operation-c-list" v-for="(item,o) in areaProgress" :key="o" :style="{marginBottom:o===regionProgress.length?'0px':''}">
<div class="top"> <div class="top">
@ -931,6 +993,7 @@ export default {
trafficQOQObj:{},// 环比对象 trafficQOQObj:{},// 环比对象
trafficYOYObj:{},// 同比对象 trafficYOYObj:{},// 同比对象
trafficCurrentObj:{},// 当前月 trafficCurrentObj:{},// 当前月
trafficeUnit:'',// 单位
showMonthDetail:false,//月度车流的显示框 showMonthDetail:false,//月度车流的显示框
yesObjCompared:'',//昨日营收的比较值 yesObjCompared:'',//昨日营收的比较值
moneyRateList:[], moneyRateList:[],
@ -939,6 +1002,8 @@ export default {
ydRate:'',// 驿达百分比 ydRate:'',// 驿达百分比
shopRate:'',// 商家百分比 shopRate:'',// 商家百分比
showRateChart:true,// 显示百分比表格 showRateChart:true,// 显示百分比表格
revenueMoney:'',// 自营收入
externalMoney:'',// 外租收入
} }
}, },
watch:{ watch:{
@ -1511,7 +1576,7 @@ export default {
ShowCount:20 ShowCount:20
} }
request.$webGet('CommercialApi/BigData/GetBayonetWarning',req).then(res=>{ request.$webGet('CommercialApi/BigData/GetBayonetWarning',req).then(res=>{
if (res.Result_Data.List.length>0){ if (res.Result_Data.List && res.Result_Data.List.length>0){
this.special = true this.special = true
} }
res.Result_Data.List.forEach(item=>{ res.Result_Data.List.forEach(item=>{
@ -1532,6 +1597,9 @@ export default {
this.warningList = list.slice(0,3) this.warningList = list.slice(0,3)
}) })
}, },
handleGoMap(){
this.$util.toNextRoute('navigateTo', '/pages/map/index?type=index')
},
handleReg(){ handleReg(){
this.$util.toNextRoute('redirectTo', '/pages/register/register') this.$util.toNextRoute('redirectTo', '/pages/register/register')
}, },
@ -1666,17 +1734,25 @@ export default {
const date = new Date(this.lastDay) const date = new Date(this.lastDay)
// let y = date.getFullYear() // let y = date.getFullYear()
// let m = e.detail.current + 1 // let m = e.detail.current + 1
// if(m<10){ if(m<10){
// m='0'+m m='0'+m
// } }
this.single = `${2023+y}-${m}` this.single = `${2023+y}-${m}`
this.showTableData = null this.showTableData = null
this.currentPeriodData = null
// this.yesObj = null // this.yesObj = null
this.typeList = [] this.typeList = []
this.revenueMoney = ''
this.externalMoney = ''
this.carInfo = null this.carInfo = null
this.examineObj = null this.examineObj = null
this.trafficCurrentObj = null
this.trafficeUnit = null
this.trafficYOYObj = null
this.trafficQOQObj = null
this.dailyExamineObj = null this.dailyExamineObj = null
this.monthAdd = null this.monthAdd = null
console.log('this.typeList',this.typeList)
// 月份详情卡片的详情 // 月份详情卡片的详情
this.initYesterdayData(this.selectMonth!==date.getMonth()+1) this.initYesterdayData(this.selectMonth!==date.getMonth()+1)
// 自营计划 // 自营计划
@ -1782,6 +1858,7 @@ export default {
this.$util.toNextRoute('navigateTo', `/pages/newamine/index?come=index&type=${type}&time=${this.single}`) this.$util.toNextRoute('navigateTo', `/pages/newamine/index?come=index&type=${type}&time=${this.single}`)
}, },
async initYesterdayData(type,str){ async initYesterdayData(type,str){
this.typeList= []
// type 判断如果是滑动的 就是true 日期就传空 别的地方调用 默认传入时间 // type 判断如果是滑动的 就是true 日期就传空 别的地方调用 默认传入时间
let flag3 = false let flag3 = false
// 获取营收推送汇总数据 老的 // 获取营收推送汇总数据 老的
@ -1791,8 +1868,10 @@ export default {
// ShowCompareRate: true, // ShowCompareRate: true,
// ShowYearRevenue: true // ShowYearRevenue: true
// } // }
console.log('this.single',this.single)
const nowDate = new Date(this.single) const nowDate = new Date(this.single)
let month = JSON.parse(JSON.stringify(this.selectMonth)) let month = JSON.parse(JSON.stringify(this.selectMonth))
console.log('nowDate.getFullYear()',nowDate.getFullYear())
if (month<10){ if (month<10){
month = '0'+ month month = '0'+ month
} }
@ -1834,6 +1913,7 @@ export default {
this.currentPeriodData = result.MonthRevenueModel.CurAccountRoyalty this.currentPeriodData = result.MonthRevenueModel.CurAccountRoyalty
this.moneyRateList = [this.currentPeriodData.Royalty_Theory,this.currentPeriodData.SubRoyalty_Theory] this.moneyRateList = [this.currentPeriodData.Royalty_Theory,this.currentPeriodData.SubRoyalty_Theory]
let sum = this.currentPeriodData.Royalty_Theory+this.currentPeriodData.SubRoyalty_Theory let sum = this.currentPeriodData.Royalty_Theory+this.currentPeriodData.SubRoyalty_Theory
console.log('currentPeriodData',this.currentPeriodData)
if(sum===0){ if(sum===0){
this.ydRate = '-' this.ydRate = '-'
this.shopRate = '-' this.shopRate = '-'
@ -1841,7 +1921,7 @@ export default {
this.ydRate = ((this.currentPeriodData.Royalty_Theory / sum)*100).toFixed(2) this.ydRate = ((this.currentPeriodData.Royalty_Theory / sum)*100).toFixed(2)
this.shopRate = ((this.currentPeriodData.SubRoyalty_Theory / sum)*100).toFixed(2) this.shopRate = ((this.currentPeriodData.SubRoyalty_Theory / sum)*100).toFixed(2)
} }
console.log('result.BusinessTypeList',result.BusinessTypeList)
result.BusinessTypeList.forEach(item=>{ result.BusinessTypeList.forEach(item=>{
progressAll+=Number(item.value) progressAll+=Number(item.value)
let index = (item.value /10000).toString().indexOf('.') let index = (item.value /10000).toString().indexOf('.')
@ -1870,6 +1950,8 @@ export default {
} }
}) })
this.typeList = result.BusinessTypeList this.typeList = result.BusinessTypeList
this.revenueMoney = result.BusinessTypeList[0].showValue
this.externalMoney = result.BusinessTypeList[1].showValue
this.progressObj={ this.progressObj={
owner:Number(((this.typeList[0].value / progressAll)*100).toFixed(2)), owner:Number(((this.typeList[0].value / progressAll)*100).toFixed(2)),
@ -1897,6 +1979,7 @@ export default {
this.showTableData = result.MonthRevenueModel this.showTableData = result.MonthRevenueModel
console.log('result.MonthRevenueModel',result.MonthRevenueModel)
if (this.showTableData.RevenueYOY){ if (this.showTableData.RevenueYOY){
this.showTableData.add = Number(((this.showTableData.CashPay-this.showTableData.RevenueYOY)/this.showTableData.RevenueYOY*100).toFixed(2)) this.showTableData.add = Number(((this.showTableData.CashPay-this.showTableData.RevenueYOY)/this.showTableData.RevenueYOY*100).toFixed(2))
this.showTableData.add = this.showTableData.add>0?'+'+this.showTableData.add:this.showTableData.add this.showTableData.add = this.showTableData.add>0?'+'+this.showTableData.add:this.showTableData.add
@ -1982,13 +2065,24 @@ export default {
Statistics_Date:time Statistics_Date:time
} }
request.$webGet('CommercialApi/Revenue/GetProvinceAvgBayonetAnalysis',req).then(res=>{ request.$webGet('CommercialApi/Revenue/GetProvinceAvgBayonetAnalysis',req).then(res=>{
console.log('res11121212',res)
res.Result_Data.List.forEach(item=>{ res.Result_Data.List.forEach(item=>{
if (item.Serverpart_Name==='QOQ'){ if (item.Serverpart_Name==='QOQ'){
this.trafficQOQObj = item this.trafficQOQObj = item
}else if(item.Serverpart_Name==='YOY'){ }else if(item.Serverpart_Name==='YOY'){
this.trafficYOYObj = item this.trafficYOYObj = item
}else{ }else{
console.log('this.trafficCurrentObj',this.trafficCurrentObj)
this.trafficCurrentObj = item this.trafficCurrentObj = item
if (this.trafficCurrentObj.Vehicle_AddUpCount / 1000000 >=1){
this.trafficCurrentObj.AddUpCount = this.$util.fmoney(this.$util.getMoney(this.trafficCurrentObj.Vehicle_AddUpCount/1000000),2)
this.trafficeUnit = '百万辆'
}else if (this.trafficCurrentObj.Vehicle_AddUpCount / 10000>=1){
this.trafficCurrentObj.AddUpCount = this.$util.fmoney(this.$util.getMoney(this.trafficCurrentObj.Vehicle_AddUpCount/10000),2)
this.trafficeUnit = '万辆'
}else{
this.trafficCurrentObj.AddUpCount = this.trafficCurrentObj.Vehicle_AddUpCount
}
} }
}) })
this.showRateChart = true this.showRateChart = true
@ -2149,7 +2243,7 @@ export default {
console.log('this.showTableData.CashPay',this.showTableData.CashPay) console.log('this.showTableData.CashPay',this.showTableData.CashPay)
let number = this.showTableData.CashPay / 10000 let number = this.showTableData.CashPay / 10000
console.log('number',number) console.log('number',number)
this.showTableData.CashPayChange = this.$util.fmoney(number,2) this.showTableData.CashPayChange = this.$util.fmoney(this.$util.getMoney(number),2)
// for (let key in this.showTableData){ // for (let key in this.showTableData){
// if (this.showTableData[key]){ // if (this.showTableData[key]){
// // 在有值的前提下 // // 在有值的前提下
@ -2241,6 +2335,9 @@ $iphoneHeight: env(safe-area-inset-bottom);
z-index:999997; z-index:999997;
.selectTime { .selectTime {
position: absolute; position: absolute;
display: flex;
align-items: center;
.searchIconBox{
display: flex; display: flex;
align-items: center; align-items: center;
.dateIcon { .dateIcon {
@ -2248,6 +2345,34 @@ $iphoneHeight: env(safe-area-inset-bottom);
height: 16px; height: 16px;
margin-right: 4px; margin-right: 4px;
} }
.searchIconText{
font-size: 28rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 600;
color: #160002;
line-height: 40rpx;
}
}
.seachBox{
width: 350rpx;
height: 100%;
background: #fff;
border-radius: 32rpx;
margin-left: 16rpx;
box-sizing: border-box;
padding: 10rpx 20rpx;
display: flex;
align-items: center;
.searchIcon{
width: 32rpx;
height: 32rpx;
margin-right: 12rpx;
}
.searchText{
font-size: 28rpx;
color: #A69E9F;
}
}
.time { .time {
display: flex; display: flex;
align-items: center; align-items: center;
@ -2310,7 +2435,7 @@ $iphoneHeight: env(safe-area-inset-bottom);
background: rgba(254, 192, 168,0.8); background: rgba(254, 192, 168,0.8);
.top{ .top{
width: 100%; width: 100%;
height: 690rpx; height: 610rpx;
background: linear-gradient(135deg, #FFE5CA 0%, #FFFFFF 29%, #FFFFFF 69%, #FFDCD5 100%); background: linear-gradient(135deg, #FFE5CA 0%, #FFFFFF 29%, #FFFFFF 69%, #FFDCD5 100%);
border-bottom-right-radius: 32rpx; border-bottom-right-radius: 32rpx;
border-bottom-left-radius: 32rpx; border-bottom-left-radius: 32rpx;
@ -2406,7 +2531,8 @@ $iphoneHeight: env(safe-area-inset-bottom);
font-size: 28rpx; font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
color: #160002; //color: #160002;
color: #A69E9F;
line-height: 40rpx; line-height: 40rpx;
.unit{ .unit{
font-size: 28rpx; font-size: 28rpx;
@ -2429,12 +2555,12 @@ $iphoneHeight: env(safe-area-inset-bottom);
.newBox{ .newBox{
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
padding: 32rpx 16rpx 0; padding: 16rpx 16rpx 0;
//background: linear-gradient(135deg, #FFE3BA 0%, #FFF5E5 40%, #FFF1DB 78%, #FFDABC 100%); border-radius: 16rpx; //background: linear-gradient(135deg, #FFE3BA 0%, #FFF5E5 40%, #FFF1DB 78%, #FFDABC 100%); border-radius: 16rpx;
margin-top: 32rpx; //margin-top: 32rpx;
.progress{ .progress{
width: 100%; width: 100%;
height: 24rpx; height: 18rpx;
border-radius: 12rpx; border-radius: 12rpx;
background: #FFAB30; background: #FFAB30;
//overflow: hidden; //overflow: hidden;
@ -2463,7 +2589,7 @@ $iphoneHeight: env(safe-area-inset-bottom);
.message{ .message{
width: 100%; width: 100%;
display: flex; display: flex;
margin-top: 32rpx; margin-top: 16rpx;
.smallDetailItem{ .smallDetailItem{
width: 50%; width: 50%;
.messageTop{ .messageTop{
@ -2541,7 +2667,7 @@ $iphoneHeight: env(safe-area-inset-bottom);
.moneyRate{ .moneyRate{
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
margin-top: 40rpx; margin-top: 16rpx;
height: 144rpx; height: 144rpx;
display: flex; display: flex;
align-items: center; align-items: center;
@ -2550,6 +2676,10 @@ $iphoneHeight: env(safe-area-inset-bottom);
height: 144rpx; height: 144rpx;
margin-right: 16rpx; margin-right: 16rpx;
position: relative; position: relative;
.rateChartsBox{
width: 144rpx;
height: 144rpx;
}
.haveNoticeBox{ .haveNoticeBox{
position: absolute; position: absolute;
bottom: 0;left: 0; bottom: 0;left: 0;
@ -2604,6 +2734,7 @@ $iphoneHeight: env(safe-area-inset-bottom);
} }
} }
} }
}
.goBusiness{ .goBusiness{
width: 100%; width: 100%;
display: flex; display: flex;
@ -2613,12 +2744,37 @@ $iphoneHeight: env(safe-area-inset-bottom);
align-items: center; align-items: center;
.bussinessText{ .bussinessText{
font-size: 28rpx; font-size: 28rpx;
font-family: PingFangSC-Semibold, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
color: #A69E9F; color: #A69E9F;
line-height: 40rpx; line-height: 40rpx;
margin: 0 4px; margin: 0 4px;
} }
.moreIcon{
width: 12px;
height: 12px;
display: flex;
align-items: center;
justify-content: center;
border: 2px solid #A69E9F;
border-radius: 50%;
color: #A69E9F;
font-size: 12px;
font-weight: 600;
margin-left: 6px;
position: relative;
.realBox{
position: absolute;
//left: 0;top: 0;
right: 0;bottom: 0;
display: inline-block;
padding: 5px 10px;
background: #fff;
border-radius: 10rpx;
box-shadow: 0rpx 0rpx 40rpx 0rpx rgba(244, 138, 143, 0.21);
z-index:9;
}
}
.staticIcon{ .staticIcon{
width: 32rpx; width: 32rpx;
height: 32rpx; height: 32rpx;
@ -2628,7 +2784,6 @@ $iphoneHeight: env(safe-area-inset-bottom);
} }
} }
} }
}
.bottom{ .bottom{
width: 100%; width: 100%;
height: 72rpx; height: 72rpx;
@ -2757,9 +2912,12 @@ $iphoneHeight: env(safe-area-inset-bottom);
margin-top: 40rpx; margin-top: 40rpx;
position: relative; position: relative;
.bottomItem{ .bottomItem{
width: 100%;
.bottomSmallItem{
width: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; }
.itemLeft{ .itemLeft{
width: 140rpx; width: 140rpx;
display: flex; display: flex;

52
pages/map/index.vue
View File

@ -29,7 +29,10 @@
<div class="serviceList" :style="{height:isMoveUp?`calc(100vh - 90px - ${menu.bottom + 5}px)`:''}"> <div class="serviceList" :style="{height:isMoveUp?`calc(100vh - 90px - ${menu.bottom + 5}px)`:''}">
<div class="serviceItem" v-for="(item,index) in serviceList" :key="index" @click="handleGoDetail(item.SERVERPART_ID,item)"> <div class="serviceItem" v-for="(item,index) in serviceList" :key="index" @click="handleGoDetail(item.SERVERPART_ID,item)">
<div class="topItem"> <div class="topItem">
<view class="leftItem">
<p class="title">{{item.SERVERPART_NAME }}</p> <p class="title">{{item.SERVERPART_NAME }}</p>
<view class="typeBox">{{serviceTypeObj[item.SERVERPART_TYPE]}}</view>
</view>
<div class="box"> <div class="box">
<div class="imgBox"> <div class="imgBox">
<image class="icon" src="https://eshangtech.com/ShopICO/ahyd-BID/service/phone.svg"></image> <image class="icon" src="https://eshangtech.com/ShopICO/ahyd-BID/service/phone.svg"></image>
@ -63,6 +66,7 @@
<script> <script>
import request from '@/util/index.js' import request from '@/util/index.js'
import {getFieldEnum} from "../../util/dateTime";
export default { export default {
name: "index", name: "index",
data(){ data(){
@ -85,7 +89,9 @@ export default {
markers:'',//地图属性 markers:'',//地图属性
covers:'',//地图属性 covers:'',//地图属性
area:'',//当前选中片区名称 area:'',//当前选中片区名称
serviceInfo:{} serviceInfo:{},
type:'',// 哪里进来
serviceTypeObj:{}
} }
}, },
onLoad(option){ onLoad(option){
@ -105,11 +111,15 @@ export default {
this.getServiceList() this.getServiceList()
} }
}) })
if (option.serviceInfo){
this.serviceInfo = JSON.parse(option.serviceInfo) this.serviceInfo = JSON.parse(option.serviceInfo)
}
if (option.chartType){ if (option.chartType){
this.chartType = true this.chartType = true
} }
this.page = option.page this.page = option.page
this.type = option.type
console.log('type',this.type)
}, },
onShow(){ onShow(){
let seat = uni.getStorageSync('currentService') let seat = uni.getStorageSync('currentService')
@ -133,7 +143,8 @@ export default {
this.menu = uni.getMenuButtonBoundingClientRect() this.menu = uni.getMenuButtonBoundingClientRect()
// 地图初始化 // 地图初始化
this.mapCtx = uni.createMapContext('myMap') this.mapCtx = uni.createMapContext('myMap')
// 服务区类型枚举
this.handleServiceType()
// this.getLocation() // this.getLocation()
// this.getListData() // this.getListData()
}, },
@ -157,6 +168,17 @@ export default {
} }
}, },
methods:{ methods:{
// 枚举服务区类型 SERVERPART_TYPE
async handleServiceType(){
const data = await getFieldEnum({ FieldExplainField: 'SERVERPART_TYPE' });
console.log('data',data)
let obj = {}
data.forEach(item=>{
obj[Number(item.value)] = item.label
})
console.log('obj',obj)
this.serviceTypeObj = obj
},
//跳转到腾讯地图 //跳转到腾讯地图
handleGomap(item){ handleGomap(item){
let seat = uni.getStorageSync('seatInfo') let seat = uni.getStorageSync('seatInfo')
@ -199,10 +221,14 @@ export default {
} }
const data = await request.$webGet('CommercialApi/BaseInfo/GetSPRegionList',req) const data = await request.$webGet('CommercialApi/BaseInfo/GetSPRegionList',req)
console.log('data123',data) console.log('data123',data)
let list = [{name:'安徽驿达',value:'0'}] let list = []
data.Result_Data.List.forEach(item=>{ data.Result_Data.List.forEach(item=>{
list.push({name:item.name,value:item.value}) list.push({name:item.name,value:item.value})
}) })
// let list = [{name:'安徽驿达',value:'0'}]
// data.Result_Data.List.forEach(item=>{
// list.push({name:item.name,value:item.value})
// })
this.array = list this.array = list
if (this.area){ if (this.area){
this.array.forEach((item,index)=>{ this.array.forEach((item,index)=>{
@ -264,6 +290,9 @@ export default {
} }
uni.setStorageSync('currentService',res) //当前选中服务区信息 uni.setStorageSync('currentService',res) //当前选中服务区信息
let pageList = getCurrentPages() let pageList = getCurrentPages()
if (this.type==='index'){
this.$util.toNextRoute('navigateTo', `/pages/map/detail`)
}else{
if (this.chartType){ if (this.chartType){
if (pageList.length>2){ if (pageList.length>2){
uni.navigateBack({ uni.navigateBack({
@ -277,6 +306,7 @@ export default {
}) })
} }
} }
}
}, },
async getListData(){ async getListData(){
let id let id
@ -467,6 +497,9 @@ export default {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
.leftItem{
display: flex;
align-items: center;
.title{ .title{
font-size: 14px; font-size: 14px;
font-family: PingFangSC-Semibold, PingFang SC; font-family: PingFangSC-Semibold, PingFang SC;
@ -474,6 +507,19 @@ export default {
color: #160002; color: #160002;
line-height: 20px; line-height: 20px;
} }
.typeBox{
background: linear-gradient(180deg, rgba(49, 144, 255, 0.2) 0%, rgba(22, 87, 255, 0.2) 100%);
border-radius: 8rpx;
padding: 0 16rpx;
font-size: 28rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
color: #1E67FF;
line-height: 40rpx;
margin-left: 16rpx;
}
}
.box{ .box{
display: flex; display: flex;
align-items: center; align-items: center;

1
static/images/seach/searchIcon.svg Normal file
View File

@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1703491182126" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4271" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M851.710029 803.043632c67.147306-78.301344 107.720374-180.059935 107.720373-291.298435 0-247.27171-200.453405-447.724091-447.724091-447.724091S63.981197 264.473487 63.981197 511.745197s200.453405 447.724091 447.724091 447.724091c111.2385 0 212.997092-40.573067 291.298435-107.720374l97.632622 97.632621c13.449313 13.449313 35.255968 13.449313 48.706305 0 13.449313-13.449313 13.449313-35.255968 0-48.706305l-97.632621-97.631598z m-67.805292-19.10001l-22.499434 19.294439c-34.062793 29.209252-72.504314 52.006468-114.25623 67.759243-43.206034 16.301268-88.775906 24.566512-135.441739 24.566512-102.521978 0-198.907189-39.924291-271.40127-112.417349s-112.417349-168.879292-112.417349-271.40127 39.924291-198.907189 112.417349-271.40127S409.184333 127.926578 511.706311 127.926578c102.521978 0 198.907189 39.924291 271.40127 112.417349s112.417349 168.879292 112.417349 271.40127c0 46.666856-8.265244 92.236727-24.566512 135.441738-15.752776 41.75294-38.549991 80.193437-67.759243 114.256231l-19.294438 22.500456z" p-id="4272" fill="#1890ff"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB