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 @@ ...@@ -12,32 +12,23 @@
flex-shrink: 0; flex-shrink: 0;
} }
.orderAllList { .orderAllList {
display: flex;
flex-wrap: wrap;
/* padding: 0 10px; */
background-color: #ffffff; background-color: #ffffff;
} }
.orderAllList-box { .orderAllList-box {
flex: 0 0 25%;
background-color: #dddee0; background-color: #dddee0;
display: flex; display: flex;
flex-shrink: 0;
margin: 0 5px; margin: 0 5px;
padding: 10px; padding: 10px;
margin-bottom: 5px;
flex-direction: column; flex-direction: column;
border-radius: 5px; border-radius: 5px;
} }
.orderAllList-top{ .orderAllList-top{
display: flex;
flex-wrap: wrap;
} }
.orderAllList-top div{ .orderAllList-top div{
flex: 0 0 25%; width: 25%;
display: flex; float: left;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
/* padding-right: 20px; */
} }
.orderAllList-top span{ .orderAllList-top span{
font-size: 14px; font-size: 14px;
...@@ -223,44 +214,49 @@ ...@@ -223,44 +214,49 @@
</el-row> </el-row>
</div> </div>
<div class="orderAllList"> <div class="orderAllList">
<template v-for="(item,index) in SummaryList"> <el-row :gutter="20">
<div class="orderAllList-box" :key="index"> <template v-for="(item,index) in SummaryList">
<div class="orderAllList-title"> <el-col :xs="24" :sm="14" :md="12" :lg="8" :xl="6">
<!-- <span>币种</span> --> <div class="orderAllList-box" :key="index">
<span>{{item.CurrencyName}}</span> <div class="orderAllList-title">
</div> <!-- <span>币种</span> -->
<div class="orderAllList-top"> <span>{{item.CurrencyName}}</span>
<div> </div>
<span>应收</span> <div class="orderAllList-top">
<span>{{item.Money}}</span> <div>
</div> <span>应收</span>
<div> <span>{{item.Money}}</span>
<span>实收</span> </div>
<span>{{item.Income}}</span> <div>
</div> <span>实收</span>
<div> <span>{{item.Income}}</span>
<span>退款</span> </div>
<span>{{item.Refund}}</span> <div>
</div> <span>退款</span>
<div> <span>{{item.Refund}}</span>
<span>手续费</span> </div>
<span>{{item.PlatformTax}}</span> <div>
</div> <span>手续费</span>
<div> <span>{{item.PlatformTax}}</span>
<span>成本</span> </div>
<span>{{item.CostMoney}}</span> <div>
</div> <span>成本</span>
<div> <span>{{item.CostMoney}}</span>
<span>待收</span> </div>
<span :class="{'red':item.DueInMoney>0}">{{item.DueInMoney}}</span> <div>
</div> <span>待收</span>
<div> <span :class="{'red':item.DueInMoney>0}">{{item.DueInMoney}}</span>
<span>报名数</span> </div>
<span class="blue">{{item.GuestNum}}人</span> <div>
<span>报名数</span>
<span class="blue">{{item.GuestNum}}人</span>
</div>
</div>
</div> </div>
</div> </el-col>
</div> </template>
</template>
</el-row>
</div> </div>
<div class="query-box status-box"></div> <div class="query-box status-box"></div>
<orderList :dataList="dataList" :pagesTitle="title" :loading="loading" @emptyMore="emptyMore"></orderList> <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