105 lines
2.6 KiB
Vue
105 lines
2.6 KiB
Vue
<template>
|
|
<div class="revenueAnalysis">
|
|
<div class="item">
|
|
<image class="icon" src="https://eshangtech.com/ShopICO/ahyd-BID/commercial/agreement.svg"></image>
|
|
<div class="info" style="margin-bottom: 24px;">
|
|
<p class="title">合同盈亏<text class="unit">/元</text></p>
|
|
<p class="value">-1,743,567,98</p>
|
|
</div>
|
|
</div>
|
|
<div class="item" style="margin-bottom: 24px;">
|
|
<image class="icon" src="https://eshangtech.com/ShopICO/ahyd-BID/commercial/shopNumber.svg"></image>
|
|
<div class="info">
|
|
<p class="title">店铺数量<text class="unit">/个</text></p>
|
|
<p class="value">28</p>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<image class="icon" src="https://eshangtech.com/ShopICO/ahyd-BID/commercial/add.svg"></image>
|
|
<div class="info">
|
|
<p class="title">2022日均坪效<text class="unit">/元</text></p>
|
|
<p class="value">2786.00</p>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<image class="icon" src="https://eshangtech.com/ShopICO/ahyd-BID/commercial/overShop.svg"></image>
|
|
<div class="info">
|
|
<p class="title">半年内到期门店<text class="unit">/个</text></p>
|
|
<p class="value">6</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "revenueAnalysis",
|
|
data() {
|
|
return {
|
|
}
|
|
},
|
|
props: {
|
|
data: {
|
|
type: Array,
|
|
default: () => []
|
|
}
|
|
},
|
|
watch: {
|
|
data: {
|
|
handler(value) {
|
|
this.handleCarData(value)
|
|
}
|
|
}
|
|
},
|
|
methods:{
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.revenueAnalysis{
|
|
width: calc(100%);
|
|
background: #F7F7F7;
|
|
border-radius: 4px;
|
|
padding: 12px;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex-flow: wrap;
|
|
margin-top: 12px;
|
|
.item{
|
|
width: 50%;
|
|
display: flex;
|
|
.icon{
|
|
width: 20px;
|
|
height: 20px;
|
|
margin-right: 8px;
|
|
margin-top: 4px;
|
|
}
|
|
.info{
|
|
font-size: 14px;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #160002;
|
|
line-height: 20px;
|
|
.unit{
|
|
font-size: 14px;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #A69E9F;
|
|
line-height: 20px;
|
|
margin-left: 2px;
|
|
}
|
|
}
|
|
.value{
|
|
font-size:16px;
|
|
font-family: DINAlternate-Bold, DINAlternate;
|
|
font-weight: bold;
|
|
color: #341D00;
|
|
line-height: 20px;
|
|
margin-top: 8px;
|
|
}
|
|
}
|
|
}
|
|
</style>
|