Skip to content

C
CRM
Commit 3c3088d4 authored by youjie's avatar youjie
Browse files
Options

no message

parent be8f68df
Hide whitespace changes
Inline Side-by-side
Showing with 46 additions and 50 deletions
src/components/myOrdersAllType/components/allList.vue
View file @ 3c3088d4
......@@ -12,32 +12,23 @@
flex-shrink: 0;
}
.orderAllList {
display: flex;
flex-wrap: wrap;
/* padding: 0 10px; */
background-color: #ffffff;
}
.orderAllList-box {
flex: 0 0 25%;
background-color: #dddee0;
display: flex;
flex-shrink: 0;
margin: 0 5px;
padding: 10px;
margin-bottom: 5px;
flex-direction: column;
border-radius: 5px;
}
.orderAllList-top{
display: flex;
flex-wrap: wrap;
}
.orderAllList-top div{
flex: 0 0 25%;
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
/* padding-right: 20px; */
width: 25%;
float: left;
}
.orderAllList-top span{
font-size: 14px;
......@@ -223,44 +214,49 @@
</el-row>
</div>
<div class="orderAllList">
<template v-for="(item,index) in SummaryList">
<div class="orderAllList-box" :key="index">
<div class="orderAllList-title">
<!-- <span>币种</span> -->
<span>{{item.CurrencyName}}</span>
</div>
<div class="orderAllList-top">
<div>
<span>应收</span>
<span>{{item.Money}}</span>
</div>
<div>
<span>实收</span>
<span>{{item.Income}}</span>
</div>
<div>
<span>退款</span>
<span>{{item.Refund}}</span>
</div>
<div>
<span>手续费</span>
<span>{{item.PlatformTax}}</span>
</div>
<div>
<span>成本</span>
<span>{{item.CostMoney}}</span>
</div>
<div>
<span>待收</span>
<span :class="{'red':item.DueInMoney>0}">{{item.DueInMoney}}</span>
</div>
<div>
<span>报名数</span>
<span class="blue">{{item.GuestNum}}人</span>
<el-row :gutter="20">
<template v-for="(item,index) in SummaryList">
<el-col :xs="24" :sm="14" :md="12" :lg="8" :xl="6">
<div class="orderAllList-box" :key="index">
<div class="orderAllList-title">
<!-- <span>币种</span> -->
<span>{{item.CurrencyName}}</span>
</div>
<div class="orderAllList-top">
<div>
<span>应收</span>
<span>{{item.Money}}</span>
</div>
<div>
<span>实收</span>
<span>{{item.Income}}</span>
</div>
<div>
<span>退款</span>
<span>{{item.Refund}}</span>
</div>
<div>
<span>手续费</span>
<span>{{item.PlatformTax}}</span>
</div>
<div>
<span>成本</span>
<span>{{item.CostMoney}}</span>
</div>
<div>
<span>待收</span>
<span :class="{'red':item.DueInMoney>0}">{{item.DueInMoney}}</span>
</div>
<div>
<span>报名数</span>
<span class="blue">{{item.GuestNum}}人</span>
</div>
</div>
</div>
</div>
</div>
</template>
</el-col>
</template>
</el-row>
</div>
<div class="query-box status-box"></div>
<orderList :dataList="dataList" :pagesTitle="title" :loading="loading" @emptyMore="emptyMore"></orderList>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment