From 65d53b712d1e64e7dee95a11881de2c76e4ff08a Mon Sep 17 00:00:00 2001 From: cclu <1106109051@qq.com> Date: Sun, 7 Apr 2024 18:13:24 +0800 Subject: [PATCH] update --- pages/index/index.vue | 688 +++++++++++++++++++++++++----------------- 1 file changed, 408 insertions(+), 280 deletions(-) diff --git a/pages/index/index.vue b/pages/index/index.vue index 8035b20..7ed58c6 100644 --- a/pages/index/index.vue +++ b/pages/index/index.vue @@ -256,7 +256,7 @@ {{subItem.name}} - {{subItem.value?numeral(subItem.value/10000).format('0,0.00'):''}} + {{subItem.value?$util.getMoney(subItem.value/10000):''}} {{subItem.add?`${subItem.add}%`:''}} @@ -596,14 +596,43 @@ - + - 对客营收 + {{ `-月对客销售` }} /万元 + + + + + 对客销售： + {{'-'}} + + + 自营销售： + {{'-'}} + + + 便利店： + {{'-'}} + + + 餐饮客房： + {{'-'}} + + + 外租收入： + {{'-'}} + + + 商铺租赁： + {{'-'}} + + + - + 查看更多 @@ -612,109 +641,71 @@ {{showTableData.CashPayChange?showTableData.CashPayChange:'0.00'}} - - - - - - - - - - {{showTableData.add?showTableData.add:'-'}}% + {{'-'}}% 同比 - - - - - - - 自营:{{progressObj.owner}}%， - 外租:{{progressObj.other}}% - - - - - - - - 自营收入 - - - - {{revenueMoney?$util.fmoney(revenueMoney || 0,2):''}} - {{monthAdd || ''}}% - - - {{typeList[0].add?typeList[0].add:''}} - 同比 - - - - - - - 外租收入 - - - - {{externalMoney?$util.fmoney(externalMoney || 0,2):''}} - - - - {{typeList[1].add?typeList[1].add:''}} - 同比 - - - - + - 驿达入账:{{ydRate}}% - 商家入账:{{shopRate}}% + + 便利店: + -% + + + 餐饮客房: + -% + + 商铺租赁: + -% + - - - - 驿达入账 - - {{currentPeriodData.Royalty_Theory?$util.fmoney($util.getMoney(currentPeriodData.Royalty_Theory / 10000),2):'-'}} - - - - 商家入账 - - {{ currentPeriodData.SubRoyalty_Theory?$util.fmoney($util.getMoney(currentPeriodData.SubRoyalty_Theory / 10000),2):'-' }} + + + + + - + + - + - - - - - - - - - - - - - - - - + + + + 对客销售/亿元 + 累计 + + + - + - + - + + + + + + 营业收入/亿元 + 除税累计 + + + - + - + - + + + @@ -729,9 +720,6 @@ - - - @@ -773,26 +761,28 @@ 同比 + - + + 查看更多 - + -
+
- {{showTableData.allRevenueYear?showTableData.allRevenueYear:''}} + - 年度累计/亿元 - {{showTableData.yearYoY?showTableData.yearYoY+'%':''}} + - 同比 @@ -801,15 +791,15 @@ 对客营收/环比 - {{showTableData.customerQoQ?showTableData.customerQoQ:''}} + - 自营收入/环比 - {{typeList[0].addQOQ?typeList[0].addQOQ:''}} + - 外租收入/环比 - {{typeList[1].addQOQ?typeList[1].addQOQ:''}} + - @@ -823,8 +813,8 @@ - {{trafficCurrentObj.Vehicle_AddUpCount?trafficCurrentObj.AddUpCount:''}} - {{`/${trafficeUnit || '-'}`}} + - + - @@ -832,131 +822,130 @@ - {{trafficYOYObj.Vehicle_GrowthRate?trafficYOYObj.Vehicle_GrowthRate>0?'+'+trafficYOYObj.Vehicle_GrowthRate+'%':trafficYOYObj.Vehicle_GrowthRate+'%':'-'}} + - /同比 - {{trafficQOQObj.Vehicle_GrowthRate?trafficQOQObj.Vehicle_GrowthRate>0?'+'+trafficQOQObj.Vehicle_GrowthRate+'%':trafficQOQObj.Vehicle_GrowthRate+'%':'-'}} + - /环比 - - - - - 入区率 - - - - - {{trafficCurrentObj.Entry_Rate?trafficCurrentObj.Entry_Rate + '%':''}} - + + + + + 入区率 - - - - - {{trafficYOYObj.Entry_GrowthRate?trafficYOYObj.Entry_GrowthRate>0?'+'+trafficYOYObj.Entry_GrowthRate+'%':trafficYOYObj.Entry_GrowthRate+'%':'-'}} - /同比 - - - {{trafficQOQObj.Entry_GrowthRate?trafficQOQObj.Entry_GrowthRate>0?'+'+trafficQOQObj.Entry_GrowthRate+'%':trafficQOQObj.Entry_GrowthRate+'%':'-'}} - /环比 - + + + + - + + + + + + + - + /同比 + + + - + /环比 + + + + + + + + + 停留时长 + + + + + - + + + + + + + - + /同比 + + + - + /环比 - - - - - 停留时长 - - - - - {{trafficCurrentObj.Stay_Times?trafficCurrentObj.Stay_Times + '分钟':''}} - - - - - - - {{trafficYOYObj.StayTimes_GrowthRate?trafficYOYObj.StayTimes_GrowthRate>0?'+'+trafficYOYObj.StayTimes_GrowthRate+'%':trafficYOYObj.StayTimes_GrowthRate+'%':'-'}} - /同比 - - - {{trafficQOQObj.StayTimes_GrowthRate?trafficQOQObj.StayTimes_GrowthRate>0?'+'+trafficQOQObj.StayTimes_GrowthRate+'%':trafficQOQObj.StayTimes_GrowthRate+'%':'-'}} - /环比 - - + + + + {{ `${index+1}月入区车流` }} + - - - - - {{ `${index+1}月入区车流` }} - {{trafficCurrentObj.Vehicle_Count?$util.noDecimal(trafficCurrentObj.Vehicle_Count) + '辆':''}} - - - {{ `${index+1}月入区率` }} - {{trafficCurrentObj.Entry_Rate?trafficCurrentObj.Entry_Rate + '%':''}} - - - {{ `${index+1}月停留时长` }} - {{trafficCurrentObj.Stay_Times?trafficCurrentObj.Stay_Times + '分钟':''}} - + + {{ `${index+1}月入区率` }} + - + + + {{ `${index+1}月停留时长` }} + - - - -

