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-08-10 19:04:12 +08:00
parent 9f3bba9608
commit 6e21bca02c
4 changed files with 404 additions and 163 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
pages/commercialBI/formatDetail.vue
View File

@ -13,7 +13,8 @@
</div> </div>
<div class="detail" :style="{top:(menu.bottom + 22) + 'px'}"> <div class="detail" :style="{top:(menu.bottom + 22) + 'px'}">
<!-- --> <!-- -->
<div class="box" :style="{height:( (status.screenWidth - 32) / 2.09)+'px'}"> <!-- :style="{height:( (status.screenWidth - 32) / 2.09)+'px'}"-->
<div class="box" >
<div class="left"> <div class="left">
<image v-if="detail.BRAND_STATE === 1" class="img" :src="detail.BRAND_INTRO"></image> <image v-if="detail.BRAND_STATE === 1" class="img" :src="detail.BRAND_INTRO"></image>
</div> </div>
@ -180,11 +181,11 @@ export default {
}, },
handleShopDetail(item){ handleShopDetail(item){
console.log('item',item) console.log('item',item)
if (item.COOPMERCHANTS_ID && item.COOPMERCHANTS_ID!=='-1'){ // if (item.COOPMERCHANTS_ID && item.COOPMERCHANTS_ID!=='-1'){
uni.navigateTo({ // uni.navigateTo({
url:`/pages/commercialBI/shopDetail?id=${item.COOPMERCHANTS_ID}&COOPMERCHANTSID=${item.COOPMERCHANTS_ID_Encrypted}` // url:`/pages/commercialBI/shopDetail?id=${item.COOPMERCHANTS_ID}&COOPMERCHANTSID=${item.COOPMERCHANTS_ID_Encrypted}`
}) // })
} // }
} }
} }

53
pages/commercialBI/formatPortrait.vue
View File

