Skip to content

S
SuperMan
Commit aee6a193 authored by youjie's avatar youjie
Browse files
Options

Merge branch 'master' of http://gitlab.oytour.com/luochao/superman

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