1368 lines
53 KiB
Vue
1368 lines
53 KiB
Vue
<template>
|
||
<view class="projectWarningDetail">
|
||
<view class="meng" v-if="showNotice || showQuestion" @click="handleCloseNotice"></view>
|
||
|
||
|
||
<view class="earlyTop"
|
||
:style="{ height: detail.BUSINESS_ENDDATE ? `calc(${menu.bottom}px + 570rpx)` : `calc(${menu.bottom}px + 490rpx)` }">
|
||
<view class="earlyTopBg"></view>
|
||
<view class="headerBox" :style="{ paddingTop: menu.top + 'px', height: menu.bottom + 4 + 'px' }">
|
||
<view
|
||
:style="{ height: menu.height + 'px', display: 'flex', alignItems: 'center', justifyContent: 'space-between', padding: '0 32rpx', width: '100%' }">
|
||
<view class="backIconBox" @click="handleBack">
|
||
<image class="backIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/commercial/navigation-left.svg" />
|
||
</view>
|
||
<view class="pageTitle">商家详情</view>
|
||
<view class="default"></view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="detailBox" :style="{ top: `calc(${menu.bottom}px + 38rpx)` }">
|
||
<view class="contentBox">
|
||
<view class="contentTop">
|
||
<view class="topLeft">
|
||
<image class="logo" :src="detail.Brand_ICO" />
|
||
</view>
|
||
<view class="topRight">
|
||
<view class="rightTop">
|
||
<text class="shopName">{{ detail.SERVERPARTSHOP_NAME || '' }}</text>
|
||
<view class="fixedBox">
|
||
<image class="fixed" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/fixed.png" />
|
||
<text class="serverPartName">{{ detail.SERVERPART_NAME || '' }}</text>
|
||
</view>
|
||
</view>
|
||
<view class="rightBottom">
|
||
<text class="type">{{ businessTypeObj[detail.BUSINESS_TYPE] }}</text>
|
||
<!-- <text class="type" style="margin-left: 12rpx">{{ `${detail.ENDDATE}结束` }}</text>-->
|
||
</view>
|
||
|
||
<view class="MERCHANTS_NAMERightBox">
|
||
<text class="MERCHANTS_NAME">{{ detail.MERCHANTS_NAME || '' }}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="contentBottom">
|
||
<view class="moneyBox">
|
||
<view style="width: 50%;display: inline-block">
|
||
<view class="moneyItem">
|
||
<text class="value">{{ detail.REVENUE_AMOUNT ? $util.getMoney(detail.REVENUE_AMOUNT / 10000) : '-'
|
||
}}</text>
|
||
<text class="unit">营收 /万元</text>
|
||
</view>
|
||
</view>
|
||
<view style="width: 50%;display: inline-block">
|
||
<view class="moneyItem">
|
||
<text class="value">{{ detail.PROFIT_AMOUNT ? $util.getMoney(detail.PROFIT_AMOUNT / 10000) : '-'
|
||
}}</text>
|
||
<text class="unit">盈利 /万元</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="messageBox">
|
||
<view style="display: flex;align-items: center">
|
||
<image class="messageIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/error6st.png" />
|
||
<text class="messageType">{{ warningNameObj[detail.WARNING_TYPE] }}</text>
|
||
</view>
|
||
<view :style="{ marginTop: '16rpx', marginBottom: detail.BUSINESS_ENDDATE ? '' : '16rpx' }">
|
||
<text class="messageDesc">{{ warningDescObj[detail.WARNING_TYPE] }}</text>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="line" v-if="detail.BUSINESS_ENDDATE"></view>
|
||
<view v-if="detail.BUSINESS_ENDDATE"
|
||
style="padding: 16rpx 0 24rpx 0;display: flex;align-items: center;justify-content: space-between">
|
||
<text class="overTime">{{ `门店关闭：${detail.BUSINESS_ENDDATE}` }}</text>
|
||
<text class="type" style="margin-left: 12rpx">{{ `项目到期：${detail.ENDDATE}结束` }}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="detailContentBox">
|
||
<!-- :style="{height: `calc(100vh - ${menu.bottom}px - 510rpx)`}"-->
|
||
<view class="contentBox">
|
||
<view class="tabBox">
|
||
<view :class="selectTab === 1 ? 'tabItem selectItemLeft' : 'tabItem'" @click="handleChangeTab(1)">
|
||
<image class="tabItemIcon"
|
||
:src="selectTab === 1 ? 'https://eshangtech.com/ShopICO/ahyd-BID/warning/tab1Select.png' : 'https://eshangtech.com/ShopICO/ahyd-BID/warning/tab1NOSelect.png'" />
|
||
<text class="tabText">综合分析</text>
|
||
</view>
|
||
<view :class="selectTab === 2 ? 'tabItem selectItemRight' : 'tabItem'" @click="handleChangeTab(2)">
|
||
<image class="tabItemIcon"
|
||
:src="selectTab === 2 ? 'https://eshangtech.com/ShopICO/ahyd-BID/warning/tab2Select.png' : 'https://eshangtech.com/ShopICO/ahyd-BID/warning/tab2NoSelect.png'" />
|
||
<text class="tabText">经营情况</text>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="descBox" v-if="selectTab === 1 && firstTabDetail.Profit">
|
||
<image class="descIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/warningLight.png" />
|
||
<view class="desc">
|
||
<text class="descText">
|
||
{{ firstTabDetail.Profit / 10000 < 0 ? '商家存在' : firstTabDetail.Profit / 10000 <= 10 &&
|
||
firstTabDetail.Profit / 10000 > 0 ? '商家存在' :
|
||
firstTabDetail.Profit / 10000 > 10 && firstTabDetail.Profit / 10000 < 100 ? '商家经营状态' :
|
||
firstTabDetail.Profit / 10000 >= 100 ? '商家存在' : ''
|
||
}}
|
||
<text class="big">{{
|
||
firstTabDetail.Profit / 10000 < 0 ? '退场风险' : firstTabDetail.Profit / 10000 <= 10 &&
|
||
firstTabDetail.Profit / 10000 > 0 ? '较大经营风险' :
|
||
firstTabDetail.Profit / 10000 > 10 && firstTabDetail.Profit / 10000 < 100 ? '良好' :
|
||
firstTabDetail.Profit / 10000 >= 100 ? '较大的盈利优势' : ''
|
||
}}</text>{{
|
||
firstTabDetail.Profit / 10000 < 0 ? '，请密切关注此项目经营状态！' : firstTabDetail.Profit / 10000 <= 10 &&
|
||
firstTabDetail.Profit / 10000 > 0 ? '，请关注此项目经营状态！' :
|
||
firstTabDetail.Profit / 10000 > 10 && firstTabDetail.Profit / 10000 < 100 ? '，能较好的进行持续经营！' :
|
||
firstTabDetail.Profit / 10000 >= 100 ? '，建议后期项目调整保底提成！' : ''
|
||
}}
|
||
</text>
|
||
<view style="display: inline-block">
|
||
<view class="noticeBox" @click="handleShowNotice">
|
||
<image class="noticeIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/noticeIcon.png" />
|
||
<view class="noticeDesc" v-if="showNotice" @click.stop="handleCloseNotice">
|
||
<view>{{ `1、预计盈利<${0}万元，商家存在退场风险，请密切关注此项目经营状态！` }}</view>
|
||
<view>{{ `2、预计盈利=<${10}万元且>${0}万元，商家存在较大经营风险，请关注此项目经营状态！` }}</view>
|
||
<view>{{ `3、预计盈利>${10}万元且<${100}万元，商家经营状态良好，能较好的进行持续经营！` }}</view>
|
||
<view>{{ `4、预计盈利>=${100}万元，商家存在较大的盈利优势，建议后期项目调整保底提成！` }}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="firstContent" v-if="selectTab === 1">
|
||
<view v-if="firstTabDetail.BUSINESS_TRADE">
|
||
<view class="contentTitle">
|
||
在<text class="yellowText">统一时间</text>口径下：
|
||
</view>
|
||
<view class="contentItem" style="display: flex;align-items: center">
|
||
年度统计周期内：
|
||
<image class="date" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/dateIcon.png" />
|
||
<text class="time">{{ `${firstTabDetail.STATISTICS_STARTDATE}-${firstTabDetail.STATISTICS_ENDDATE}`
|
||
}}</text>
|
||
</view>
|
||
|
||
<view class="contentItem">
|
||
对客营收
|
||
<text class="money">{{ firstTabDetail.PROJECT_REVENUE ? $util.getMoney(firstTabDetail.PROJECT_REVENUE
|
||
/
|
||
10000) : '-' }}</text>
|
||
<text class="unit">/万元</text>
|
||
，商家入账
|
||
<text class="money">{{
|
||
firstTabDetail.SUBROYALTY_AMOUNT ? $util.getMoney(firstTabDetail.SUBROYALTY_AMOUNT /
|
||
10000) : '-' }}</text>
|
||
<text class="unit">/万元</text>
|
||
</view>
|
||
|
||
<view class="contentItem">
|
||
按合同约定支付驿达租金
|
||
<text class="money">{{ firstTabDetail.ROYALTY_THEORY ? $util.getMoney(firstTabDetail.ROYALTY_THEORY /
|
||
10000) : '-' }}</text>
|
||
<text class="unit">/万元</text>
|
||
</view>
|
||
|
||
<!-- <view class="contentItem">-->
|
||
<!-- 按对客销售的 <text style="color: #FE7628;margin: 0 8rpx">40%</text>成本预估经营成本需-->
|
||
<!-- <text class="money">{{ firstTabDetail.PROJECT_REVENUE?$util.getMoney(firstTabDetail.PROJECT_REVENUE * 0.4 / 10000):'-'}}</text>-->
|
||
<!-- <text class="unit">/万元</text>-->
|
||
<!-- </view>-->
|
||
|
||
<view class="contentItem">
|
||
按对客销售的<text style="color: #FE7628;margin: 0 8rpx">{{ detail.COST_RATE ? `${detail.COST_RATE}%` : '-'
|
||
}}</text>成本预估经营成本需
|
||
<text class="money">{{ firstTabDetail.PROJECT_REVENUE ? $util.getMoney(firstTabDetail.PROJECT_REVENUE
|
||
* (detail.COST_RATE ? detail.COST_RATE / 100 : 0) / 10000) : '' }}</text><text
|
||
class="unit">/万元</text>
|
||
</view>
|
||
<view class="contentItem" v-if="firstTabDetail.PROJECT_REVENUE">
|
||
人工成本，按<text style="color: #FE7628;margin: 0 8rpx">{{ detail.LABOURS_COUNT || '' }}</text>个人，平均工资<text
|
||
style="color: #FE7628;margin: 0 8rpx">{{ detail.LABOURS_WAGE || '' }}</text>元/月，实际发生
|
||
<text style="color: #FE7628;margin: 0 8rpx">{{ detail.MONTH_COUNT || '' }}</text>个月，合计人工成本<text
|
||
class="money">{{ $util.getMoney((detail.LABOURS_COUNT * detail.LABOURS_WAGE * detail.MONTH_COUNT) /
|
||
10000) }}</text>万元
|
||
</view>
|
||
<view class="contentItem" v-if="firstTabDetail.PROJECT_REVENUE">
|
||
折旧费用，按总投入<text style="color: #FE7628;margin: 0 8rpx">{{ detail.DEPRECIATION_EXPENSE ||
|
||
'' }}</text>万元，<text style="color: #FE7628;margin: 0 8rpx">{{ detail.DEPRECIATION_YEAR || ''
|
||
}}</text>
|
||
年折旧，实际发生<text style="color: #FE7628;margin: 0 8rpx">{{ detail.MONTH_COUNT || '' }}</text>月，合计折旧费用<text
|
||
class="money">{{ $util.getMoney((detail.DEPRECIATION_EXPENSE / detail.DEPRECIATION_YEAR / 12) *
|
||
detail.MONTH_COUNT) }}</text>万元
|
||
</view>
|
||
<view class="contentItem" v-if="firstTabDetail.PROJECT_REVENUE">
|
||
其他经营费用，按每年综合经营费用<text class="money">{{ detail.OTHER_EXPENSE || '' }}</text>万元预估
|
||
</view>
|
||
<view class="contentItem" v-if="firstTabDetail.PROJECT_REVENUE">
|
||
<text class="unit">实际商家经营成本 = 经营成本 + 人工成本 + 折旧费用 + 其他经营费用 = </text><text class="money">
|
||
{{ $util.getMoney((firstTabDetail.PROJECT_REVENUE * (detail.COST_RATE ? detail.COST_RATE / 100 : 0)
|
||
/ 10000) + ((detail.LABOURS_COUNT * detail.LABOURS_WAGE * detail.MONTH_COUNT) / 10000) +
|
||
((detail.DEPRECIATION_EXPENSE / detail.DEPRECIATION_YEAR / 12) * detail.MONTH_COUNT) +
|
||
detail.OTHER_EXPENSE) }}
|
||
</text>万元
|
||
</view>
|
||
|
||
<view class="contentItem">
|
||
商家<text style="color: #FE7628;margin: 0 8rpx">{{ firstTabDetail.SUBROYALTY_AMOUNT - (
|
||
(firstTabDetail.PROJECT_REVENUE * (detail.COST_RATE ? detail.COST_RATE / 100 : 0)) +
|
||
((detail.LABOURS_COUNT * detail.LABOURS_WAGE * detail.MONTH_COUNT)) + ((detail.DEPRECIATION_EXPENSE
|
||
/ detail.DEPRECIATION_YEAR / 12) * detail.MONTH_COUNT) + detail.OTHER_EXPENSE) < 0 ? '预计预亏' : '预计盈利'
|
||
}}</text>
|
||
<text class="money">{{ firstTabDetail.SUBROYALTY_AMOUNT ?
|
||
$util.getMoney(Math.abs(
|
||
((firstTabDetail.SUBROYALTY_AMOUNT - ((firstTabDetail.PROJECT_REVENUE * (detail.COST_RATE ?
|
||
detail.COST_RATE / 100 : 0)) + (detail.LABOURS_COUNT * detail.LABOURS_WAGE * detail.MONTH_COUNT)
|
||
+ ((detail.DEPRECIATION_EXPENSE / detail.DEPRECIATION_YEAR / 12) * detail.MONTH_COUNT * 10000) +
|
||
(detail.OTHER_EXPENSE * 10000)))) / 10000)
|
||
) : '-' }}</text><text class="unit">/万元</text>
|
||
</view>
|
||
|
||
<view class="contentItem" style="margin-bottom: 8rpx">
|
||
<text class="yellowBgText">{{
|
||
`${BusinessTradeIdsObj[firstTabDetail.BUSINESS_TRADE]}/${BusinessTradeIdsBigObj[firstTabDetail.BUSINESS_PTRADE]}`
|
||
}}</text>：
|
||
<!-- 地方特色小吃/休闲小吃-->
|
||
<text class="yellowBgText">{{ firstTabDetail.SHOPSHORTNAME || '' }}</text>
|
||
</view>
|
||
|
||
<view class="contentItem" style="display: flex;align-items: center;flex-wrap: wrap;margin-bottom: 0">
|
||
{{ firstTabDetail.ACCOUNT_RATE >= 80 ? '优于' :
|
||
firstTabDetail.ACCOUNT_RATE < 80 && firstTabDetail.ACCOUNT_RATE >= 50 ? '优于' :
|
||
firstTabDetail.ACCOUNT_RATE < 50 ? '租赁收入低于' : '' }}<text style="color: #FE7628;margin: 0 8rpx">{{
|
||
firstTabDetail.ACCOUNT_RATE ? `${firstTabDetail.ACCOUNT_RATE}%` : '' }}</text>
|
||
的经营业态项目
|
||
<view style="display: flex;align-items: center;vertical-align: top;margin-left: 8rpx">
|
||
<image class="stateIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/Like.png" />
|
||
<!-- https://eshangtech.com/ShopICO/ahyd-BID/warning/stateIcon.png-->
|
||
<text class="stateText">{{
|
||
firstTabDetail.ACCOUNT_RATE >= 80 ? '优秀' :
|
||
firstTabDetail.ACCOUNT_RATE < 80 && firstTabDetail.ACCOUNT_RATE >= 50 ? '良好' :
|
||
firstTabDetail.ACCOUNT_RATE < 50 ? '请关注此项目经营状况！' : '' }}</text>
|
||
<view class="questionBox">
|
||
<image class="questionIcon" @click="handleShowQuestion"
|
||
src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/noticeIcon.svg" />
|
||
<view class="questionContent" @click="handleCloseNotice" v-if="showQuestion">
|
||
<view>{{ `>=${80} %，优秀` }}</view>
|
||
<view>{{ `<= ${80} % 且>= ${50} %，良好` }}</view>
|
||
<view>{{ `<${50} %，请关注此项目经营状态` }}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="contentTitle" style="margin-top: 40rpx">
|
||
在<text class="typeText">{{ SERVERPARTTYPEOBJ[firstTabDetail.SERVERPART_TYPE] }}</text>口径下：
|
||
</view>
|
||
|
||
<view class="contentItem">
|
||
获客能力排名第
|
||
<text class="money">{{ firstTabDetail.TRADEREVENUE_RANK_TYPE }}</text>
|
||
<text class="unit">/{{ firstTabDetail.TRADE_COUNT_TYPE }}</text>
|
||
</view>
|
||
<view class="contentItem">
|
||
租金交付能力排名第
|
||
<text class="money">{{ firstTabDetail.TRADEACCOUNT_RANK_TYPE }}</text>
|
||
<text class="unit">/{{ firstTabDetail.TRADE_COUNT_TYPE }}</text>
|
||
</view>
|
||
|
||
<view class="contentTitle"
|
||
style="padding-left: 14rpx;margin-top: 40rpx;display: flex;align-items: center">
|
||
在所有
|
||
<view class="YdBox">
|
||
<image class="YDLogo"
|
||
src="https://eshangtech.com/ShopICO/ahyd-BID/tabBar/company_active.png" />
|
||
<text style="color: red;text-indent: 0">驿达旗下</text>
|
||
</view> 服务区中：
|
||
</view>
|
||
<view class="contentItem">
|
||
获客能力排名第
|
||
<text class="money">{{ firstTabDetail.TRADEREVENUE_RANK }}</text>
|
||
<text class="unit">/{{ firstTabDetail.TRADE_COUNT }}</text>
|
||
</view>
|
||
<view class="contentItem">
|
||
租金交付能力排名第
|
||
<text class="money">{{ firstTabDetail.TRADEACCOUNT_RANK }}</text>
|
||
<text class="unit">/{{ firstTabDetail.TRADE_COUNT }}</text>
|
||
</view>
|
||
</view>
|
||
<view style="color: red" v-else>未对项目进行设置业态，无法分析！</view>
|
||
</view>
|
||
|
||
<view class="secondContent" v-if="selectTab === 2">
|
||
<view v-for="(item, index) in secondTabList" :key="index" style="margin-bottom: 48rpx">
|
||
<view class="contentItem" style="display: flex;align-items: center;margin-bottom: 16rpx">
|
||
<text class="indexDesc">{{ item.BUSINESS_PERIOD || '' }}</text>
|
||
<view class="timeBox">
|
||
<image class="dateIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/warning/dateIcon.png" />
|
||
<text class="dateText" style="white-space: nowrap">{{
|
||
`${item.STARTDATE ? $moment(item.STARTDATE).format('YYYY年MM月DD日') : ''} 至${item.ENDDATE ?
|
||
$moment(item.ENDDATE).format('YYYY年MM月DD日') : ''}`
|
||
}}</text>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="contentItem">
|
||
{{ new Date().getTime() < new Date($moment(item.ENDDATE).format('YYYY-MM-DD')).getTime()
|
||
? '项目履约中...' : '项目已完成...' }} <text class="orangeText">{{ item.SUBROYALTY_PRICE >= item.MINTURNOVER
|
||
? '保底租金已交付' : '未完成保底额' }}</text>
|
||
</view>
|
||
|
||
<view class="contentItem">
|
||
对客销售总额<text class="money">{{ item.REVENUE_AMOUNT ? $util.getMoney(item.REVENUE_AMOUNT /
|
||
10000) : '-' }}</text>
|
||
<text class="unit">/万元</text>
|
||
，商家入账<text class="money">{{ item.SUBROYALTY_THEORY ? $util.getMoney(item.SUBROYALTY_THEORY /
|
||
10000) : '-' }}</text>
|
||
<text class="unit">/万元</text>
|
||
</view>
|
||
|
||
<view class="contentItem">
|
||
按合同约定支付驿达租金<text class="money">{{ item.ROYALTY_THEORY ? $util.getMoney(item.ROYALTY_THEORY /
|
||
10000) : '-' }}</text>
|
||
<text class="unit">/万元</text>
|
||
</view>
|
||
|
||
<!-- <view class="contentItem">-->
|
||
<!-- 按对客销售的<text class="orangeText" style="margin: 0 8rpx">40%</text>-->
|
||
<!-- 成本预估经营成本需-->
|
||
<!-- <text class="money">{{ item.costEstimation?$util.getMoney(item.costEstimation / 10000):'-'}}</text>-->
|
||
<!-- <text class="unit">/万元</text>-->
|
||
<!-- </view>-->
|
||
<view class="contentItem">
|
||
按对客销售的<text style="color: #FE7628;margin: 0 8rpx">{{ detail.COST_RATE ? `${detail.COST_RATE}%` : '-'
|
||
}}</text>成本预估经营成本需
|
||
<text class="money">{{ item.REVENUE_AMOUNT ? $util.getMoney(item.REVENUE_AMOUNT * (detail.COST_RATE
|
||
? detail.COST_RATE / 100 : 0) / 10000) : '' }}</text><text class="unit">/万元</text>
|
||
</view>
|
||
<view class="contentItem" v-if="item.REVENUE_AMOUNT">
|
||
人工成本，按<text style="color: #FE7628;margin: 0 8rpx">{{ detail.LABOURS_COUNT || ''
|
||
}}</text>个人，平均工资<text style="color: #FE7628;margin: 0 8rpx">{{ detail.LABOURS_WAGE || ''
|
||
}}</text>元/月，实际发生
|
||
<text style="color: #FE7628;margin: 0 8rpx">{{ detail.MONTH_COUNT || '' }}</text>个月，合计人工成本<text
|
||
class="money">{{ $util.getMoney((detail.LABOURS_COUNT * detail.LABOURS_WAGE * detail.MONTH_COUNT)
|
||
/
|
||
10000) }}</text>万元
|
||
</view>
|
||
<view class="contentItem" v-if="item.REVENUE_AMOUNT">
|
||
折旧费用，按总投入<text style="color: #FE7628;margin: 0 8rpx">{{ detail.DEPRECIATION_EXPENSE ||
|
||
'' }}</text>万元，<text style="color: #FE7628;margin: 0 8rpx">{{ detail.DEPRECIATION_YEAR ||
|
||
'' }}</text>
|
||
年折旧，实际发生<text style="color: #FE7628;margin: 0 8rpx">{{ detail.howMonth || ''
|
||
}}</text>元/月，合计折旧费用<text class="money">{{ $util.getMoney((detail.DEPRECIATION_EXPENSE /
|
||
detail.DEPRECIATION_YEAR / 12) *
|
||
detail.MONTH_COUNT) }}</text>万元
|
||
</view>
|
||
<view class="contentItem" v-if="item.REVENUE_AMOUNT">
|
||
其他经营费用，按每年综合经营费用<text class="money">{{ detail.OTHER_EXPENSE || '' }}</text>万元预估
|
||
</view>
|
||
<view class="contentItem" v-if="item.REVENUE_AMOUNT">
|
||
<text class="unit">实际商家经营成本 = 经营成本 + 人工成本 + 折旧费用 + 其他经营费用 = </text><text class="money">
|
||
{{ $util.getMoney((item.REVENUE_AMOUNT * (detail.COST_RATE ? detail.COST_RATE / 100 : 0) / 10000)
|
||
+ ((detail.LABOURS_COUNT * detail.LABOURS_WAGE * detail.MONTH_COUNT) / 10000) +
|
||
((detail.DEPRECIATION_EXPENSE / detail.DEPRECIATION_YEAR / 12) * detail.MONTH_COUNT) +
|
||
detail.OTHER_EXPENSE) }}
|
||
</text>万元
|
||
</view>
|
||
|
||
<view class="contentItem">
|
||
商家<text style="color: #FE7628;margin: 0 8rpx">{{ item.SUBROYALTY_THEORY - ((item.REVENUE_AMOUNT *
|
||
(detail.COST_RATE ? detail.COST_RATE / 100 : 0)) + ((detail.LABOURS_COUNT * detail.LABOURS_WAGE *
|
||
detail.MONTH_COUNT)) + ((detail.DEPRECIATION_EXPENSE / detail.DEPRECIATION_YEAR / 12) *
|
||
detail.MONTH_COUNT) + detail.OTHER_EXPENSE) < 0 ? '预计预亏' : '预计盈利' }}</text>
|
||
<text class="money">{{ item.SUBROYALTY_THEORY ?
|
||
$util.getMoney(Math.abs(
|
||
((item.SUBROYALTY_THEORY - ((item.REVENUE_AMOUNT * (detail.COST_RATE ? detail.COST_RATE / 100
|
||
: 0)) + (detail.LABOURS_COUNT * detail.LABOURS_WAGE * detail.MONTH_COUNT) +
|
||
((detail.DEPRECIATION_EXPENSE / detail.DEPRECIATION_YEAR / 12) * detail.MONTH_COUNT * 10000) +
|
||
(detail.OTHER_EXPENSE * 10000)))) / 10000)
|
||
) : '-' }}</text><text class="unit">/万元</text>
|
||
</view>
|
||
|
||
<view class="contentItem">
|
||
项目进度完成
|
||
<text class="money">{{ item.daySuccess ? item.daySuccess > 100 ? 100 : item.daySuccess + '%' : ''
|
||
}}</text>
|
||
</view>
|
||
|
||
<view class="contentItem">
|
||
租金交付已完成
|
||
<text class="money">{{ item.rentDelivery ? item.rentDelivery > 100 ? 100 : item.rentDelivery + '%' :
|
||
'-'
|
||
}}</text>
|
||
</view>
|
||
|
||
<view class="contentItem">
|
||
租金交付进度 <text class="orangeText" style="margin: 0 8rpx">{{ item.rentDelivery > item.daySuccess ? '优于'
|
||
: item.rentDelivery < item.daySuccess ? '低于' : '等于' }}</text> 项目进度
|
||
</view>
|
||
|
||
<view class="resultBox" v-if="item.daySuccess < 100">
|
||
<image class="warningLight"
|
||
src="https://eshangtech.com/ShopICO/ahyd-BID/warning/warningLight.png" />
|
||
{{ item.progressDifference <= 10 ? '项目保底' : item.progressDifference > 10 && item.progressDifference
|
||
<= 40 ? '项目能' : item.progressDifference > 40 ? '项目' :
|
||
item.progressDifference <= 0 && item.progressDifference >= -10 ? '项目保底完成' :
|
||
item.progressDifference <= -10 && item.progressDifference >= -40 ? '商家' :
|
||
item.progressDifference < -40 ? '项目' : '' }} <text class="blueText">
|
||
{{ item.progressDifference <= 10 ? '基本能实现' : item.progressDifference > 10 &&
|
||
item.progressDifference <= 40 ? '较好的完成' : item.progressDifference > 40 ? '超预期' :
|
||
item.progressDifference <= 0 && item.progressDifference >= -10 ? '存在困难' :
|
||
item.progressDifference <= -10 && item.progressDifference >= -40 ? '存在经营困难' :
|
||
item.progressDifference < -40 ? '超预期' : '' }} </text>
|
||
{{ item.progressDifference <= 10 ? '' : item.progressDifference > 10 &&
|
||
item.progressDifference <= 40 ? '保底且实现盈利' : item.progressDifference > 40
|
||
? '后续项目可以适当提升保底营收' :
|
||
item.progressDifference <= 0 && item.progressDifference >= -10 ? '，请保持关注' :
|
||
item.progressDifference <= -10 && item.progressDifference >= -40
|
||
? '，请密切保持关注' :
|
||
item.progressDifference < -40 ? '，商家存在退场风险' : '' }} </view>
|
||
</view>
|
||
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
<script>
|
||
import request from '@/util/index.js'
|
||
import moment from "moment";
|
||
import numeral from 'numeral'
|
||
|
||
import { wrapTreeNode } from "../../util/dateTime";
|
||
export default {
|
||
name: "projectWarningDetail",
|
||
data() {
|
||
return {
|
||
menu: {},
|
||
serviceInfo: {},// 当前选中服务区
|
||
selectTab: 1,// 选中的tab
|
||
detail: {},// 详情内容
|
||
businessTypeObj: {
|
||
1000: "合作经营",
|
||
2000: "固定租金",
|
||
3000: "保底采购",
|
||
4000: "业主自营",
|
||
},
|
||
firstTabDetail: {},// 选项卡为第一个的详情数据
|
||
secondTabList: [],// 选项卡为第二个的时候的数组
|
||
BusinessTradeIdsObj: {},// 枚举对象
|
||
BusinessTradeIdsBigObj: {},// 枚举对象
|
||
SERVERPARTTYPEOBJ: {},// 枚举对象
|
||
warningNameObj: {},// 预警类型名称对象
|
||
warningDescObj: {},// 预警类型备注对象
|
||
showNotice: false,// 第一个问号的悬浮框
|
||
showQuestion: false,// 优秀的悬浮框
|
||
}
|
||
},
|
||
async onLoad(query) {
|
||
let systemInfo = uni.getSystemInfoSync()
|
||
this.menu = uni.getMenuButtonBoundingClientRect()
|
||
let seat = uni.getStorageSync('currentService')
|
||
this.serviceInfo = seat
|
||
if (query.obj) {
|
||
this.detail = JSON.parse(query.obj)
|
||
}
|
||
console.log('this.detail', this.detail)
|
||
uni.showLoading({
|
||
title: '正在加载...'
|
||
})
|
||
|
||
this.handleGetField()
|
||
this.handleGetSERVERPART_TYPE()
|
||
this.handleGetWarningType()
|
||
|
||
await this.handleGetFirstTab()
|
||
|
||
await this.handleGetSecondTab()
|
||
uni.hideLoading()
|
||
},
|
||
methods: {
|
||
// 显示悬浮框注释
|
||
handleShowNotice() {
|
||
this.showNotice = true
|
||
},
|
||
handleShowQuestion() {
|
||
this.showQuestion = true
|
||
},
|
||
// 显示悬浮框注释
|
||
handleCloseNotice() {
|
||
this.showNotice = false
|
||
this.showQuestion = false
|
||
},
|
||
async handleGetWarningType() {
|
||
const req = {
|
||
FieldexPlain_Field: 'WARNING_TYPE'
|
||
}
|
||
const data = await request.$webGet('/EShangApiMain/Dictionary/GetFieEnumList', req)
|
||
let list = data.Result_Data.List
|
||
console.log('list', list)
|
||
let nameObj = {}
|
||
let descObj = {}
|
||
if (list && list.length > 0) {
|
||
list.forEach(item => {
|
||
nameObj[Number(item.FieldEnum_Value)] = item.FieldEnum_Name
|
||
descObj[Number(item.FieldEnum_Value)] = item.FieldEnum_Desc
|
||
})
|
||
}
|
||
this.warningNameObj = nameObj
|
||
this.warningDescObj = descObj
|
||
console.log('nameObj', nameObj)
|
||
console.log('descObj', descObj)
|
||
},
|
||
// 返回上一级
|
||
handleBack() {
|
||
uni.navigateBack({
|
||
delta: 1
|
||
})
|
||
},
|
||
// 拿到BusinessTradeIdsObj的枚举
|
||
async handleGetField() {
|
||
const req = {
|
||
FieldExplainField: 'BusinessTradeIds'
|
||
}
|
||
const data = await request.$webGet('/EShangApiMain/FrameWork/GetFieldEnumTree', req)
|
||
let list = wrapTreeNode(data.Result_Data.List)
|
||
let bigObj = {}
|
||
let obj = {}
|
||
if (list && list.length > 0) {
|
||
list.forEach(item => {
|
||
bigObj[item.value] = item.label
|
||
if (item.children && item.children.length > 0) {
|
||
item.children.forEach(subItem => {
|
||
obj[subItem.value] = subItem.label
|
||
})
|
||
}
|
||
})
|
||
}
|
||
console.log('data231231', list)
|
||
this.BusinessTradeIdsBigObj = bigObj
|
||
this.BusinessTradeIdsObj = obj
|
||
},
|
||
// 拿到BusinessTradeIdsBigObj的枚举
|
||
async handleGetSERVERPART_TYPE() {
|
||
const req = {
|
||
FieldExplainField: 'SERVERPART_TYPE'
|
||
}
|
||
const data = await request.$webGet('/EShangApiMain/FrameWork/GetFieldEnumTree', req)
|
||
let list = wrapTreeNode(data.Result_Data.List)
|
||
let obj = {}
|
||
if (list && list.length > 0) {
|
||
list.forEach(item => {
|
||
obj[item.value] = item.label
|
||
})
|
||
}
|
||
console.log('data231231', list)
|
||
this.SERVERPARTTYPEOBJ = obj
|
||
},
|
||
// 改变选项卡
|
||
handleChangeTab(e) {
|
||
this.selectTab = e
|
||
},
|
||
async handleGetFirstTab() {
|
||
const req = {
|
||
ServerpartId: this.detail.SERVERPART_ID,
|
||
ServerpartShopId: this.detail.SERVERPARTSHOP_ID
|
||
}
|
||
const bottomData = await request.$webGet('/EShangApiMain/Revenue/GetBusinessTradeAnalysis', req)
|
||
const bottomData2 = await request.$webGet('/EShangApiMain/Revenue/GetBrandAnalysis', req)
|
||
let thirdObj = {}
|
||
let fourthObj = {}
|
||
if (bottomData.Result_Data.List && bottomData.Result_Data.List.length > 0) {
|
||
thirdObj = bottomData.Result_Data.List[0]
|
||
}
|
||
if (bottomData2.Result_Data.List && bottomData2.Result_Data.List.length > 0) {
|
||
fourthObj = bottomData2.Result_Data.List[0]
|
||
}
|
||
this.firstTabDetail = {
|
||
...thirdObj,
|
||
...fourthObj,
|
||
}
|
||
console.log('this.firstTabDetailthis.firstTabDetail', this.firstTabDetail);
|
||
|
||
},
|
||
async handleGetSecondTab() {
|
||
const req = {
|
||
DataType: 2,
|
||
BusinessProjectId: this.detail.BUSINESSPROJECT_ID
|
||
}
|
||
const data = await request.$webGet('/EShangApiMain/BusinessProject/GetAnnualSplit', req)
|
||
const shopTime = await request.$webGet('/EShangApiMain/Revenue/GetBusinessDate', { ServerpartShopIds: this.detail.BUSINESSPROJECT_ID })
|
||
let list = data.Result_Data.List
|
||
list.reverse()
|
||
const shopEndTime = shopTime.Result_Data.value
|
||
console.log('shopEndTime', shopEndTime)
|
||
let beforeList = []
|
||
let futerObj = {}
|
||
list.forEach(item => {
|
||
if (item.PERIOD_INDEX) {
|
||
if (new Date(item.STARTDATE).getTime() < new Date(shopEndTime).getTime() && new Date(item.ENDDATE).getTime() > new Date(shopEndTime).getTime()) {
|
||
item.showMore = true
|
||
// 项目一共多少天
|
||
const startTime = moment(item.STARTDATE)
|
||
const endTime = moment(item.ENDDATE)
|
||
const nowTime = moment()
|
||
item.projectDaySum = endTime.diff(startTime, 'days') + 1
|
||
// 距离今天是多少天
|
||
item.projectBetween = nowTime.diff(startTime, 'days') + 1
|
||
// 完成率
|
||
item.daySuccess = numeral((item.projectBetween / item.projectDaySum) * 100).format('0.00')
|
||
item.costEstimation = item.REVENUE_AMOUNT * 0.4
|
||
item.profitEstimate = item.SUBROYALTY_THEORY - (item.REVENUE_AMOUNT * 0.4)
|
||
item.rentDelivery = item.SUBROYALTY_PRICE / item.MINTURNOVER > 1 ? 100 : (item.SUBROYALTY_PRICE / item.MINTURNOVER) * 100
|
||
item.daySuccessNumber = (item.projectBetween / item.projectDaySum) * 100
|
||
item.progressDifference = item.rentDelivery - item.daySuccessNumber
|
||
beforeList.push(item)
|
||
} else if (new Date(item.STARTDATE).getTime() > new Date().getTime()) {
|
||
futerObj = item
|
||
} else {
|
||
item.daySuccess = 100
|
||
item.daySuccessNumber = 100
|
||
item.costEstimation = item.REVENUE_AMOUNT * 0.4
|
||
item.rentDelivery = item.SUBROYALTY_PRICE / item.MINTURNOVER > 1 ? 100 : (item.SUBROYALTY_PRICE / item.MINTURNOVER) * 100
|
||
item.profitEstimate = item.SUBROYALTY_THEORY - (item.REVENUE_AMOUNT * 0.4)
|
||
beforeList.push(item)
|
||
}
|
||
}
|
||
})
|
||
beforeList.push(futerObj)
|
||
this.secondTabList = beforeList
|
||
console.log('this.secondTabList', this.secondTabList)
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
<style scoped lang="scss">
|
||
.projectWarningDetail {
|
||
width: 100%;
|
||
background: #F3F3F3;
|
||
|
||
.meng {
|
||
width: 100vw;
|
||
height: 100vh;
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
z-index: 21;
|
||
}
|
||
|
||
.earlyTop {
|
||
width: 100%;
|
||
background: #F3F3F3;
|
||
position: relative;
|
||
|
||
.earlyTopBg {
|
||
width: 100%;
|
||
height: 430rpx;
|
||
background: linear-gradient(180deg, #D8E3FF 0%, #F3F3F3 100%);
|
||
}
|
||
|
||
.headerBox {
|
||
width: 100%;
|
||
position: fixed;
|
||
left: 0;
|
||
top: 0;
|
||
z-index: 20;
|
||
box-sizing: border-box;
|
||
background: linear-gradient(180deg, #D8E3FF 0%, #E5EBF9 100%);
|
||
//padding: 32rpx;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
|
||
.backIconBox {
|
||
width: 48rpx;
|
||
height: 48rpx;
|
||
margin-right: 18rpx;
|
||
|
||
.backIcon {
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
}
|
||
|
||
.pageTitle {
|
||
font-family: PingFangTC, PingFangTC;
|
||
font-weight: 600;
|
||
font-size: 34rpx;
|
||
color: #160002;
|
||
line-height: 48rpx;
|
||
text-align: center;
|
||
font-style: normal;
|
||
}
|
||
|
||
.default {
|
||
width: 48rpx;
|
||
height: 48rpx;
|
||
}
|
||
}
|
||
|
||
.detailBox {
|
||
width: calc(100% - 48rpx);
|
||
left: 24rpx;
|
||
position: absolute;
|
||
background: #FFFFFF;
|
||
border-radius: 16rpx;
|
||
box-sizing: border-box;
|
||
padding: 2rpx;
|
||
|
||
.contentBox {
|
||
width: 100%;
|
||
//height: 480rpx;
|
||
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/warning/detailBg.svg");
|
||
background-repeat: no-repeat;
|
||
background-size: cover;
|
||
//background: linear-gradient( 180deg, #CDE1FF 0%, #FFFFFF 100%);
|
||
border-radius: 14rpx;
|
||
box-sizing: border-box;
|
||
padding: 24rpx 24rpx 0 24rpx;
|
||
|
||
.contentTop {
|
||
display: flex;
|
||
//align-items: center;
|
||
justify-content: space-between;
|
||
|
||
.topLeft {
|
||
width: 96rpx;
|
||
height: 96rpx;
|
||
border-radius: 16rpx;
|
||
overflow: hidden;
|
||
|
||
.logo {
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
}
|
||
|
||
.topRight {
|
||
width: calc(100% - 100rpx);
|
||
margin-left: 16rpx;
|
||
|
||
.rightTop {
|
||
display: flex;
|
||
align-items: flex-start;
|
||
justify-content: space-between;
|
||
|
||
.shopName {
|
||
font-family: PingFangSC, PingFang SC;
|
||
font-weight: 600;
|
||
font-size: 32rpx;
|
||
color: #160002;
|
||
line-height: 44rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
display: inline-block;
|
||
width: calc(100% - 40rpx);
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
overflow: hidden;
|
||
-webkit-line-clamp: 2;
|
||
}
|
||
|
||
.fixedBox {
|
||
display: flex;
|
||
align-items: center;
|
||
|
||
.fixed {
|
||
width: 32rpx;
|
||
height: 32rpx;
|
||
margin-right: 4rpx;
|
||
}
|
||
|
||
.serverPartName {
|
||
font-family: PingFangSC, PingFang SC;
|
||
font-weight: 400;
|
||
font-size: 28rpx;
|
||
color: #626973;
|
||
line-height: 40rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
display: inline-block;
|
||
width: 150rpx;
|
||
}
|
||
}
|
||
}
|
||
|
||
.rightBottom {
|
||
.type {
|
||
font-family: PingFangSC, PingFang SC;
|
||
font-weight: 400;
|
||
font-size: 24rpx;
|
||
color: #5E5A59;
|
||
line-height: 36rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
padding: 2rpx 8rpx;
|
||
background: #FFFFFF;
|
||
border-radius: 4rpx;
|
||
}
|
||
}
|
||
|
||
.MERCHANTS_NAMERightBox {
|
||
display: flex;
|
||
justify-content: flex-end;
|
||
|
||
.MERCHANTS_NAME {
|
||
font-family: PingFangSC, PingFang SC;
|
||
font-weight: 400;
|
||
font-size: 24rpx;
|
||
color: #571519;
|
||
line-height: 44rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
padding: 4rpx 16rpx;
|
||
background: #FCF1D3;
|
||
border-radius: 4rpx;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
.contentBottom {
|
||
.moneyBox {
|
||
width: 100%;
|
||
margin-top: 48rpx;
|
||
|
||
.moneyItem {
|
||
display: flex;
|
||
flex-direction: column;
|
||
|
||
.value {
|
||
font-family: DINAlternate, DINAlternate;
|
||
font-weight: bold;
|
||
font-size: 36rpx;
|
||
color: #160002;
|
||
line-height: 42rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
}
|
||
|
||
.unit {
|
||
font-family: PingFangSC, PingFang SC;
|
||
font-weight: 400;
|
||
font-size: 28rpx;
|
||
color: #9A9A9A;
|
||
line-height: 40rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
}
|
||
}
|
||
}
|
||
|
||
.messageBox {
|
||
margin-top: 16rpx;
|
||
|
||
.messageIcon {
|
||
width: 48rpx;
|
||
height: 48rpx;
|
||
margin-right: 8rpx;
|
||
}
|
||
|
||
.messageType {
|
||
font-family: PingFangSC, PingFang SC;
|
||
font-weight: 400;
|
||
font-size: 28rpx;
|
||
color: #1979FE;
|
||
line-height: 36rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
padding: 4rpx 12rpx;
|
||
background: #E3EFFF;
|
||
border-radius: 4rpx;
|
||
margin-right: 16rpx;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.messageDesc {
|
||
font-family: PingFangSC, PingFang SC;
|
||
font-weight: 400;
|
||
font-size: 28rpx;
|
||
color: #F07604;
|
||
line-height: 36rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
white-space: nowrap;
|
||
}
|
||
}
|
||
|
||
.line {
|
||
width: 100%;
|
||
height: 2rpx;
|
||
background: #F3F3F3;
|
||
margin: 12rpx 0 0 0;
|
||
}
|
||
|
||
.overTime {
|
||
font-family: PingFangSC, PingFang SC;
|
||
font-weight: 400;
|
||
font-size: 24rpx;
|
||
color: #5E5A59;
|
||
line-height: 36rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
}
|
||
|
||
.type {
|
||
font-family: PingFangSC, PingFang SC;
|
||
font-weight: 400;
|
||
font-size: 24rpx;
|
||
color: #5E5A59;
|
||
line-height: 36rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
padding: 2rpx 8rpx;
|
||
background: #FFFFFF;
|
||
border-radius: 4rpx;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
.detailContentBox {
|
||
width: 100%;
|
||
background: #fff;
|
||
padding: 2rpx;
|
||
border-radius: 32rpx 32rpx 0rpx 0rpx;
|
||
box-sizing: border-box;
|
||
margin-top: 32rpx;
|
||
|
||
.contentBox {
|
||
width: 100%;
|
||
//background: #fff;
|
||
padding-bottom: 40rpx;
|
||
|
||
.tabBox {
|
||
width: 100%;
|
||
height: 108rpx;
|
||
display: flex;
|
||
align-items: center;
|
||
border-radius: 32rpx 32rpx 0rpx 0rpx;
|
||
overflow: hidden;
|
||
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/warning/grayBg.png");
|
||
background-repeat: no-repeat;
|
||
background-size: 100% 100%;
|
||
|
||
.tabItem {
|
||
width: 50%;
|
||
height: 108rpx;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
background: linear-gradient(180deg, #F3F4F8 0%, #FFFFFF 100%);
|
||
|
||
.tabItemIcon {
|
||
width: 40rpx;
|
||
height: 40rpx;
|
||
margin-right: 8rpx;
|
||
}
|
||
|
||
.tabText {
|
||
font-family: PingFangSC, PingFang SC;
|
||
font-weight: 400;
|
||
font-size: 32rpx;
|
||
color: #786B6C;
|
||
line-height: 44rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
}
|
||
}
|
||
|
||
.selectItemLeft {
|
||
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/warning/selectLeft.png");
|
||
background-repeat: no-repeat;
|
||
background-size: 100% 100%;
|
||
|
||
.tabText {
|
||
font-family: PingFangSC, PingFang SC;
|
||
font-weight: 600;
|
||
font-size: 32rpx;
|
||
color: #160002;
|
||
line-height: 44rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
}
|
||
}
|
||
|
||
.selectItemRight {
|
||
background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/warning/selectRight.png");
|
||
background-repeat: no-repeat;
|
||
background-size: 100% 100%;
|
||
|
||
.tabText {
|
||
font-family: PingFangSC, PingFang SC;
|
||
font-weight: 600;
|
||
font-size: 32rpx;
|
||
color: #160002;
|
||
line-height: 44rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
}
|
||
}
|
||
}
|
||
|
||
.descBox {
|
||
background: #F7F8FA;
|
||
border-radius: 8rpx;
|
||
width: calc(100% - 64rpx);
|
||
margin-left: 32rpx;
|
||
box-sizing: border-box;
|
||
padding: 16rpx 24rpx;
|
||
display: flex;
|
||
|
||
.descIcon {
|
||
width: 48rpx;
|
||
height: 48rpx;
|
||
}
|
||
|
||
.desc {
|
||
flex: 1;
|
||
|
||
.descText {
|
||
font-family: PingFangSC, PingFang SC;
|
||
font-weight: 400;
|
||
font-size: 28rpx;
|
||
color: #786B6C;
|
||
line-height: 40rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
vertical-align: top;
|
||
|
||
.big {
|
||
color: #2363FF;
|
||
font-weight: 400;
|
||
font-size: 30rpx;
|
||
}
|
||
}
|
||
|
||
.noticeBox {
|
||
position: relative;
|
||
display: flex;
|
||
align-items: center;
|
||
|
||
.noticeIcon {
|
||
width: 32rpx;
|
||
height: 32rpx;
|
||
}
|
||
|
||
.noticeDesc {
|
||
position: absolute;
|
||
top: 32rpx;
|
||
left: 0;
|
||
display: inline-block;
|
||
transform: translateX(-40px);
|
||
width: 70vw;
|
||
border-radius: 32rpx;
|
||
box-sizing: border-box;
|
||
padding: 32rpx;
|
||
background: #fff;
|
||
z-index: 22;
|
||
font-family: PingFangSC, PingFang SC;
|
||
font-weight: 400;
|
||
font-size: 24rpx;
|
||
color: #786B6C;
|
||
line-height: 40rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
box-shadow: 0rpx 0rpx 40rpx 0rpx rgba(61, 48, 50, 0.21);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
.firstContent {
|
||
width: calc(100% - 64rpx);
|
||
margin-left: 32rpx;
|
||
margin-top: 40rpx;
|
||
|
||
.contentTitle {
|
||
font-family: PingFangSC, PingFang SC;
|
||
font-weight: 400;
|
||
font-size: 28rpx;
|
||
color: #786B6C;
|
||
line-height: 40rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
position: relative;
|
||
text-indent: 1rem;
|
||
margin-bottom: 20rpx;
|
||
|
||
.yellowText {
|
||
font-family: PingFangSC, PingFang SC;
|
||
font-weight: 400;
|
||
font-size: 28rpx;
|
||
color: #571519;
|
||
line-height: 44rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
padding: 2rpx 16rpx;
|
||
background: #FCF1D3;
|
||
border-radius: 4rpx;
|
||
margin: 0 8rpx;
|
||
}
|
||
|
||
.typeText {
|
||
background: linear-gradient(134deg, #FFEED1 0%, #FFE1CD 100%);
|
||
border-radius: 4rpx;
|
||
padding: 2rpx 8rpx;
|
||
color: #FF7E05;
|
||
margin: 0 12rpx;
|
||
}
|
||
|
||
.YdBox {
|
||
display: flex;
|
||
align-items: center;
|
||
margin: 0 12rpx;
|
||
|
||
.YDLogo {
|
||
width: 48rpx;
|
||
height: 48rpx;
|
||
margin-right: 8rpx;
|
||
}
|
||
|
||
.YDText {
|
||
font-family: PingFangSC, PingFang SC;
|
||
font-weight: 400;
|
||
font-size: 28rpx;
|
||
color: #D7000F;
|
||
line-height: 44rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
}
|
||
}
|
||
}
|
||
|
||
.contentTitle:before {
|
||
content: '';
|
||
width: 6rpx;
|
||
height: 28rpx;
|
||
background: #3973FB;
|
||
position: absolute;
|
||
left: 0;
|
||
top: 50%;
|
||
transform: translateY(-50%);
|
||
}
|
||
|
||
.contentItem {
|
||
font-family: PingFangSC, PingFang SC;
|
||
font-weight: 400;
|
||
font-size: 28rpx;
|
||
color: #160002;
|
||
line-height: 40rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
margin-bottom: 16rpx;
|
||
|
||
.date {
|
||
width: 32rpx;
|
||
height: 32rpx;
|
||
margin: 0 8rpx;
|
||
}
|
||
|
||
.time {
|
||
font-family: PingFangSC, PingFang SC;
|
||
font-weight: 400;
|
||
font-size: 28rpx;
|
||
color: #160002;
|
||
line-height: 40rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
}
|
||
|
||
.money {
|
||
font-family: DINAlternate, DINAlternate;
|
||
font-weight: bold;
|
||
font-size: 28rpx;
|
||
color: #160002;
|
||
line-height: 48rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
margin: 0 4rpx;
|
||
}
|
||
|
||
.unit {
|
||
font-family: PingFangSC, PingFang SC;
|
||
font-weight: 400;
|
||
font-size: 28rpx;
|
||
color: #9A9A9A;
|
||
line-height: 40rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
}
|
||
|
||
.yellowBgText {
|
||
font-family: PingFangSC, PingFang SC;
|
||
font-weight: 400;
|
||
font-size: 28rpx;
|
||
color: #571519;
|
||
line-height: 44rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
padding: 2rpx 16rpx;
|
||
background: #FCF1D3;
|
||
border-radius: 4rpx;
|
||
}
|
||
|
||
.stateIcon {
|
||
width: 35rpx;
|
||
height: 35rpx;
|
||
margin-right: 8rpx;
|
||
}
|
||
|
||
.stateText {
|
||
font-family: PingFangSC, PingFang SC;
|
||
font-weight: 600;
|
||
font-size: 26rpx;
|
||
color: #FE7628;
|
||
line-height: 44rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
}
|
||
|
||
.questionBox {
|
||
width: 20px;
|
||
height: 20px;
|
||
cursor: pointer;
|
||
position: relative;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
margin-left: 9px;
|
||
|
||
.questionIcon {
|
||
width: 20px;
|
||
height: 20px;
|
||
}
|
||
|
||
.questionContent {
|
||
position: absolute;
|
||
top: 32rpx;
|
||
right: 0;
|
||
display: inline-block;
|
||
transform: translateX(40px);
|
||
width: 70vw;
|
||
border-radius: 32rpx;
|
||
box-sizing: border-box;
|
||
padding: 32rpx;
|
||
background: #fff;
|
||
z-index: 22;
|
||
font-family: PingFangSC, PingFang SC;
|
||
font-weight: 400;
|
||
font-size: 24rpx;
|
||
color: #786B6C;
|
||
line-height: 40rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
box-shadow: 0rpx 0rpx 40rpx 0rpx rgba(61, 48, 50, 0.21);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
.secondContent {
|
||
width: calc(100% - 64rpx);
|
||
margin-left: 32rpx;
|
||
margin-top: 8rpx;
|
||
|
||
.contentItem {
|
||
margin-bottom: 20rpx;
|
||
font-family: PingFangSC, PingFang SC;
|
||
font-weight: 400;
|
||
font-size: 28rpx;
|
||
color: #160002;
|
||
line-height: 40rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
|
||
.indexDesc {
|
||
background: #E1F3E6;
|
||
border-radius: 4rpx;
|
||
padding: 2rpx 16rpx;
|
||
font-family: PingFangSC, PingFang SC;
|
||
font-weight: 400;
|
||
font-size: 28rpx;
|
||
color: #1A5D2B;
|
||
line-height: 44rpx;
|
||
text-align: center;
|
||
font-style: normal;
|
||
margin-right: 18rpx;
|
||
}
|
||
|
||
.timeBox {
|
||
display: flex;
|
||
align-items: center;
|
||
|
||
.dateIcon {
|
||
width: 32rpx;
|
||
height: 32rpx;
|
||
margin-right: 8rpx;
|
||
}
|
||
|
||
.dateText {
|
||
font-family: PingFangSC, PingFang SC;
|
||
font-weight: 400;
|
||
font-size: 28rpx;
|
||
color: #160002;
|
||
line-height: 40rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
}
|
||
}
|
||
|
||
.orangeText {
|
||
font-family: PingFangSC, PingFang SC;
|
||
font-weight: 600;
|
||
font-size: 28rpx;
|
||
color: #FE7628;
|
||
line-height: 40rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
}
|
||
|
||
.money {
|
||
font-family: DINAlternate, DINAlternate;
|
||
font-weight: bold;
|
||
font-size: 28rpx;
|
||
color: #160002;
|
||
line-height: 48rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
margin: 0 4rpx;
|
||
}
|
||
|
||
.unit {
|
||
font-family: PingFangSC, PingFang SC;
|
||
font-weight: 400;
|
||
font-size: 28rpx;
|
||
color: #9A9A9A;
|
||
line-height: 40rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
}
|
||
}
|
||
|
||
.resultBox {
|
||
width: 100%;
|
||
background: #F7F8FA;
|
||
border-radius: 8rpx;
|
||
box-sizing: border-box;
|
||
padding: 20rpx 24rpx;
|
||
display: flex;
|
||
align-items: center;
|
||
|
||
.warningLight {
|
||
width: 48rpx;
|
||
height: 48rpx;
|
||
margin-right: 8rpx;
|
||
}
|
||
|
||
.blueText {
|
||
color: #2363FF;
|
||
margin-left: 8rpx;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
</style>
|