Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
S
SuperMan
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
1
Issues
1
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
罗超
SuperMan
Commits
a19029e8
Commit
a19029e8
authored
Dec 01, 2022
by
罗超
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
修改订单里列表部分功能
parent
9f12491b
Hide whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
1077 additions
and
634 deletions
+1077
-634
ElectronicContract.vue
src/components/Contract/ElectronicContract.vue
+4
-4
SubjectContrast.vue
src/components/FinancialModule/Kingdee/SubjectContrast.vue
+16
-17
HotelOrderList.vue
src/components/Hotel/reservation/HotelOrderList.vue
+34
-35
OrderList.vue
src/components/Hotel/reservation/OrderList.vue
+1023
-578
No files found.
src/components/Contract/ElectronicContract.vue
View file @
a19029e8
...
...
@@ -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
,
...
...
src/components/FinancialModule/Kingdee/SubjectContrast.vue
View file @
a19029e8
...
...
@@ -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
src/components/Hotel/reservation/HotelOrderList.vue
View file @
a19029e8
...
...
@@ -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
src/components/Hotel/reservation/OrderList.vue
View file @
a19029e8
<
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=
"10
0"
>
<el-table-column
label=
"
城市税"
min-width=
"6
0"
>
<
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
>
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment