Commit a19029e8 authored by 罗超's avatar 罗超

修改订单里列表部分功能

parent 9f12491b
......@@ -920,7 +920,7 @@
<div class="EC_div" :class="{'checkedNav':cked==7}">
<div class="EC_ComTitle">委托授权书</div>
<template v-for="(item,index) in dataList.guestList">
<p class="shouquanNum">{{index+1}}</p>
<p class="shouquanNum" >{{index+1}}</p>
<div class="shouquanDiv">
<p class="ShouDiv_Title">委托授权书</p>
<p><span>{{dataList.company}}</span></p>
......@@ -939,7 +939,7 @@
联系电话:<span>{{dataList.clientCall}}</span>
</p>
<p>受托人承诺:本授权委托书为<span>{{item.surName+''+item.name}}
</span(委托人姓名)本人出具,若不属实,因此产生的全部法律责任由受托人承担。受托人代表其他委托人在本合同书上签字,将严格履行受托人的权利和义务,将本合同的全部内容逐一向我代表的每一位委托人转达。>
</span>(委托人姓名)本人出具,若不属实,因此产生的全部法律责任由受托人承担。受托人代表其他委托人在本合同书上签字,将严格履行受托人的权利和义务,将本合同的全部内容逐一向我代表的每一位委托人转达。>
</p>
<p style="text-align:right;margin:20px 40px 20px 0">委托日期:<span>{{getDate(dataList.payDate)}}</span></p>
</div>
......@@ -1192,7 +1192,7 @@
return {
//选中切换
cked: 1,
//查询参数
//查询参数
msg: {
TCID: 0,
orderID: 0
......@@ -1209,7 +1209,7 @@
// 生成二维码
GetQrCode: function () {
let urlObj = this.domainManager();
let msg = {
TCID: this.$route.query.TCID,
orderID: this.$route.query.orderID,
......
......@@ -6,12 +6,12 @@
cursor: pointer;
font-size: 14px;
}
.suject-title-box span.active {
color: #E95252;
border-bottom: 2px solid #E95252;
}
._vMG_edit {
display: none;
position: absolute;
......@@ -26,32 +26,32 @@
/* margin: 15px;
width: calc(100% - 30px); */
}
._vMG_edit ._tit {
padding-left: 10px;
border-left: 3px solid #E95252;
font-size: 16px;
color: #000000
}
._vMG_edit ._tit span {
color: #666666;
font-size: 14px
}
._edHeight {
height: 400px;
}
.edHeight {
display: block !important;
min-height: 230px;
}
._add_saveBtn {
text-align: right;
}
</style>
<template>
<div class="dianshangannualRatio" ref="barparent">
......@@ -68,13 +68,13 @@
<li class="hight_query">
<button class="hollowFixedBtn" @click="title='关联',outerVisible=true,clickDaoRu(11)">关联导入</button>
<button class="normalBtn">
<template v-slot:default>
<template>
<a style="color:#fff;width:84px;" :href="downList">导入模板下载</a>
</template>
</button>
</li>
</ul>
</div>
<div class="cm_content _scrollbar"
style="position: absolute;top:63px;bottom: 20px;left: 19px;right:19px;overflow-y: scroll;">
......@@ -127,7 +127,7 @@
</el-row>
</el-form>
</div>
</div>
</template>
<script>
......@@ -221,7 +221,7 @@
this.GetKingdeeSubjectList()
},
mounted() {
},
methods: {
Financial_post_GetEduBranchEnumList() {
......@@ -325,7 +325,7 @@
let userInfo = this.getLocalStorage();
this.importFileUrl2 = this.domainManager().UploadFileUrl +
`?cmd=dmc_post_LocalFileUpload&KingdeeBId=0&Type=${type}&fileType=1&fileLimit=10&EmployeeId=${userInfo.EmployeeId}&RB_Group_id=${userInfo.RB_Group_id}`;
},
beforeAvatarUpload(file) {
return;
......@@ -343,7 +343,7 @@
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
}).catch(() => {
});
......@@ -364,7 +364,7 @@
},
},
}
</script>
<style scoped>
.dianshangannualRatio .el-card__header {
......@@ -376,7 +376,6 @@
padding: 18px 20px;
}
</style>
\ No newline at end of file
......@@ -3,31 +3,31 @@
.el-table th.is-leaf {
background-color: #EAEAEA !important;
}
.HotelWorkList .HW_hotelDialog {
width: 900px;
}
.HotelWorkList .Hw_tableOne {
width: 100%;
height: 40px;
background-color: #EAEAEA;
}
.HotelWorkList .Hw_tableOne th {
text-align: center;
}
.HotelWorkList .HotelWorkInput .el-input {
width: 223px;
}
.HotelWorkList .HworkInput .el-input {
width: 110px;
}
</style>
<template>
<div class="HotelWorkList">
<div class="query-box HotelWorkInput" style="border-bottom: none;">
......@@ -109,7 +109,7 @@
<OrderList :OrderList="OrderList" v-loading="loading" @success="GetList"> </OrderList>
<el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage" layout="total,prev, pager, next, jumper" :page-size=msg.pageSize :total=total>
</el-pagination>
</template>
</div>
</template>
......@@ -163,14 +163,14 @@
Datelist:''
};
},
methods: {
getDates(){
console.log(this.Datelist)
if(this.Datelist[0]){
this.msg.StartTime = this.Datelist[0]
}if(this.Datelist[1]){
this.msg.EndTime = this.Datelist[1]
this.msg.EndTime = this.Datelist[1]
}
},
setEdate() {
......@@ -197,34 +197,34 @@
err => {}
);
},
getyMDOne(){
getyMDOne(){
let myDate = new Date()
let myYear = myDate.getFullYear();//获取完整的年份(4位,1970-????)
let myMonth = myDate.getMonth()+ 1;//获取当前月份(0-11,8代表1月)
let myToday = myDate.getDate(); //获取当前日(1-31)
myMonth = myMonth > 9 ? myMonth : '0'+ myMonth
myToday = myToday > 9 ? myToday : '0'+ myToday
let myYear = myDate.getFullYear();//获取完整的年份(4位,1970-????)
let myMonth = myDate.getMonth()+ 1;//获取当前月份(0-11,8代表1月)
let myToday = myDate.getDate(); //获取当前日(1-31)
myMonth = myMonth > 9 ? myMonth : '0'+ myMonth
myToday = myToday > 9 ? myToday : '0'+ myToday
let nowDate = myYear +'-'+ myMonth +'-01'
return nowDate
},
getyMDTwo(){
getyMDTwo(){
let myDate = new Date()
let myYear = myDate.getFullYear();//获取完整的年份(4位,1970-????)
let myMonth = myDate.getMonth()+ 1;//获取当前月份(0-11,8代表1月)
let myToday = myDate.getDate(); //获取当前日(1-31)
myMonth = myMonth > 9 ? myMonth : '0'+ myMonth
myToday = myToday > 9 ? myToday : '0'+ myToday
let myYear = myDate.getFullYear();//获取完整的年份(4位,1970-????)
let myMonth = myDate.getMonth()+ 1;//获取当前月份(0-11,8代表1月)
let myToday = myDate.getDate(); //获取当前日(1-31)
myMonth = myMonth > 9 ? myMonth : '0'+ myMonth
myToday = myToday > 9 ? myToday : '0'+ myToday
let nowDate = myYear +'-'+ myMonth +'-'+ myToday
return nowDate
},
//获取酒店订单列表
GetList() {
if(this.msg.StartTime==''){
this.msg.StartTime = this.getyMDOne()
}
if(this.msg.EndTime==''){
this.msg.EndTime = this.getyMDTwo()
}
// if(this.msg.StartTime==''){
// this.msg.StartTime = this.getyMDOne()
// }
// if(this.msg.EndTime==''){
// this.msg.EndTime = this.getyMDTwo()
// }
this.loading = true
this.apipost(
"dict_post_GetAdminCustomerOrderPageList", this.msg,
......@@ -252,7 +252,7 @@
x.Money = x.HotelMoeny+x.TaxesPrice
})
})
this.OrderList = data;
this.OrderList.forEach(item=>{
let datas = {
......@@ -293,8 +293,8 @@
this.Datelist = this.getyMDOne()
this.userInfo = this.getLocalStorage();
this.GetList();
this.initHotels();//酒店名称下拉
//自适应高度调节
this.com_onresize();
......@@ -303,10 +303,9 @@
}
},
};
</script>
<style>
</style>
\ No newline at end of file
<style scoped>
.row{display: flex;}.row-c{ display: flex; align-items:center;}
.column{ display: flex; flex-direction: column;}.column-jac{display:flex;flex-direction:column;align-items:center;justify-content: center;}.column-ac{display:flex;flex-direction:column;align-items:center;}.wrap{flex-wrap:wrap;}
.justify-sb{justify-content: space-between;}.justify-c{ justify-content: center;}.justify-e{justify-content: flex-end;align-items: flex-end;}
.flex-g{ flex-grow: 1;}.flex-s{ flex-shrink: 0;}.align-c{align-items: center;}
.cblack{color: black;}.cf{ color: #ffffff;}.c9e{ color: #9e9e9e;}.c20C997{color: #20C997;}.c02C854{color: #02C854;}
.cff9800{ color: #ff9800;}.cF1416C{ color: #F1416C;}.cF57A98{ color: #F57A98;}
.c04C8C8{color: #04C8C8;}.c059FF6{ color: #059FF6;}.c3FC4FF{ color: #3FC4FF;}
.fz10{ font-size: 10px;}.fz11{ font-size: 11px;}.fz12{font-size: 12px;}.fz13{ font-size: 13px;}.fz14{ font-size: 14px;}.fz15{ font-size: 15px;}.fz16{ font-size: 16px;}.fz17{ font-size: 17px;}.fz18{ font-size: 18px;}.fbold{ font-weight: bold;}
.ml{ margin-left: 10px;}.mr{ margin-right: 10px;}.mt{margin-top: 10px;}.mt20{margin-top: 20px;}.mb{margin-bottom: 10px;}.mb20{margin-bottom: 20px;}.mx{margin-left: 10px;margin-right: 10px;}.mx5{margin-left: 5px;margin-right: 5px;}.mb5{margin-bottom: 5px;}
.py{ padding: 15px 0;}.py5{padding: 5px 0;}.px5{ padding: 0 5px;}.px15{padding: 0 15px;}.py20{padding: 20px 0;}.pb5{padding: 0 0 5px 0;}
.pa{padding: 10px 20px;}.pa20{padding: 20px;}.pt20{padding: 20px 0;}
.borderD{border-bottom: 1px dashed #DDDDDD}
.bgf{background:#ffffff;}.bgf5{background:#F5F5F5;}.bgE8F5E9{background:#E8F5E9;}.bgD9F3FF{background:#D9F3FF;}.bgFAEAED{background: #FAEAED;}.bj{background: #ffffff;}
.radius5{border-radius: 5px;}.cursor-pointer{cursor: pointer;}
.relative{position: relative;}.absolute{position: absolute;}.left0{left: 0;}.right0{right: 0;}.top0{top: 0;}.bottom0{bottom: 0;}
.left20{left: 020px;}.right20{right: 20px;}.top20{top: 20px;}.bottom20{bottom: 20px;}
.text-center{text-align: center;}
.orderType{
padding: 3px 15px;
border-radius: 3px;
background: #F57A98;
margin-right: 15px;
}
.orderType.active{
background: #4DD0E1;
}
.copy{
display: inline-block;
padding: 3px 15px;
border-radius: 3px;
margin-left: 20px;
}
.copy:hover{
background: #F5F5F5;
}
.see-rec div{
padding: 1px 5px;
border-radius: 3px;
}
.see{
border: 1px solid #04C8C8;
}
.seeLK{
border: 1px solid #059FF6;
}
.see:hover{
background-color: rgba(4,200,200,.1);
}
.rec{
border: 1px solid #04C8C8;
background-color: rgba(4,200,200,1);
}
.rec:hover{
border: 1px solid rgba(4,200,200,.9);
background-color: rgba(4,200,200,.9);
}
.cancel:hover{
background-color: #F3DCE2;
}
.confirm:hover{
background-color: #DCEDC8;
}
.change:hover{
background-color: #D7E9F3;
}
.change1:hover{
background-color: #DCEDC8;
}
.orderop{
text-align: center;
}
.orderop div{
width: 100px;
height: 50%;
display: flex;
justify-content: center;
}
.RoomList div{
border-bottom: 1px solid #E7E7E7;
}
.RoomList div:last-child{
border: 0;
}
.el-table{
font-size: 13px;
}
.shezhifrom{position: relative;}
.shebox{ position: absolute;top: 0;left: -100px;display: none;}
.shezhifrom:hover .shebox{display: block;}
</style>
<template>
<div>
<div v-for="(item,index) in OrderList" class="column bgf radius5 px15 mb20">
<div class="row-c justify-sb align-c py">
<div class="row-c">
<div>
<div class="orderType cf fz12"
:class="{'active':item.OrderType==1}">
{{item.OrderType==1?'散拼订房':'团队订房'}}
</div>
</div>
<div class="c9e fz12">
<span>订单编号:</span>
<span>{{item.OrderNo}}</span>
<span class="copy cblack cursor-pointer" v-if="copyId != item.OrderId" @click="CopyHandler(item)">复制</span>
<span class="copy c059FF6 bgD9F3FF cursor-pointer" v-else><i class="el-icon-check mr"></i>已复制</span>
.row {
display: flex;
}
.row-c {
display: flex;
align-items: center;
}
.column {
display: flex;
flex-direction: column;
}
.column-jac {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.column-ac {
display: flex;
flex-direction: column;
align-items: center;
}
.wrap {
flex-wrap: wrap;
}
.justify-sb {
justify-content: space-between;
}
.justify-c {
justify-content: center;
}
.justify-e {
justify-content: flex-end;
align-items: flex-end;
}
.flex-g {
flex-grow: 1;
}
.flex-s {
flex-shrink: 0;
}
.align-c {
align-items: center;
}
.cblack {
color: black;
}
.cf {
color: #ffffff;
}
.c9e {
color: #9e9e9e;
}
.c20C997 {
color: #20c997;
}
.c02C854 {
color: #02c854;
}
.cff9800 {
color: #ff9800;
}
.cF1416C {
color: #f1416c;
}
.cF57A98 {
color: #f57a98;
}
.c04C8C8 {
color: #04c8c8;
}
.c059FF6 {
color: #059ff6;
}
.c3FC4FF {
color: #3fc4ff;
}
.fz10 {
font-size: 10px;
}
.fz11 {
font-size: 11px;
}
.fz12 {
font-size: 12px;
}
.fz13 {
font-size: 13px;
}
.fz14 {
font-size: 14px;
}
.fz15 {
font-size: 15px;
}
.fz16 {
font-size: 16px;
}
.fz17 {
font-size: 17px;
}
.fz18 {
font-size: 18px;
}
.fbold {
font-weight: bold;
}
.ml {
margin-left: 10px;
}
.mr {
margin-right: 10px;
}
.mt {
margin-top: 10px;
}
.mt20 {
margin-top: 20px;
}
.mb {
margin-bottom: 10px;
}
.mb20 {
margin-bottom: 20px;
}
.mx {
margin-left: 10px;
margin-right: 10px;
}
.mx5 {
margin-left: 5px;
margin-right: 5px;
}
.mb5 {
margin-bottom: 5px;
}
.py {
padding: 15px 0;
}
.py5 {
padding: 5px 0;
}
.px5 {
padding: 0 5px;
}
.px15 {
padding: 0 15px;
}
.pa15 {
padding: 15px;
}
.py20 {
padding: 20px 0;
}
.pb5 {
padding: 0 0 5px 0;
}
.pa {
padding: 10px 20px;
}
.pa20 {
padding: 20px;
}
.pt20 {
padding: 20px 0;
}
.borderD {
border-bottom: 1px dashed #dddddd;
}
.bgf {
background: #ffffff;
}
.bgf5 {
background: #f5f5f5;
}
.bgE8F5E9 {
background: #e8f5e9;
}
.bgD9F3FF {
background: #d9f3ff;
}
.bgFAEAED {
background: #faeaed;
}
.bj {
background: #ffffff;
}
.radius5 {
border-radius: 5px;
}
.cursor-pointer {
cursor: pointer;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}
.left0 {
left: 0;
}
.right0 {
right: 0;
}
.top0 {
top: 0;
}
.bottom0 {
bottom: 0;
}
.left20 {
left: 020px;
}
.right20 {
right: 20px;
}
.top20 {
top: 20px;
}
.bottom20 {
bottom: 20px;
}
.text-center {
text-align: center;
}
.orderType {
padding: 3px 15px;
border-radius: 3px;
background: #f57a98;
margin-right: 15px;
}
.orderType.active {
background: #4dd0e1;
}
.copy {
display: inline-block;
padding: 3px 15px;
border-radius: 3px;
margin-left: 20px;
}
.copy:hover {
background: #f5f5f5;
}
.see-rec div {
padding: 1px 5px;
border-radius: 3px;
}
.see {
border: 1px solid #04c8c8;
}
.seeLK {
border: 1px solid #059ff6;
}
.see:hover {
background-color: rgba(4, 200, 200, 0.1);
}
.rec {
border: 1px solid #04c8c8;
background-color: rgba(4, 200, 200, 1);
}
.rec:hover {
border: 1px solid rgba(4, 200, 200, 0.9);
background-color: rgba(4, 200, 200, 0.9);
}
.cancel:hover {
background-color: #f3dce2;
}
.confirm:hover {
background-color: #dcedc8;
}
.change:hover {
background-color: #d7e9f3;
}
.change1:hover {
background-color: #dcedc8;
}
.orderop {
text-align: center;
}
.orderop div {
width: 100px;
height: 50%;
display: flex;
justify-content: center;
}
.RoomList div {
border-bottom: 1px solid #e7e7e7;
}
.RoomList div:last-child {
border: 0;
}
.el-table {
font-size: 13px;
}
.shezhifrom {
position: relative;
}
.shebox {
position: absolute;
top: 0;
left: -100px;
display: none;
}
.shezhifrom:hover .shebox {
display: block;
}
</style>
<template>
<div>
<div
v-for="(item, index) in OrderList"
class="column bgf radius5 px15 mb20"
>
<div class="row-c justify-sb align-c py">
<div class="row-c">
<div>
<div
class="orderType cf fz12"
:class="{ active: item.OrderType == 1 }"
>
{{ item.OrderType == 1 ? "散拼订房" : "团队订房" }}
</div>
</div>
<div class="c9e fz12">
<span v-if="item.OrderType==1">联系人信息:{{item.ContactName}}/{{item.ContactNumber}}</span>
<span v-else>组团号:{{item.TCNum}}</span>
<span>订单编号:</span>
<span>{{ item.OrderNo }}</span>
<span
class="copy cblack cursor-pointer"
v-if="copyId != item.OrderId"
@click="CopyHandler(item)"
>复制</span
>
<span class="copy c059FF6 bgD9F3FF cursor-pointer" v-else
><i class="el-icon-check mr"></i>已复制</span
>
</div>
<div class="row c9e fz12">
<span>下单时间:</span>
<span class="mr">{{item.CreateTime}}</span>
<div class="">
<i class="mx5"
:class="{'el-icon-alarm-clock c20C997':item.OrderStatus==1,
'el-icon-check cblack':item.OrderStatus==2,
'el-icon-warning cff9800':item.OrderStatus==3,
'el-icon-refresh cF1416C':item.OrderStatus==4}"></i>
<span class="fz12 cblack" :class="{'c20C997':item.OrderStatus==1,'cblack':item.OrderStatus==2,
'cff9800':item.OrderStatus==3,'cF1416C':item.OrderStatus==4}">
{{item.OrderStatusName}}
</span>
</div>
</div>
<div class="c9e fz12">
<span v-if="item.OrderType == 1"
>联系人信息:{{ item.ContactName }}/{{ item.ContactNumber }}</span
>
<span v-else>组团号:{{ item.TCNum }}</span>
</div>
<div class="row c9e fz12">
<span>创建人:</span>
<span class="mr"
>{{ item.CustomerName }} ({{ item.CustomerContact }}/{{
item.CustomerTel
}})</span
>
<span>下单时间:</span>
<span class="mr">{{ item.CreateTime }}</span>
<div class="">
<i
class="mx5"
:class="{
'el-icon-alarm-clock c20C997': item.OrderStatus == 1,
'el-icon-check cblack': item.OrderStatus == 2,
'el-icon-warning cff9800': item.OrderStatus == 3,
'el-icon-refresh cF1416C': item.OrderStatus == 4
}"
></i>
<span
class="fz12 cblack"
:class="{
c20C997: item.OrderStatus == 1,
cblack: item.OrderStatus == 2,
cff9800: item.OrderStatus == 3,
cF1416C: item.OrderStatus == 4
}"
>
{{ item.OrderStatusName }}
</span>
</div>
</div>
<div class="mb">
<el-table :data="item.DetailList" style="width:100%" border>
<el-table-column label="入驻日期" min-width="100" style="background:#EAEAEA">
<template slot-scope="scope">
{{scope.row.Date}}
</template>
</el-table-column>
<el-table-column label="酒店名称" style="background:#EAEAEA">
<template slot-scope="scope">
{{scope.row.HotelName}}
</template>
</el-table-column>
<el-table-column min-width="240">
<template slot="header" slot-scope="scope">
<span>入驻信息</span>
<el-tooltip class="item" effect="dark" content="按照入住人数*房型单价=房型总价小计(不含稅)" placement="bottom">
<i class="el-icon-question c059FF6 cursor-pointer"></i>
</el-tooltip>
</template>
<template slot-scope="scope">
<div class="RoomList">
<div class="fz12 c9e" v-for="(x,i) in scope.row.RoomList">
<span class="mr">{{x.RoomTypeName}}{{x.Number}} 人间</span>
<span class="ml mr">人数:{{x.PeopleNumber}}</span>
<span class="ml mr">单价:{{x.Unit_Price}}</span>
<span class="ml">小计:{{x.Money}} {{scope.row.CurrencyName}}</span>
</div>
</div>
<div class="mb">
<el-table :data="item.DetailList" style="width:100%" border>
<el-table-column
label="入住日期"
min-width="100"
style="background:#EAEAEA"
>
<template slot-scope="scope">
{{ scope.row.Date }}
</template>
</el-table-column>
<el-table-column label="酒店名称" style="background:#EAEAEA">
<template slot-scope="scope">
{{ scope.row.HotelName }}
</template>
</el-table-column>
<el-table-column min-width="240">
<template slot="header" slot-scope="scope">
<span>入驻信息</span>
<el-tooltip
class="item"
effect="dark"
content="按照入住人数*房型单价=房型总价小计(不含稅)"
placement="bottom"
>
<i class="el-icon-question c059FF6 cursor-pointer"></i>
</el-tooltip>
</template>
<template slot-scope="scope">
<div class="RoomList">
<div class="fz12 c9e" v-for="(x, i) in scope.row.RoomList">
<span class="mr"
>{{ x.RoomTypeName }}{{ x.Number }} 人间</span
>
<span class="ml mr">人数:{{ x.PeopleNumber }}</span>
<span class="ml mr">单价:{{ x.Unit_Price }}</span>
<span class="ml"
>小计:{{ x.Money }} {{ scope.row.CurrencyName }}</span
>
</div>
</template>
</el-table-column>
<el-table-column label="订单号" min-width="100">
<template slot-scope="scope">
<span v-if="!scope.row.ReserveRoomNo" class="radius5 bgFAEAED cF1416C px5 fz12">未确认</span>
<template v-else>
<span class="radius5 bgE8F5E9 c20C997 px5 fz12">{{scope.row.ReserveRoomNo}}</span>
</template>
</template>
</el-table-column>
<el-table-column label="城市税" min-width="60">
<template slot-scope="scope">
{{scope.row.Tax>0?scope.row.Tax.toFixed(2):'-'}}
</template>
</el-table-column>
<el-table-column label="入汤税" min-width="60" style="background:#EAEAEA">
<template slot-scope="scope">
{{scope.row.Tax2>0?scope.row.Tax2.toFixed(2):'-'}}
</template>
</el-table-column>
<el-table-column label="小计" min-width="70" style="background:#EAEAEA">
<template slot-scope="scope">
{{scope.row.HotelMoeny.toFixed(2)}}
</template>
</el-table-column>
<el-table-column label="付款方式" min-width="80" style="background:#EAEAEA">
<template slot-scope="scope">
{{scope.row.CustomerPayType==1?'到店自付':'出发前付款'}}
</template>
</el-table-column>
<el-table-column label="手配費" min-width="80" style="background:#EAEAEA">
<template slot-scope="scope">
{{item.HandFittingFee?item.HandFittingFee:'-'}}
</template>
</el-table-column>
</el-table>
</div>
<el-table :data="item.list" style="width:100%" border>
<el-table-column label="实收" min-width="100">
</div>
</template>
</el-table-column>
<el-table-column label="订房号" min-width="100">
<template slot-scope="scope">
<span>{{scope.row.Income?scope.row.Income:'-'}}</span>
<span
v-if="!scope.row.ReserveRoomNo"
class="radius5 bgFAEAED cF1416C px5 fz12"
>未确认</span
>
<template v-else>
<span class="radius5 bgE8F5E9 c20C997 px5 fz12">{{
scope.row.ReserveRoomNo
}}</span>
</template>
</template>
</el-table-column>
<el-table-column label="成本" min-width="100">
<el-table-column label="城市税" min-width="60">
<template slot-scope="scope">
<span>{{scope.row.CostMoney?scope.row.CostMoney:'-'}}</span>
{{ scope.row.Tax > 0 ? scope.row.Tax.toFixed(2) : "-" }}
</template>
</el-table-column>
<el-table-column label="平台税金" min-width="100">
<el-table-column
label="入汤税"
min-width="60"
style="background:#EAEAEA"
>
<template slot-scope="scope">
<span>{{scope.row.PlatformTax?scope.row.PlatformTax:'-'}}</span>
{{ scope.row.Tax2 > 0 ? scope.row.Tax2.toFixed(2) : "-" }}
</template>
</el-table-column>
<el-table-column label="退款" min-width="100">
<el-table-column
label="小计"
min-width="70"
style="background:#EAEAEA"
>
<template slot-scope="scope">
<span>{{scope.row.Refund?scope.row.Refund:'-'}}</span>
{{ scope.row.HotelMoeny.toFixed(2) }}
</template>
</el-table-column>
<el-table-column label="手配费应收" min-width="100">
<el-table-column
label="付款方式"
min-width="80"
style="background:#EAEAEA"
>
<template slot-scope="scope">
<span>{{scope.row.HandFittingIncome?scope.row.HandFittingIncome:'-'}}</span>
{{ scope.row.CustomerPayType == 1 ? "到店自付" : "出发前付款" }}
</template>
</el-table-column>
<el-table-column label="手配费平台税金" min-width="100">
<el-table-column
label="手配費"
min-width="80"
style="background:#EAEAEA"
>
<template slot-scope="scope">
<span>{{scope.row.HandFittingTax?scope.row.HandFittingTax:'-'}}</span>
{{ item.HandFittingFee ? item.HandFittingFee : "-" }}
</template>
</el-table-column>
<template v-slot:append v-if="item.Remark">
<div style="padding:10px;color:#f1416c">客户备注:{{item.Remark}}</div>
</template>
</el-table>
<div class="row justify-sb mt mb20">
<div class="row pt20" v-if="item.GuestFileList.length>0">
<!-- <i class="el-icon-warning cF57A98 fz15 mr"></i> -->
<div class="column">
<!-- <div class="wrap fz12 c9e">
出发前收款酒店,请您于
</div>
<el-table :data="item.list" style="width:100%" border v-if="item.OrderStatus!=3">
<el-table-column label="实收" min-width="100">
<template slot-scope="scope">
<span>{{ scope.row.Income ? scope.row.Income : "-" }}</span>
</template>
</el-table-column>
<el-table-column label="成本" min-width="100">
<template slot-scope="scope">
<span>{{ scope.row.CostMoney ? scope.row.CostMoney : "-" }}</span>
</template>
</el-table-column>
<el-table-column label="平台税金" min-width="100">
<template slot-scope="scope">
<span>{{
scope.row.PlatformTax ? scope.row.PlatformTax : "-"
}}</span>
</template>
</el-table-column>
<el-table-column label="退款" min-width="100">
<template slot-scope="scope">
<span>{{ scope.row.Refund ? scope.row.Refund : "-" }}</span>
</template>
</el-table-column>
<el-table-column label="手配费应收" min-width="100">
<template slot-scope="scope">
<span>{{
scope.row.HandFittingIncome ? scope.row.HandFittingIncome : "-"
}}</span>
</template>
</el-table-column>
<el-table-column label="手配费平台税金" min-width="100">
<template slot-scope="scope">
<span>{{
scope.row.HandFittingTax ? scope.row.HandFittingTax : "-"
}}</span>
</template>
</el-table-column>
</el-table>
<div class="row justify-sb mt mb20" v-if="item.OrderStatus!=3">
<div class="row pt20" v-if="item.GuestFileList.length > 0">
<!-- <i class="el-icon-warning cF57A98 fz15 mr"></i> -->
<div class="column">
<!-- <div class="wrap fz12 c9e">
出发前收款酒店,请您于
<span class="cff9800">{{item.PaymentDate}}</span>
前支付定金,并且于
前支付定金,并且于
<span class="cF1416C">{{item.FinalPaymentDate}}</span>
日前支付尾款
</div> -->
<div class="wrap fz12 c9e">
旅客名单
<div class="wrap fz12 c9e">
旅客名单
</div>
<div class="row fz12 see-rec mt">
<div class="text-accent q-mr-md c">
{{ item.GuestFileList[0].split("/").at(-1) }}
</div>
<div class="row fz12 see-rec mt">
<div class="text-accent q-mr-md c">{{item.GuestFileList[0].split('/').at(-1)}}</div>
<div class="cursor-pointer ml mr rec cf">
<a class="cf" style="text-decoration:none" :href="item.GuestFileList[0]">下载</a>
</div>
<!-- <div class="cursor-pointer see c04C8C8">查看支付方式</div>
<div class="cursor-pointer ml rec cf">提交付费凭证</div> -->
<div class="cursor-pointer ml mr rec cf">
<a
class="cf"
style="text-decoration:none"
:href="item.GuestFileList[0]"
>下载</a
>
</div>
<!-- <template v-if="item.CustomerPayType==1 || item.CustomerPayType==3">
<!-- <div class="cursor-pointer see c04C8C8">查看支付方式</div>
<div class="cursor-pointer ml rec cf">提交付费凭证</div> -->
</div>
<!-- <template v-if="item.CustomerPayType==1 || item.CustomerPayType==3">
<div class="fz12 mt c9e">
到店自付酒店,需要您于
<span class="cff9800">{{item.UploadGuestDate}}</span>
......@@ -257,114 +556,190 @@
<div class="cursor-pointer seeLK c059FF6">上车旅客名单</div>
</div>
</template> -->
</div>
</div>
<div class="column px15 bgf5 radius5 flex-g pa relative">
<div class="fz12">收款单据</div>
<div class="row wrap orderNo fz12 py c3FC4FF">
<span class="cursor-pointer radius5 bgD9F3FF mr px5" v-for="(x,i) in item.IncomeList"
@click="openDetails(x)">{{x.FrID}}</span>
<span v-if="item.IncomeList.length==0" class="c9e fz12">
暂无收款单据
</span>
</div>
<el-tooltip v-if="item.OrderStatus==2" class="item" effect="dark" content="制单" placement="top">
<i class="absolute right20 bottom20 el-icon-circle-plus cursor-pointer c059FF6"
@click="makeAdocument(item,index,1)"></i>
</el-tooltip>
</div>
<div class="column px15 bgf5 radius5 flex-g pa relative">
<div class="fz12">收款单据</div>
<div class="row wrap orderNo fz12 py c3FC4FF">
<span
class="cursor-pointer radius5 bgD9F3FF mr px5"
v-for="(x, i) in item.IncomeList"
@click="openDetails(x)"
>{{ x.FrID }}</span
>
<span v-if="item.IncomeList.length == 0" class="c9e fz12">
暂无收款单据
</span>
</div>
<div class="column px15 bgf5 radius5 ml flex-g pa relative">
<div class="fz12">退款单据</div>
<div class="row wrap orderNo fz12 py c3FC4FF">
<span class="cursor-pointer radius5 bgD9F3FF mr px5" v-for="(x,i) in item.RefundList"
@click="openDetails(x)">{{x.FrID}}</span>
<span v-if="item.RefundList.length==0" class="c9e fz12">
暂无退款单据
</span>
</div>
<el-tooltip v-if="item.OrderStatus==2" class="item" effect="dark" content="制单" placement="top">
<i class="absolute right20 bottom20 el-icon-circle-plus cursor-pointer c059FF6"
@click="makeAdocument(item,index,2)"></i>
</el-tooltip>
<el-tooltip
v-if="item.OrderStatus == 2"
class="item"
effect="dark"
content="制单"
placement="top"
>
<i
class="absolute right20 bottom20 el-icon-circle-plus cursor-pointer c059FF6"
@click="makeAdocument(item, index, 1)"
></i>
</el-tooltip>
</div>
<div class="column px15 bgf5 radius5 ml flex-g pa relative">
<div class="fz12">退款单据</div>
<div class="row wrap orderNo fz12 py c3FC4FF">
<span
class="cursor-pointer radius5 bgD9F3FF mr px5"
v-for="(x, i) in item.RefundList"
@click="openDetails(x)"
>{{ x.FrID }}</span
>
<span v-if="item.RefundList.length == 0" class="c9e fz12">
暂无退款单据
</span>
</div>
<div class="column px15 bgf5 radius5 ml flex-g pa relative">
<div class="fz12">成本单据</div>
<div class="row wrap orderNo fz12 py c3FC4FF">
<span class="cursor-pointer radius5 bgD9F3FF mr px5" v-for="(x,i) in item.CostList"
@click="openDetails(x)">{{x.FrID}}</span>
<span v-if="item.CostList.length==0" class="c9e fz12">
暂无成本单据
</span>
</div>
<el-tooltip v-if="item.OrderStatus==2" class="item" effect="dark" content="制单" placement="top">
<i class="absolute right20 bottom20 el-icon-circle-plus cursor-pointer c059FF6"
@click="makeAdocument(item,index,2)"></i>
</el-tooltip>
<el-tooltip
v-if="item.OrderStatus == 2"
class="item"
effect="dark"
content="制单"
placement="top"
>
<i
class="absolute right20 bottom20 el-icon-circle-plus cursor-pointer c059FF6"
@click="makeAdocument(item, index, 2)"
></i>
</el-tooltip>
</div>
<div class="column px15 bgf5 radius5 ml flex-g pa relative">
<div class="fz12">成本单据</div>
<div class="row wrap orderNo fz12 py c3FC4FF">
<span
class="cursor-pointer radius5 bgD9F3FF mr px5"
v-for="(x, i) in item.CostList"
@click="openDetails(x)"
>{{ x.FrID }}</span
>
<span v-if="item.CostList.length == 0" class="c9e fz12">
暂无成本单据
</span>
</div>
<div class="column px15 bgf5 radius5 ml flex-g pa relative">
<div class="fz12">手配费单据</div>
<div class="row wrap orderNo fz12 py c3FC4FF">
<span class="cursor-pointer radius5 bgD9F3FF mr px5" v-for="(x,i) in item.HandFittingFinanceList"
@click="openDetails(x)">{{x.FrID}}</span>
<span v-if="item.HandFittingFinanceList.length==0" class="c9e fz12">
暂无手配费单据
</span>
</div>
<el-tooltip v-if="item.OrderStatus==2" class="item" effect="dark" content="制单" placement="top">
<i class="absolute right20 bottom20 el-icon-circle-plus cursor-pointer c059FF6"
@click="makeAdocument(item,index,1,'Hand')"></i>
</el-tooltip>
<el-tooltip
v-if="item.OrderStatus == 2"
class="item"
effect="dark"
content="制单"
placement="top"
>
<i
class="absolute right20 bottom20 el-icon-circle-plus cursor-pointer c059FF6"
@click="makeAdocument(item, index, 2)"
></i>
</el-tooltip>
</div>
<div class="column px15 bgf5 radius5 ml flex-g pa relative">
<div class="fz12">手配费单据</div>
<div class="row wrap orderNo fz12 py c3FC4FF">
<span
class="cursor-pointer radius5 bgD9F3FF mr px5"
v-for="(x, i) in item.HandFittingFinanceList"
@click="openDetails(x)"
>{{ x.FrID }}</span
>
<span
v-if="item.HandFittingFinanceList.length == 0"
class="c9e fz12"
>
暂无手配费单据
</span>
</div>
<div class="column justify-c px15 bgf5 radius5 ml flex-g pa20">
<div class="row-c justify-sb borderD pb5">
<span class="fz12 c9e">订单总金额</span>
<div class="ml">
<span class="fz12 ml">¥</span>
<span class="fz15 fbold">{{item.Money.toFixed(2)}}</span>
<span class="fz15">{{item.CurrencyName}}</span>
</div>
</div>
<div class="row-c justify-sb borderD py5" v-if="item.CustomerPayType==1 ||item.CustomerPayType==3">
<span class="fz12 c9e">到店自付</span>
<div class="ml">
<span class="fz10 ml">¥</span>
<span class="fz14">{{item.SelfPayMoney.toFixed(2)}}</span>
<span class="fz14">{{item.CurrencyName}}</span>
</div>
</div>
<div class="row-c justify-sb py5" v-if="item.CustomerPayType==2 ||item.CustomerPayType==3">
<span class="fz12 c9e">出发前付款</span>
<div class="ml">
<span class="fz10 ml">¥</span>
<span class="fz14">{{item.BeforeMoney.toFixed(2)}}</span>
<span class="fz14">{{item.CurrencyName}}</span>
</div>
<el-tooltip
v-if="item.OrderStatus == 2"
class="item"
effect="dark"
content="制单"
placement="top"
>
<i
class="absolute right20 bottom20 el-icon-circle-plus cursor-pointer c059FF6"
@click="makeAdocument(item, index, 1, 'Hand')"
></i>
</el-tooltip>
</div>
<div class="column justify-c px15 bgf5 radius5 ml flex-g pa20">
<div class="row-c justify-sb borderD pb5">
<span class="fz12 c9e">订单总金额</span>
<div class="ml">
<span class="fz12 ml">¥</span>
<span class="fz15 fbold">{{ item.Money.toFixed(2) }}</span>
<span class="fz15">{{ item.CurrencyName }}</span>
</div>
</div>
<div v-if="item.OrderStatus>3||item.OrderStatus<3" class="column justify-c px15 bgE8F5E9 radius5 ml fz12 orderop pa20 flex-s">
<div v-if="item.OrderStatus==1&&(item.IncomeList.length==0&&
item.RefundList.length==0&&
item.CostList.length==0&&
item.HandFittingFinanceList.length==0)" class="row-c cursor-pointer radius5 cancel py5"
@click="clickRightButtom(item,0)">
<i v-loading="loading0"></i>
<span class="cF1416C">取消订单</span>
</div>
<div v-if="item.OrderStatus==1" class="row-c cursor-pointer radius5 confirm py5"
@click="clickRightButtom(item,1)">
<i v-loading="loading1"></i>
<span class="c20C997">确认订单</span>
</div>
<div v-if="item.OrderStatus==2||item.OrderStatus==4" class="row-c cursor-pointer radius5 change py5" @click="goRoomDetails(item,'订房详情')">
<span class="c059FF6">明细/编辑</span>
<div
class="row-c justify-sb borderD py5"
v-if="item.CustomerPayType == 1 || item.CustomerPayType == 3"
>
<span class="fz12 c9e">到店自付</span>
<div class="ml">
<span class="fz10 ml">¥</span>
<span class="fz14">{{ item.SelfPayMoney.toFixed(2) }}</span>
<span class="fz14">{{ item.CurrencyName }}</span>
</div>
<div v-if="item.OrderStatus==2" class="row-c cursor-pointer radius5 change1 py5"
@click="clickRightButtom(item,2)">
<i v-loading="loading2"></i>
<span class="c20C997">收损</span>
</div>
<div
class="row-c justify-sb py5"
v-if="item.CustomerPayType == 2 || item.CustomerPayType == 3"
>
<span class="fz12 c9e">出发前付款</span>
<div class="ml">
<span class="fz10 ml">¥</span>
<span class="fz14">{{ item.BeforeMoney.toFixed(2) }}</span>
<span class="fz14">{{ item.CurrencyName }}</span>
</div>
</div>
<!-- <div v-if="item.OrderStatus==2" class="column-jac px15 bgE8F5E9 radius5 ml fz12 pa20 flex-s c20C997">
</div>
<div
v-if="item.OrderStatus > 3 || item.OrderStatus < 3"
class="column justify-c px15 bgE8F5E9 radius5 ml fz12 orderop pa20 flex-s"
>
<div
v-if="
item.OrderStatus == 1 &&
item.IncomeList.length == 0 &&
item.RefundList.length == 0 &&
item.CostList.length == 0 &&
item.HandFittingFinanceList.length == 0
"
class="row-c cursor-pointer radius5 cancel py5"
@click="clickRightButtom(item, 0)"
>
<i v-loading="loading0"></i>
<span class="cF1416C">取消订单</span>
</div>
<div
v-if="item.OrderStatus == 1"
class="row-c cursor-pointer radius5 confirm py5"
@click="clickRightButtom(item, 1)"
>
<i v-loading="loading1"></i>
<span class="c20C997">确认订单</span>
</div>
<div
v-if="item.OrderStatus == 2 || item.OrderStatus == 4"
class="row-c cursor-pointer radius5 change py5"
@click="goRoomDetails(item, '订房详情')"
>
<span class="c059FF6">明细/编辑</span>
</div>
<div
v-if="item.OrderStatus == 2"
class="row-c cursor-pointer radius5 change1 py5"
@click="clickRightButtom(item, 2)"
>
<i v-loading="loading2"></i>
<span class="c20C997">收损</span>
</div>
</div>
<!-- <div v-if="item.OrderStatus==2" class="column-jac px15 bgE8F5E9 radius5 ml fz12 pa20 flex-s c20C997">
<div class="mb5">已支付</div>
<div>
<span class="fbold fz14">{{item.Income}}</span>
......@@ -376,283 +751,353 @@
</div>
</div>
</div> -->
</div>
<div class="mt mb20 bgf5 pa15 row-c" v-if="item.CancelRemark">
<div style="font-size:16px;font-weight:bold;font-family: pingfangR;">取消理由:</div>
<div style="margin-left:12px;font-size:12px;color: grey; font-family: microsoft yahei;">{{item.CancelRemark}}</div>
<div style="margin-left:12px;font-size:12px;font-family: microsoft yahei;">
{{item.CancelEmpName}} {{item.CancelTime}}
</div>
</div>
</div>
<el-dialog custom-class="w400" title="修改收损金额" :visible.sync="outerVisible">
<div class="MyCustomerDetailbottomLayer ownScrollbarStyle" style="height:150px;">
<el-form label-width="80px" :model="msg" :rules="rules" ref="msg">
<el-row :gutter="20">
<el-col :span="20">
<el-form-item label="收损金额" prop="LossMoney">
<el-input-number class='w200' v-model="msg.LossMoney" :min="0" :max="10000000"></el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20" style="margin-top: 20px;">
<el-col :span="24" style="text-align: right;">
<input type="button" class="normalBtn" value="保存" @click="submitForm('msg')" />
<input type="button" class="hollowFixedBtn" value="取消" @click="outerVisible=false,$refs[msg].resetFields()" />
</el-col>
</el-row>
</el-form>
</div>
</el-dialog>
<!-- <div class="shezhi column">
<el-dialog
custom-class="w400"
title="修改收损金额"
:visible.sync="outerVisible"
>
<div
class="MyCustomerDetailbottomLayer ownScrollbarStyle"
style="height:150px;"
>
<el-form label-width="80px" :model="msg" :rules="rules" ref="msg">
<el-row :gutter="20">
<el-col :span="20">
<el-form-item label="收损金额" prop="LossMoney">
<el-input-number
class="w200"
v-model="msg.LossMoney"
:min="0"
:max="10000000"
></el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20" style="margin-top: 20px;">
<el-col :span="24" style="text-align: right;">
<input
type="button"
class="normalBtn"
value="保存"
@click="submitForm('msg')"
/>
<input
type="button"
class="hollowFixedBtn"
value="取消"
@click="(outerVisible = false), $refs[msg].resetFields()"
/>
</el-col>
</el-row>
</el-form>
</div>
</el-dialog>
<el-dialog
custom-class="w600"
title="取消订单"
:visible.sync="cancelOrderDialog"
>
<div style="padding-bottom:20px">
<el-input
type="textarea"
autofocus
rows="5"
placeholder="请填写取消订单的缘由"
clear="w300"
v-model="cancelRemark"
></el-input>
<el-row :gutter="20" style="margin-top: 20px;">
<el-col :span="24" style="text-align: right;">
<input
type="button"
class="normalBtn"
value="取消订单"
@click="cancelOrderHandler"
/>
<input
type="button"
class="hollowFixedBtn"
value="关闭"
@click="cancelOrderDialog = false"
/>
</el-col>
</el-row>
</div>
</el-dialog>
<!-- <div class="shezhi column">
<el-input v-model="msg.LossMoney":placeholder="$t('pub.pleaseImport')"></el-input>
<div>
<button type="button" class="normalBtn" @click="saveVisa(item)">{{$t('pub.saveBtn')}}</button>
</div>
</div> -->
</div>
</template>
<script>
export default {
props:['OrderList'],
data() {
return {
copyId:0,
loading0:false,
loading1:false,
loading2:false,
BillMakingMsg:{
// PeroidsId: null,
// Type: null,
// EmpIds:'',
OtherType: 61,
ReFinanceId: '',
ReFinanceId2: ''
},
userInfo:{},
msg:{
OrderId: '',
LossMoney: 0
},
outerVisible: false,
rules: {
LossMoney: [{
required: true,
message: '请输入收损金额',
trigger: "blur"
}],
}
};
</div>
</template>
<script>
export default {
props: ["OrderList"],
data() {
return {
copyId: 0,
loading0: false,
loading1: false,
loading2: false,
BillMakingMsg: {
// PeroidsId: null,
// Type: null,
// EmpIds:'',
OtherType: 61,
ReFinanceId: "",
ReFinanceId2: ""
},
methods: {
// 单据详情
openDetails(item) {
let query = {
id: item.FrID,
}
this.$router.push({
path: "/FinancialDocumentsDetail",
query
});
},
// 制作单据
makeAdocument(row, index, num, name){
this.BillMakingMsg.ReFinanceId = row.OrderId
this.BillMakingMsg.ReFinanceId2 = num
if(name=='Hand'){
this.BillMakingMsg.OtherType = 62
}else{
this.BillMakingMsg.OtherType = 61
}
let text = ''
let query = {}
if(num==1){
text = '收款'
}else if(num==2){
text = '付款'
userInfo: {},
msg: {
OrderId: "",
LossMoney: 0
},
outerVisible: false,
rules: {
LossMoney: [
{
required: true,
message: "请输入收损金额",
trigger: "blur"
}
query = {
blank: "y",
tab: `新增${text}单据`,
Type: num,
tradeObj: JSON.stringify(this.BillMakingMsg)
]
},
cancelOrderDialog: false,
cancelRemark: "",
cancelOrderId:0
};
},
methods: {
// 单据详情
openDetails(item) {
let query = {
id: item.FrID
};
this.$router.push({
path: "/FinancialDocumentsDetail",
query
});
},
// 制作单据
makeAdocument(row, index, num, name) {
this.BillMakingMsg.ReFinanceId = row.OrderId;
this.BillMakingMsg.ReFinanceId2 = num;
if (name == "Hand") {
this.BillMakingMsg.OtherType = 62;
} else {
this.BillMakingMsg.OtherType = 61;
}
let text = "";
let query = {};
if (num == 1) {
text = "收款";
} else if (num == 2) {
text = "付款";
}
query = {
blank: "y",
tab: `新增${text}单据`,
Type: num,
tradeObj: JSON.stringify(this.BillMakingMsg)
};
this.$store.commit("ChoiceAddFinancialDocuments");
this.$router.push({
path: "/ChoiceAddFinancialDocuments",
query
});
},
// 订单明细
goRoomDetails(obj, title) {
var path = "roomReservationsDetails";
if (this.userInfo.RB_Group_id == 91) {
path = "roomReservationsDetails_swt";
}
this.$router.push({
name: path,
query: {
id: obj.OrderId,
OrderType: 1,
blank: "y",
tab: title
}
});
},
clickRightButtom(item, type) {
// 0取消订单 1确认订单
if (type == 0) {
if (!this.loading0) {
this.cancelOrderDialog = true;
this.cancelOrderId = item.OrderId
}
} else if (type == 1) {
if (!this.loading1) {
this.confirmFun(item);
}
} else if (type == 2) {
if (!this.loading2) {
this.outerVisible = true;
this.msg.OrderId = item.OrderId;
this.msg.LossMoney = item.LossMoney ? item.LossMoney : 0;
}
}
},
//提交
submitForm(msg) {
//提交创建、修改表单
this.$refs[msg].validate(valid => {
if (valid) {
if (!this.loading2) {
this.saveUpdate();
}
this.$store.commit("ChoiceAddFinancialDocuments");
this.$router.push({
path: "/ChoiceAddFinancialDocuments",
query
});
} else {
// this.Error("请完成必填项");
return false;
}
});
},
cancelOrderHandler() {
if (this.cancelRemark == "") {
this.Error("请填写取消订单的缘由");
return;
}
if (this.loading0) return;
this.loading0 = true
this.apipost(
"dict_post_CancelAdminCustomerOrder",
{
OrderId: this.cancelOrderId,
CancelRemark: this.cancelRemark
},
// 订单明细
goRoomDetails(obj, title) {
var path = "roomReservationsDetails";
if (this.userInfo.RB_Group_id == 91) {
path = "roomReservationsDetails_swt";
res => {
if (res.data.resultCode == 1) {
this.Success(res.data.message);
this.cancelOrderDialog=false
this.cancelOrderId=0
this.cancelRemark=''
this.$emit("success");
} else {
this.Error(res.data.message);
}
this.$router.push({
name: path,
query: {
"id": obj.OrderId,
'OrderType': 1,
blank: 'y',
tab: title
}
})
this.loading0 = false;
},
clickRightButtom(item,type){
// 0取消订单 1确认订单
if(type==0){
if(!this.loading0){
this.cancelFun(item)
}
}else if(type==1){
if(!this.loading1){
this.confirmFun(item)
}
}else if(type==2){
if(!this.loading2){
this.outerVisible = true
this.msg.OrderId = item.OrderId
this.msg.LossMoney = item.LossMoney?item.LossMoney:0
err => {
this.loading0 = false;
}
);
},
saveUpdate() {
this.$confirm("是否确认设置收损?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
})
.then(() => {
this.loading2 = true;
this.apipost(
"dict_post_SetCustomerOrderLoss",
this.msg,
res => {
if (res.data.resultCode == 1) {
this.Success(res.data.message);
this.$emit("success");
} else {
this.Error(res.data.message);
}
this.loading2 = false;
this.outerVisible = false;
},
err => {
(this.loading2 = false), (this.outerVisible = false);
}
}
},
//提交
submitForm(msg) {
//提交创建、修改表单
this.$refs[msg].validate(valid => {
if (valid) {
if(!this.loading2){
this.saveUpdate();
}
);
})
.catch(() => {});
},
confirmFun(item) {
this.$confirm("是否确认订单?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
})
.then(() => {
this.loading1 = true;
this.apipost(
"dict_post_ConfirmAdminCustomerOrder",
{
OrderId: item.OrderId
},
res => {
if (res.data.resultCode == 1) {
this.Success(res.data.message);
this.$emit("success");
} else {
// this.Error("请完成必填项");
return false;
this.Error(res.data.message);
}
});
},
saveUpdate(){
this.$confirm("是否确认设置收损?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
})
.then(() => {
this.loading2 = true
this.apipost(
"dict_post_SetCustomerOrderLoss", this.msg,
res => {
if (res.data.resultCode == 1) {
this.Success(res.data.message);
this.$emit('success')
}else {
this.Error(res.data.message);
}
this.loading2 = false
this.outerVisible = false
},
err => {this.loading2 = false,this.outerVisible = false}
);
})
.catch(() => {
});
},
cancelFun(item){
this.$confirm("是否确认取消订单?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
})
.then(() => {
this.loading0 = true
this.apipost(
"dict_post_CancelAdminCustomerOrder", {
OrderId: item.OrderId
},
res => {
if (res.data.resultCode == 1) {
this.Success(res.data.message);
this.$emit('success')
}else {
this.Error(res.data.message);
}
this.loading0 = false
},
err => {this.loading0 = false}
);
})
.catch(() => {
});
},
confirmFun(item){
this.$confirm("是否确认订单?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
})
.then(() => {
this.loading1 = true
this.apipost(
"dict_post_ConfirmAdminCustomerOrder", {
OrderId: item.OrderId
},
res => {
if (res.data.resultCode == 1) {
this.Success(res.data.message);
this.$emit('success')
}else {
this.Error(res.data.message);
}
this.loading1 = false
},
err => {this.loading1 = false}
);
})
.catch(() => {
this.$message.info("已取消!");
});
},
//复制信息
CopyHandler(item) {
this.copyId = item.OrderId
setTimeout(() => {
this.copyId = 0
}, 2000)
},
setEdate() {
return this.addMoth(new Date().Format("yyyy-MM-dd"), 1)
},
addMoth(d, m) {
let ds = d.split('-'),
_d = ds[2] - 0;
let nextM = new Date(ds[0], ds[1] - 1 + m + 1, 0);
let max = nextM.getDate();
d = new Date(ds[0], ds[1] - 1 + m, _d > max ? max : _d);
return d.toLocaleDateString().match(/\d+/g).join('-')
},
com_onresize() {
//clientHeight的值由DIV内容的实际高度和CSS中的padding值决定,
var contentsHeight = document.body.clientHeight;
var h = contentsHeight - 50 - 180 - 40;
if (h < 110) {
return;
}
//设置table的行高
// this.tableHeight = h;
},
},
mounted() {
this.userInfo = this.getLocalStorage();
//自适应高度调节
this.com_onresize();
window.onresize = () => {
this.com_onresize();
}
},
this.loading1 = false;
},
err => {
this.loading1 = false;
}
);
})
.catch(() => {
this.$message.info("已取消!");
});
},
//复制信息
CopyHandler(item) {
this.copyId = item.OrderId;
setTimeout(() => {
this.copyId = 0;
}, 2000);
},
setEdate() {
return this.addMoth(new Date().Format("yyyy-MM-dd"), 1);
},
addMoth(d, m) {
let ds = d.split("-"),
_d = ds[2] - 0;
let nextM = new Date(ds[0], ds[1] - 1 + m + 1, 0);
let max = nextM.getDate();
d = new Date(ds[0], ds[1] - 1 + m, _d > max ? max : _d);
return d
.toLocaleDateString()
.match(/\d+/g)
.join("-");
},
com_onresize() {
//clientHeight的值由DIV内容的实际高度和CSS中的padding值决定,
var contentsHeight = document.body.clientHeight;
var h = contentsHeight - 50 - 180 - 40;
if (h < 110) {
return;
}
//设置table的行高
// this.tableHeight = h;
}
},
mounted() {
this.userInfo = this.getLocalStorage();
//自适应高度调节
this.com_onresize();
window.onresize = () => {
this.com_onresize();
};
</script>
<style>
</style>
\ No newline at end of file
}
};
</script>
<style></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