Skip to content

S
SuperMan
Commit 863f251a authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent be803510
Show whitespace changes
Inline Side-by-side
Showing with 2294 additions and 2297 deletions
src/components/Hotel/reservation/HotelOrderList.vue
View file @ 863f251a
<style> <style>
.groupTourOrderByTuan_ico{ .groupTourOrderByTuan_ico {
margin-left: 5px; margin-left: 5px;
} }
.groupTourOrderByTuan_ico>i{
.groupTourOrderByTuan_ico>i {
display: inline-block; display: inline-block;
margin: 0 5px 0 0; margin: 0 5px 0 0;
width: 8px; width: 8px;
...@@ -10,6 +11,7 @@ ...@@ -10,6 +11,7 @@
border-radius: 2px; border-radius: 2px;
vertical-align: middle; vertical-align: middle;
} }
.HotelWorkList .has-gutter tr th, .HotelWorkList .has-gutter tr th,
.el-table th.is-leaf { .el-table th.is-leaf {
background-color: #EAEAEA !important; background-color: #EAEAEA !important;
...@@ -37,9 +39,9 @@ ...@@ -37,9 +39,9 @@
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;">
<ul> <ul>
...@@ -63,21 +65,19 @@ ...@@ -63,21 +65,19 @@
</li> </li>
<li> <li>
<span><em>{{$t('OrderList.search.orderNum')}}</em> <span><em>{{$t('OrderList.search.orderNum')}}</em>
<el-input type="Number" v-model="msg.OrderNo" :placeholder="$t('OrderList.search.orderNum')"/> <el-input type="Number" v-model="msg.OrderNo" :placeholder="$t('OrderList.search.orderNum')" />
</span> </span>
</li> </li>
<li> <li>
<span><em>订单ID</em> <span><em>订单ID</em>
<el-input type="Number" v-model="msg.OrderId" placeholder="订单ID"/> <el-input type="Number" v-model="msg.OrderId" placeholder="订单ID" />
</span> </span>
</li> </li>
<li v-if="pagesTitle!='销售'"> <li v-if="pagesTitle!='销售'">
<span><em>业务员</em> <span><em>业务员</em>
<el-select filterable v-model='msg.EnterID'> <el-select filterable v-model='msg.EnterID'>
<el-option :value="0" label="不限"></el-option> <el-option :value="0" label="不限"></el-option>
<el-option v-for='item in EmployeeList' <el-option v-for='item in EmployeeList' :label='item.EmName' :value='item.EmployeeId'
:label='item.EmName'
:value='item.EmployeeId'
:key='item.EmployeeId'> :key='item.EmployeeId'>
</el-option> </el-option>
</el-select> </el-select>
...@@ -87,8 +87,7 @@ ...@@ -87,8 +87,7 @@
<span> <span>
<em>{{$t('hotel.hotel')}}</em> <em>{{$t('hotel.hotel')}}</em>
<!-- multiple_input w300 multiple collapse-tags--> <!-- multiple_input w300 multiple collapse-tags-->
<el-select v-model="msg.HotelId" :placeholder="$t('pub.pleaseSel')" style="height: 34px;" <el-select v-model="msg.HotelId" :placeholder="$t('pub.pleaseSel')" style="height: 34px;" filterable>
filterable>
<el-option :key="0" :value="0" :label="$t('OrderList.search.allHotel')"></el-option> <el-option :key="0" :value="0" :label="$t('OrderList.search.allHotel')"></el-option>
<el-option v-for="item in HotelList" :key="item.ID" :label="item.Name" :value="item.ID"></el-option> <el-option v-for="item in HotelList" :key="item.ID" :label="item.Name" :value="item.ID"></el-option>
</el-select> </el-select>
...@@ -97,13 +96,8 @@ ...@@ -97,13 +96,8 @@
<li> <li>
<span> <span>
<em>{{$t('OrderList.search.daterange')}}</em> <em>{{$t('OrderList.search.daterange')}}</em>
<el-date-picker <el-date-picker style="height: 34px;" value-format="yyyy-MM-dd" v-model="Datelist" type="daterange"
style="height: 34px;" :range-separator="$t('OrderList.zhi')" :start-placeholder="$t('OrderList.star')"
value-format="yyyy-MM-dd"
v-model="Datelist"
type="daterange"
:range-separator="$t('OrderList.zhi')"
:start-placeholder="$t('OrderList.star')"
:end-placeholder="$t('OrderList.end')" @change="getDates"> :end-placeholder="$t('OrderList.end')" @change="getDates">
</el-date-picker> </el-date-picker>
</span> </span>
...@@ -124,29 +118,36 @@ ...@@ -124,29 +118,36 @@
</span> </span>
</li> --> </li> -->
<li> <li>
<input type="button" class="normalBtn" :value="$t('pub.searchBtn')" @click="msg.pageIndex=1,currentPage=1,GetList()" /> <input type="button" class="normalBtn" :value="$t('pub.searchBtn')"
@click="msg.pageIndex=1,currentPage=1,GetList()" />
<!-- <input type="button" class="normalBtn" :value="$t('adm.adm_download')" @click="DownLoadHotelWork()" /> --> <!-- <input type="button" class="normalBtn" :value="$t('adm.adm_download')" @click="DownLoadHotelWork()" /> -->
</li> </li>
</ul> </ul>
</div> </div>
<template> <template>
<div style="display: flex;justify-content: end;margin-bottom: 10px;"> <div style="display: flex;justify-content: end;margin-bottom: 10px;">
<p><span class="groupTourOrderByTuan_ico"><i style="background-color:#3FC4FF"></i><span>{{$t('fnc.yidadan')}}</span></span> <p><span class="groupTourOrderByTuan_ico"><i
<span class="groupTourOrderByTuan_ico"><i style="background-color:#F1416C"></i><span>{{$t('fnc.yhcnyshenhe')}}</span></span> style="background-color:#3FC4FF"></i><span>{{$t('fnc.yidadan')}}</span></span>
<span class="groupTourOrderByTuan_ico"><i style="background-color:#ff9800"></i><span>{{$t('fnc.ytongguo')}}</span></span></p> <span class="groupTourOrderByTuan_ico"><i
style="background-color:#F1416C"></i><span>{{$t('fnc.yhcnyshenhe')}}</span></span>
<span class="groupTourOrderByTuan_ico"><i
style="background-color:#ff9800"></i><span>{{$t('fnc.ytongguo')}}</span></span></p>
</div> </div>
<OrderList :pagesTitle="pagesTitle" :OrderList="OrderList" v-loading="loading" @success="GetList"> </OrderList> <OrderList :pagesTitle="pagesTitle" :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>
<script> <script>
import OrderList from './OrderList.vue'; import OrderList from './OrderList.vue';
export default { export default {
props:['pagesTitle'], props: ['pagesTitle'],
components: { OrderList }, components: {
OrderList
},
data() { data() {
return { return {
userInfo: {}, userInfo: {},
...@@ -158,13 +159,13 @@ ...@@ -158,13 +159,13 @@
OrderList: [], OrderList: [],
//默认高度 //默认高度
tableHeight: 0, tableHeight: 0,
msg:{ msg: {
pageIndex: 1, pageIndex: 1,
pageSize: 5, pageSize: 5,
HotelId: 0, HotelId: 0,
RoomType: 0, RoomType: 0,
StartTime: '',//new Date().Format("yyyy-MM-dd") StartTime: '', //new Date().Format("yyyy-MM-dd")
EndTime: '',//this.setEdate() EndTime: '', //this.setEdate()
OrderStatus: 0, OrderStatus: 0,
OrderNo: '', OrderNo: '',
OrderId: '', OrderId: '',
...@@ -175,57 +176,88 @@ ...@@ -175,57 +176,88 @@
}, },
total: 0, total: 0,
currentPage: 1, currentPage: 1,
OrderStatusType:[ OrderStatusType: [{
{Name: this.$t('OrderList.orderStatus.apply'),ID:'1'}, Name: this.$t('OrderList.orderStatus.apply'),
{Name: this.$t('OrderList.orderStatus.check'),ID:'2'}, ID: '1'
{Name: this.$t('OrderList.orderStatus.cancel'),ID:'3'}, },
{Name: this.$t('OrderList.orderStatus.sun'),ID:'4'}, {
Name: this.$t('OrderList.orderStatus.check'),
ID: '2'
},
{
Name: this.$t('OrderList.orderStatus.cancel'),
ID: '3'
},
{
Name: this.$t('OrderList.orderStatus.sun'),
ID: '4'
},
], ],
roomType:[ roomType: [{
{Name: this.$t('OrderList.rooms.normal'),ID:'1'}, Name: this.$t('OrderList.rooms.normal'),
{Name: this.$t('OrderList.rooms.big'),ID:'2'}, ID: '1'
{Name: this.$t('OrderList.rooms.sing'),ID:'3'}, },
{Name: this.$t('OrderList.rooms.three'),ID:'4'}, {
{Name: this.$t('OrderList.rooms.driver'),ID:'5'}, Name: this.$t('OrderList.rooms.big'),
ID: '2'
},
{
Name: this.$t('OrderList.rooms.sing'),
ID: '3'
},
{
Name: this.$t('OrderList.rooms.three'),
ID: '4'
},
{
Name: this.$t('OrderList.rooms.driver'),
ID: '5'
},
], ],
orderType:[ orderType: [{
{Name: this.$t('OrderList.orderType.tour'),ID:'1'}, Name: this.$t('OrderList.orderType.tour'),
{Name: this.$t('OrderList.orderType.guest'),ID:'2'}, ID: '1'
},
{
Name: this.$t('OrderList.orderType.guest'),
ID: '2'
},
], ],
Datelist:'', Datelist: '',
EmployeeList:[], EmployeeList: [],
employeeMsg:{ // 员工 employeeMsg: { // 员工
GroupId:'', GroupId: '',
BranchId:-1, BranchId: -1,
DepartmentId:0, DepartmentId: 0,
PostId:0, PostId: 0,
IsLeave:0, IsLeave: 0,
}, },
}; };
}, },
watch: { watch: {
pagesTitle(val,oldval){ pagesTitle(val, oldval) {
} }
}, },
methods: { methods: {
getEmployee() { //员工 getEmployee() { //员工
let userInfo=this.getLocalStorage(); let userInfo = this.getLocalStorage();
this.employeeMsg.GroupId = userInfo.RB_Group_id; this.employeeMsg.GroupId = userInfo.RB_Group_id;
this.apipost('admin_get_EmployeeGetList', this.employeeMsg, res => { this.apipost('admin_get_EmployeeGetList', this.employeeMsg, res => {
if(res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.EmployeeList = res.data.data; this.EmployeeList = res.data.data;
} }
}, err => {}) }, err => {})
}, },
getDates(){ getDates() {
if(this.Datelist){ if (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]
} }
}else{ } else {
this.msg.StartTime = '' this.msg.StartTime = ''
this.msg.EndTime = '' this.msg.EndTime = ''
} }
...@@ -254,24 +286,24 @@ ...@@ -254,24 +286,24 @@
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
}, },
//获取酒店订单列表 //获取酒店订单列表
...@@ -285,17 +317,17 @@ ...@@ -285,17 +317,17 @@
this.loading = true this.loading = true
let url let url
// 销售 OP // 销售 OP
if(this.pagesTitle=='销售'){ if (this.pagesTitle == '销售') {
url = "dict_post_GetMySaleCustomerOrderPageList" url = "dict_post_GetMySaleCustomerOrderPageList"
}else{ } else {
url = "dict_post_GetAdminCustomerOrderPageList" url = "dict_post_GetAdminCustomerOrderPageList"
} }
this.apipost(url, this.msg, this.apipost(url, this.msg,
res => { res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
let data = res.data.data.pageData let data = res.data.data.pageData
let addList = function(arr){ let addList = function (arr) {
arr.forEach(x=>{ arr.forEach(x => {
x.list = [] x.list = []
x.isMore = false x.isMore = false
x.upIcon = false x.upIcon = false
...@@ -306,21 +338,21 @@ ...@@ -306,21 +338,21 @@
} }
addList(data) addList(data)
data.forEach(item => { data.forEach(item => {
if(item.DetailList.length>2){ if (item.DetailList.length > 2) {
item.isMore = true item.isMore = true
} }
let dataLists = [] let dataLists = []
item.DetailList.forEach((x,index)=>{ item.DetailList.forEach((x, index) => {
x.Number = 0 x.Number = 0
x.PeopleNumber = 0 x.PeopleNumber = 0
x.RoomList.forEach(r=>{ x.RoomList.forEach(r => {
x.Number+=r.Number x.Number += r.Number
x.PeopleNumber+=r.PeopleNumber x.PeopleNumber += r.PeopleNumber
}) })
x.Tax = x.TaxesPrice*x.Number x.Tax = x.TaxesPrice * x.Number
x.Tax2 = x.PriceInTangTax*x.PeopleNumber x.Tax2 = x.PriceInTangTax * x.PeopleNumber
x.Money = x.HotelMoeny+x.TaxesPrice x.Money = x.HotelMoeny + x.TaxesPrice
if(index<2){ if (index < 2) {
dataLists.push(x) dataLists.push(x)
} }
}) })
...@@ -328,27 +360,29 @@ ...@@ -328,27 +360,29 @@
}) })
this.OrderList = data; this.OrderList = data;
this.OrderList.forEach(item=>{ this.OrderList.forEach(item => {
let datas = { let datas = {
Income: item.Income, Income: item.Income,
CostMoney: item.CostMoney, CostMoney: item.CostMoney,
PlatformTax: item.PlatformTax, PlatformTax: item.PlatformTax,
Refund: item.Refund, Refund: item.Refund,
PlatformMoney:item.PlatformMoney, PlatformMoney: item.PlatformMoney,
HandFittingIncome: item.HandFittingIncome, HandFittingIncome: item.HandFittingIncome,
HandFittingTax: item.HandFittingTax, HandFittingTax: item.HandFittingTax,
DueInMoney:item.DueInMoney, DueInMoney: item.DueInMoney,
...item ...item
} }
item.list.push(JSON.parse(JSON.stringify(datas))) item.list.push(JSON.parse(JSON.stringify(datas)))
}) })
this.total = res.data.data.count; this.total = res.data.data.count;
}else { } else {
this.Error(res.data.message); this.Error(res.data.message);
} }
this.loading = false this.loading = false
}, },
err => {this.loading = false} err => {
this.loading = false
}
); );
}, },
handleCurrentChange(val) { handleCurrentChange(val) {
...@@ -369,11 +403,11 @@ ...@@ -369,11 +403,11 @@
mounted() { mounted() {
this.Datelist = this.getyMDOne() this.Datelist = this.getyMDOne()
this.userInfo = this.getLocalStorage(); this.userInfo = this.getLocalStorage();
if(this.$route.query.OrderId){ if (this.$route.query.OrderId) {
this.msg.OrderId = this.$route.query.OrderId this.msg.OrderId = this.$route.query.OrderId
} }
// crm自动登陆传过来的参数 // crm自动登陆传过来的参数
if(this.$route.query.crmOrderObj){ if (this.$route.query.crmOrderObj) {
let crmOrderObj = JSON.parse(this.$route.query.crmOrderObj) let crmOrderObj = JSON.parse(this.$route.query.crmOrderObj)
this.msg.OrderId = crmOrderObj.OrderId this.msg.OrderId = crmOrderObj.OrderId
} }
...@@ -381,7 +415,7 @@ ...@@ -381,7 +415,7 @@
this.GetList(); this.GetList();
this.initHotels();//酒店名称下拉 this.initHotels(); //酒店名称下拉
//自适应高度调节 //自适应高度调节
this.com_onresize(); this.com_onresize();
window.onresize = () => { window.onresize = () => {
...@@ -390,8 +424,8 @@ ...@@ -390,8 +424,8 @@
}, },
}; };
</script> </script>
<style> <style>
</style> </style>
src/components/Hotel/reservation/OrderList.vue
View file @ 863f251a
<style scoped> <style scoped>
.row { .row {
display: flex; display: flex;
} }
.row-c {
.row-c {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.column {
.column {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.column-jac {
.column-jac {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.column-ac {
.column-ac {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
} }
.wrap {
.wrap {
flex-wrap: wrap; flex-wrap: wrap;
} }
.justify-sb {
.justify-sb {
justify-content: space-between; justify-content: space-between;
} }
.justify-c {
.justify-c {
justify-content: center; justify-content: center;
} }
.justify-e {
.justify-e {
justify-content: flex-end; justify-content: flex-end;
align-items: flex-end; align-items: flex-end;
} }
.flex-g {
.flex-g {
flex-grow: 1; flex-grow: 1;
} }
.flex-s {
.flex-s {
flex-shrink: 0; flex-shrink: 0;
} }
.align-c {
.align-c {
align-items: center; align-items: center;
} }
.cblack {
.cblack {
color: black; color: black;
} }
.cf {
.cf {
color: #ffffff; color: #ffffff;
} }
.c9e {
.c9e {
color: #9e9e9e; color: #9e9e9e;
} }
.c20C997 {
.c20C997 {
color: #20c997; color: #20c997;
} }
.c02C854 {
.c02C854 {
color: #02c854; color: #02c854;
} }
.cff9800 {
.cff9800 {
color: #ff9800; color: #ff9800;
} }
.cF1416C {
.cF1416C {
color: #f1416c; color: #f1416c;
} }
.cF57A98 {
.cF57A98 {
color: #f57a98; color: #f57a98;
} }
.c04C8C8 {
.c04C8C8 {
color: #04c8c8; color: #04c8c8;
} }
.c059FF6 {
.c059FF6 {
color: #059ff6; color: #059ff6;
} }
.c3FC4FF {
.c3FC4FF {
color: #3fc4ff; color: #3fc4ff;
} }
.fz10 {
.fz10 {
font-size: 10px; font-size: 10px;
} }
.fz11 {
.fz11 {
font-size: 11px; font-size: 11px;
} }
.fz12 {
.fz12 {
font-size: 12px; font-size: 12px;
} }
.fz13 {
.fz13 {
font-size: 13px; font-size: 13px;
} }
.fz14 {
.fz14 {
font-size: 14px; font-size: 14px;
} }
.fz15 {
.fz15 {
font-size: 15px; font-size: 15px;
} }
.fz16 {
.fz16 {
font-size: 16px; font-size: 16px;
} }
.fz17 {
.fz17 {
font-size: 17px; font-size: 17px;
} }
.fz18 {
.fz18 {
font-size: 18px; font-size: 18px;
} }
.fbold {
.fbold {
font-weight: bold; font-weight: bold;
} }
.ml {
.ml {
margin-left: 10px; margin-left: 10px;
} }
.mr {
.mr {
margin-right: 10px; margin-right: 10px;
} }
.mt {
.mt {
margin-top: 10px; margin-top: 10px;
} }
.mt20 {
.mt20 {
margin-top: 20px; margin-top: 20px;
} }
.mb {
.mb {
margin-bottom: 10px; margin-bottom: 10px;
} }
.mb20 {
.mb20 {
margin-bottom: 20px; margin-bottom: 20px;
} }
.mx {
.mx {
margin-left: 10px; margin-left: 10px;
margin-right: 10px; margin-right: 10px;
} }
.mx5 {
.mx5 {
margin-left: 5px; margin-left: 5px;
margin-right: 5px; margin-right: 5px;
} }
.mb5 {
.mb5 {
margin-bottom: 5px; margin-bottom: 5px;
} }
.py {
.py {
padding: 15px 0; padding: 15px 0;
} }
.py5 {
.py5 {
padding: 5px 0; padding: 5px 0;
} }
.px5 {
.px5 {
padding: 0 5px; padding: 0 5px;
} }
.px15 {
.px15 {
padding: 0 15px; padding: 0 15px;
} }
.pa15 {
.pa15 {
padding: 15px; padding: 15px;
} }
.py20 {
.py20 {
padding: 20px 0; padding: 20px 0;
} }
.pb5 {
.pb5 {
padding: 0 0 5px 0; padding: 0 0 5px 0;
} }
.pa {
.pa {
padding: 10px 20px; padding: 10px 20px;
} }
.pa20 {
.pa20 {
padding: 20px; padding: 20px;
} }
.pt20 {
.pt20 {
padding: 20px 0; padding: 20px 0;
} }
.borderD {
.borderD {
border-bottom: 1px dashed #dddddd; border-bottom: 1px dashed #dddddd;
} }
.bgf {
.bgf {
background: #ffffff; background: #ffffff;
} }
.bgf5 {
.bgf5 {
background: #f5f5f5; background: #f5f5f5;
} }
.bgE8F5E9 {
.bgE8F5E9 {
background: #e8f5e9; background: #e8f5e9;
} }
.bgD9F3FF {
.bgD9F3FF {
background: #d9f3ff; background: #d9f3ff;
} }
.bgFAEAED {
.bgFAEAED {
background: #faeaed; background: #faeaed;
} }
.bj {
.bj {
background: #ffffff; background: #ffffff;
} }
.radius5 {
.radius5 {
border-radius: 5px; border-radius: 5px;
} }
.cursor-pointer {
.cursor-pointer {
cursor: pointer; cursor: pointer;
} }
.relative {
.relative {
position: relative; position: relative;
} }
.absolute {
.absolute {
position: absolute; position: absolute;
} }
.left0 {
.left0 {
left: 0; left: 0;
} }
.right0 {
.right0 {
right: 0; right: 0;
} }
.top0 {
.top0 {
top: 0; top: 0;
} }
.bottom0 {
.bottom0 {
bottom: 0; bottom: 0;
} }
.left20 {
.left20 {
left: 020px; left: 020px;
} }
.right20 {
.right20 {
right: 20px; right: 20px;
} }
.top20 {
.top20 {
top: 20px; top: 20px;
} }
.bottom20 {
.bottom20 {
bottom: 20px; bottom: 20px;
} }
.text-center {
.text-center {
text-align: center; text-align: center;
} }
.orderType {
.orderType {
padding: 3px 15px; padding: 3px 15px;
border-radius: 3px; border-radius: 3px;
background: #f57a98; background: #f57a98;
margin-right: 15px; margin-right: 15px;
} }
.orderType.active {
.orderType.active {
background: #4dd0e1; background: #4dd0e1;
} }
.copy {
.copy {
display: inline-block; display: inline-block;
padding: 3px 15px; padding: 3px 15px;
border-radius: 3px; border-radius: 3px;
margin-left: 20px; margin-left: 20px;
} }
.copy:hover {
.copy:hover {
background: #f5f5f5; background: #f5f5f5;
} }
.see-rec div {
.see-rec div {
padding: 1px 5px; padding: 1px 5px;
border-radius: 3px; border-radius: 3px;
} }
.see {
.see {
border: 1px solid #04c8c8; border: 1px solid #04c8c8;
} }
.seeLK {
.seeLK {
border: 1px solid #059ff6; border: 1px solid #059ff6;
} }
.see:hover {
.see:hover {
background-color: rgba(4, 200, 200, 0.1); background-color: rgba(4, 200, 200, 0.1);
} }
.rec {
.rec {
border: 1px solid #04c8c8; border: 1px solid #04c8c8;
background-color: rgba(4, 200, 200, 1); background-color: rgba(4, 200, 200, 1);
} }
.rec:hover {
.rec:hover {
border: 1px solid rgba(4, 200, 200, 0.9); border: 1px solid rgba(4, 200, 200, 0.9);
background-color: rgba(4, 200, 200, 0.9); background-color: rgba(4, 200, 200, 0.9);
} }
.cancel:hover {
.cancel:hover {
background-color: #f3dce2; background-color: #f3dce2;
} }
.confirm:hover {
.confirm:hover {
background-color: #dcedc8; background-color: #dcedc8;
} }
.change:hover {
.change:hover {
background-color: #d7e9f3; background-color: #d7e9f3;
} }
.change1:hover {
.change1:hover {
background-color: #dcedc8; background-color: #dcedc8;
} }
.orderop {
.orderop {
text-align: center; text-align: center;
} }
.orderop div {
.orderop div {
width: auto; width: auto;
height: 30px; height: 30px;
display: flex; display: flex;
padding: 0 5px; padding: 0 5px;
justify-content: center; justify-content: center;
} }
.RoomList div {
.RoomList div {
border-bottom: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7;
} }
.RoomList div:last-child {
.RoomList div:last-child {
border: 0; border: 0;
} }
.el-table {
.el-table {
font-size: 13px; font-size: 13px;
} }
.shezhifrom {
.shezhifrom {
position: relative; position: relative;
} }
.shebox {
.shebox {
position: absolute; position: absolute;
top: 0; top: 0;
left: -100px; left: -100px;
display: none; display: none;
} }
.shezhifrom:hover .shebox {
.shezhifrom:hover .shebox {
display: block; display: block;
} }
</style> </style>
<template> <template>
<div> <div>
<div style="text-align: right;position: fixed;top: 62px; right: 89px;"> <div style="text-align: right;position: fixed;top: 62px; right: 89px;">
<el-button class="hollowFixedBtn" v-if="pagesTitle=='OP'" @click="setCompleted" <el-button class="hollowFixedBtn" v-if="pagesTitle=='OP'" @click="setCompleted" :loading="CompletedLoading">
:loading="CompletedLoading">{{$t('objFill.oneclickfinish')}}</el-button> {{$t('objFill.oneclickfinish')}}</el-button>
</div> </div>
<el-table ref="multipleTable" :data="OrderList" tooltip-effect="dark" style="width: 100%" row-key="OrderId" <el-table ref="multipleTable" :data="OrderList" tooltip-effect="dark" style="width: 100%" row-key="OrderId"
@selection-change="handleSelectionChange"> @selection-change="handleSelectionChange">
<el-table-column type="selection" :selectable="selectable" :reserve-selection="true" <el-table-column type="selection" :selectable="selectable" :reserve-selection="true" v-if="pagesTitle=='OP'">
v-if="pagesTitle=='OP'">
</el-table-column> </el-table-column>
<el-table-column :label="pagesTitle=='OP'?$t('system.table_chekAll'):''"> <el-table-column :label="pagesTitle=='OP'?$t('system.table_chekAll'):''">
<!-- <div <!-- <div
...@@ -329,10 +422,7 @@ ...@@ -329,10 +422,7 @@
<div class="row-c justify-sb align-c py"> <div class="row-c justify-sb align-c py">
<div class="row-c"> <div class="row-c">
<div> <div>
<div <div class="orderType cf fz12" :class="{ active: scope.row.OrderType == 1 }">
class="orderType cf fz12"
:class="{ active: scope.row.OrderType == 1 }"
>
{{ scope.row.OrderType == 1 ? $t('OrderList.orderType.guest') : $t('OrderList.orderType.tour') }} {{ scope.row.OrderType == 1 ? $t('OrderList.orderType.guest') : $t('OrderList.orderType.tour') }}
</div> </div>
...@@ -350,50 +440,40 @@ ...@@ -350,50 +440,40 @@
<div class="c9e fz12"> <div class="c9e fz12">
<span>{{$t('OrderList.search.orderNum')}}：</span> <span>{{$t('OrderList.search.orderNum')}}：</span>
<span>{{ scope.row.OrderNo }}({{ scope.row.OrderId}})</span> <span>{{ scope.row.OrderNo }}({{ scope.row.OrderId}})</span>
<span <span class="copy cblack cursor-pointer" v-if="copyId != scope.row.OrderId"
class="copy cblack cursor-pointer" @click="CopyHandler(iscope.row)">{{$t('objFill.copy')}}</span>
v-if="copyId != scope.row.OrderId" <span class="copy c059FF6 bgD9F3FF cursor-pointer" v-else><i
@click="CopyHandler(iscope.row)" class="el-icon-check mr"></i>{{$t('objFill.copied')}}</span>
>{{$t('objFill.copy')}}</span
>
<span class="copy c059FF6 bgD9F3FF cursor-pointer" v-else
><i class="el-icon-check mr"></i>{{$t('objFill.copied')}}</span
>
</div> </div>
</div> </div>
<div class="c9e fz12"> <div class="c9e fz12">
<span v-if="scope.row.OrderType == 1" <span
>{{$t('admin.admin_linkman')}}：{{ scope.row.ContactName }}/{{ scope.row.ContactNumber }}</span v-if="scope.row.OrderType == 1">{{$t('admin.admin_linkman')}}：{{ scope.row.ContactName }}/{{ scope.row.ContactNumber }}</span>
>
<span v-else>{{$t('objFill.zhutuanhao')}}：{{ scope.row.TCNum }}</span> <span v-else>{{$t('objFill.zhutuanhao')}}：{{ scope.row.TCNum }}</span>
</div> </div>
<div class="row c9e fz12"> <div class="row c9e fz12">
<span class="mr" v-if="scope.row.LureEmpName">{{$t('objFill.yinliuren')}}：{{ scope.row.LureEmpName }}</span> <span class="mr"
v-if="scope.row.LureEmpName">{{$t('objFill.yinliuren')}}：{{ scope.row.LureEmpName }}</span>
<span class="mr">{{$t('visaT.sale')}}：{{ scope.row.SaleName }}</span> <span class="mr">{{$t('visaT.sale')}}：{{ scope.row.SaleName }}</span>
<span class="mr" v-if="scope.row.OpName&&pagesTitle=='OP'">{{$t('objFill.guanlian')}}OP：{{ scope.row.OpName }}</span> <span class="mr"
v-if="scope.row.OpName&&pagesTitle=='OP'">{{$t('objFill.guanlian')}}OP：{{ scope.row.OpName }}</span>
<span class="mr" v-if="scope.row.CustomerName">{{$t('active.cl_addPp')}}：{{ scope.row.CustomerName }} ({{ scope.row.CustomerContact }}/{{ <span class="mr" v-if="scope.row.CustomerName">{{$t('active.cl_addPp')}}：{{ scope.row.CustomerName }} ({{ scope.row.CustomerContact }}/{{
scope.row.CustomerTel scope.row.CustomerTel
}}</span> }}</span>
<span class="mr">{{$t('restaurant.res_oderTime')}}：{{ scope.row.CreateTime }}</span> <span class="mr">{{$t('restaurant.res_oderTime')}}：{{ scope.row.CreateTime }}</span>
<div class=""> <div class="">
<i <i class="mx5" :class="{
class="mx5"
:class="{
'el-icon-alarm-clock c20C997': scope.row.OrderStatus == 1, 'el-icon-alarm-clock c20C997': scope.row.OrderStatus == 1,
'el-icon-check cblack': scope.row.OrderStatus == 2, 'el-icon-check cblack': scope.row.OrderStatus == 2,
'el-icon-warning cff9800': scope.row.OrderStatus == 3, 'el-icon-warning cff9800': scope.row.OrderStatus == 3,
'el-icon-refresh cF1416C': scope.row.OrderStatus == 4 'el-icon-refresh cF1416C': scope.row.OrderStatus == 4
}" }"></i>
></i> <span class="fz12 cblack" :class="{
<span
class="fz12 cblack"
:class="{
c20C997: scope.row.OrderStatus == 1, c20C997: scope.row.OrderStatus == 1,
cblack: scope.row.OrderStatus == 2, cblack: scope.row.OrderStatus == 2,
cff9800: scope.row.OrderStatus == 3, cff9800: scope.row.OrderStatus == 3,
cF1416C: scope.row.OrderStatus == 4 cF1416C: scope.row.OrderStatus == 4
}" }">
>
{{ scope.row.OrderStatusName }} {{ scope.row.OrderStatusName }}
</span> </span>
</div> </div>
...@@ -401,11 +481,7 @@ ...@@ -401,11 +481,7 @@
</div> </div>
<div class="mb"> <div class="mb">
<el-table :data="scope.row.NewDetailList" style="width:100%" border> <el-table :data="scope.row.NewDetailList" style="width:100%" border>
<el-table-column <el-table-column :label="$t('objFill.ruzhuriqi')" min-width="100" style="background:#EAEAEA">
:label="$t('objFill.ruzhuriqi')"
min-width="100"
style="background:#EAEAEA"
>
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.Date }} {{ scope.row.Date }}
</template> </template>
...@@ -418,37 +494,25 @@ ...@@ -418,37 +494,25 @@
<el-table-column min-width="240"> <el-table-column min-width="240">
<template slot="header" slot-scope="scope"> <template slot="header" slot-scope="scope">
<span>{{$t('objFill.ruzhuxinxi')}}</span> <span>{{$t('objFill.ruzhuxinxi')}}</span>
<el-tooltip <el-tooltip class="item" effect="dark" :content="$t('objFill.fangxinzonjia')" placement="bottom">
class="item"
effect="dark"
:content="$t('objFill.fangxinzonjia')"
placement="bottom"
>
<i class="el-icon-question c059FF6 cursor-pointer"></i> <i class="el-icon-question c059FF6 cursor-pointer"></i>
</el-tooltip> </el-tooltip>
</template> </template>
<template slot-scope="scope"> <template slot-scope="scope">
<div class="RoomList"> <div class="RoomList">
<div class="fz12 c9e" v-for="(x, i) in scope.row.RoomList"> <div class="fz12 c9e" v-for="(x, i) in scope.row.RoomList">
<span class="mr" <span class="mr">{{ x.RoomTypeName }}：{{ x.Number }} {{$t('objFill.renjian')}}</span>
>{{ x.RoomTypeName }}：{{ x.Number }} {{$t('objFill.renjian')}}</span
>
<span class="ml mr">{{$t(' Airticket.Air_Number')}}：{{ x.PeopleNumber }} 人</span> <span class="ml mr">{{$t(' Airticket.Air_Number')}}：{{ x.PeopleNumber }} 人</span>
<span class="ml mr">{{$t('fnc.danjia')}}：{{ x.Unit_Price }}</span> <span class="ml mr">{{$t('fnc.danjia')}}：{{ x.Unit_Price }}</span>
<span class="ml" <span class="ml">{{$t('ground.xiaoji')}}：{{ x.Money }} {{ scope.row.CurrencyName }}</span>
>{{$t('ground.xiaoji')}}：{{ x.Money }} {{ scope.row.CurrencyName }}</span
>
</div> </div>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column :label="$t('ground.dfanghao')" min-width="100"> <el-table-column :label="$t('ground.dfanghao')" min-width="100">
<template slot-scope="scope"> <template slot-scope="scope">
<span <span v-if="!scope.row.ReserveRoomNo"
v-if="!scope.row.ReserveRoomNo" class="radius5 bgFAEAED cF1416C px5 fz12">{{$t('ground.weiqueren')}}</span>
class="radius5 bgFAEAED cF1416C px5 fz12"
>{{$t('ground.weiqueren')}}</span
>
<template v-else> <template v-else>
<span class="radius5 bgE8F5E9 c20C997 px5 fz12">{{ <span class="radius5 bgE8F5E9 c20C997 px5 fz12">{{
scope.row.ReserveRoomNo scope.row.ReserveRoomNo
...@@ -461,49 +525,36 @@ ...@@ -461,49 +525,36 @@
{{ scope.row.Tax > 0 ? scope.row.Tax.toFixed(2) : "-" }} {{ scope.row.Tax > 0 ? scope.row.Tax.toFixed(2) : "-" }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column :label="$t('ground.rutangshui')" min-width="60" style="background:#EAEAEA">
:label="$t('ground.rutangshui')"
min-width="60"
style="background:#EAEAEA"
>
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.Tax2 > 0 ? scope.row.Tax2.toFixed(2) : "-" }} {{ scope.row.Tax2 > 0 ? scope.row.Tax2.toFixed(2) : "-" }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column :label="$t('ground.xiaoji')" min-width="70" style="background:#EAEAEA">
:label="$t('ground.xiaoji')"
min-width="70"
style="background:#EAEAEA"
>
<template slot-scope="scope"> <template slot-scope="scope">
<span class="fz15 fbold">{{ scope.row.HotelMoeny.toFixed(2) }}</span> <span class="fz15 fbold">{{ scope.row.HotelMoeny.toFixed(2) }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column :label="$t('fnc.fkfangshi')" min-width="80" style="background:#EAEAEA">
:label="$t('fnc.fkfangshi')"
min-width="80"
style="background:#EAEAEA"
>
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.CustomerPayType == 1 ? $t('objFill.daodianfukuan') : $t('objFill.chufaqianfukuan') }} {{ scope.row.CustomerPayType == 1 ? $t('objFill.daodianfukuan') : $t('objFill.chufaqianfukuan') }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column :label="$t('ground.shoupeifei')" min-width="80" style="background:#EAEAEA">
:label="$t('ground.shoupeifei')"
min-width="80"
style="background:#EAEAEA"
>
<template slot-scope="scope"> <template slot-scope="scope">
<span class="fz15 fbold">{{ scope.row.HandFittingFee ? scope.row.HandFittingFee : "-" }}</span> <span class="fz15 fbold">{{ scope.row.HandFittingFee ? scope.row.HandFittingFee : "-" }}</span>
</template> </template>
</el-table-column> </el-table-column>
<template slot="append" v-if="scope.row.Remark||scope.row.OPRemark||scope.row.isMore||(scope.row.OrderStatus>1||scope.row.OrderStatus!=3)"> <template slot="append"
v-if="scope.row.Remark||scope.row.OPRemark||scope.row.isMore||(scope.row.OrderStatus>1||scope.row.OrderStatus!=3)">
<div style="padding:10px;color:#f1416c">{{$t('pub.Customer')+$t('fnc.beizhu')}}{{scope.row.Remark}} <div style="padding:10px;color:#f1416c">{{$t('pub.Customer')+$t('fnc.beizhu')}}{{scope.row.Remark}}
<i v-if="pagesTitle=='销售'&&scope.row.OrderStatus>1&&scope.row.OrderStatus!=3" class="el-icon-edit cursor-pointer c059FF6 mx" @click="editRemark(scope.row)"></i></div> <i v-if="pagesTitle=='销售'&&scope.row.OrderStatus>1&&scope.row.OrderStatus!=3"
class="el-icon-edit cursor-pointer c059FF6 mx" @click="editRemark(scope.row)"></i></div>
<div style="padding:10px;color:#f1416c" <div style="padding:10px;color:#f1416c"
:style="{'padding':scope.row .isMore?'0 10px 30px 10px':'0 10px 10px 10px'}"> :style="{'padding':scope.row .isMore?'0 10px 30px 10px':'0 10px 10px 10px'}">
OP{{$t('fnc.beizhu')}}{{scope.row.OPRemark}} OP{{$t('fnc.beizhu')}}{{scope.row.OPRemark}}
<i v-if="pagesTitle=='OP'&&scope.row.OrderStatus>1&&scope.row.OrderStatus!=3" class="el-icon-edit cursor-pointer c059FF6 mx" @click="editRemark(scope.row)"></i> <i v-if="pagesTitle=='OP'&&scope.row.OrderStatus>1&&scope.row.OrderStatus!=3"
class="el-icon-edit cursor-pointer c059FF6 mx" @click="editRemark(scope.row)"></i>
</div> </div>
<more v-if="scope.row.isMore" @change="ViewMore(scope.row,index)" :upIcon="scope.row.upIcon"></more> <more v-if="scope.row.isMore" @change="ViewMore(scope.row,index)" :upIcon="scope.row.upIcon"></more>
</template> </template>
...@@ -559,16 +610,20 @@ ...@@ -559,16 +610,20 @@
</el-table-column> </el-table-column>
<el-table-column :label="$t('restaurant.res_profit')" min-width="100"> <el-table-column :label="$t('restaurant.res_profit')" min-width="100">
<template slot-scope="scope"> <template slot-scope="scope">
<span class="fz15 fbold">{{ scope.row.Income-scope.row.CostMoney-scope.row.Refund>0?(scope.row.Income-scope.row.CostMoney-scope.row.Refund).toFixed(2):'-' }}</span> <span
class="fz15 fbold">{{ scope.row.Income-scope.row.CostMoney-scope.row.Refund>0?(scope.row.Income-scope.row.CostMoney-scope.row.Refund).toFixed(2):'-' }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column v-if="(scope.row.SellCommission&&scope.row.SellCommission>0)||(scope.row.OPCommission&&scope.row.OPCommission>0)" <el-table-column
v-if="(scope.row.SellCommission&&scope.row.SellCommission>0)||(scope.row.OPCommission&&scope.row.OPCommission>0)"
:label="$t('salesModule.Commission')" style="background:#EAEAEA"> :label="$t('salesModule.Commission')" style="background:#EAEAEA">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="width100-float-l" v-if="scope.row.SellCommission&&scope.row.SellCommission>0"><span class="float-l">{{$t('visaT.sale')}}：</span> <div class="width100-float-l" v-if="scope.row.SellCommission&&scope.row.SellCommission>0"><span
class="float-l">{{$t('visaT.sale')}}：</span>
<commissionDialog :objNew="scope.row" :OP="0"></commissionDialog> <commissionDialog :objNew="scope.row" :OP="0"></commissionDialog>
</div> </div>
<div class="width100-float-l" v-if="scope.row.OPCommission&&scope.row.OPCommission>0"><span class="float-l">OP：</span> <div class="width100-float-l" v-if="scope.row.OPCommission&&scope.row.OPCommission>0"><span
class="float-l">OP：</span>
<commissionDialog :objNew="scope.row" :OP="1"></commissionDialog> <commissionDialog :objNew="scope.row" :OP="1"></commissionDialog>
</div> </div>
</template> </template>
...@@ -595,12 +650,8 @@ ...@@ -595,12 +650,8 @@
{{ scope.row.GuestFileList[0].split("/").at(-1) }} {{ scope.row.GuestFileList[0].split("/").at(-1) }}
</div> </div>
<div class="cursor-pointer ml mr rec cf"> <div class="cursor-pointer ml mr rec cf">
<a <a class="cf" style="text-decoration:none"
class="cf" :href="scope.row.GuestFileList[0]">{{$t('objFill.xz')}}}</a>
style="text-decoration:none"
:href="scope.row.GuestFileList[0]"
>{{$t('objFill.xz')}}}</a
>
</div> </div>
<!-- <div class="cursor-pointer see c04C8C8">查看支付方式</div> <!-- <div class="cursor-pointer see c04C8C8">查看支付方式</div>
<div class="cursor-pointer ml rec cf">提交付费凭证</div> --> <div class="cursor-pointer ml rec cf">提交付费凭证</div> -->
...@@ -612,12 +663,11 @@ ...@@ -612,12 +663,11 @@
<span class="cff9800">{{scope.row.UploadGuestDate}}</span> <span class="cff9800">{{scope.row.UploadGuestDate}}</span>
</div> </div>
<div class="row fz12 see-rec mt"> <div class="row fz12 see-rec mt">
<el-upload ref="my-upload" :http-request="uploadFileBtn" v-loading="loading" <el-upload ref="my-upload" :http-request="uploadFileBtn" v-loading="loading" :multiple="true"
:multiple="true"
:show-file-list="false" action=""> :show-file-list="false" action="">
<div :class="{'cursor-pointer seeLK c059FF6':!loading, <div :class="{'cursor-pointer seeLK c059FF6':!loading,
'cursor-pointer see c04C8C8':loading}" 'cursor-pointer see c04C8C8':loading}" @click="uploadOrderId=scope.row.OrderId">
@click="uploadOrderId=scope.row.OrderId">{{$t('objFill.shangchuanlvkemindan')}}</div> {{$t('objFill.shangchuanlvkemindan')}}</div>
</el-upload> </el-upload>
</div> </div>
</template> </template>
...@@ -626,99 +676,63 @@ ...@@ -626,99 +676,63 @@
<div class="column px15 bgf5 radius5 flex-g pa relative" style="min-width: 150px;"> <div class="column px15 bgf5 radius5 flex-g pa relative" style="min-width: 150px;">
<div class="fz12">{{$t('fnc.skdanju')}}</div> <div class="fz12">{{$t('fnc.skdanju')}}</div>
<div class="row wrap orderNo fz12 py"> <div class="row wrap orderNo fz12 py">
<span <span class="cursor-pointer radius5 mr px5" :class="{'bgD9F3FF':x.Status==1,'bgFAEAED':x.Status==2,'bjFFF3E0':x.Status==3,
class="cursor-pointer radius5 mr px5" 'c3FC4FF':x.Status==1,'cF1416C':x.Status==2,'cff9800':x.Status==3}" v-for="(x, i) in scope.row.IncomeList"
:class="{'bgD9F3FF':x.Status==1,'bgFAEAED':x.Status==2,'bjFFF3E0':x.Status==3, @click="openDetails(x)">{{ x.FrID }}</span>
'c3FC4FF':x.Status==1,'cF1416C':x.Status==2,'cff9800':x.Status==3}"
v-for="(x, i) in scope.row.IncomeList"
@click="openDetails(x)"
>{{ x.FrID }}</span
>
<span v-if="scope.row.IncomeList.length == 0" class="c9e fz12"> <span v-if="scope.row.IncomeList.length == 0" class="c9e fz12">
{{$t('objFill.nocollectiondocument')}} {{$t('objFill.nocollectiondocument')}}
</span> </span>
</div> </div>
<el-tooltip <el-tooltip v-if="scope.row.OrderStatus == 2" class="item" effect="dark"
v-if="scope.row.OrderStatus == 2" :content="$t('objFill.preparedocument')" placement="top">
class="item" <i class="absolute right20 bottom20 el-icon-circle-plus cursor-pointer c059FF6"
effect="dark" @click="makeAdocument(scope.row, index, 1)"></i>
:content="$t('objFill.preparedocument')"
placement="top"
>
<i
class="absolute right20 bottom20 el-icon-circle-plus cursor-pointer c059FF6"
@click="makeAdocument(scope.row, index, 1)"
></i>
</el-tooltip> </el-tooltip>
</div> </div>
<div class="column px15 bgf5 radius5 ml flex-g pa relative" style="min-width: 150px;max-width:400px"> <div class="column px15 bgf5 radius5 ml flex-g pa relative" style="min-width: 150px;max-width:400px">
<div class="fz12">{{$t('objFill.refundreceipt')}}</div> <div class="fz12">{{$t('objFill.refundreceipt')}}</div>
<div class="row wrap orderNo fz12 py"> <div class="row wrap orderNo fz12 py">
<span <span class="cursor-pointer radius5 mr px5" :class="{'bgD9F3FF':x.Status==1,'bgFAEAED':x.Status==2,'bjFFF3E0':x.Status==3,
class="cursor-pointer radius5 mr px5" 'c3FC4FF':x.Status==1,'cF1416C':x.Status==2,'cff9800':x.Status==3}" v-for="(x, i) in scope.row.RefundList"
:class="{'bgD9F3FF':x.Status==1,'bgFAEAED':x.Status==2,'bjFFF3E0':x.Status==3, @click="openDetails(x)">{{ x.FrID }}</span>
'c3FC4FF':x.Status==1,'cF1416C':x.Status==2,'cff9800':x.Status==3}"
v-for="(x, i) in scope.row.RefundList"
@click="openDetails(x)"
>{{ x.FrID }}</span
>
<span v-if="scope.row.RefundList.length == 0" class="c9e fz12"> <span v-if="scope.row.RefundList.length == 0" class="c9e fz12">
{{$t('objFill.norefundreceipt')}} {{$t('objFill.norefundreceipt')}}
</span> </span>
</div> </div>
<el-tooltip <el-tooltip v-if="scope.row.OrderStatus == 2" class="item" effect="dark"
v-if="scope.row.OrderStatus == 2" :content="$t('objFill.preparedocument')" placement="top">
class="item" <i class="absolute right20 bottom20 el-icon-circle-plus cursor-pointer c059FF6"
effect="dark" @click="makeAdocument(scope.row, index, 2)"></i>
:content="$t('objFill.preparedocument')"
placement="top"
>
<i
class="absolute right20 bottom20 el-icon-circle-plus cursor-pointer c059FF6"
@click="makeAdocument(scope.row, index, 2)"
></i>
</el-tooltip> </el-tooltip>
</div> </div>
<div class="column px15 bgf5 radius5 ml flex-g pa relative" style="min-width: 150px;max-width:400px"> <div class="column px15 bgf5 radius5 ml flex-g pa relative" style="min-width: 150px;max-width:400px">
<div class="fz12">{{$t('objFill.costdocument')}}</div> <div class="fz12">{{$t('objFill.costdocument')}}</div>
<div class="row wrap orderNo fz12 py"> <div class="row wrap orderNo fz12 py">
<span <span class="cursor-pointer radius5 mr px5" :class="{'bgD9F3FF':x.Status==1,'bgFAEAED':x.Status==2,'bjFFF3E0':x.Status==3,
class="cursor-pointer radius5 mr px5" 'c3FC4FF':x.Status==1,'cF1416C':x.Status==2,'cff9800':x.Status==3}" v-for="(x, i) in scope.row.CostList"
:class="{'bgD9F3FF':x.Status==1,'bgFAEAED':x.Status==2,'bjFFF3E0':x.Status==3, @click="openDetails(x)">{{ x.FrID }}</span>
'c3FC4FF':x.Status==1,'cF1416C':x.Status==2,'cff9800':x.Status==3}"
v-for="(x, i) in scope.row.CostList"
@click="openDetails(x)"
>{{ x.FrID }}</span
>
<span v-if="scope.row.CostList.length == 0" class="c9e fz12"> <span v-if="scope.row.CostList.length == 0" class="c9e fz12">
{{$t('objFill.nocostdocument')}} {{$t('objFill.nocostdocument')}}
</span> </span>
</div> </div>
<div class="item absolute right20 bottom20" v-if="scope.row.OrderStatus == 2 && pagesTitle != '销售'"> <div class="item absolute right20 bottom20" v-if="scope.row.OrderStatus == 2 && pagesTitle != '销售'">
<el-tooltip class="" effect="dark" :content="$t('objFill.preparedocument')" <el-tooltip class="" effect="dark" :content="$t('objFill.preparedocument')" placement="top">
placement="top"> <i class="el-icon-circle-plus cursor-pointer c059FF6" @click="makeAdocument(scope.row, index, 3)"></i>
<i class="el-icon-circle-plus cursor-pointer c059FF6"
@click="makeAdocument(scope.row, index, 3)"></i>
</el-tooltip> </el-tooltip>
<el-tooltip v-if="scope.row.OrderStatus == 2" class="" effect="dark" :content="$t('objFill.balanceout')" placement="top"> <el-tooltip v-if="scope.row.OrderStatus == 2" class="" effect="dark" :content="$t('objFill.balanceout')"
<i class="el-icon-circle-plus cursor-pointer c3FC4FF" placement="top">
@click="isOffset(scope.row, index, 3,null)"></i> <i class="el-icon-circle-plus cursor-pointer c3FC4FF" @click="isOffset(scope.row, index, 3,null)"></i>
</el-tooltip> </el-tooltip>
</div> </div>
</div> </div>
<div class="column px15 bgf5 radius5 ml flex-g pa relative" style="min-width: 150px;max-width:400px"> <div class="column px15 bgf5 radius5 ml flex-g pa relative" style="min-width: 150px;max-width:400px">
<div class="fz12">{{$t('objFill.invoicedocument')}}</div> <div class="fz12">{{$t('objFill.invoicedocument')}}</div>
<div class="row wrap orderNo fz12 py"> <div class="row wrap orderNo fz12 py">
<span <span class="cursor-pointer radius5 mr px5" :class="{'bgD9F3FF':x.InvoiceApplyState===6,'bgFAEAED':x.InvoiceApplyState===1||x.InvoiceApplyState===3,
class="cursor-pointer radius5 mr px5"
:class="{'bgD9F3FF':x.InvoiceApplyState===6,'bgFAEAED':x.InvoiceApplyState===1||x.InvoiceApplyState===3,
'bjFFF3E0':x.InvoiceApplyState===2||x.InvoiceApplyState===4||x.InvoiceApplyState===5, 'bjFFF3E0':x.InvoiceApplyState===2||x.InvoiceApplyState===4||x.InvoiceApplyState===5,
'c3FC4FF':x.InvoiceApplyState===6,'cF1416C':x.InvoiceApplyState===1||x.InvoiceApplyState===3, 'c3FC4FF':x.InvoiceApplyState===6,'cF1416C':x.InvoiceApplyState===1||x.InvoiceApplyState===3,
'cff9800':x.InvoiceApplyState===2||x.InvoiceApplyState===4||x.InvoiceApplyState===5}" 'cff9800':x.InvoiceApplyState===2||x.InvoiceApplyState===4||x.InvoiceApplyState===5}"
v-for="(x, i) in scope.row.InvoiceApplyList" v-for="(x, i) in scope.row.InvoiceApplyList" @click="openDetails(x,scope.row)">{{ x.ID }}</span>
@click="openDetails(x,scope.row)"
>{{ x.ID }}</span
>
<span v-if="scope.row.InvoiceApplyList&&scope.row.InvoiceApplyList.length == 0" class="c9e fz12"> <span v-if="scope.row.InvoiceApplyList&&scope.row.InvoiceApplyList.length == 0" class="c9e fz12">
{{$t('objFill.noinvoicedocument')}} {{$t('objFill.noinvoicedocument')}}
</span> </span>
...@@ -763,20 +777,15 @@ ...@@ -763,20 +777,15 @@
<span class="fz12 ml">{{ scope.row.CurrencyName }}</span> <span class="fz12 ml">{{ scope.row.CurrencyName }}</span>
</div> </div>
</div> </div>
<div <div class="row-c justify-sb borderD py5"
class="row-c justify-sb borderD py5" v-if="(scope.row.CustomerPayType == 1 || scope.row.CustomerPayType == 3)&&pagesTitle!='销售'">
v-if="(scope.row.CustomerPayType == 1 || scope.row.CustomerPayType == 3)&&pagesTitle!='销售'"
>
<span class="fz12 c9e">{{$t('objFill.dindianfukuan')}}</span> <span class="fz12 c9e">{{$t('objFill.dindianfukuan')}}</span>
<div class="ml"> <div class="ml">
<span class="fz14">{{ scope.row.SelfPayMoney.toFixed(2) }}</span> <span class="fz14">{{ scope.row.SelfPayMoney.toFixed(2) }}</span>
<span class="fz12 ml">{{ scope.row.CurrencyName }}</span> <span class="fz12 ml">{{ scope.row.CurrencyName }}</span>
</div> </div>
</div> </div>
<div <div class="row-c justify-sb py5" v-if="scope.row.CustomerPayType == 2 || scope.row.CustomerPayType == 3">
class="row-c justify-sb py5"
v-if="scope.row.CustomerPayType == 2 || scope.row.CustomerPayType == 3"
>
<span class="fz12 c9e">{{$t('objFill.chufaqianfukuan')}}</span> <span class="fz12 c9e">{{$t('objFill.chufaqianfukuan')}}</span>
<div class="ml"> <div class="ml">
<span class="fz14">{{ scope.row.BeforeMoney.toFixed(2) }}</span> <span class="fz14">{{ scope.row.BeforeMoney.toFixed(2) }}</span>
...@@ -785,67 +794,42 @@ ...@@ -785,67 +794,42 @@
</div> </div>
</div> </div>
<!-- v-if="item.OrderStatus > 3 || item.OrderStatus < 3" --> <!-- v-if="item.OrderStatus > 3 || item.OrderStatus < 3" -->
<div <div class="row-c wrap justify-c px15 bgE8F5E9 radius5 ml fz12 orderop pa20 flex-s">
class="row-c wrap justify-c px15 bgE8F5E9 radius5 ml fz12 orderop pa20 flex-s" <div v-if="
>
<div
v-if="
scope.row.OrderStatus == 1 && scope.row.OrderStatus == 1 &&
scope.row.IncomeList.length == 0 && scope.row.IncomeList.length == 0 &&
scope.row.RefundList.length == 0 && scope.row.RefundList.length == 0 &&
scope.row.CostList.length == 0 && scope.row.CostList.length == 0 &&
scope.row.HandFittingFinanceList.length == 0 scope.row.HandFittingFinanceList.length == 0
" " class="row-c cursor-pointer radius5 cancel py5" @click="clickRightButtom(scope.row, 0)">
class="row-c cursor-pointer radius5 cancel py5"
@click="clickRightButtom(scope.row, 0)"
>
<i v-loading="msg.OrderId==scope.row.OrderId&&loading0"></i> <i v-loading="msg.OrderId==scope.row.OrderId&&loading0"></i>
<span class="cF1416C">{{$t('sm.exitOrder')}}</span> <span class="cF1416C">{{$t('sm.exitOrder')}}</span>
</div> </div>
<div <div v-if="scope.row.OrderStatus == 1&&pagesTitle!='销售'" class="row-c cursor-pointer radius5 confirm py5"
v-if="scope.row.OrderStatus == 1&&pagesTitle!='销售'" @click="clickRightButtom(scope.row, 1)">
class="row-c cursor-pointer radius5 confirm py5"
@click="clickRightButtom(scope.row, 1)"
>
<i v-loading="msg.OrderId==scope.row.OrderId&&loading1"></i> <i v-loading="msg.OrderId==scope.row.OrderId&&loading1"></i>
<span class="c20C997">{{$t('ground.qrendindan')}}}</span> <span class="c20C997">{{$t('ground.qrendindan')}}}</span>
</div> </div>
<div <div v-if="scope.row.OrderStatus == 2 || scope.row.OrderStatus == 4"
v-if="scope.row.OrderStatus == 2 || scope.row.OrderStatus == 4" class="row-c cursor-pointer radius5 change py5" @click="goRoomDetails(scope.row, '订房详情')">
class="row-c cursor-pointer radius5 change py5"
@click="goRoomDetails(scope.row, '订房详情')"
>
<span class="c059FF6">{{$t('ground.mx')}}/{{$t('pub.edit')}}</span> <span class="c059FF6">{{$t('ground.mx')}}/{{$t('pub.edit')}}</span>
</div> </div>
<div <div v-if="scope.row.OrderStatus == 1&&pagesTitle=='销售'" class="row-c cursor-pointer radius5 change py5"
v-if="scope.row.OrderStatus == 1&&pagesTitle=='销售'" @click="goRoomDetails(scope.row, '酒店预定变更')">
class="row-c cursor-pointer radius5 change py5"
@click="goRoomDetails(scope.row, '酒店预定变更')"
>
<span class="c059FF6">{{$t('objFill.dindanbiangeng')}}</span> <span class="c059FF6">{{$t('objFill.dindanbiangeng')}}</span>
</div> </div>
<div <div v-if="scope.row.OrderStatus == 2" class="row-c cursor-pointer radius5 change1 py5"
v-if="scope.row.OrderStatus == 2" @click="clickRightButtom(scope.row, 2)">
class="row-c cursor-pointer radius5 change1 py5"
@click="clickRightButtom(scope.row, 2)"
>
<i v-loading="msg.OrderId==scope.row.OrderId&&loading2"></i> <i v-loading="msg.OrderId==scope.row.OrderId&&loading2"></i>
<span class="c20C997">{{$t('fnc.shousun')}}</span> <span class="c20C997">{{$t('fnc.shousun')}}</span>
</div> </div>
<div <div v-if="scope.row.OrderStatus >1 && scope.row.OrderStatus != 3
v-if="scope.row.OrderStatus >1 && scope.row.OrderStatus != 3 &&pagesTitle=='OP'&&is_correlationOP" class="row-c cursor-pointer radius5 change py5"
&&pagesTitle=='OP'&&is_correlationOP" @click="clickCorrelation(scope.row, 1)">
class="row-c cursor-pointer radius5 change py5"
@click="clickCorrelation(scope.row, 1)"
>
<span class="c059FF6">{{$t('pub.edit')}}{{$t('objFill.relevance')}}OP</span> <span class="c059FF6">{{$t('pub.edit')}}{{$t('objFill.relevance')}}OP</span>
</div> </div>
<div <div v-if="scope.row.OrderStatus != 3
v-if="scope.row.OrderStatus != 3 &&pagesTitle=='OP'" class="row-c cursor-pointer radius5 change py5" @click="clickCorrelation(scope.row,2)">
&&pagesTitle=='OP'"
class="row-c cursor-pointer radius5 change py5"
@click="clickCorrelation(scope.row,2)"
>
<span class="c059FF6">{{$t('pub.edit')}}{{$t('fnc.a_zongjine')}}</span> <span class="c059FF6">{{$t('pub.edit')}}{{$t('fnc.a_zongjine')}}</span>
</div> </div>
<!-- 申请发票 --> <!-- 申请发票 -->
...@@ -865,8 +849,10 @@ ...@@ -865,8 +849,10 @@
</div> --> </div> -->
</div> </div>
<div class="mt mb20 bgf5 pa15 row-c" v-if="scope.row.CancelRemark"> <div class="mt mb20 bgf5 pa15 row-c" v-if="scope.row.CancelRemark">
<div style="font-size:16px;font-weight:bold;font-family: pingfangR;">{{$t('objFill.groundsforcancellation')}}：</div> <div style="font-size:16px;font-weight:bold;font-family: pingfangR;">
<div style="margin-left:12px;font-size:12px;color: grey; font-family: microsoft yahei;">{{scope.row.CancelRemark}}</div> {{$t('objFill.groundsforcancellation')}}：</div>
<div style="margin-left:12px;font-size:12px;color: grey; font-family: microsoft yahei;">
{{scope.row.CancelRemark}}</div>
<div style="margin-left:12px;font-size:12px;font-family: microsoft yahei;"> <div style="margin-left:12px;font-size:12px;font-family: microsoft yahei;">
{{scope.row.CancelEmpName}} {{scope.row.CancelTime}} {{scope.row.CancelEmpName}} {{scope.row.CancelTime}}
</div> </div>
...@@ -874,72 +860,35 @@ ...@@ -874,72 +860,35 @@
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-dialog <el-dialog custom-class="w400" :title="$t('objFill.ziugaishoushunje')" :visible.sync="outerVisible">
custom-class="w400"
:title="$t('objFill.ziugaishoushunje')"
:visible.sync="outerVisible"
>
<div> <div>
<el-form label-width="80px" :model="msg" :rules="rules" ref="msg"> <el-form label-width="80px" :model="msg" :rules="rules" ref="msg">
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="20"> <el-col :span="20">
<el-form-item :label="$t('salesModule.SSJE')" prop="LossMoney"> <el-form-item :label="$t('salesModule.SSJE')" prop="LossMoney">
<el-input-number <el-input-number class="w200" v-model="msg.LossMoney" :min="0" :max="10000000"></el-input-number>
class="w200"
v-model="msg.LossMoney"
:min="0"
:max="10000000"
></el-input-number>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20" style="margin-top: 20px;margin-bottom: 20px;"> <el-row :gutter="20" style="margin-top: 20px;margin-bottom: 20px;">
<el-col :span="24" style="text-align: right;"> <el-col :span="24" style="text-align: right;">
<input <input type="button" class="normalBtn" :value="$t('pub.saveBtn')" @click="submitForm('msg')" />
type="button" <input type="button" class="hollowFixedBtn" :value="$t('pub.cancelBtn')"
class="normalBtn" @click="(outerVisible = false), $refs[msg].resetFields()" />
:value="$t('pub.saveBtn')"
@click="submitForm('msg')"
/>
<input
type="button"
class="hollowFixedBtn"
:value="$t('pub.cancelBtn')"
@click="(outerVisible = false), $refs[msg].resetFields()"
/>
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
</div> </div>
</el-dialog> </el-dialog>
<el-dialog <el-dialog custom-class="w600" :title="$t('sm.exitOrder')" :visible.sync="cancelOrderDialog">
custom-class="w600"
:title="$t('sm.exitOrder')"
:visible.sync="cancelOrderDialog"
>
<div style="padding-bottom:20px"> <div style="padding-bottom:20px">
<el-input <el-input type="textarea" autofocus rows="5" :placeholder="$t('objFill.quxiaodindanyy')" clear="w300"
type="textarea" v-model="cancelRemark"></el-input>
autofocus
rows="5"
:placeholder="$t('objFill.quxiaodindanyy')"
clear="w300"
v-model="cancelRemark"
></el-input>
<el-row :gutter="20" style="margin-top: 20px;"> <el-row :gutter="20" style="margin-top: 20px;">
<el-col :span="24" style="text-align: right;"> <el-col :span="24" style="text-align: right;">
<input <input type="button" class="normalBtn" :value="$t('sm.exitOrder')" @click="cancelOrderHandler" />
type="button" <input type="button" class="hollowFixedBtn" :value="$t('pub.closeSel')"
class="normalBtn" @click="cancelOrderDialog = false" />
:value="$t('sm.exitOrder')"
@click="cancelOrderHandler"
/>
<input
type="button"
class="hollowFixedBtn"
:value="$t('pub.closeSel')"
@click="cancelOrderDialog = false"
/>
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
...@@ -951,7 +900,8 @@ ...@@ -951,7 +900,8 @@
</div> </div>
</div> --> </div> -->
<!-- op备注 --> <!-- op备注 -->
<el-dialog custom-class='addCompany' :title="pagesTitle=='销售'?$t('objFill.bianjikehubz'):$t('objFill.bianjiopbz')" :visible.sync="isShowRemark" center width="400px"> <el-dialog custom-class='addCompany' :title="pagesTitle=='销售'?$t('objFill.bianjikehubz'):$t('objFill.bianjiopbz')"
:visible.sync="isShowRemark" center width="400px">
<el-row class="flex" style="margin-top: 10px;"> <el-row class="flex" style="margin-top: 10px;">
<el-col> <el-col>
<span style="display: block;margin-bottom: 10px;">{{$t('pub.pubRemark')}}：</span> <span style="display: block;margin-bottom: 10px;">{{$t('pub.pubRemark')}}：</span>
...@@ -968,8 +918,7 @@ ...@@ -968,8 +918,7 @@
</el-dialog> </el-dialog>
<offset :isShow="cdState" :obj="queryObj" @close="cdState=false"></offset> <offset :isShow="cdState" :obj="queryObj" @close="cdState=false"></offset>
<correlationOP :isShowCorrelation="isShowCorrelation" :CorrelationObj="CorrelationObj" <correlationOP :isShowCorrelation="isShowCorrelation" :CorrelationObj="CorrelationObj"
@close="isShowCorrelation=false" @close="isShowCorrelation=false" @success="success"></correlationOP>
@success="success"></correlationOP>
</div> </div>
</template> </template>
<script> <script>
...@@ -978,14 +927,24 @@ ...@@ -978,14 +927,24 @@
import correlationOP from './correlationOP.vue'; import correlationOP from './correlationOP.vue';
import commissionDialog from "../../FinancialModule/TradeCommission/commissionDialog" import commissionDialog from "../../FinancialModule/TradeCommission/commissionDialog"
import ApplyFoInvoice from '../../public/ApplyFoInvoice'; import ApplyFoInvoice from '../../public/ApplyFoInvoice';
export default { export default {
components: { offset, more, correlationOP,commissionDialog, ApplyFoInvoice }, components: {
props: ["OrderList","pagesTitle"], offset,
more,
correlationOP,
commissionDialog,
ApplyFoInvoice
},
props: ["OrderList", "pagesTitle"],
data() { data() {
return { return {
postMsg:{OrderId:0,Type:1,Remark:''}, postMsg: {
OrderId: 0,
Type: 1,
Remark: ''
},
isShowRemark: false, isShowRemark: false,
queryObj:null, queryObj: null,
cdState: false, cdState: false,
CompletedLoading: false, CompletedLoading: false,
multipleSelection: [], multipleSelection: [],
...@@ -1008,45 +967,43 @@ export default { ...@@ -1008,45 +967,43 @@ export default {
}, },
outerVisible: false, outerVisible: false,
rules: { rules: {
LossMoney: [ LossMoney: [{
{
required: true, required: true,
message: this.$t('objFill.qinshurushoushunje'), message: this.$t('objFill.qinshurushoushunje'),
trigger: "blur" trigger: "blur"
} }]
]
}, },
cancelOrderDialog: false, cancelOrderDialog: false,
cancelRemark: "", cancelRemark: "",
cancelOrderId:0, cancelOrderId: 0,
uploadOrderId: 0, uploadOrderId: 0,
loading: false, loading: false,
fileList:[], fileList: [],
GuestFile: '', GuestFile: '',
isShowCorrelation: false, isShowCorrelation: false,
CorrelationObj:{}, CorrelationObj: {},
is_correlationOP: false, is_correlationOP: false,
}; };
}, },
watch: { watch: {
pagesTitle(val,oldval){ pagesTitle(val, oldval) {
}, },
OrderList:{ OrderList: {
handler(val, oldVal){ handler(val, oldVal) {
} }
} }
}, },
methods: { methods: {
close(){ close() {
this.isShowCorrelation = false this.isShowCorrelation = false
}, },
success(){ success() {
this.close() this.close()
this.$emit('success') this.$emit('success')
}, },
clickCorrelation(item, type){ clickCorrelation(item, type) {
// this.CorrelationObj = item // this.CorrelationObj = item
// this.CorrelationObj.TypeNum = 1 // this.CorrelationObj.TypeNum = 1
// this.isShowCorrelation = true // this.isShowCorrelation = true
...@@ -1059,22 +1016,22 @@ export default { ...@@ -1059,22 +1016,22 @@ export default {
this.isShowCorrelation = true; this.isShowCorrelation = true;
}, },
isOffset(row, index, num,name){ isOffset(row, index, num, name) {
this.makeAdocument(row, index, num, name, 'Offset') this.makeAdocument(row, index, num, name, 'Offset')
}, },
editRemark(item){ editRemark(item) {
this.postMsg.OrderId = item.OrderId this.postMsg.OrderId = item.OrderId
this.postMsg.Remark = this.pagesTitle=='销售'?item.Remark:item.OPRemark this.postMsg.Remark = this.pagesTitle == '销售' ? item.Remark : item.OPRemark
this.isShowRemark = true this.isShowRemark = true
}, },
submitEditRemark(){ submitEditRemark() {
if(!this.postMsg.Remark){ if (!this.postMsg.Remark) {
this.$message.error(this.$t('objFill.opbeizhunonull')); this.$message.error(this.$t('objFill.opbeizhunonull'));
return return
} }
this.apipost('ticket_post_SetCustomerOrderRemark', { this.apipost('ticket_post_SetCustomerOrderRemark', {
OrderId: this.postMsg.OrderId, OrderId: this.postMsg.OrderId,
Type: this.pagesTitle=='销售'?1:2, Type: this.pagesTitle == '销售' ? 1 : 2,
Remark: this.postMsg.Remark Remark: this.postMsg.Remark
}, res => { }, res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
...@@ -1088,10 +1045,10 @@ export default { ...@@ -1088,10 +1045,10 @@ export default {
}, },
selectable(row, index) { selectable(row, index) {
if (((this.OrderList[index].IsFinish != 1 && this.OrderList[index].Income > 0 && this.OrderList[index] if (((this.OrderList[index].IsFinish != 1 && this.OrderList[index].Income > 0 && this.OrderList[index]
.DueInMoney == 0)||(this.OrderList[index].Money==0&&this.OrderList[index].Income==0 .DueInMoney == 0) || (this.OrderList[index].Money == 0 && this.OrderList[index].Income == 0 &&
&&this.OrderList[index].CostMoney==0&&this.OrderList[index].Refund==0 this.OrderList[index].CostMoney == 0 && this.OrderList[index].Refund == 0 &&
&&this.OrderList[index].PlatformTax==0&&this.OrderList[index].IncomeList this.OrderList[index].PlatformTax == 0 && this.OrderList[index].IncomeList &&
&&this.OrderList[index].IncomeList.length>0))) { this.OrderList[index].IncomeList.length > 0))) {
return true; return true;
} else { } else {
return false; return false;
...@@ -1154,24 +1111,24 @@ export default { ...@@ -1154,24 +1111,24 @@ export default {
this.$message.info(`${this.$t('OrderList.orderStatus.cancel')}！`); this.$message.info(`${this.$t('OrderList.orderStatus.cancel')}！`);
}); });
}, },
ViewMore(x,index){ ViewMore(x, index) {
x.upIcon = !x.upIcon x.upIcon = !x.upIcon
if(x.upIcon){ if (x.upIcon) {
x.NewDetailList = JSON.parse(JSON.stringify(x.DetailList)) x.NewDetailList = JSON.parse(JSON.stringify(x.DetailList))
}else{ } else {
x.NewDetailList = [] x.NewDetailList = []
x.DetailList.forEach((y,index)=>{ x.DetailList.forEach((y, index) => {
if(index<2){ if (index < 2) {
x.NewDetailList.push(y) x.NewDetailList.push(y)
} }
}) })
} }
}, },
uploadFileBtn(file){ uploadFileBtn(file) {
let ft = file.file.name.substring(file.file.name.lastIndexOf('.') + 1, file.file.name.length).toUpperCase(); let ft = file.file.name.substring(file.file.name.lastIndexOf('.') + 1, file.file.name.length).toUpperCase();
let typeOk = false; let typeOk = false;
let FileName = file.file.name.substring(0,file.file.name.lastIndexOf(".")) let FileName = file.file.name.substring(0, file.file.name.lastIndexOf("."))
let newArr = []; let newArr = [];
newArr.push(file.file) newArr.push(file.file)
let path = "/Upload/Temporary/" let path = "/Upload/Temporary/"
...@@ -1182,21 +1139,21 @@ export default { ...@@ -1182,21 +1139,21 @@ export default {
}, 1); }, 1);
}, },
// 上传旅客名单 // 上传旅客名单
uploadHandleChange(){ uploadHandleChange() {
if(this.loading) return if (this.loading) return
let msg = { let msg = {
OrderId: this.uploadOrderId, OrderId: this.uploadOrderId,
GuestFileList: [this.GuestFile] GuestFileList: [this.GuestFile]
} }
this.loading = true this.loading = true
this.apipost( this.apipost(
"dict_post_SetSaleOrderGuestFile",msg, "dict_post_SetSaleOrderGuestFile", msg,
res => { res => {
this.loading = false; this.loading = false;
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.Success(res.data.message); this.Success(res.data.message);
this.uploadOrderId=0 this.uploadOrderId = 0
this.GuestFile='' this.GuestFile = ''
this.$emit("success"); this.$emit("success");
} else { } else {
this.Error(res.data.message); this.Error(res.data.message);
...@@ -1208,22 +1165,22 @@ export default { ...@@ -1208,22 +1165,22 @@ export default {
); );
}, },
// 单据详情 // 单据详情
openDetails(item,x) { openDetails(item, x) {
let query = { let query = {
id: item.FrID?item.FrID:item.ID, id: item.FrID ? item.FrID : item.ID,
blank: "y", blank: "y",
}; };
// 跳转发票详情页面 // 跳转发票详情页面
if(x){ if (x) {
this.$router.push({ this.$router.push({
name: "invoicesManagerDetail", name: "invoicesManagerDetail",
query: { query: {
id: item.FrID?item.FrID:item.ID, id: item.FrID ? item.FrID : item.ID,
InvoiceApplyType: 6, InvoiceApplyType: 6,
blank: "y", blank: "y",
}, },
}); });
}else{ } else {
this.$router.push({ this.$router.push({
path: "/FinancialDocumentsDetail", path: "/FinancialDocumentsDetail",
query query
...@@ -1232,18 +1189,18 @@ export default { ...@@ -1232,18 +1189,18 @@ export default {
}, },
// 制作单据 // 制作单据
makeAdocument(row, index, num, name,Offset) { makeAdocument(row, index, num, name, Offset) {
if((num==2||num==3)&&(row.Income+row.PlatformMoney)<=0){ if ((num == 2 || num == 3) && (row.Income + row.PlatformMoney) <= 0) {
this.Info(this.$t('objFill.qinxianzhidanzaizhicbtkdj')) this.Info(this.$t('objFill.qinxianzhidanzaizhicbtkdj'))
return return
} }
if(Offset){ if (Offset) {
this.cdState = true this.cdState = true
} }
let type = 0 let type = 0
if(num==3){ if (num == 3) {
type = 2 type = 2
}else{ } else {
type = num type = num
} }
this.BillMakingMsg.ReFinanceId = row.OrderId; this.BillMakingMsg.ReFinanceId = row.OrderId;
...@@ -1267,13 +1224,13 @@ export default { ...@@ -1267,13 +1224,13 @@ export default {
tradeObj: JSON.stringify(this.BillMakingMsg), tradeObj: JSON.stringify(this.BillMakingMsg),
companyID: row.OutBranchId companyID: row.OutBranchId
}; };
if(num==2){ if (num == 2) {
query.searchTitle='溢收团费退款'; query.searchTitle = '溢收团费退款';
}else if(num ==3 && this.cdState == false){ } else if (num == 3 && this.cdState == false) {
query.portTypeId= 4; query.portTypeId = 4;
} }
this.queryObj = query this.queryObj = query
if(!Offset){ if (!Offset) {
this.$store.commit("ChoiceAddFinancialDocuments"); this.$store.commit("ChoiceAddFinancialDocuments");
this.$router.push({ this.$router.push({
path: "/ChoiceAddFinancialDocuments", path: "/ChoiceAddFinancialDocuments",
...@@ -1284,7 +1241,7 @@ export default { ...@@ -1284,7 +1241,7 @@ export default {
// 订单明细 // 订单明细
goRoomDetails(obj, title) { goRoomDetails(obj, title) {
var path var path
if(title==='订房详情'){ if (title === '订房详情') {
path = "roomReservationsDetails"; path = "roomReservationsDetails";
if (this.userInfo.RB_Group_id == 91) { if (this.userInfo.RB_Group_id == 91) {
path = "roomReservationsDetails_swt"; path = "roomReservationsDetails_swt";
...@@ -1294,12 +1251,12 @@ export default { ...@@ -1294,12 +1251,12 @@ export default {
query: { query: {
id: obj.OrderId, id: obj.OrderId,
OrderType: 1, OrderType: 1,
isShoufeifei: obj.HandFittingTax?true:false, isShoufeifei: obj.HandFittingTax ? true : false,
blank: "y", blank: "y",
tab: title tab: title
} }
}); });
}else{//变更酒店预定 } else { //变更酒店预定
path = "singleProductModifyHotelOrder"; path = "singleProductModifyHotelOrder";
this.$router.push({ this.$router.push({
name: path, name: path,
...@@ -1319,9 +1276,9 @@ export default { ...@@ -1319,9 +1276,9 @@ export default {
if (!this.loading0) { if (!this.loading0) {
this.cancelOrderId = item.OrderId this.cancelOrderId = item.OrderId
// 地接 销售 OP // 地接 销售 OP
if(this.pagesTitle!='销售'){ if (this.pagesTitle != '销售') {
this.cancelOrderDialog = true; this.cancelOrderDialog = true;
}else{ } else {
this.cancelOrder() this.cancelOrder()
} }
} }
...@@ -1350,18 +1307,18 @@ export default { ...@@ -1350,18 +1307,18 @@ export default {
OrderId: this.cancelOrderId OrderId: this.cancelOrderId
}, },
res => { res => {
this.loading0= false this.loading0 = false
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.Success(res.data.message); this.Success(res.data.message);
this.$emit("success"); this.$emit("success");
} else { } else {
this.Error(res.data.message); this.Error(res.data.message);
} }
}).catch(err=>{ }).catch(err => {
this.Error(err.message) this.Error(err.message)
this.loading0= false this.loading0 = false
}) })
}).catch(()=>{ }).catch(() => {
this.loading0 = false this.loading0 = false
}) })
}, },
...@@ -1387,17 +1344,16 @@ export default { ...@@ -1387,17 +1344,16 @@ export default {
if (this.loading0) return; if (this.loading0) return;
this.loading0 = true this.loading0 = true
this.apipost( this.apipost(
"dict_post_CancelAdminCustomerOrder", "dict_post_CancelAdminCustomerOrder", {
{
OrderId: this.cancelOrderId, OrderId: this.cancelOrderId,
CancelRemark: this.cancelRemark CancelRemark: this.cancelRemark
}, },
res => { res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.Success(res.data.message); this.Success(res.data.message);
this.cancelOrderDialog=false this.cancelOrderDialog = false
this.cancelOrderId=0 this.cancelOrderId = 0
this.cancelRemark='' this.cancelRemark = ''
this.$emit("success"); this.$emit("success");
} else { } else {
this.Error(res.data.message); this.Error(res.data.message);
...@@ -1448,8 +1404,7 @@ export default { ...@@ -1448,8 +1404,7 @@ export default {
.then(() => { .then(() => {
this.loading1 = true; this.loading1 = true;
this.apipost( this.apipost(
"dict_post_ConfirmAdminCustomerOrder", "dict_post_ConfirmAdminCustomerOrder", {
{
OrderId: item.OrderId OrderId: item.OrderId
}, },
res => { res => {
...@@ -1474,7 +1429,7 @@ export default { ...@@ -1474,7 +1429,7 @@ export default {
CopyHandler(item) { CopyHandler(item) {
this.copyId = item.OrderId; this.copyId = item.OrderId;
let copyText = item.OrderId; let copyText = item.OrderId;
const save = function(e) { const save = function (e) {
e.clipboardData.setData('text/plain', copyText) e.clipboardData.setData('text/plain', copyText)
e.preventDefault() // 阻止默认行为 e.preventDefault() // 阻止默认行为
} }
...@@ -1513,7 +1468,7 @@ export default { ...@@ -1513,7 +1468,7 @@ export default {
this.userInfo = this.getLocalStorage(); this.userInfo = this.getLocalStorage();
let ActionMenuCode = this.userInfo.ActionMenuCode; let ActionMenuCode = this.userInfo.ActionMenuCode;
if (ActionMenuCode.indexOf('is_correlationOP') != -1 ){ if (ActionMenuCode.indexOf('is_correlationOP') != -1) {
this.is_correlationOP = true this.is_correlationOP = true
} }
//自适应高度调节 //自适应高度调节
...@@ -1524,7 +1479,8 @@ export default { ...@@ -1524,7 +1479,8 @@ export default {
} }
}; };
</script> </script>
<style></style> <style></style>
src/components/Hotel/singleProduct/HotelOrderOP.vue
View file @ 863f251a
...@@ -6,16 +6,16 @@ ...@@ -6,16 +6,16 @@
<script> <script>
import HotelOrderList from '../reservation/HotelOrderList.vue'; import HotelOrderList from '../reservation/HotelOrderList.vue';
export default { export default {
components: { HotelOrderList }, components: {
HotelOrderList
},
data() { data() {
return { return {
pagesTitle:'OP', pagesTitle: 'OP',
}; };
}, },
methods: { methods: {
}, },
mounted() { mounted() {
......
src/components/scenicSpot/scenicSpotPackagePrice.vue
View file @ 863f251a
<style> <style>
.lineMG .query_box { .lineMG .query_box {
font-size: 12px; font-size: 12px;
padding: 29px 0; padding: 29px 0;
padding-right: 30px; padding-right: 30px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
.lineMG .el-switch.is-checked .el-switch__core { .lineMG .el-switch.is-checked .el-switch__core {
border-color: #4bca81; border-color: #4bca81;
background-color: #4bca81; background-color: #4bca81;
} }
.lineMG .addCompany { .lineMG .addCompany {
width: 440px; width: 440px;
max-height: 600px; max-height: 600px;
} }
.lineMG .addCompany .el-dialog__body { .lineMG .addCompany .el-dialog__body {
height: 486px; height: 486px;
overflow: auto; overflow: auto;
} }
.lineMG .query_box div label { .lineMG .query_box div label {
display: inline-block; display: inline-block;
min-width: 80px; min-width: 80px;
text-align: right; text-align: right;
font-style: normal; font-style: normal;
margin: 0 20px 0 0; margin: 0 20px 0 0;
} }
input::-webkit-outer-spin-button, input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { input::-webkit-inner-spin-button {
-webkit-appearance: none; -webkit-appearance: none;
} }
input[type="number"] { input[type="number"] {
-moz-appearance: textfield; -moz-appearance: textfield;
} }
.lineType { .lineType {
width: 51px; width: 51px;
height: 24px; height: 24px;
display: inline-block; display: inline-block;
...@@ -49,15 +49,15 @@ input[type="number"] { ...@@ -49,15 +49,15 @@ input[type="number"] {
border-radius: 4px; border-radius: 4px;
background-color: #ff9c00; background-color: #ff9c00;
color: #ffffff; color: #ffffff;
} }
.lineMG .LMTable tr { .lineMG .LMTable tr {
height: 70px; height: 70px;
text-align: center !important; text-align: center !important;
background-color: #fff; background-color: #fff;
} }
.comPanyNum { .comPanyNum {
font-size: 14px; font-size: 14px;
color: #333333; color: #333333;
display: inline-block; display: inline-block;
...@@ -65,155 +65,155 @@ input[type="number"] { ...@@ -65,155 +65,155 @@ input[type="number"] {
cursor: pointer; cursor: pointer;
margin-bottom: 5px; margin-bottom: 5px;
text-decoration: underline; text-decoration: underline;
} }
.comPanyNum:hover { .comPanyNum:hover {
color: #e95252; color: #e95252;
} }
.zhicai:first-child { .zhicai:first-child {
margin-top: 23px; margin-top: 23px;
} }
.zhicai { .zhicai {
color: #47bf8c; color: #47bf8c;
} }
.partCompany { .partCompany {
padding: 0; padding: 0;
box-shadow: 0px 1px 3px 0px #dedede; box-shadow: 0px 1px 3px 0px #dedede;
} }
.partCompany .popper__arrow::after { .partCompany .popper__arrow::after {
border-bottom-color: #ededed !important; border-bottom-color: #ededed !important;
} }
.partCompany table { .partCompany table {
padding: 10px 0 0 20px; padding: 10px 0 0 20px;
background-color: #ededed; background-color: #ededed;
border-collapse: collapse; border-collapse: collapse;
border: 1px solid #d2d2d2; border: 1px solid #d2d2d2;
font-size: 12px; font-size: 12px;
} }
.partCompany table th { .partCompany table th {
background-color: #ededed; background-color: #ededed;
padding: 5px; padding: 5px;
} }
.partCompany table td { .partCompany table td {
background-color: #ffffff; background-color: #ffffff;
padding: 9px 15px; padding: 9px 15px;
color: #333333; color: #333333;
border: 1px solid #d2d2d2; border: 1px solid #d2d2d2;
} }
.partCompany table td._d_name { .partCompany table td._d_name {
background-color: #ededed; background-color: #ededed;
} }
.partCompany table ._color_666 { .partCompany table ._color_666 {
color: #666666; color: #666666;
} }
.partCompany table tr._color_666 th { .partCompany table tr._color_666 th {
padding: 9px 15px; padding: 9px 15px;
} }
.LineName { .LineName {
display: inline-block; display: inline-block;
width: 170px; width: 170px;
margin: 30px 0 0 20px; margin: 30px 0 0 20px;
text-align: left; text-align: left;
} }
.lineMG .LM_Back { .lineMG .LM_Back {
background-color: #f2f2f2; background-color: #f2f2f2;
} }
.redType { .redType {
color: #e95252; color: #e95252;
} }
.lineMG .tbDiv { .lineMG .tbDiv {
overflow-y: auto; overflow-y: auto;
} }
.departListDiv { .departListDiv {
width: 100%; width: 100%;
height: 200px; height: 200px;
overflow-y: auto; overflow-y: auto;
} }
.lineMG .tbDiv::-webkit-scrollbar { .lineMG .tbDiv::-webkit-scrollbar {
width: 4px; width: 4px;
height: 8px; height: 8px;
} }
.lineMG .tbDiv::-webkit-scrollbar-track { .lineMG .tbDiv::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
border-radius: 4px; border-radius: 4px;
background: #ededed; background: #ededed;
} }
.lineMG .tbDiv::-webkit-scrollbar-thumb { .lineMG .tbDiv::-webkit-scrollbar-thumb {
border-radius: 4px; border-radius: 4px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
background: #c9c9c9; background: #c9c9c9;
} }
.departListDiv::-webkit-scrollbar { .departListDiv::-webkit-scrollbar {
width: 4px; width: 4px;
height: 8px; height: 8px;
} }
.departListDiv::-webkit-scrollbar-track { .departListDiv::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
border-radius: 4px; border-radius: 4px;
background: #ededed; background: #ededed;
} }
.departListDiv::-webkit-scrollbar-thumb { .departListDiv::-webkit-scrollbar-thumb {
border-radius: 4px; border-radius: 4px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
background: #c9c9c9; background: #c9c9c9;
} }
.LMTable { .LMTable {
width: 100%; width: 100%;
font-size: 12px; font-size: 12px;
} }
.lineMG .LMTable tr th { .lineMG .LMTable tr th {
border-bottom: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1;
} }
.lineMG .tbDiv .LMTable td { .lineMG .tbDiv .LMTable td {
border-bottom: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1;
border-right: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;
position: relative; position: relative;
text-align: center; text-align: center;
padding: 5px; padding: 5px;
min-width: 250px; min-width: 250px;
} }
.lineMG .tbDiv table { .lineMG .tbDiv table {
padding-right: 80px; padding-right: 80px;
margin-top: 10px; margin-top: 10px;
border-top: 1px solid #d1d1d1; border-top: 1px solid #d1d1d1;
border-left: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1;
border-right: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;
} }
.upFentan { .upFentan {
text-decoration: underline; text-decoration: underline;
cursor: pointer; cursor: pointer;
position: absolute; position: absolute;
right: 13px; right: 13px;
top: 32%; top: 32%;
} }
.subCountryList { .subCountryList {
width: 150px; width: 150px;
text-align: left; text-align: left;
display: inline-block; display: inline-block;
...@@ -222,32 +222,32 @@ input[type="number"] { ...@@ -222,32 +222,32 @@ input[type="number"] {
white-space: nowrap; white-space: nowrap;
position: relative; position: relative;
top: 3px; top: 3px;
} }
.lineMG ._addLineTB tr { .lineMG ._addLineTB tr {
height: 40px !important; height: 40px !important;
} }
.saveCompanyBtn { .saveCompanyBtn {
margin-top: 20px; margin-top: 20px;
} }
.setItem { .setItem {
cursor: pointer; cursor: pointer;
text-decoration: underline; text-decoration: underline;
position: absolute; position: absolute;
right: 13px; right: 13px;
top: 32%; top: 32%;
} }
._LMComdiv { ._LMComdiv {
float: left; float: left;
width: 32%; width: 32%;
text-align: left; text-align: left;
margin-top: 20px; margin-top: 20px;
} }
.LineRank { .LineRank {
width: 24px; width: 24px;
height: 24px; height: 24px;
background-color: #2aaef2; background-color: #2aaef2;
...@@ -256,30 +256,30 @@ input[type="number"] { ...@@ -256,30 +256,30 @@ input[type="number"] {
line-height: 24px; line-height: 24px;
color: #fff; color: #fff;
margin: 15px auto 5px; margin: 15px auto 5px;
} }
.lineMG .joinDepart { .lineMG .joinDepart {
display: inline-block; display: inline-block;
margin-right: 50px; margin-right: 50px;
text-align: left; text-align: left;
float: left; float: left;
width: 180px; width: 180px;
} }
.lineMG .LM_Rank { .lineMG .LM_Rank {
text-align: center; text-align: center;
} }
._LowDisMoney { ._LowDisMoney {
text-align: left; text-align: left;
margin: 20px 0 0 25px; margin: 20px 0 0 25px;
} }
.LM_Btcontent { .LM_Btcontent {
margin-left: 20px; margin-left: 20px;
} }
.LM_ul li { .LM_ul li {
height: 78px; height: 78px;
margin: 20px 0 0px 0px; margin: 20px 0 0px 0px;
transition: linear all 0.5s; transition: linear all 0.5s;
...@@ -288,30 +288,34 @@ input[type="number"] { ...@@ -288,30 +288,34 @@ input[type="number"] {
border: 1px solid #dddddd; border: 1px solid #dddddd;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
} }
.LM_BTNList { .LM_BTNList {
margin-top: 25px; margin-top: 25px;
} }
.lineMG .el-button-group .el-button { .lineMG .el-button-group .el-button {
padding: 5px; padding: 5px;
} }
.lineMG .LM_ul > li:hover { .lineMG .LM_ul>li:hover {
box-shadow: 0px 0px 20px rgba(191, 191, 191, 1); box-shadow: 0px 0px 20px rgba(191, 191, 191, 1);
transition: all linear 0.5s; transition: all linear 0.5s;
} }
.lineMG .el-date-editor.el-input,
.el-date-editor.el-input__inner { .lineMG .el-date-editor.el-input,
.el-date-editor.el-input__inner {
width: auto; width: auto;
} }
.SP_datePicker .el-input__inner {
.SP_datePicker .el-input__inner {
padding-right: 0 !important; padding-right: 0 !important;
} }
.SP_AddTicket {
.SP_AddTicket {
margin: 10px 10px 0 30px; margin: 10px 10px 0 30px;
} }
</style> </style>
<template> <template>
<div class="flexOne lineMG"> <div class="flexOne lineMG">
...@@ -325,8 +329,10 @@ input[type="number"] { ...@@ -325,8 +329,10 @@ input[type="number"] {
</span> </span>
</li> </li>
<li> <li>
<input type="button" class="hollowFixedBtn" :value="$t('pub.searchBtn')" @click="resetPageIndex(),initDataTable()" /> <input type="button" class="hollowFixedBtn" :value="$t('pub.searchBtn')"
<input type="button" class="normalBtn" :value="$t('pub.addBtn')" @click="clearInfo(),isShowDIv=true,divTitle='新增报价'" /> @click="resetPageIndex(),initDataTable()" />
<input type="button" class="normalBtn" :value="$t('pub.addBtn')"
@click="clearInfo(),isShowDIv=true,divTitle='新增报价'" />
</li> </li>
</ul> </ul>
</div> </div>
...@@ -355,6 +361,7 @@ input[type="number"] { ...@@ -355,6 +361,7 @@ input[type="number"] {
<div>{{item.B2BPrice}}</div> <div>{{item.B2BPrice}}</div>
</div> </div>
</el-col> </el-col>
<template v-if="currentUserInfo&&currentUserInfo.RB_Group_id==2">
<el-col :span="2"> <el-col :span="2">
<div class="_LowDisMoney"> <div class="_LowDisMoney">
<div>B2C价格</div> <div>B2C价格</div>
...@@ -367,6 +374,7 @@ input[type="number"] { ...@@ -367,6 +374,7 @@ input[type="number"] {
<div>{{item.SalesPrice}}</div> <div>{{item.SalesPrice}}</div>
</div> </div>
</el-col> </el-col>
</template>
<el-col :span="3"> <el-col :span="3">
<div class="_LowDisMoney"> <div class="_LowDisMoney">
<div>供应商</div> <div>供应商</div>
...@@ -394,7 +402,8 @@ input[type="number"] { ...@@ -394,7 +402,8 @@ input[type="number"] {
<el-col :span="2"> <el-col :span="2">
<div class="LM_BTNList"> <div class="LM_BTNList">
<el-tooltip class="item" effect="dark" :content="$t('system.table_edit')" placement="top-start"> <el-tooltip class="item" effect="dark" :content="$t('system.table_edit')" placement="top-start">
<el-button type="primary" circle icon="el-icon-edit" @click="isShowDIv = true,divTitle='修改报价',updateData(item.ID)"></el-button> <el-button type="primary" circle icon="el-icon-edit"
@click="isShowDIv = true,divTitle='修改报价',updateData(item.ID)"></el-button>
</el-tooltip> </el-tooltip>
<el-tooltip class="item" effect="dark" :content="$t('system.table_delete')" placement="top-start"> <el-tooltip class="item" effect="dark" :content="$t('system.table_delete')" placement="top-start">
<el-button type="danger" circle icon="el-icon-delete" @click="isdelete(item.ID)"></el-button> <el-button type="danger" circle icon="el-icon-delete" @click="isdelete(item.ID)"></el-button>
...@@ -414,15 +423,15 @@ input[type="number"] { ...@@ -414,15 +423,15 @@ input[type="number"] {
<el-form :model="addMsg" :rules="rules" ref="addMsg" @submit.native.prevent label-width="100px"> <el-form :model="addMsg" :rules="rules" ref="addMsg" @submit.native.prevent label-width="100px">
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="$t('hotel.hotel_StartDate')" prop="StartDate"> <el-form-item :label="$t('hotel.hotel_StartDate')" prop="StartDate">
<el-date-picker class="SP_datePicker" :clearable="false" v-model='addMsg.StartDate' type="date" :picker-options="addPickerBeginDateBefore" <el-date-picker class="SP_datePicker" :clearable="false" v-model='addMsg.StartDate' type="date"
value-format="yyyy-MM-dd" placeholder=""> :picker-options="addPickerBeginDateBefore" value-format="yyyy-MM-dd" placeholder="">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="$t('hotel.hotel_EndDate')" prop="EndDate"> <el-form-item :label="$t('hotel.hotel_EndDate')" prop="EndDate">
<el-date-picker class="SP_datePicker" :clearable="false" v-model='addMsg.EndDate' type="date" value-format="yyyy-MM-dd" :picker-options="addPickerBeginDateAfter" <el-date-picker class="SP_datePicker" :clearable="false" v-model='addMsg.EndDate' type="date"
placeholder=""> value-format="yyyy-MM-dd" :picker-options="addPickerBeginDateAfter" placeholder="">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -433,7 +442,8 @@ input[type="number"] { ...@@ -433,7 +442,8 @@ input[type="number"] {
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="$t('hotel.hotel_Inventory')" prop="Inventory"> <el-form-item :label="$t('hotel.hotel_Inventory')" prop="Inventory">
<el-input type="text" maxlength="8" v-model="addMsg.Inventory" @keyup.native="checkInteger(addMsg,'Inventory')"></el-input> <el-input type="text" maxlength="8" v-model="addMsg.Inventory"
@keyup.native="checkInteger(addMsg,'Inventory')"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
...@@ -441,6 +451,7 @@ input[type="number"] { ...@@ -441,6 +451,7 @@ input[type="number"] {
<el-input type="text" v-model="addMsg.B2BPrice" @keyup.native="checkPrice(addMsg,'B2BPrice')"></el-input> <el-input type="text" v-model="addMsg.B2BPrice" @keyup.native="checkPrice(addMsg,'B2BPrice')"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<template v-if="currentUserInfo&&currentUserInfo.RB_Group_id==2">
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="$t('hotel.hotel_B2CPrice')" prop="B2CPrice"> <el-form-item :label="$t('hotel.hotel_B2CPrice')" prop="B2CPrice">
<el-input type="text" v-model="addMsg.B2CPrice" @keyup.native="checkPrice(addMsg,'B2CPrice')"></el-input> <el-input type="text" v-model="addMsg.B2CPrice" @keyup.native="checkPrice(addMsg,'B2CPrice')"></el-input>
...@@ -448,9 +459,11 @@ input[type="number"] { ...@@ -448,9 +459,11 @@ input[type="number"] {
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="$t('hotel.hotel_SalesPrice')" prop="SalesPrice"> <el-form-item :label="$t('hotel.hotel_SalesPrice')" prop="SalesPrice">
<el-input type="text" v-model="addMsg.SalesPrice" @keyup.native="checkPrice(addMsg,'SalesPrice')"></el-input> <el-input type="text" v-model="addMsg.SalesPrice" @keyup.native="checkPrice(addMsg,'SalesPrice')">
</el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</template>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="$t('hotel.hotel_Supplier')" v-if="IsSelfBook" prop="Supplier"> <el-form-item :label="$t('hotel.hotel_Supplier')" v-if="IsSelfBook" prop="Supplier">
<!-- :placeholder="$t('hotel.hotel_inputholder')" --> <!-- :placeholder="$t('hotel.hotel_inputholder')" -->
...@@ -462,7 +475,8 @@ input[type="number"] { ...@@ -462,7 +475,8 @@ input[type="number"] {
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="$t('hotel.hotel_Currency')" prop="CurrencyId"> <el-form-item :label="$t('hotel.hotel_Currency')" prop="CurrencyId">
<el-select placeholder="请选币种" filterable @change="getCurrentRate(addMsg.CurrencyId)" v-model="addMsg.CurrencyId"> <el-select placeholder="请选币种" filterable @change="getCurrentRate(addMsg.CurrencyId)"
v-model="addMsg.CurrencyId">
<el-option :label="$t('pub.unlimitedSel')" :value='SelectDefaultValue'></el-option> <el-option :label="$t('pub.unlimitedSel')" :value='SelectDefaultValue'></el-option>
<el-option v-for="item in allCurrencyList" :key="item.ID" :label="item.Name" :value="item.ID"> <el-option v-for="item in allCurrencyList" :key="item.ID" :label="item.Name" :value="item.ID">
</el-option> </el-option>
...@@ -491,13 +505,13 @@ input[type="number"] { ...@@ -491,13 +505,13 @@ input[type="number"] {
</el-form> </el-form>
</div> </div>
</div> </div>
<el-pagination background @current-change="handleCurrentChange" :current-page.sync="msg.currentPage" layout="total,prev, pager, next, jumper" <el-pagination background @current-change="handleCurrentChange" :current-page.sync="msg.currentPage"
:page-size="msg.pageSize" :total="msg.total"> layout="total,prev, pager, next, jumper" :page-size="msg.pageSize" :total="msg.total">
</el-pagination> </el-pagination>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
var validateCurrent = (rule, value, callback) => { var validateCurrent = (rule, value, callback) => {
if (value === 0) { if (value === 0) {
...@@ -531,26 +545,21 @@ export default { ...@@ -531,26 +545,21 @@ export default {
EndDate: "", EndDate: "",
CurrencyId: 0, CurrencyId: 0,
CurrentRate: 0.0, CurrentRate: 0.0,
MailingMoney: null,//邮寄费 MailingMoney: null, //邮寄费
}, },
rules: { rules: {
//表单必填验证 //表单必填验证
StartDate: [ StartDate: [{
{
required: true, required: true,
message: "开始日期必填", message: "开始日期必填",
trigger: "change" trigger: "change"
} }],
], EndDate: [{
EndDate: [
{
required: true, required: true,
message: "结束日期必填", message: "结束日期必填",
trigger: "change" trigger: "change"
} }],
], CostPrice: [{
CostPrice: [
{
required: true, required: true,
message: "请输入成本价", message: "请输入成本价",
trigger: "change" trigger: "change"
...@@ -560,8 +569,7 @@ export default { ...@@ -560,8 +569,7 @@ export default {
message: "请输入两位小数" message: "请输入两位小数"
} }
], ],
Inventory: [ Inventory: [{
{
required: true, required: true,
message: "请输入库存", message: "请输入库存",
trigger: "change" trigger: "change"
...@@ -571,8 +579,7 @@ export default { ...@@ -571,8 +579,7 @@ export default {
message: "请输入正确的数字" message: "请输入正确的数字"
} }
], ],
B2BPrice: [ B2BPrice: [{
{
required: true, required: true,
message: "请输入B2B价格", message: "请输入B2B价格",
trigger: "change" trigger: "change"
...@@ -582,8 +589,7 @@ export default { ...@@ -582,8 +589,7 @@ export default {
message: "请输入两位小数" message: "请输入两位小数"
} }
], ],
B2CPrice: [ B2CPrice: [{
{
required: true, required: true,
message: "请输入B2C价格", message: "请输入B2C价格",
trigger: "change" trigger: "change"
...@@ -593,8 +599,7 @@ export default { ...@@ -593,8 +599,7 @@ export default {
message: "请输入两位小数" message: "请输入两位小数"
} }
], ],
SalesPrice: [ SalesPrice: [{
{
required: true, required: true,
message: "请输入成本价格", message: "请输入成本价格",
trigger: "change" trigger: "change"
...@@ -604,28 +609,23 @@ export default { ...@@ -604,28 +609,23 @@ export default {
message: "请输入两位小数" message: "请输入两位小数"
} }
], ],
Supplier: [ Supplier: [{
{
required: true, required: true,
message: "请选择供应商", message: "请选择供应商",
trigger: "change" trigger: "change"
} }],
],
CurrencyId: [ CurrencyId: [
// { // {
// validator:validateCurrent, // validator:validateCurrent,
// trigger: "change" // trigger: "change"
// } // }
], ],
CurrentRate: [ CurrentRate: [{
{
required: true, required: true,
message: "请输输入汇率", message: "请输输入汇率",
trigger: "change" trigger: "change"
} }],
], MailingMoney: [{
MailingMoney: [
{
required: true, required: true,
message: "请输入邮寄费", message: "请输入邮寄费",
trigger: "blur" trigger: "blur"
...@@ -662,10 +662,11 @@ export default { ...@@ -662,10 +662,11 @@ export default {
addPickerBeginDateAfter: { addPickerBeginDateAfter: {
disabledDate: time => { disabledDate: time => {
// let startTime = new Date(this.addMsg.StartDate); // let startTime = new Date(this.addMsg.StartDate);
let startTime = new Date(this.getBeforeDate(1,new Date(this.addMsg.StartDate).Format("yyyy-MM-dd"))); let startTime = new Date(this.getBeforeDate(1, new Date(this.addMsg.StartDate).Format("yyyy-MM-dd")));
return startTime.getTime() >= time.getTime(); return startTime.getTime() >= time.getTime();
} }
} },
currentUserInfo: {}
}; };
}, },
methods: { methods: {
...@@ -713,8 +714,9 @@ export default { ...@@ -713,8 +714,9 @@ export default {
//修改报价信息 //修改报价信息
updateData(ID) { updateData(ID) {
this.apipost( this.apipost(
"ticketcouponsprice_post_Get", "ticketcouponsprice_post_Get", {
{ID:ID}, ID: ID
},
res => { res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.addMsg = res.data.data; this.addMsg = res.data.data;
...@@ -726,8 +728,7 @@ export default { ...@@ -726,8 +728,7 @@ export default {
//获取所有币种 //获取所有币种
getAllCurrency() { getAllCurrency() {
this.apipost( this.apipost(
"financeinfo_post_GetList", "financeinfo_post_GetList", {},
{},
res => { res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.allCurrencyList = res.data.data; this.allCurrencyList = res.data.data;
...@@ -758,8 +759,9 @@ export default { ...@@ -758,8 +759,9 @@ export default {
//HK新增查询条件 //HK新增查询条件
initSupplier() { initSupplier() {
this.apipost( this.apipost(
"supplier_post_GetAllList", "supplier_post_GetAllList", {
{ Type: 3 }, Type: 3
},
response => { response => {
if (response.data.resultCode == 1) { if (response.data.resultCode == 1) {
this.SupplierList = response.data.data; this.SupplierList = response.data.data;
...@@ -785,17 +787,16 @@ export default { ...@@ -785,17 +787,16 @@ export default {
this.Error(res.data.message); this.Error(res.data.message);
} }
}, },
e=>{ e => {
} }
); );
}, },
isdelete(ID) { isdelete(ID) {
var that = this; var that = this;
that.Confirm("是否删除?", function() { that.Confirm("是否删除?", function () {
that.apipost( that.apipost(
"ticketcouponsprice_post_Remove", "ticketcouponsprice_post_Remove", {
{
ID: ID ID: ID
}, },
res => { res => {
...@@ -817,7 +818,7 @@ export default { ...@@ -817,7 +818,7 @@ export default {
that.$refs[addMsg].validate(valid => { that.$refs[addMsg].validate(valid => {
if (valid) { if (valid) {
that.hotelOfferSet(); that.hotelOfferSet();
}else{ } else {
return false return false
} }
}); });
...@@ -828,8 +829,7 @@ export default { ...@@ -828,8 +829,7 @@ export default {
//获取供应商是否显示 //获取供应商是否显示
getSuplier() { getSuplier() {
this.apipost( this.apipost(
"ticketcoupons_post_Get", "ticketcoupons_post_Get", {
{
ID: this.CouponsId ID: this.CouponsId
}, },
res => { res => {
...@@ -848,6 +848,9 @@ export default { ...@@ -848,6 +848,9 @@ export default {
}); });
}, },
}, },
created() {
this.currentUserInfo = this.getLocalStorage();
},
mounted() { mounted() {
this.CouponsId = this.$route.query.CouponsId; this.CouponsId = this.$route.query.CouponsId;
this.TicketID = this.$route.query.TicketID; this.TicketID = this.$route.query.TicketID;
...@@ -857,7 +860,7 @@ export default { ...@@ -857,7 +860,7 @@ export default {
this.initSupplier(); this.initSupplier();
this.getAllCurrency(); this.getAllCurrency();
this.initDataTable(); this.initDataTable();
} }
}; };
</script> </script>
src/components/scenicSpot/scenicSpotSalesBoard.vue
View file @ 863f251a
...@@ -204,8 +204,8 @@ ...@@ -204,8 +204,8 @@
<li> <li>
<span> <span>
<em>{{$t('commonPickUp.Pick_attractions')}}</em> <em>{{$t('commonPickUp.Pick_attractions')}}</em>
<el-select v-model="msg.CouponsIdList" :placeholder="$t('pub.pleaseSel')" <el-select v-model="msg.CouponsIdList" :placeholder="$t('pub.pleaseSel')" multiple collapse-tags filterable
multiple collapse-tags filterable @change="getMultipleChoice"> @change="getMultipleChoice">
<el-option :label="$t('pub.unlimitedSel')" :value="defaultSelectValue"></el-option> <el-option :label="$t('pub.unlimitedSel')" :value="defaultSelectValue"></el-option>
<el-option v-for="item in ScenicList" :key="item.ID" :label="item.Name" :value="item.ID"></el-option> <el-option v-for="item in ScenicList" :key="item.ID" :label="item.Name" :value="item.ID"></el-option>
</el-select> </el-select>
...@@ -279,11 +279,11 @@ ...@@ -279,11 +279,11 @@
Year: 0, Year: 0,
Month: 0, Month: 0,
CouponsId: 0, CouponsId: 0,
CouponsIdList:[], CouponsIdList: [],
CouponsIds: '', CouponsIds: '',
QStatus: 0, QStatus: 0,
loading: false, loading: false,
uid:0, uid: 0,
}, },
//餐厅列表 //餐厅列表
ScenicList: [], ScenicList: [],
...@@ -299,21 +299,21 @@ ...@@ -299,21 +299,21 @@
}, },
methods: { methods: {
// 多选 // 多选
getMultipleChoice(){ getMultipleChoice() {
if(this.msg.CouponsIdList.length>1){ if (this.msg.CouponsIdList.length > 1) {
if(this.msg.CouponsIdList.at(-1)==0){ if (this.msg.CouponsIdList.at(-1) == 0) {
this.msg.CouponsIdList = [0] this.msg.CouponsIdList = [0]
}else if(this.msg.CouponsIdList.at(-1)!=0){ } else if (this.msg.CouponsIdList.at(-1) != 0) {
this.msg.CouponsIdList.forEach((x,index)=>{ this.msg.CouponsIdList.forEach((x, index) => {
if(x==0){ if (x == 0) {
this.msg.CouponsIdList.splice(index,1) this.msg.CouponsIdList.splice(index, 1)
} }
}) })
} }
this.msg.CouponsId = 0 this.msg.CouponsId = 0
this.msg.CouponsIds = this.msg.CouponsIdList.join(',') this.msg.CouponsIds = this.msg.CouponsIdList.join(',')
} }
if(this.msg.CouponsIdList.length==1){ if (this.msg.CouponsIdList.length == 1) {
this.msg.CouponsId = this.msg.CouponsIdList[0] this.msg.CouponsId = this.msg.CouponsIdList[0]
this.msg.CouponsIds = '' this.msg.CouponsIds = ''
} }
...@@ -407,10 +407,14 @@ ...@@ -407,10 +407,14 @@
}, },
//获取酒店列表 //获取酒店列表
GetScenicList() { GetScenicList() {
var postMsg = {
QCountrys: ""
};
if (this.userInfo.RB_Group_id == 2) {
postMsg.QCountrys = "651";
}
this.apipost( this.apipost(
"ticketcoupons_post_GetList", { "ticketcoupons_post_GetList", postMsg,
QCountrys: "651"
},
res => { res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.ScenicList = res.data.data; this.ScenicList = res.data.data;
...@@ -421,18 +425,18 @@ ...@@ -421,18 +425,18 @@
}, },
//下载餐厅统计 //下载餐厅统计
DownLoadDinnerSalesBoard() { DownLoadDinnerSalesBoard() {
if (this.msg.CouponsId<=0&&!this.msg.CouponsIds) { if (this.msg.CouponsId <= 0 && !this.msg.CouponsIds) {
this.Info("请选择景点!"); this.Info("请选择景点!");
return; return;
} }
let url let url
if(this.msg.CouponsId>0){ if (this.msg.CouponsId > 0) {
url = 'ticketcouponsorder_post_DownLoadScenicMonthStatistics' url = 'ticketcouponsorder_post_DownLoadScenicMonthStatistics'
}else{ } else {
url ='ticketcouponsorder_post_DownLoadScenicMonthStatisticsNew' url = 'ticketcouponsorder_post_DownLoadScenicMonthStatisticsNew'
} }
this.msg.loading = true; this.msg.loading = true;
this.msg.uid=this.userInfo.EmployeeId; this.msg.uid = this.userInfo.EmployeeId;
let fileName = "门票下载" + this.$commonUtils.getCurrentDate() + ".xls"; let fileName = "门票下载" + this.$commonUtils.getCurrentDate() + ".xls";
this.GetLocalFile(url, this.msg, fileName, this.GetLocalFile(url, this.msg, fileName,
res => { res => {
......
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