Skip to content

C
confucius
Commit 179d0b77 authored by Mac's avatar Mac
Browse files
Options

1

parent 4b5add36
Hide whitespace changes
Inline Side-by-side
Showing with 190 additions and 22 deletions
src/pages/sale/myOrder.vue
View file @ 179d0b77
......@@ -2,7 +2,7 @@
<div class="page-body myOrder">
<div style="width: 100%;display: flex;justify-content: space-between">
<span style="font-size: 20px;font-weight: 400; ">日语培训订单</span>
<span><q-toggle v-model="msg.Q_NotCollect" label="只看款未收齐订单" class="q-mb-md" false-value="0" true-value="1" @change="resetSearch"/></span>
<span><q-toggle v-model="msg.Q_NotCollect" label="只看款未收齐订单" class="q-mb-md" false-value="0" true-value="1" @input="resetSearch"/></span>
</div>
<div class="page-search row items-center">
<div class="col row wrap q-mr-lg q-col-gutter-md">
......@@ -104,31 +104,132 @@
<table class="enrollTotalSearchTable" border="0" cellspacing="0" cellpadding="0" style="" v-loading='loading'>
<tr>
<th width="12%">单号</th>
<th width="9%">人数</th>
<th width="9%">单价</th>
<th width="9%">成交</th>
<th width="9%">应收总额</th>
<th width="9%">实收</th>
<th width="9%">优惠</th>
<th width="9%">退款</th>
<th width="9%">待收金额</th>
<th width="9%">状态</th>
<th width="8%">人数</th>
<th width="8%">单价</th>
<th width="8%">成交</th>
<th width="8%">应收总额</th>
<th width="8%">实收</th>
<th width="8%">优惠</th>
<th width="8%">退款</th>
<th width="8%">待收金额</th>
<th width="8%">状态</th>
<th >操作</th>
</tr>
<tr>
<td v-show="data.List.length==0" :colspan="11" align="center">暂无数据</td>
<td v-show="data.List && data.List.length==0" :colspan="11" align="center">暂无数据</td>
</tr>
<tbody v-for="(item,index) in data.List" :key="index">
<td rowspan="3">
123
</td>
<td >
2人
</td>
<td >
2000
</td>
<tr>
<td :rowspan="3" style="text-align: left">
<div style="font-size: 18px;color: #2961FE;margin-bottom: 20px;font-weight: bold">{{item.OrderId}}</div>
<div>{{item.EnterName}}</div>
<div style="margin-top: 10px">{{item.CreateTime}}</div>
<div style="margin-top: 30px;margin-bottom: 10px">班级</div>
<div style="font-weight: bold;color:#2961FE;">{{item.ClassName}}</div>
</td>
<td style="border:none">{{item.GuestNum}}人</td>
<td style="border:none">{{item.Class_Price.toFixed(2)}}</td>
<td style="color:#f5576c;border:none">{{item.Unit_Price.toFixed(2)}}</td>
<td style="border:none">{{item.PreferPrice.toFixed(2)}}</td>
<td style="border:none">{{item.Income.toFixed(2)}}</td>
<td style="color:#f5576c;border:none">{{item.DiscountMoney.toFixed(2)}}</td>
<td style="border:none">{{item.Refund.toFixed(2)}}</td>
<td style="color:#2961FE;border:none">{{item.DueInMoney.toFixed(2)}}</td>
<td style="border:none">
<div style="background: rgba(2, 196, 153, 0.2);width: 80px;border-radius: 2px;text-align: center">
<span style="color: #02C499">{{item.OrderStateName}}</span>
</div>
</td>
<td style="border:none">
<q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400" label="编辑"
/>
<q-btn-dropdown flat size="xs" color="dark" label="更多" style="margin-left:10px;">
<q-list>
<q-item clickable v-close-popup >
<q-item-section>
<q-item-label>学生名单</q-item-label>
</q-item-section>
</q-item>
<q-item clickable v-close-popup >
<q-item-section>
<q-item-label>转交订单</q-item-label>
</q-item-section>
</q-item>
<q-item clickable v-close-popup >
<q-item-section>
<q-item-label>销售备注</q-item-label>
</q-item-section>
</q-item>
<q-item clickable v-close-popup >
<q-item-section>
<q-item-label>取消</q-item-label>
</q-item-section>
</q-item>
<q-item clickable v-close-popup >
<q-item-section>
<q-item-label>退课</q-item-label>
</q-item-section>
</q-item>
</q-list>
</q-btn-dropdown>
</td>
</tr>
<tr>
<td :colspan="11" style="text-align: left">
学生名单：
<span v-for="(x,j) in item.GuestList" :index="j" v-if="item.GuestList.length>0">{{x.GuestName}}</span>
<span v-if="item.GuestList.length==0">暂无</span>
</td>
</tr>
<tr>
<td :colspan="11" style="height: 168px;text-align: left" >
<div class="col row remarks q-gutter-x-md">
<div class="col">
<div>销售备注：</div>
<div class="remarks-b">
<div v-for="(x,j) in item.SaleRemarkList" :index="j" v-if="item.SaleRemarkList&&item.SaleRemarkList.length>0">
<div>{{j+1}}、{{x.Content}}</div>
<div style="text-align: right">{{x.CreateBy}} {{x.CreateTime}}
<span class="iconfont icon-xiangxia" style="color: #2961FE;font-size: 10px" ></span>
</div>
</div>
<span v-if="item.SaleRemarkList && item.SaleRemarkList.length==0">暂无</span>
</div>
</div>
<div class="col">
<div>教务备注：</div>
<div class="remarks-b ">
<span v-for="(x,j) in item.TeacherRemarkList" v-if="item.TeacherRemarkList && item.TeacherRemarkList.length>0">{{x}}</span>
<span v-if="item.TeacherRemarkList && item.TeacherRemarkList.length==0">暂无</span>
</div>
</div>
<div class="col">
<div>校长备注：</div>
<div class="remarks-b ">
<span v-for="(x,j) in item.RectorRemarkList" v-if="item.RectorRemarkList && item.RectorRemarkList.length>0">{{x}}</span>
<span v-if="item.RectorRemarkList && item.RectorRemarkList.length==0">暂无</span>
</div>
</div>
<div class="col">
<div>总经理备注：</div>
<div class="remarks-b ">
<span v-for="(x,j) in item.DirectorRemarkList" v-if="item.DirectorRemarkList && item.DirectorRemarkList.length>0">{{x}}</span>
<span v-if="item.DirectorRemarkList && item.DirectorRemarkList.length==0">暂无</span>
</div>
</div>
<div class="col">
<div>收款单据：</div>
</div>
</div>
</td>
</tr>
</tbody>
......@@ -307,7 +408,9 @@
background-color: #ffffff;
padding: 9px 15px;
color: #333333;
border: 1px solid #d2d2d2;
border: 1px solid rgba(138, 138, 138, 0.09);
text-align: center;
}
.myOrder table ._color_666 {
......@@ -328,7 +431,7 @@
background-color: #ffffff;
padding: 9px 15px;
color: #333333;
border: 1px solid #d2d2d2;
/*border: 1px solid #d2d2d2;*/
}
.myOrder table ._color_666 {
......@@ -338,4 +441,69 @@
.myOrder table tr._color_666 th {
padding: 9px 15px;
}
.myOrder .enrollTotalSearchTable {
width: 100%;
font-size: 14px;
color: #333;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-collapse: collapse;
}
.myOrder .enrollTotalSearchTable tr {
/* border-bottom: 2px solid #333; */
}
.myOrder .enrollTotalSearchTable tr th {
background: #bdbdbd;
height: 30px;
font-size: 12px;
text-align: center;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
}
.myOrder .enrollTotalSearchTable tr {
background: #fff;
text-align: left;
}
.myOrder .enrollTotalSearchTable tbody tr:last-child {
border-bottom: 2px solid #333;
}
.myOrder .enrollTotalSearchTable tr:first-child td:first-child {
border-bottom: 2px solid #333;
}
.myOrder .enrollTotalSearchTable tr td {
height: 66px;
padding: 10px;
/*border-top: 1px solid #cccccc;*/
/*border-left: 1px solid #cccccc;*/
}
.myOrder .enrollTotalSearchTable tr td>img {
width: 32px;
height: 32px;
border-radius: 16px;
vertical-align: middle;
margin-right: 5px;
}
.myOrder .enrollTotalSearchTable tr td p {
line-height: 20px;
}
.myOrder .remarks{
font-size: 14px;
color: #2D2D2D;
}
.myOrder .remarks-b{
width: 100%;
height: 94px;
background: #F0F5FB;
margin-top: 20px;
padding: 15px;
font-size: 12px;
color: #999999;
}
</style>
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