Skip to content

C
confucius
Commit 3d40ce90 authored by 罗超's avatar 罗超
Browse files
Options

2

parent ffd6768e
Hide whitespace changes
Inline Side-by-side
Showing with 513 additions and 0 deletions
src/components/sale/orderlistbycoffee.vue 0 → 100644
View file @ 3d40ce90
<!--订单列表-->
<template>
<div class="classorder">
<div class="table-head">
<table class="enrollTotalSearchTable" border="0" cellspacing="0" cellpadding="0">
<colgroup>
<col width="12%" />
<col width="7%" />
<col width="7%" />
<col width="7%" />
<col width="7%" />
<col width="7%" />
<col width="7%" />
<col width="6%" />
<col width="7%" />
<col width="7%" />
<col width="7%" />
<col width="7%" />
<col />
</colgroup>
<thead>
<tr class="fix_th">
<th width="12%">单号</th>
<th width="7%">数量</th>
<th width="7%">单价</th>
<th width="7%">成交</th>
<th width="7%">应收总额</th>
<th width="7%">实收</th>
<th width="7%">优惠</th>
<th width="6%">少价金额</th>
<th width="7%">退款</th>
<th width="7%">平台税金</th>
<th width="7%">待收金额</th>
<th width="7%">状态</th>
<th v-if="viewType == 0">操作</th>
</tr>
</thead>
</table>
</div>
<div class="table-body" v-loading="loading">
<table class="enrollTotalSearchTable" border="0" cellspacing="0" cellpadding="0">
<colgroup>
<col width="12%" />
<col width="7%" />
<col width="7%" />
<col width="7%" />
<col width="7%" />
<col width="7%" />
<col width="7%" />
<col width="6%" />
<col width="7%" />
<col width="7%" />
<col width="7%" />
<col width="7%" v-if="viewType == 0" />
<col />
</colgroup>
<tr>
<td v-show="dataList && dataList.length == 0" :colspan="12" align="center">
暂无数据
</td>
</tr>
<tbody v-for="(item, index) in dataList" :key="index">
<tr>
<td :rowspan="3" style="text-align: left">
<div>{{item.OrderNo}}
<span v-if="item.OrderId">({{item.OrderId}})</span>
</div>
<div>
</div>
</td>
<td style="border:none;width:7%">{{ item.GuestNum }}</td>
<td style="border:none;width:7%">{{ item. Unit_Price||0 }}</td>
<td style="width:7%" :style="{
color:
item.Class_Price != item.Unit_Price
? 'var(--q-color-negative)'
: '',
border: 'none'
}">
<template v-if="item.Unit_Price >= 0">
{{ item.Unit_Price }}
</template>
<template v-else>
<span class="redstyle">{{ item.Unit_Price }}</span>
</template>
</td>
<td style="border:none;width:7%">
<template v-if="item.PreferPrice >= 0">
{{ item.PreferPrice }}
</template>
<template v-else>
<span class="redstyle">{{ item.PreferPrice }}</span>
</template>
</td>
<td style="border:none;width:7%">
<template v-if="item.Income >= 0">
{{ item.Income }}
</template>
<template v-else>
<span class="redstyle">{{ item.Income }}</span>
</template>
</td>
<td style="color:var(--q-color-negative);border:none;width:7%">
<template v-if="item.DiscountMoney >= 0">
{{ item.DiscountMoney }}
</template>
<template v-else>
<span class="redstyle">{{
item.DiscountMoney
}}</span>
</template>
</td>
<td style="border:none;width:6%">
<template v-if="item.LessPrice >= 0">
{{ item.LessPrice }}
</template>
<template v-else>
<span class="redstyle">{{ item.LessPrice }}</span>
</template>
</td>
<td style="border:none;width:7%">
<template v-if="item.Refund >= 0">
{{ item.Refund }}
</template>
<template v-else>
<span class="redstyle">{{ item.Refund }}</span>
</template>
</td>
<td style="border:none;width:7%">
<template v-if="item.PlatformTax >= 0">
{{ item.PlatformTax }}
</template>
<template v-else>
<span class="redstyle">{{ item.PlatformTax }}</span>
</template>
</td>
<td style="color:#2961FE;border:none;width:7%">
<template v-if="item.DueInMoney >= 0">
{{ item.DueInMoney }}
</template>
<template v-else>
<span class="redstyle">{{ item.DueInMoney }}</span>
</template>
</td>
<td style="border:none;width:7%">
<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 v-if="viewType == 0">
</td>
</tr>
<tr>
<td :colspan="12" style="text-align: left">
<div class="row" v-if="item.GuestList && item.GuestList.length > 0">
学生名单：
<template v-for="(x, j) in item.GuestList" :index="j">
<span v-if="x.GuestState == 1" style="color:#2961FE;margin-right: 5px" :key="j">{{ x.GuestName }}
</span>
<span v-else style="color:red;margin-right: 5px" :key="j">
{{ x.GuestName }}
<q-tooltip :offset="[10, 10]">
{{ x.GuestStateStr }}
</q-tooltip>
</span>
</template>
</div>
<div v-if="
item.GuestList &&
item.GuestList.length > 0
" class="takeContract">
<span @click="isShowPop = true">查看合同</span>
<q-popup-proxy v-if="isShowPop">
<q-banner>
<div style="width: 700px;max-height:220px;overflow:auto;">
<table class="Contract_Table">
<tr>
<th style="width:100px;">姓名</th>
<th style="width:150px;">合同编号</th>
<th style="width:50px;">状态</th>
<th style="width:150px;">上传合同信息</th>
<th style="width:200px;">操作</th>
</tr>
<tr v-for="(subItem,subIndex) in item.GuestList" :key="subIndex+10000">
<td>{{ subItem.GuestName }}</td>
<td>
{{ subItem.ContractNo }}
</td>
<td>{{ subItem.ContractStatusStr }}</td>
<td>
<span style="color:var(--q-color-primary);cursor:pointer;"
@click="getShowContract(subItem)">{{ subItem.GuestContractNo }}</span>
</td>
<td>
<template v-if="subItem.ContractId == 0">
</template>
<template v-else>
<q-btn color="secondary" size="sm" @click="goContractMannage(subItem)" label="查看合同" />
<q-btn style="margin-left:5px;" v-if="subItem.ContractStatus == 0" color="purple"
size="sm" @click="goContractAudit(subItem)" label="提交审核" />
</template>
</td>
</tr>
</table>
</div>
</q-banner>
</q-popup-proxy>
</div>
<div class="row">
退课名单：
<span v-for="(x, j) in item.GuestList" :index="j" v-if="x.GuestState == 2"
style="color:var(--q-color-negative);margin-right: 5px" :key="j+20000">{{ x.GuestName }}
</span>
</div>
<span v-if="item.GuestList && item.GuestList.length == 0">暂无</span>
</td>
</tr>
<tr>
<td :colspan="12" style="height: 168px;text-align: left">
<div class="col row remarks q-gutter-x-md">
<div class="col">
<div>备注：</div>
<div class="remarks-b">
<span v-if="item.Remark">{{item.Remark}}</span>
<span v-else>暂无</span>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<myOrder-form v-if="isShowmyorderForm" :save-obj="myorderObjOption" @close="closeMOSaveForm"></myOrder-form>
</div>
</template>
<script>
import myOrderForm from "../../components/sale/myOrder-form";
export default {
components: {
myOrderForm
},
props: {
//正常订单
dataList: {
type: Array,
default: null
},
viewType:{
type: Number,
default: 0
}
},
data() {
return {
loading:false,
isShowmyorderForm:false,
};
},
created() {
},
methods: {
},
mounted(){
console.log(321,this.dataList)
}
};
</script>
<style>
li {
list-style-type: none;
}
.classorder ul {
padding: 0px;
}
.classorder .price-popup {
border-radius: 4px;
}
.classorder .el-range-editor .el-range-input {
background: none;
}
.classorder .el-range-editor.el-input__inner {
background-color: transparent;
}
.classorder .q-mb-md {
margin-bottom: 0;
}
.classorder .stics {
padding: 10px 20px;
background: #dddee0;
border-radius: 4px;
font-size: 14px;
color: #000000;
font-weight: bold;
}
.classorder .stics .stics-name {
color: #2d2d2d;
font-weight: 600;
margin-right: 10px;
}
.classorder .tis {
margin: 10px 0;
align-items: center;
}
.classorder .tis .tis-k {
width: 10px;
height: 10px;
margin-right: 8px;
}
.classorder .tis span {
font-size: 14px;
color: #2d2d2d;
font-weight: 600;
margin-right: 20px;
}
.classorder table {
padding: 10px 0;
width: 100%;
background-color: #ededed;
border-collapse: collapse;
border: 1px solid #d2d2d2;
font-size: 12px;
}
.classorder table th {
background-color: #ededed;
height: 34px;
text-indent: 15px;
}
.classorder table td {
background-color: #ffffff;
padding: 9px 15px;
color: #333333;
border: 1px solid rgba(138, 138, 138, 0.09);
text-align: center;
}
.classorder table ._color_666 {
color: #666666;
}
.classorder table tr._color_666 th {
padding: 9px 15px;
}
.classorder table th {
background-color: #ededed;
height: 34px;
text-indent: 15px;
}
.classorder table td {
background-color: #ffffff;
padding: 9px 15px;
color: #333333;
}
.classorder table ._color_666 {
color: #666666;
}
.classorder table tr._color_666 th {
padding: 9px 15px;
}
.classorder .enrollTotalSearchTable {
width: 100%;
font-size: 14px;
color: #333;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-collapse: collapse;
}
.classorder .enrollTotalSearchTable tr {}
.classorder .enrollTotalSearchTable tr th {
background: #dddee0;
height: 30px;
font-size: 12px;
text-align: center;
}
.classorder .enrollTotalSearchTable tr {
background: #fff;
text-align: left;
}
.classorder .enrollTotalSearchTable tbody tr:last-child {
border-bottom: 2px solid #333;
}
.classorder .enrollTotalSearchTable tr:first-child td:first-child {
border-bottom: 2px solid #333;
}
.classorder .enrollTotalSearchTable tr td {
height: 66px;
padding: 10px;
}
.classorder .enrollTotalSearchTable tr td>img {
width: 32px;
height: 32px;
border-radius: 16px;
vertical-align: middle;
margin-right: 5px;
}
.classorder .enrollTotalSearchTable tr td p {
line-height: 20px;
}
.classorder .remarks {
font-size: 14px;
color: #2d2d2d;
}
.classorder .remarks-b {
width: 100%;
height: 94px;
background: #f0f5fb;
margin-top: 10px;
padding: 15px;
font-size: 12px;
color: #999999;
position: relative;
overflow: hidden;
display: -webkit-box;
line-height: 20px;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.classorder .remarks-b-b {
text-align: right;
position: absolute;
right: 0px;
bottom: 0px;
}
.classorder .on-left {
margin-right: 5px;
}
.classorder .finance {
padding: 1px 10px;
align-items: center;
justify-content: center;
border-radius: 4px;
margin: 5px 3px 3px 0;
}
.classorder .order_OfferId {
font-size: 18px;
color: #2961fe;
margin-bottom: 10px;
font-weight: bold;
text-decoration: underline;
cursor: pointer;
}
.takeContract {
cursor: pointer;
color: rgb(41, 97, 254);
}
.Contract_Table {
width: 100%;
border-collapse: collapse;
}
.Contract_Table th,
.Contract_Table td {
padding: 5px;
color: #000;
text-align: center;
}
.table-body {
overflow-x: hidden;
overflow-y: auto;
}
.classorder .redstyle {
color: var(--q-color-negative);
}
.order_OferTitle {
font-size: 14px;
color: #333333;
margin-bottom: 10px;
}
</style>
\ No newline at end of file
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