-

-

长款金额/元

- - -

-

-

短款金额/元

- - -

-

-

优惠金额/元

- - -

-

-
- 门店上传 -
- - -

-

-

商品出售/件

- - -

-

-

商品均价/元

- - -

-

-

日均入区/辆

- - -

-

-

入区率/%

- - -

-

-

停留时长/分钟

- +
+ +
+ + + +

-

+

长款金额/元

 -
-
- -
- + +

-

+

短款金额/元

+ + +

-

+

优惠金额/元

+ + +

-

+
+ 门店上传 +
+ + +

-

+

商品出售/件

+ + +

-

+

商品均价/元

+ + +

-

+

日均入区/辆

+ + +

-

+

入区率/%

+ + +

-

+

停留时长/分钟

+ + +
@@ -2494,7 +2483,7 @@ export default { },1500) } } - },1000) + },750) }, @@ -4158,9 +4147,8 @@ $iphoneHeight: env(safe-area-inset-bottom); display: inline-block; .bigBox{ width: calc(100% - 10px)!important; - height: 460rpx; background: #fff; - box-shadow: 0rpx 20rpx 40rpx 0rpx rgba(1,27,90,0.06); + //box-shadow: 0rpx 20rpx 40rpx 0rpx rgba(1,27,90,0.06); border-radius: 38rpx; padding: 4rpx; box-sizing: border-box; @@ -4170,11 +4158,11 @@ $iphoneHeight: env(safe-area-inset-bottom); border-radius: 32rpx; overflow: hidden; position: relative; + box-shadow: 0rpx 20rpx 40rpx 0rpx rgba(1,27,90,0.06); //background: rgba(254, 192, 168,0.8); .top{ width: 100%; - height: 550rpx; - background: linear-gradient(180deg, #DCE6FF 0%, #FFFFFF 68%, #FFFFFF 100%); + background: linear-gradient(180deg, #DCE6FF 0%, #FFFFFF 80%, #FFFFFF 100%); border-bottom-right-radius: 32rpx; border-bottom-left-radius: 32rpx; box-sizing: border-box; @@ -4206,6 +4194,50 @@ $iphoneHeight: env(safe-area-inset-bottom); color: #A69E9F; line-height: 40rpx; } + .moreIcon{ + width: 32rpx; + height: 32rpx; + display: flex; + align-items: center; + justify-content: center; + color: #A69E9F; + font-size: 12px; + font-weight: 600; + margin-left: 6px; + position: relative; + z-index:21; + .noticeIcon{ + width: 32rpx; + height: 32rpx; + } + .realBox{ + position: absolute; + left: 0;top: 10px; + transform: translateX(-50%); + //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:21; + width: 360rpx; + .field{ + text-align: right; + display: flex; + .label{ + display: inline-block; + width: 160rpx; + text-align: left; + box-sizing: border-box; + } + .value{ + width: 200rpx; + text-align: right; + } + } + } + } .staticIcon{ width: 32rpx; height: 32rpx; @@ -4242,12 +4274,11 @@ $iphoneHeight: env(safe-area-inset-bottom); display: flex; align-items: center; .revenueNumber{ + font-size: 48rpx; font-family: DINAlternate-Bold, DINAlternate; font-weight: bold; - font-size: 56rpx; color: #160002; - line-height: 64rpx; - font-style: normal; + line-height: 56rpx; } .moreIcon{ width: 12px; @@ -4284,22 +4315,19 @@ $iphoneHeight: env(safe-area-inset-bottom); border-radius: 50%; } .addValue{ - font-family: DINAlternate-Bold, DINAlternate; - font-weight: bold; font-size: 36rpx; + font-family: DINAlternate, DINAlternate; + font-weight: bold; color: #E83944; line-height: 40rpx; - text-align: left; - font-style: normal; } .rightNav{ + font-size: 28rpx; font-family: PingFangSC, PingFang SC; font-weight: 400; - font-size: 28rpx; color: #A69E9F; line-height: 40rpx; - text-align: left; - font-style: normal; + margin-left: 4rpx; } } @@ -4477,64 +4505,68 @@ $iphoneHeight: env(safe-area-inset-bottom); display: flex; align-items: center; .label{ - width: 100rpx; + width: 140rpx; text-align: left; } .value{ + width: 100rpx; font-family: DINAlternate-Bold, DINAlternate; text-align: right; } } } } - //.rightBox{ - // flex: 1; - // display: flex; - // align-items: center; - // .noticeItem{ - // width: 50%; - // .noticeTop{ - // width: 24rpx; - // height: 12rpx; - // background: #A66A37; - // border-radius: 6rpx; - // margin-bottom: 8rpx; - // } - // .noticeText{ - // font-size: 28rpx; - // font-family: PingFangSC, PingFang SC; - // font-weight: 400; - // color: #160002; - // line-height: 40rpx; - // margin-bottom: 6rpx; - // .noticeSmallText{ - // font-size: 28rpx; - // font-family: PingFangSC, PingFang SC; - // font-weight: 400; - // color: #A69E9F; - // line-height: 40rpx; - // margin-left: 4rpx; - // } - // } - // .noticeMoney{ - // font-size: 36rpx; - // font-family: DINAlternate-Bold, DINAlternate; - // font-weight: bold; - // color: #160002; - // line-height: 44rpx; - // } - // } - //} - .newRightBox{ - height: 100%; + .rightBox{ flex: 1; display: flex; align-items: center; + .noticeItem{ + width: 50%; + .noticeTop{ + width: 24rpx; + height: 12rpx; + background: #A66A37; + border-radius: 6rpx; + margin-bottom: 8rpx; + } + .noticeText{ + font-size: 28rpx; + font-family: PingFangSC, PingFang SC; + font-weight: 400; + color: #160002; + line-height: 40rpx; + margin-bottom: 6rpx; + .noticeSmallText{ + font-size: 28rpx; + font-family: PingFangSC, PingFang SC; + font-weight: 400; + color: #A69E9F; + line-height: 40rpx; + margin-left: 4rpx; + } + } + .noticeMoney{ + font-size: 36rpx; + font-family: DINAlternate-Bold, DINAlternate; + font-weight: bold; + color: #160002; + line-height: 44rpx; + } + } + } + .newRightBox{ + height: 100%; + flex: 1; .newRightItem{ + width: 100%; display: flex; align-items: center; justify-content: space-between; + margin: 8rpx 0; .itemLeft{ + display: flex; + align-items: center; + width: 33%; .itemIcon{ width: 12rpx; height: 12rpx; @@ -4550,31 +4582,117 @@ $iphoneHeight: env(safe-area-inset-bottom); text-align: left; font-style: normal; display: inline-block; - width: 100rpx; - } - .itemValue{ - font-family: DINAlternate, DINAlternate; - font-weight: bold; - font-size: 28rpx; - color: #160002; - line-height: 40rpx; - text-align: left; - font-style: normal; + width: 120rpx; } } + .itemCenter{ + display: inline-block; + width: 33%; + font-family: DINAlternate-Bold, DINAlternate; + font-weight: bold; + font-size: 28rpx; + color: #160002; + line-height: 40rpx; + text-align: right; + font-style: normal; + } .itemRight{ - font-family: DINAlternate, DINAlternate; + display: inline-block; + width: 33%; + font-family: DINAlternate-Bold, DINAlternate; font-weight: bold; font-size: 28rpx; color: #E83944; line-height: 40rpx; - text-align: center; + text-align: right; font-style: normal; } } } } } + .accountRevenue{ + width: 100%; + //background: #F9FAFC; + box-sizing: border-box; + padding: 28rpx 24rpx; + margin-top: 48rpx; + .accountItem{ + width: 100%; + .itemTop{ + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 8rpx; + .itemType{ + font-family: PingFangSC, PingFang SC; + font-weight: 400; + font-size: 24rpx; + color: #FFFFFF; + line-height: 24rpx; + text-align: left; + font-style: normal; + padding:4rpx 8rpx; + background: #F2792E; + border-radius: 4rpx; + margin-right: 8rpx; + } + .itemName{ + font-family: PingFangSC, PingFang SC; + font-weight: 400; + font-size: 28rpx; + color: #160002; + line-height: 40rpx; + text-align: left; + font-style: normal; + .unit{ + font-family: PingFangSC, PingFang SC; + font-weight: 400; + font-size: 24rpx; + color: #9A9A9A; + line-height: 36rpx; + text-align: left; + font-style: normal; + margin-left: 4rpx + } + } + } + .itemBottom{ + display: flex; + align-items: center; + justify-content: space-between; + .revenueNum{ + font-family: DINAlternate-Bold, DINAlternate; + font-weight: bold; + font-size: 32rpx; + color: #160002; + line-height: 44rpx; + text-align: left; + font-style: normal; + } + .revenueAdd{ + font-family: DINAlternate-Bold, DINAlternate; + font-weight: bold; + font-size: 32rpx; + color: #E83944; + line-height: 44rpx; + text-align: left; + font-style: normal; + } + } + } + } + .showMoreLoading{ + width: 100%; + display: flex; + align-items: center; + justify-content: center; + margin-top: 16rpx; + .showMorenDown{ + width: 32rpx; + height: 32rpx; + } + } .goBusiness{ width: 100%; display: flex; @@ -4624,8 +4742,18 @@ $iphoneHeight: env(safe-area-inset-bottom); } } } - - + .noShowMoreBox{ + width: 100%; + display: flex; + align-items: center; + justify-content: center; + position: absolute; + left: 0;bottom: 8px; + .noShowMore{ + width: 25px; + height: 14px; + } + } .monthBox{ display: inline-block; position: absolute; @@ -4665,13 +4793,13 @@ $iphoneHeight: env(safe-area-inset-bottom); } .otherDetail{ width: 100%; - margin-top: 30px; + //margin-top: 30px; .detail{ width: 100%; //height: 290px; box-sizing: border-box; padding: 16px 16px 8px; - background: linear-gradient(180deg, #DCE6FF 0%, #FFFFFF 68%, #FFFFFF 100%); + //background: linear-gradient(180deg, #DCE6FF 0%, #FFFFFF 68%, #FFFFFF 100%); border-bottom-left-radius: 32rpx; border-bottom-right-radius: 32rpx; //margin-top: 12px; @@ -4852,7 +4980,7 @@ $iphoneHeight: env(safe-area-inset-bottom); display: flex; align-items: center; justify-content: center; - margin-top: 12rpx; + margin-top: 14rpx; .noShowMore{ width: 32rpx; height: 32rpx;