@ -12,23 +12,23 @@
</div> </div>
<input class="search" confirm-type="search" placeholder="请输入品牌名称" v-model="searchText" @confirm="onSearch" /> <input class="search" confirm-type="search" placeholder="请输入品牌名称" v-model="searchText" @confirm="onSearch" />
</div> </div>
<div class="serviceArea" :style="{top : (menu.bottom + 14) + 'px'}" > <!-- <div class="serviceArea" :style="{top : (menu.bottom + 14) + 'px'}" >-->
<!-- @click="handleGoSelectService"--> <!--&lt;!&ndash; @click="handleGoSelectService"&ndash;&gt;-->
<div class="picker"> <!-- <div class="picker">-->
<div class="selectService"> <!-- <div class="selectService">-->
<image class="img" src="https://eshangtech.com/ShopICO/ahyd-BID/commercial/fixed.svg"></image> <!-- <image class="img" src="https://eshangtech.com/ShopICO/ahyd-BID/commercial/fixed.svg"></image>-->
<view class="select"> <!-- <view class="select">-->
<view class="content"> <!-- <view class="content">-->
<!-- <view class="uni-input">{{serviceArray[serviceIndex]}}</view>--> <!-- &lt;!&ndash; <view class="uni-input">{{serviceArray[serviceIndex]}}</view>&ndash;&gt;-->
<view class="uni-input">安徽驿达</view> <!-- <view class="uni-input">安徽驿达</view>-->
<!-- <text class="area">{{area}}</text>--> <!-- &lt;!&ndash; <text class="area">{{area}}</text>&ndash;&gt;-->
<!-- <text class="area">{{serviceInfo.SPREGIONTYPE_NAME}}</text>--> <!--&lt;!&ndash; <text class="area">{{serviceInfo.SPREGIONTYPE_NAME}}</text>&ndash;&gt;-->
<image class="rightArrow" src="https://eshangtech.com/ShopICO/ahyd-BID/commercial/rightArrow.svg"></image> <!-- <image class="rightArrow" src="https://eshangtech.com/ShopICO/ahyd-BID/commercial/rightArrow.svg"></image>-->
</view> <!-- </view>-->
</view> <!-- </view>-->
</div> <!-- </div>-->
</div> <!-- </div>-->
</div> <!-- </div>-->
</div> </div>
<div class="charts" :style="{height:`calc(100vh - ${status.screenWidth / 1.37}px)`}"> <div class="charts" :style="{height:`calc(100vh - ${status.screenWidth / 1.37}px)`}">
@ -64,11 +64,14 @@
<div class="labelItem">{{item.BUSINESSTRADE_NAME}}</div> <div class="labelItem">{{item.BUSINESSTRADE_NAME}}</div>
<div class="labelItem">{{item.BRAND_TYPENAME}}</div> <div class="labelItem">{{item.BRAND_TYPENAME}}</div>
</div> </div>
<div class="suggest" v-if="item.MerchantName"> <view style="display: flex;justify-content: flex-end">
<div class="suggest" @click.stop="handleShopDetail(item)" v-if="item.MerchantName">
{{item.MerchantName || ''}} {{item.MerchantName || ''}}
<!-- <text class="value">{{item.COMMISSION_RATIO || '-'}}</text>--> <!-- <text class="value">{{item.COMMISSION_RATIO || '-'}}</text>-->
<!-- <text class="text">建议提成比例</text>--> <!-- <text class="text">建议提成比例</text>-->
</div> </div>
</view>
</div> </div>
<div class="type"> <div class="type">
<image class="typeIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/brand/foodIcon.svg"></image> <image class="typeIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/brand/foodIcon.svg"></image>
@ -193,6 +196,14 @@ export default {
url:`/pages/map/index?page=${this.page}&chartType=${true}&serviceInfo=${JSON.stringify(this.serviceInfo)}` url:`/pages/map/index?page=${this.page}&chartType=${true}&serviceInfo=${JSON.stringify(this.serviceInfo)}`
}) })
}, },
handleShopDetail(item){
console.log('item',item)
if (item.MerchantID && item.MerchantID!=='-1'){
uni.navigateTo({
url:`/pages/commercialBI/shopDetail?id=${item.MerchantID}&COOPMERCHANTSID=${item.MerchantID_Encrypt}`
})
}
},
//返回上一级s //返回上一级s
handleBack(){ handleBack(){
if (this.backType==='userCenter'){ if (this.backType==='userCenter'){
@ -336,6 +347,7 @@ export default {
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;
.box{ .box{
padding: 0 16px; padding: 0 16px;
position: absolute; position: absolute;
@ -598,6 +610,7 @@ export default {
} }
} }
.suggest{ .suggest{
display: inline-block;
min-height: 25px; min-height: 25px;
padding: 0 8px; padding: 0 8px;
background: linear-gradient(90deg, RGBA(222, 231, 255, 1) 0%, RGBA(241, 246, 255, 1) 100%); background: linear-gradient(90deg, RGBA(222, 231, 255, 1) 0%, RGBA(241, 246, 255, 1) 100%);

461
pages/index/index.vue
View File

@ -4,7 +4,7 @@
<view class="meng" v-if="showHaveNotice" @click.stop="handleShowHaveNoticeBox"></view> <view class="meng" v-if="showHaveNotice" @click.stop="handleShowHaveNoticeBox"></view>
<!-- 根据要显示的内容 切换高度 --> <!-- 根据要显示的内容 切换高度 -->
<view :class="1<=selectMonth && selectMonth<=3?'header':4<=selectMonth && selectMonth<=6?'header secondHeader':7<=selectMonth && selectMonth<=9?'header thirdHeader':'header forthHeader'" <view :class="1<=selectMonth && selectMonth<=3?'header':4<=selectMonth && selectMonth<=6?'header secondHeader':7<=selectMonth && selectMonth<=9?'header thirdHeader':'header forthHeader'"
:style="{height:loadMore?`calc(${(776/750)*phoneWidth + 180}px)`:`calc(${(776/750)*phoneWidth - 10}px)`}"> :style="{height:loadMore?`calc(${(776/750)*phoneWidth + 260}px)`:`calc(${(776/750)*phoneWidth - 10}px)`}">
<!-- 时间选择 --> <!-- 时间选择 -->
<div class="headerTop" <div class="headerTop"
:style="{ height: menu.bottom + 5 + 'px'}"> :style="{ height: menu.bottom + 5 + 'px'}">
@ -23,10 +23,10 @@
<!-- ,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?`840rpx`:`508rpx`}" @change="handleChangeSelect" :current="selectDetail"> <swiper class="detailBox" previous-margin="40rpx" next-margin="20rpx" :style="{height: loadMore?`1030rpx`:`508rpx`}" @change="handleChangeSelect" :current="selectDetail">
<block v-for="(item,index) in nowMonth" :key="index"> <block v-for="(item,index) in nowMonth" :key="index">
<swiper-item :item-id="index" :data-item-id="index" :class="selectMonth===index+1?'detailItemBox':'noSelectItemBox'"> <swiper-item :item-id="index" :data-item-id="index" :class="selectMonth===index+1?'detailItemBox':'noSelectItemBox'">
<view class="box" :style="{height: loadMore?selectMonth===index+1 ?`840rpx`:'230px':selectMonth===index+1?`508rpx`:'230px',background:0<=index && index<=2?'#FEB39F':3<=index && index<=5?'#8AC9EA':6<=index && index<=8?'#93B2EF':'#DDB795'}"> <view class="box" :style="{height: loadMore?selectMonth===index+1 ?`1030rpx`:'230px':selectMonth===index+1?`508rpx`:'230px',background:0<=index && index<=2?'#FEB39F':3<=index && index<=5?'#8AC9EA':6<=index && index<=8?'#93B2EF':'#DDB795'}">
<view class="top" :style="{background:0<=index && index<=2?'linear-gradient(135deg, #FFE5CA 0%, #FFFFFF 29%, #FFFFFF 69%, #FFDCD5 100%)':3<=index && index<=5?'linear-gradient(135deg, #D4F7FF 0%, #FFFFFF 29%, #FFFFFF 69%, #CEECFF 100%)':6<=index && index<=8?'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:0<=index && index<=2?'linear-gradient(135deg, #FFE5CA 0%, #FFFFFF 29%, #FFFFFF 69%, #FFDCD5 100%)':3<=index && index<=5?'linear-gradient(135deg, #D4F7FF 0%, #FFFFFF 29%, #FFFFFF 69%, #CEECFF 100%)':6<=index && index<=8?'linear-gradient(135deg, #D5E8FF 0%, #FFFFFF 29%, #FFFFFF 69%, #D3E0FF 100%)':'linear-gradient(135deg, #FEEBD1 0%, #FFFFFF 29%, #FFFFFF 69%, #FFE7D4 100%)'}">
<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'"/>
@ -159,52 +159,87 @@
</view> </view>
<view class="bottom" v-if="!loadMore" @click="handleChangeLoadMore" :style="{background:0<=index && index<=2?'#FEB39F':3<=index && index<=5?'#8AC9EA':6<=index && index<=8?'#93B2EF':'#DDB795'}"> <view class="bottom" v-if="!loadMore" @click="handleChangeLoadMore" :style="{background:0<=index && index<=2?'#FEB39F':3<=index && index<=5?'#8AC9EA':6<=index && index<=8?'#93B2EF':'#DDB795'}">
<text class="searchText">查看更多</text> <text class="searchText">查看更多</text>
<image class="searchIcon" :style="{transform: loadMore?'rotate(180deg)':''}" :src="1<=selectMonth && selectMonth<=3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/1stUp.svg':4<=selectMonth && selectMonth<=6?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/2stUp.svg':7<=selectMonth && selectMonth<=9?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/3stUp.svg':'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/4stUp.svg'"/> <image class="searchIcon" :style="{height:'16px',transform: loadMore?'rotate(180deg)':''}" :src="1<=selectMonth && selectMonth<=3?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/1stUp.svg':4<=selectMonth && selectMonth<=6?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/2stUp.svg':7<=selectMonth && selectMonth<=9?'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/3stUp.svg':'https://eshangtech.com/ShopICO/ahyd-BID/newIndex/4stUp.svg'"/>
</view> </view>
<div class="otherDetail" v-else> <div class="otherDetail" v-else>
<view class="detail" v-show="selectMonth===index+1"> <view class="detail" v-show="selectMonth===index+1">
<view class="detailItem"> <view class="detailMessage">
<p class="price">{{ showTableData.Different_Price_More?$util.fmoney(showTableData.Different_Price_More,2):'-' }}</p> <view class="otherDetailTop">
<p class="itemName">长款金额<text class="itemUnit">/元</text></p> <view class="otherDetailTopLeft">
<view class="yearAll">126.32</view>
<view class="yearLabel">年度累计<text class="unit">/亿元</text></view>
</view> </view>
<view class="detailItem">
<p class="price">{{ showTableData.Different_Price_Less?$util.fmoney(showTableData.Different_Price_Less,2):'-' }}</p> <view class="otherDetailRight">
<p class="itemName">短款金额<text class="itemUnit">/元</text></p> <view class="otherDetailAddBox">
<image class="otherDetailAddIcon"/>
<text class="otherDetailAddValue">11.07%</text>
</view> </view>
<view class="detailItem"> <view class="otherDetailAddLabel">同比</view>
<p class="price">{{showTableData.TotalOffAmount?$util.fmoney(showTableData.TotalOffAmount,2):'-' }}</p>
<p class="itemName">优惠金额<text class="itemUnit">/元</text></p>
</view> </view>
<view class="detailItem">
<p class="price" :style="{color:isBig?'red':''}" v-if="!showTableData.Revenue_Upload && !showTableData.TotalShopCount">-</p>
<p class="price" :style="{color:isBig?'red':''}" v-else>
{{showTableData.Revenue_Upload?showTableData.Revenue_Upload:'-'}}/{{showTableData.TotalShopCount?showTableData.TotalShopCount:'-'}}
</p>
<div class="itemName" style="display: flex;align-items: center">
<text>门店上传</text>
<div v-if="Number(showTableData.Revenue_Upload)<Number(showTableData.TotalShopCount)" class="prompt" style="margin-left: 5px" @click="handleStoreUpload">!</div>
</div>
</view> </view>
<view class="detailItem">
<p class="price">{{ showTableData.TotalCount?$util.noDecimal(showTableData.TotalCount):'-' }}</p> <view class="otherDetailMiddle">
<p class="itemName">商品出售<text class="itemUnit">/件</text></p> <view class="middleItem" style="margin-bottom: 16rpx">
<text class="itemLabel">对客营收<text class="itemText">/环比</text></text>
<text class="itemValue">+19.54%</text>
</view> </view>
<view class="detailItem"> <view class="middleItem" style="margin-bottom: 16rpx">
<p class="price">{{ showTableData.countave?showTableData.countave:'-' }}</p> <text class="itemLabel">自营收入<text class="itemText">/环比</text></text>
<p class="itemName">商品均价<text class="itemUnit">/元</text></p> <text class="itemValue">+19.54%</text>
</view>
<view class="middleItem">
<text class="itemLabel">外租收入<text class="itemText">/环比</text></text>
<text class="itemValue">+19.54%</text>
</view>
</view>
<view class="otherDetailBottom">
<view class="bottomItem" style="margin-bottom: 16rpx">
<view class="itemLeft">
<image class="leftIcon"/>
<text class="itemTitle">入区车流</text>
</view>
<view class="itemCenter">
<text class="itemValue">+198.54%</text>
<text class="itemText">/同比</text>
</view>
<view class="itemRight">
<text class="itemValue">+198.54%</text>
<text class="itemText">/环比</text>
</view>
</view>
<view class="bottomItem" style="margin-bottom: 16rpx">
<view class="itemLeft">
<image class="leftIcon"/>
<text class="itemTitle">入区率</text>
</view>
<view class="itemCenter">
<text class="itemValue">+198.54%</text>
<text class="itemText">/同比</text>
</view>
<view class="itemRight">
<text class="itemValue">+198.54%</text>
<text class="itemText">/环比</text>
</view>
</view>
<view class="bottomItem">
<view class="itemLeft">
<image class="leftIcon"/>
<text class="itemTitle">停留时长</text>
</view>
<view class="itemCenter">
<text class="itemValue">+198.54%</text>
<text class="itemText">/同比</text>
</view>
<view class="itemRight">
<text class="itemValue">+198.54%</text>
<text class="itemText">/环比</text>
</view> </view>
<view class="detailItem">
<p class="price" v-if="carInfo.Vehicle_Count">{{carInfo.Vehicle_Count?carInfo.Vehicle_Count:'-'}}</p>
<p class="price" v-else style="color:red;font-size: 14px;font-weight: 400">第三方未传</p>
<p class="itemName">日均入区<text class="itemUnit">/辆</text></p>
</view> </view>
<view class="detailItem">
<p class="price">{{carInfo.Entry_Rate?carInfo.Entry_Rate :'-' }}</p>
<p class="itemName">入区率<text class="itemUnit">/%</text></p>
</view> </view>
<view class="detailItem">
<p class="price">{{carInfo.Stay_Times?carInfo.Stay_Times:'-' }}</p>
<p class="itemName">停留时长<text class="itemUnit">/分钟</text></p>
</view> </view>
</view> </view>
<view class="detail" v-show="selectMonth!==index+1"> <view class="detail" v-show="selectMonth!==index+1">
@ -273,7 +308,7 @@
<view class="addBox" v-if="selectMonth===nowMonth"> <view class="addBox" v-if="selectMonth===nowMonth">
<!-- /static/images/examine/reduce.svg--> <!-- /static/images/examine/reduce.svg-->
<image class="addIcon" :src="showTableData.compared>0?'/static/images/examine/add.svg':showTableData.compared<0?'/static/images/examine/reduce.svg':''"/> <image class="addIcon" :src="showTableData.compared>0?'/static/images/examine/add.svg':showTableData.compared<0?'/static/images/examine/reduce.svg':''"/>
<text class="addValue">{{showTableData.compared?showTableData.compared+'%':'-'}}</text> <text class="addValue">{{showTableData.compared?showTableData.compared>0?'+'+showTableData.compared+'%':showTableData.compared+'%':'-'}}</text>
</view> </view>
<view class="addBox" v-else> <view class="addBox" v-else>
<image class="noData" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex/noData.svg"/> <image class="noData" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex/noData.svg"/>
@ -301,7 +336,7 @@
<image class="typeImg" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex/3stTypeImg.svg"/> <image class="typeImg" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex/3stTypeImg.svg"/>
</view> </view>
<view class="funItemView" @click="handleFestival" style="margin-right: 9px;background-image: url('https://eshangtech.com/ShopICO/ahyd-BID/newIndex/funFourth.svg')"> <view class="funItemView" @click="handleFestival" style="margin-right: 9px;background-image: url('https://eshangtech.com/ShopICO/ahyd-BID/newIndex/funFourth.svg')">
<text class="funItemTitle" style="color: #D25E00;">节日特刊</text> <text class="funItemTitle" style="color: #D25E00;">经营品牌库</text>
<image class="timeIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex/4stTimeIcon.svg"/> <image class="timeIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex/4stTimeIcon.svg"/>
<image class="typeImg" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex/4stTypeImg.svg"/> <image class="typeImg" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex/4stTypeImg.svg"/>
</view> </view>
@ -313,8 +348,10 @@
</view> </view>
</view> </view>
<!-- 五个画像--> <!-- 四个画像-->
<div class="funList" v-if="showPortrait"> <div class="funList" v-if="showPortrait">
<view class="san"></view>
<div class="funItem" v-for="(item,index) in tabTypeList" :key="index" @click="handleGoTab(item)"> <div class="funItem" v-for="(item,index) in tabTypeList" :key="index" @click="handleGoTab(item)">
<view class="iconBox"> <view class="iconBox">
<image class="funItemIcon" :src="item.imgUrl"/> <image class="funItemIcon" :src="item.imgUrl"/>
@ -687,8 +724,9 @@ export default {
{ imgUrl: 'https://eshangtech.com/ShopICO/ahyd-BID/index/car.svg', path: '/pages/commercialBI/carPortrait', name: '车流画像'}, { imgUrl: 'https://eshangtech.com/ShopICO/ahyd-BID/index/car.svg', path: '/pages/commercialBI/carPortrait', name: '车流画像'},
{ imgUrl: '/static/images/index/guest.svg', path: '/pages/commercialBI/guestPortrait', name: '客群画像' }, { imgUrl: '/static/images/index/guest.svg', path: '/pages/commercialBI/guestPortrait', name: '客群画像' },
{ imgUrl: '/static/images/index/business_icon.svg', path: '/pages/commercialBI/managePortrait', name: '经营画像' }, { imgUrl: '/static/images/index/business_icon.svg', path: '/pages/commercialBI/managePortrait', name: '经营画像' },
{ imgUrl: '/static/images/index/trade.svg', path: '/pages/commercialBI/businessPortrait', name: '交易画像' }, { imgUrl: '/static/images/index/trade.svg', path: '/pages/commercialBI/businessPortrait', name: '交易画像' }
{ imgUrl: '/static/images/index/brand.svg', path: '/pages/commercialBI/formatPortrait', name: '业态品牌' }], ],
// { imgUrl: '/static/images/index/brand.svg', path: '/pages/commercialBI/formatPortrait', name: '业态品牌' }
detailTypeList:[{ name: '分润门店', unit: '/个', value: '-',yesterValue:'-', add: '', imgIcon: '/static/images/index/store.svg' }, detailTypeList:[{ name: '分润门店', unit: '/个', value: '-',yesterValue:'-', add: '', imgIcon: '/static/images/index/store.svg' },
{ name: '驿达分润', unit: '/元', value: '-',yesterValue:'-', imgIcon: '/static/images/index/yidaFenrun.svg' }, { name: '驿达分润', unit: '/元', value: '-',yesterValue:'-', imgIcon: '/static/images/index/yidaFenrun.svg' },
{ name: '订单配送', unit: '/单', value: '-',yesterValue:'-', add: '', imgIcon: '/static/images/index/orderDelivery.svg' }, { name: '订单配送', unit: '/单', value: '-',yesterValue:'-', add: '', imgIcon: '/static/images/index/orderDelivery.svg' },
@ -697,7 +735,7 @@ export default {
// { name: '经营模式', value: 1 }, // { name: '经营模式', value: 1 },
{ name: '区域营收', value: 2 }, { name: '区域营收', value: 2 },
{ name: '经营业态', value: 1 }], { name: '经营业态', value: 1 }],
selectTab:1, // 选项卡的指针 selectTab:2, // 选项卡的指针
monthAmountAdd:'',//月累计 monthAmountAdd:'',//月累计
yearAmountAdd:'',//年累计 yearAmountAdd:'',//年累计
mobileData :{}, // 移动支付分账接口返回的数据 mobileData :{}, // 移动支付分账接口返回的数据
@ -844,23 +882,21 @@ export default {
onLoad(option){ onLoad(option){
// 顶部显示的时间 // 顶部显示的时间
this.single = timestampToTimeMonth((new Date(this.lastDay).getTime())) this.single = timestampToTimeMonth((new Date(this.lastDay).getTime()))
// 拿到当前真实的时间
const realDate = new Date()
// 获取手机参数对页面进行适配 主要是用于拿到胶囊的位置 // 获取手机参数对页面进行适配 主要是用于拿到胶囊的位置
let systemInfo = uni.getSystemInfoSync() let systemInfo = uni.getSystemInfoSync()
this.statusBarHeight = Number(systemInfo.statusBarHeight) this.statusBarHeight = Number(systemInfo.statusBarHeight)
this.menu = uni.getMenuButtonBoundingClientRect() this.menu = uni.getMenuButtonBoundingClientRect()
// 拿到用户手机的宽 用设计图的宽高比去设定上半部的高度
this.phoneWidth = systemInfo.windowWidth this.phoneWidth = systemInfo.windowWidth
console.log('systemInfo',systemInfo)
// 拿到昨天的时间戳 // 拿到昨天的时间戳
const date = new Date(this.lastDay) const date = new Date(this.lastDay)
// 拿到今天的月份 // 拿到选择日期的月份
this.nowMonth = date.getMonth() + 1 this.nowMonth = date.getMonth() + 1
// 默认选择的月份 // 默认选择的月份
this.selectMonth = date.getMonth() + 1 this.selectMonth = date.getMonth() + 1
// 设置顶部时间选择器的开始时间 因为不能选去年数据 所以只能从当前日期的年份开始计算
this.startDate = `${date.getFullYear()}-01` this.startDate = `${date.getFullYear()}-01`
// 顶部卡片滚动的第几个 // 顶部卡片滚动的第几个 月份减1 就是卡片的index
this.selectDetail = this.nowMonth - 1 this.selectDetail = this.nowMonth - 1
// 设置顶部选时间的显示 结束时间不能是大于等于今天 // 设置顶部选时间的显示 结束时间不能是大于等于今天
this.endData = new Date() this.endData = new Date()
@ -1118,17 +1154,14 @@ export default {
}) })
} }
//判断是否从推送进来 //判断是否从推送进来
console.log('option',option)
if (option.ProvinceCode) { // 从推送进入 if (option.ProvinceCode) { // 从推送进入
this.theRequest = option this.theRequest = option
option.time = this.$util.cutDate(option.time, 'YYYY-MM-DD') option.time = this.$util.cutDate(option.time, 'YYYY-MM-DD')
option.month = this.$util.cutDate(option.time, 'YYYYMM') option.month = this.$util.cutDate(option.time, 'YYYYMM')
if (!type){ if (!type){
this.lastDay = this.$util.cutDate(option.time, 'YYYY-MM-DD') this.lastDay = this.$util.cutDate(option.time, 'YYYY-MM-DD')
console.log('this.lastDay',this.lastDay)
//修改时间选择器里面的时间 //修改时间选择器里面的时间
this.single = timestampToTimeMonth((new Date(this.lastDay).getTime())) this.single = timestampToTimeMonth((new Date(this.lastDay).getTime()))
console.log('this.single',this.single)
// //显示当前选择的时间是星期几 // //显示当前选择的时间是星期几
// const date = new Date(this.lastDay) // const date = new Date(this.lastDay)
// this.thisDay = getThisDay(date.getDay()) // this.thisDay = getThisDay(date.getDay())
@ -1235,7 +1268,8 @@ export default {
this.showPortrait = !this.showPortrait this.showPortrait = !this.showPortrait
}, },
handleFestival(){ handleFestival(){
uni.showToast({title: '栏目建设中', icon: 'none'}) this.$util.toNextRoute('navigateTo', `/pages/commercialBI/formatPortrait?time=${this.lastDay}&serviceInfo=${JSON.stringify(this.nearServiceInfo)}`)
// uni.showToast({title: '栏目建设中', icon: 'none'})
}, },
handleSearch(type){ handleSearch(type){
if (type ==='special'){ if (type ==='special'){
@ -1295,10 +1329,8 @@ export default {
Statistics_Date:`${y}-${m}-${day}` Statistics_Date:`${y}-${m}-${day}`
} }
} }
console.log('monthDate',monthDate)
request.$webGet('CommercialApi/Revenue/GetRevenueBudget',monthDate).then(res=>{ request.$webGet('CommercialApi/Revenue/GetRevenueBudget',monthDate).then(res=>{
// 赋值给data中的这个对象 在请求完之后会进行统一的数据处理 // 赋值给data中的这个对象 在请求完之后会进行统一的数据处理
console.log('res.Result_Data', res.Result_Data)
this.plan = res.Result_Data this.plan = res.Result_Data
this.plan.percentageMonth = res.Result_Data.MonthBudget_Degree this.plan.percentageMonth = res.Result_Data.MonthBudget_Degree
this.plan.percentageYear = res.Result_Data.YearBudget_Degree this.plan.percentageYear = res.Result_Data.YearBudget_Degree
@ -1504,7 +1536,6 @@ export default {
request.$webGet('CommercialApi/Revenue/GetSummaryRevenueMonth',req).then(lastData=>{ request.$webGet('CommercialApi/Revenue/GetSummaryRevenueMonth',req).then(lastData=>{
flag3 = true flag3 = true
let result = lastData.Result_Data let result = lastData.Result_Data
console.log('result',result)
let progressAll = 0 let progressAll = 0
result.BusinessTypeList.forEach(item=>{ result.BusinessTypeList.forEach(item=>{
@ -1528,8 +1559,6 @@ export default {
owner:Number(((this.typeList[0].value / progressAll)*100).toFixed(2)), owner:Number(((this.typeList[0].value / progressAll)*100).toFixed(2)),
other:100-Number(((this.typeList[0].value / progressAll)*100).toFixed(2)) other:100-Number(((this.typeList[0].value / progressAll)*100).toFixed(2))
} }
console.log('progressAll',progressAll)
console.log('progressObj',this.progressObj)
// 计算百分比 // 计算百分比
this.regionProgress = result.BusinessTradeList this.regionProgress = result.BusinessTradeList
@ -1640,10 +1669,7 @@ export default {
const realDate = new Date(this.lastDay) const realDate = new Date(this.lastDay)
console.log('this.lastDay',this.lastDay)
const realMonth = realDate.getMonth()+1 const realMonth = realDate.getMonth()+1
console.log('this.selectMonth',this.selectMonth)
console.log('realMonth',realMonth)
if (this.selectMonth>realMonth){ if (this.selectMonth>realMonth){
isOnRefresh = false isOnRefresh = false
}else{ }else{
@ -1858,15 +1884,16 @@ $iphoneHeight: env(safe-area-inset-bottom);
margin-right: 4px; margin-right: 4px;
} }
.uni-input { .uni-input {
font-size: 24rpx; font-size: 32rpx;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 400; font-weight: 600;
color: #ae664e; color: #2249A2;
line-height: 36rpx; line-height: 44rpx;
} }
.icon { .icon {
width: 24px; width: 12px;
height: 16px; height: 12px;
margin-left: 16rpx;
} }
} }
} }
@ -1928,6 +1955,7 @@ $iphoneHeight: env(safe-area-inset-bottom);
.staticIcon{ .staticIcon{
width: 32rpx; width: 32rpx;
height: 32rpx; height: 32rpx;
opacity: 0.25;
} }
} }
.revenueBox{ .revenueBox{
@ -1947,8 +1975,8 @@ $iphoneHeight: env(safe-area-inset-bottom);
line-height: 56rpx; line-height: 56rpx;
} }
.moreIcon{ .moreIcon{
width: 28rpx; width: 12px;
height: 28rpx; height: 12px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -1957,7 +1985,7 @@ $iphoneHeight: env(safe-area-inset-bottom);
color: #A69E9F; color: #A69E9F;
font-size: 12px; font-size: 12px;
font-weight: 600; font-weight: 600;
margin-left: 7px; margin-left: 6px;
position: relative; position: relative;
.realBox{ .realBox{
position: absolute; position: absolute;
@ -1992,11 +2020,11 @@ $iphoneHeight: env(safe-area-inset-bottom);
} }
.revenueNav{ .revenueNav{
margin-top: 4px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
.leftNav{ .leftNav{
margin-top: 2px;
font-size: 28rpx; font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
@ -2105,7 +2133,6 @@ $iphoneHeight: env(safe-area-inset-bottom);
} }
} }
.messageBottom{ .messageBottom{
margin-top: 4px;
margin-left: 20px; margin-left: 20px;
display: flex; display: flex;
align-items: center; align-items: center;
@ -2154,57 +2181,156 @@ $iphoneHeight: env(safe-area-inset-bottom);
width: 100%; width: 100%;
.detail{ .detail{
width: 100%; width: 100%;
height: 200px; height: 290px;
box-sizing: border-box; box-sizing: border-box;
padding: 16px 0; padding: 16px;
border-radius: 8rpx; border-radius: 8rpx;
//margin-top: 12px; //margin-top: 12px;
.detailItem { .detailMessage{
width: 33%; width: 100%;
box-sizing: border-box; height: 100%;
padding-left: 16px; .otherDetailTop{
height: 42px; width: 100%;
text-align: left;
float: left;
margin-bottom: 16px;
.itemName {
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #782717;
opacity: 0.8;
line-height: 40rpx;
margin-bottom: 2px;
.prompt{
width: 12px;
height: 12px;
border: 1px solid #782717;
border-radius:50%;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: space-between;
font-size: 10px; .otherDetailTopLeft{
font-family: PingFangSC-Regular, PingFang SC; .yearAll{
font-weight: 600; font-size: 40rpx;
color: #782717; font-family: DINAlternate-Bold, DINAlternate;
font-weight: bold;
color: #6D1301;
line-height: 40rpx;
} }
.itemUnit { .yearLabel{
margin-top: 4rpx;
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: #C8806C; color: #6D1301;
line-height: 40rpx; line-height: 40rpx;
margin-left: 2px; .unit{
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #C5846F;
line-height: 40rpx;
margin-left: 4rpx;
} }
} }
.price { }
font-size: 16px; .otherDetailRight{
.otherDetailAddBox{
display: flex;
align-items: center;
.otherDetailAddIcon{
width: 28rpx;
height: 28rpx;
margin-right: 6rpx;
}
.otherDetailAddValue{
font-size: 36rpx;
font-family: DINAlternate-Bold, DINAlternate; font-family: DINAlternate-Bold, DINAlternate;
font-weight: bold; font-weight: bold;
color: #782717; color: #E83944;
line-height: 40rpx; line-height: 40rpx;
} }
} }
.otherDetailAddLabel{
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #6D1301;
line-height: 40rpx;
text-align: right;
}
}
}
.otherDetailMiddle{
margin-top: 42rpx;
.middleItem{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
.itemLabel{
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #6D1301;
line-height: 40rpx;
.itemText{
width: 70rpx;
height: 40rpx;
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #C5836E;
line-height: 40rpx;
}
}
.itemValue{
font-size: 32rpx;
font-family: DINAlternate-Bold, DINAlternate;
font-weight: bold;
color: #6D1301;
line-height: 40rpx;
}
}
}
.otherDetailBottom{
margin-top: 40rpx;
.bottomItem{
display: flex;
align-items: center;
justify-content: space-between;
.itemLeft{
width: 140rpx;
display: flex;
align-items: center;
.leftIcon{
width: 32rpx;
height: 32rpx;
margin-right: 8rpx;
}
.itemTitle{
font-size: 26rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #6D1301;
line-height: 40rpx;
text-align: left;
}
}
.itemCenter,.itemRight{
width: calc((100% - 140rpx)/2);
.itemValue{
font-size: 28rpx;
font-family: DINAlternate-Bold, DINAlternate;
font-weight: bold;
color: #6D1301;
line-height: 40rpx;
}
.itemText{
font-size: 26rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #6D1301;
line-height: 40rpx;
margin-left: 4rpx;
}
}
.itemCenter{
text-align: right;
}
.itemRight{
text-align: right;
}
}
}
}
} }
} }
.noShowMoreBox{ .noShowMoreBox{
@ -2222,8 +2348,8 @@ $iphoneHeight: env(safe-area-inset-bottom);
.monthBox{ .monthBox{
display: inline-block; display: inline-block;
position: absolute; position: absolute;
right: 0;top: 0; right: 1px;top: 1px;
padding: 4rpx 22rpx; padding: 4rpx 26rpx;
font-size: 28rpx; font-size: 28rpx;
font-family: PingFangSC-Semibold, PingFang SC; font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600; font-weight: 600;
@ -2410,7 +2536,6 @@ $iphoneHeight: env(safe-area-inset-bottom);
} }
} }
.messageBottom{ .messageBottom{
margin-top: 4px;
margin-left: 20px; margin-left: 20px;
display: flex; display: flex;
align-items: center; align-items: center;
@ -2452,7 +2577,7 @@ $iphoneHeight: env(safe-area-inset-bottom);
} }
.searchIcon{ .searchIcon{
width: 25px; width: 25px;
height: 14px; height: 16px;
} }
} }
.otherDetail{ .otherDetail{
@ -2877,6 +3002,37 @@ $iphoneHeight: env(safe-area-inset-bottom);
background: linear-gradient(134deg, #A6DDFF 0%, #BCEFFF 100%)!important; background: linear-gradient(134deg, #A6DDFF 0%, #BCEFFF 100%)!important;
color: #025B93!important; color: #025B93!important;
} }
.otherDetail{
.detail{
.yearAll{
color: #013F66!important;
}
.yearLabel{
color: #013F66!important;
.unit{
color: #649BB9!important;
}
}
.otherDetailAddLabel{
color: #5E97B7!important;
}
.itemLabel{
color: #013F66!important;
.itemText{
color: #6199B9!important;
}
}
.itemValue{
color: #013F66!important;
}
.itemTitle{
color: #013F66!important;
}
.itemText{
color: #5B95B7!important;
}
}
}
} }
} }
} }
@ -2898,6 +3054,37 @@ $iphoneHeight: env(safe-area-inset-bottom);
background: linear-gradient(134deg, #B9CEFF 0%, #CADFFF 100%)!important; background: linear-gradient(134deg, #B9CEFF 0%, #CADFFF 100%)!important;
color: #2249A2!important; color: #2249A2!important;
} }
.otherDetail{
.detail{
.yearAll{
color: #002780!important;
}
.yearLabel{
color: #002780!important;
.unit{
color: #6786C5!important;
}
}
.otherDetailAddLabel{
color: #6483C4!important;
}
.itemLabel{
color: #002780!important;
.itemText{
color: #6786C5!important;
}
}
.itemValue{
color: #002780!important;
}
.itemTitle{
color: #002780!important;
}
.itemText{
color: #6786C5!important;
}
}
}
} }
} }
} }
@ -2919,6 +3106,37 @@ $iphoneHeight: env(safe-area-inset-bottom);
background: linear-gradient(134deg, #FFCDA3 0%, #FFE8CA 100%)!important; background: linear-gradient(134deg, #FFCDA3 0%, #FFE8CA 100%)!important;
color: #783F0F!important; color: #783F0F!important;
} }
.otherDetail{
.detail{
.yearAll{
color: #572800!important;
}
.yearLabel{
color: #572800!important;
.unit{
color: #B08C6B!important;
}
}
.otherDetailAddLabel{
color: #AC8766!important;
}
.itemLabel{
color:#572800!important;
.itemText{
color: #B08C6B!important;
}
}
.itemValue{
color: #572800!important;
}
.itemTitle{
color: #572800!important;
}
.itemText{
color: #B08C6B!important;
}
}
}
} }
} }
} }
@ -2939,7 +3157,7 @@ $iphoneHeight: env(safe-area-inset-bottom);
width: calc(100% - 64rpx); width: calc(100% - 64rpx);
margin-left: 32rpx; margin-left: 32rpx;
height: 378rpx; height: 378rpx;
margin-bottom: 32rpx; margin-bottom: 16px;
.firstBox{ .firstBox{
display: flex; display: flex;
margin-bottom: 18rpx; margin-bottom: 18rpx;
@ -3038,8 +3256,8 @@ $iphoneHeight: env(safe-area-inset-bottom);
} }
} }
.typeImg{ .typeImg{
width: 120rpx; width: 52px;
height: 120rpx; height: 52px;
position: absolute; position: absolute;
right: 0;bottom: 0; right: 0;bottom: 0;
} }
@ -3070,8 +3288,8 @@ $iphoneHeight: env(safe-area-inset-bottom);
margin-top: 96rpx; margin-top: 96rpx;
} }
.typeImg{ .typeImg{
width: 104rpx; width: 52px;
height: 104rpx; height: 52px;
position: absolute; position: absolute;
bottom: 0;right: 0; bottom: 0;right: 0;
} }
@ -3125,6 +3343,15 @@ $iphoneHeight: env(safe-area-inset-bottom);
justify-content: space-between; justify-content: space-between;
background: #F3F4F4; background: #F3F4F4;
border-radius: 16rpx; border-radius: 16rpx;
position: relative;
.san{
width: 16px;
height: 16px;
position: absolute;
top: -8px;left: 108rpx;
background: #F3F4F4;
transform: rotate(-45deg);
}
.funItem{ .funItem{
width: 25%; width: 25%;
display: flex; display: flex;

BIN
static/public/font2/swmcfSKy9zYa.woff2
View File

Binary file not shown.