|
@@ -22,11 +22,11 @@
|
|
</div>
|
|
</div>
|
|
<div class="hotelr-info-li">
|
|
<div class="hotelr-info-li">
|
|
<label>出访国家:</label>
|
|
<label>出访国家:</label>
|
|
- <span>{{ delegationInfo.visitCountry }}</span>
|
|
|
|
|
|
+ <span>{{ delegationInfo.visitCountry|filter_city }}</span>
|
|
</div>
|
|
</div>
|
|
<div class="hotelr-info-li">
|
|
<div class="hotelr-info-li">
|
|
<label>起止日期:</label>
|
|
<label>起止日期:</label>
|
|
- <span>{{ delegationInfo.visitDate }}</span>
|
|
|
|
|
|
+ <span>{{ delegationInfo.visitStartDate|filter_time }}~{{delegationInfo.visitEndDate|filter_time}}</span>
|
|
</div>
|
|
</div>
|
|
<div class="hotelr-info-li">
|
|
<div class="hotelr-info-li">
|
|
<label>天数/人数:</label>
|
|
<label>天数/人数:</label>
|
|
@@ -39,41 +39,36 @@
|
|
style="width: 100%" v-loading="loading" element-loading-text="拼命加载中...">
|
|
style="width: 100%" v-loading="loading" element-loading-text="拼命加载中...">
|
|
<el-table-column type="index" label="序号" width="50">
|
|
<el-table-column type="index" label="序号" width="50">
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column prop="reservationsNo" label="预定号" width="180">
|
|
|
|
|
|
+ <el-table-column prop="reservationsNo" label="预定号">
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column prop="hotelName" label="酒店名称" width="180">
|
|
|
|
|
|
+ <el-table-column prop="hotelName" label="酒店名称" width="200">
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column prop="checkInDate" label="入住日期" width="120">
|
|
<el-table-column prop="checkInDate" label="入住日期" width="120">
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column prop="checkOutDate" label="退房日期" width="120">
|
|
<el-table-column prop="checkOutDate" label="退房日期" width="120">
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column prop="payMoney" label="付款金额" width="180">
|
|
|
|
|
|
+ <el-table-column prop="payMoney" label="付款金额" width="150">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
- {{ scope.row.payMoney }}({{ scope.row.paymentCurrency }})
|
|
|
|
|
|
+ {{ scope.row.payMoney.toFixed(2) }} ({{ scope.row.payCurrency }})
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column prop="createUserName" label="操作人" width="120">
|
|
|
|
|
|
+ <el-table-column prop="createUserName" label="操作人" width="90">
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column prop="createTime" label="操作时间" width="180">
|
|
<el-table-column prop="createTime" label="操作时间" width="180">
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column prop="attachment" label="附 件" width="80">
|
|
|
|
- <template slot-scope="scope">
|
|
|
|
- <i @click="download(scope.$index, scope.row)">下载附件</i>
|
|
|
|
- </template>
|
|
|
|
- </el-table-column>
|
|
|
|
- <el-table-column prop="isAuditGMStr" label="是否审核" width="100">
|
|
|
|
|
|
+ <el-table-column prop="isAuditGMStr" label="是否审核" width="80">
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column prop="name" label="操 作" width="140">
|
|
<el-table-column prop="name" label="操 作" width="140">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
- <el-button-group>
|
|
|
|
|
|
+
|
|
<el-button type="primary" size="mini" icon="el-icon-edit"
|
|
<el-button type="primary" size="mini" icon="el-icon-edit"
|
|
@click="upDate(scope.$index, scope.row)"></el-button>
|
|
@click="upDate(scope.$index, scope.row)"></el-button>
|
|
<el-button type="danger" size="mini" icon="el-icon-delete"
|
|
<el-button type="danger" size="mini" icon="el-icon-delete"
|
|
@click="del(scope.$index, scope.row)"></el-button>
|
|
@click="del(scope.$index, scope.row)"></el-button>
|
|
- </el-button-group>
|
|
|
|
|
|
+
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column prop="address" label="VOUCHER">
|
|
|
|
|
|
+ <el-table-column prop="address" label="VOUCHER" width="100">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<i @click="DownloadVOUCHER(scope.$index, scope.row)">生成</i>
|
|
<i @click="DownloadVOUCHER(scope.$index, scope.row)">生成</i>
|
|
</template>
|
|
</template>
|
|
@@ -490,6 +485,9 @@ import { el } from '@fullcalendar/core/internal-common';
|
|
export default {
|
|
export default {
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
|
|
+ userId:0,
|
|
|
|
+ cTable:0,
|
|
|
|
+ pageId:0,
|
|
tableData: [],
|
|
tableData: [],
|
|
tableDatas: [],
|
|
tableDatas: [],
|
|
currentPage: 1, // 当前页码
|
|
currentPage: 1, // 当前页码
|
|
@@ -698,6 +696,107 @@ export default {
|
|
handleCurrentChange(val) {
|
|
handleCurrentChange(val) {
|
|
this.currentPage = val;
|
|
this.currentPage = val;
|
|
},
|
|
},
|
|
|
|
+ //获取ctable
|
|
|
|
+ PostPageLinkCTable() {
|
|
|
|
+ console.log(this.pageId)
|
|
|
|
+ var url = "/api/Business/PostPageLinkCTable"
|
|
|
|
+ var that = this
|
|
|
|
+ this.$axios({
|
|
|
|
+ method: 'post',
|
|
|
|
+ url: url,
|
|
|
|
+ headers: {
|
|
|
|
+ Authorization: 'Bearer ' + this.token
|
|
|
|
+ },
|
|
|
|
+ data: {
|
|
|
|
+ pageId:that.pageId
|
|
|
|
+ }
|
|
|
|
+ }).then(function (res) {
|
|
|
|
+ console.log(res)
|
|
|
|
+ if (res.data.code == 200) {
|
|
|
|
+ that.cTable=res.data.data.cTable;
|
|
|
|
+ that.PostGroupListByCTableAndUserId()
|
|
|
|
+ }else{
|
|
|
|
+ that.$message({
|
|
|
|
+ message:"获取cTable失败",
|
|
|
|
+ duration:3000,
|
|
|
|
+ type:"error"
|
|
|
|
+ });
|
|
|
|
+ }
|
|
|
|
+ }).catch(function (error) {
|
|
|
|
+ that.$message.error("网络错误,请稍后重试");
|
|
|
|
+ });
|
|
|
|
+ },
|
|
|
|
+ //获取团组
|
|
|
|
+ PostGroupListByCTableAndUserId() {
|
|
|
|
+ var url = "/api/Business/PostGroupListByCTableAndUserId"
|
|
|
|
+ var that = this
|
|
|
|
+ this.$axios({
|
|
|
|
+ method: 'post',
|
|
|
|
+ url: url,
|
|
|
|
+ headers: {
|
|
|
|
+ Authorization: 'Bearer ' + this.token
|
|
|
|
+ },
|
|
|
|
+ data: {
|
|
|
|
+ portType: 1,
|
|
|
|
+ pageIndex: that.currentPage,
|
|
|
|
+ pageSize:that.pageSize,
|
|
|
|
+ userId: that.userId,
|
|
|
|
+ cTable:that.cTable
|
|
|
|
+ }
|
|
|
|
+ }).then(function (res) {
|
|
|
|
+ console.log(res)
|
|
|
|
+ if (res.data.code == 200) {
|
|
|
|
+ if(res.data.data.length==0){
|
|
|
|
+ that.OpHotelReservationsData.diId='无团组权限!'
|
|
|
|
+ that.$message({
|
|
|
|
+ message:"无任何团组权限,请联系管理员添加团组!",
|
|
|
|
+ duration:5000,
|
|
|
|
+ type:"warning"
|
|
|
|
+ });
|
|
|
|
+ }
|
|
|
|
+ if(that.OpHotelReservationsData.diId==0){
|
|
|
|
+ that.OpHotelReservationsData.diId=res.data.data[0].id
|
|
|
|
+ }
|
|
|
|
+ that.delegationInfoList = res.data.data;
|
|
|
|
+ for(var x=0;x<res.data.data.length;x++){
|
|
|
|
+ if(that.OpHotelReservationsData.diId==res.data.data[x].id){
|
|
|
|
+ that.delegationInfo=res.data.data[x]
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ that.PostHotelReservationsItemsByDiId()
|
|
|
|
+ // that.delegationInfo=
|
|
|
|
+ }
|
|
|
|
+ }).catch(function (error) {
|
|
|
|
+ that.$message.error("网络错误,请稍后重试");
|
|
|
|
+ });
|
|
|
|
+ },
|
|
|
|
+ //获取酒店表格
|
|
|
|
+ PostHotelReservationsItemsByDiId() {
|
|
|
|
+ var url = "/api/Groups/PostHotelReservationsItemsByDiId"
|
|
|
|
+ var that = this
|
|
|
|
+ this.$axios({
|
|
|
|
+ method: 'post',
|
|
|
|
+ url: url,
|
|
|
|
+ headers: {
|
|
|
|
+ Authorization: 'Bearer ' + this.token
|
|
|
|
+ },
|
|
|
|
+ data: {
|
|
|
|
+ portType:1,
|
|
|
|
+ userId:that.userId,
|
|
|
|
+ pageId:that.pageId,
|
|
|
|
+ diId:that.OpHotelReservationsData.diId
|
|
|
|
+ }
|
|
|
|
+ }).then(function (res) {
|
|
|
|
+ console.log(res)
|
|
|
|
+ if (res.data.code == 200) {
|
|
|
|
+ that.tableDatas=res.data.data
|
|
|
|
+ }
|
|
|
|
+ }).catch(function (error) {
|
|
|
|
+ that.$message.error("网络错误,请稍后重试");
|
|
|
|
+ });
|
|
|
|
+ },
|
|
|
|
+
|
|
|
|
+
|
|
HotelReservationsInitialize() {
|
|
HotelReservationsInitialize() {
|
|
var url = "/api/Groups/HotelReservationsInitialize"
|
|
var url = "/api/Groups/HotelReservationsInitialize"
|
|
var that = this
|
|
var that = this
|
|
@@ -740,77 +839,83 @@ export default {
|
|
that.HotelReservationsByDiId();
|
|
that.HotelReservationsByDiId();
|
|
}
|
|
}
|
|
}).catch(function (error) {
|
|
}).catch(function (error) {
|
|
- that.$message.error("网络错误,请稍后重试");
|
|
|
|
|
|
+ that.$message({
|
|
|
|
+ message:"网络错误",
|
|
|
|
+ duration:3000,
|
|
|
|
+ type:"error"
|
|
|
|
+ });
|
|
});
|
|
});
|
|
},
|
|
},
|
|
delegationSelectChange() {
|
|
delegationSelectChange() {
|
|
- for (let index = 0; index < this.delegationInfoList.length; index++) {
|
|
|
|
-
|
|
|
|
- if (this.delegationInfoList[index].id == this.OpHotelReservationsData.diId) {
|
|
|
|
- this.delegationInfo = this.delegationInfoList[index];
|
|
|
|
- this.OpHotelReservationsData.diId = this.delegationInfoList[index].id;
|
|
|
|
- this.VisitDate = this.dateFormat(this.delegationInfo.visitStartDate) + '至' + this.dateFormat(this.delegationInfo.visitEndDate);
|
|
|
|
- break;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- this.HotelReservationsByDiId();
|
|
|
|
-
|
|
|
|
- this.OpHotelReservationsData.status = 1;
|
|
|
|
- this.OpHotelReservationsData.id = 0;
|
|
|
|
- this.OpHotelReservationsData.checkNumber = '';
|
|
|
|
- this.OpHotelReservationsData.reservationsWebsite = 103;
|
|
|
|
- this.OpHotelReservationsData.reservationsNo = '';
|
|
|
|
- this.OpHotelReservationsData.determineNo = '';
|
|
|
|
- this.OpHotelReservationsData.city = '';
|
|
|
|
- this.OpHotelReservationsData.hotelName = '';
|
|
|
|
- this.OpHotelReservationsData.hotelAddress = '';
|
|
|
|
- this.OpHotelReservationsData.hotelTel = '';
|
|
|
|
- this.OpHotelReservationsData.guestName = '';
|
|
|
|
- this.OpHotelReservationsData.checkInDate = '';
|
|
|
|
- this.OpHotelReservationsData.budgetCurrency = 836;
|
|
|
|
- this.OpHotelReservationsData.checkOutDate = '';
|
|
|
|
- this.OpHotelReservationsData.singleRoomCount = 0;
|
|
|
|
- this.OpHotelReservationsData.singleRoomPrice = 0.00;
|
|
|
|
- this.OpHotelReservationsData.doubleRoomCount = 0;
|
|
|
|
- this.OpHotelReservationsData.doubleRoomPrice = 0.00;
|
|
|
|
- this.OpHotelReservationsData.suiteRoomCount = 0;
|
|
|
|
- this.OpHotelReservationsData.suiteRoomPrice = 0.00;
|
|
|
|
- this.OpHotelReservationsData.otherRoomCount = 0;
|
|
|
|
- this.OpHotelReservationsData.otherRoomPrice = 0.00;
|
|
|
|
- this.OpHotelReservationsData.roomExplanation = '';
|
|
|
|
- this.OpHotelReservationsData.attachment = '';
|
|
|
|
- this.OpHotelReservationsData.cardPrice = 0.00;
|
|
|
|
- this.OpHotelReservationsData.isCardPrice = 0;
|
|
|
|
- this.OpHotelReservationsData.predictSingleRoom = 0;
|
|
|
|
- this.OpHotelReservationsData.predictDoubleRoom = 0;
|
|
|
|
- this.OpHotelReservationsData.predictSuiteRoom = 0;
|
|
|
|
- this.OpHotelReservationsData.predictOtherRoom = 0;
|
|
|
|
- this.OpHotelReservationsData.governmentRent = 0.00;
|
|
|
|
- this.OpHotelReservationsData.governmentRentCurrency = '';
|
|
|
|
- this.OpHotelReservationsData.cityTax = 0.00;
|
|
|
|
- this.OpHotelReservationsData.cityTaxCurrency = '';
|
|
|
|
- this.OpHotelReservationsData.checkType = '';
|
|
|
|
- this.OpHotelReservationsData.createUserId = 0;
|
|
|
|
- this.OpHotelReservationsData.remark = '';
|
|
|
|
- this.OpHotelReservationsData.payMoney = 0.00;
|
|
|
|
- this.OpHotelReservationsData.paymentCurrency = '';
|
|
|
|
- this.OpHotelReservationsData.payDId = '';
|
|
|
|
- this.OpHotelReservationsData.consumptionPatterns = '';
|
|
|
|
- this.OpHotelReservationsData.consumptionDate = '';
|
|
|
|
- this.OpHotelReservationsData.ctdId = '';
|
|
|
|
- this.OpHotelReservationsData.companyBankNo = '';
|
|
|
|
- this.OpHotelReservationsData.otherBankName = '';
|
|
|
|
- this.OpHotelReservationsData.otherSideNo = '';
|
|
|
|
- this.OpHotelReservationsData.otherSideName = '';
|
|
|
|
- this.OpHotelReservationsData.bankNo = '';
|
|
|
|
- this.OpHotelReservationsData.cardholderName = '';
|
|
|
|
- this.OpHotelReservationsData.payee = '';
|
|
|
|
- this.OpHotelReservationsData.orbitalPrivateTransfer = 0;
|
|
|
|
- this.OpHotelReservationsData.cRemark = ''
|
|
|
|
- this.$nextTick(() => {
|
|
|
|
- this.$refs.OpHotelReservationsData.clearValidate();
|
|
|
|
- })
|
|
|
|
|
|
+ this.delegationInfo=[];
|
|
|
|
+ this.PostGroupListByCTableAndUserId();
|
|
|
|
+ // for (let index = 0; index < this.delegationInfoList.length; index++) {
|
|
|
|
+
|
|
|
|
+ // if (this.delegationInfoList[index].id == this.OpHotelReservationsData.diId) {
|
|
|
|
+ // this.delegationInfo = this.delegationInfoList[index];
|
|
|
|
+ // this.OpHotelReservationsData.diId = this.delegationInfoList[index].id;
|
|
|
|
+ // this.VisitDate = this.dateFormat(this.delegationInfo.visitStartDate) + '至' + this.dateFormat(this.delegationInfo.visitEndDate);
|
|
|
|
+ // break;
|
|
|
|
+ // }
|
|
|
|
+ // }
|
|
|
|
+
|
|
|
|
+ // this.HotelReservationsByDiId();
|
|
|
|
+
|
|
|
|
+ // this.OpHotelReservationsData.status = 1;
|
|
|
|
+ // this.OpHotelReservationsData.id = 0;
|
|
|
|
+ // this.OpHotelReservationsData.checkNumber = '';
|
|
|
|
+ // this.OpHotelReservationsData.reservationsWebsite = 103;
|
|
|
|
+ // this.OpHotelReservationsData.reservationsNo = '';
|
|
|
|
+ // this.OpHotelReservationsData.determineNo = '';
|
|
|
|
+ // this.OpHotelReservationsData.city = '';
|
|
|
|
+ // this.OpHotelReservationsData.hotelName = '';
|
|
|
|
+ // this.OpHotelReservationsData.hotelAddress = '';
|
|
|
|
+ // this.OpHotelReservationsData.hotelTel = '';
|
|
|
|
+ // this.OpHotelReservationsData.guestName = '';
|
|
|
|
+ // this.OpHotelReservationsData.checkInDate = '';
|
|
|
|
+ // this.OpHotelReservationsData.budgetCurrency = 836;
|
|
|
|
+ // this.OpHotelReservationsData.checkOutDate = '';
|
|
|
|
+ // this.OpHotelReservationsData.singleRoomCount = 0;
|
|
|
|
+ // this.OpHotelReservationsData.singleRoomPrice = 0.00;
|
|
|
|
+ // this.OpHotelReservationsData.doubleRoomCount = 0;
|
|
|
|
+ // this.OpHotelReservationsData.doubleRoomPrice = 0.00;
|
|
|
|
+ // this.OpHotelReservationsData.suiteRoomCount = 0;
|
|
|
|
+ // this.OpHotelReservationsData.suiteRoomPrice = 0.00;
|
|
|
|
+ // this.OpHotelReservationsData.otherRoomCount = 0;
|
|
|
|
+ // this.OpHotelReservationsData.otherRoomPrice = 0.00;
|
|
|
|
+ // this.OpHotelReservationsData.roomExplanation = '';
|
|
|
|
+ // this.OpHotelReservationsData.attachment = '';
|
|
|
|
+ // this.OpHotelReservationsData.cardPrice = 0.00;
|
|
|
|
+ // this.OpHotelReservationsData.isCardPrice = 0;
|
|
|
|
+ // this.OpHotelReservationsData.predictSingleRoom = 0;
|
|
|
|
+ // this.OpHotelReservationsData.predictDoubleRoom = 0;
|
|
|
|
+ // this.OpHotelReservationsData.predictSuiteRoom = 0;
|
|
|
|
+ // this.OpHotelReservationsData.predictOtherRoom = 0;
|
|
|
|
+ // this.OpHotelReservationsData.governmentRent = 0.00;
|
|
|
|
+ // this.OpHotelReservationsData.governmentRentCurrency = '';
|
|
|
|
+ // this.OpHotelReservationsData.cityTax = 0.00;
|
|
|
|
+ // this.OpHotelReservationsData.cityTaxCurrency = '';
|
|
|
|
+ // this.OpHotelReservationsData.checkType = '';
|
|
|
|
+ // this.OpHotelReservationsData.createUserId = 0;
|
|
|
|
+ // this.OpHotelReservationsData.remark = '';
|
|
|
|
+ // this.OpHotelReservationsData.payMoney = 0.00;
|
|
|
|
+ // this.OpHotelReservationsData.paymentCurrency = '';
|
|
|
|
+ // this.OpHotelReservationsData.payDId = '';
|
|
|
|
+ // this.OpHotelReservationsData.consumptionPatterns = '';
|
|
|
|
+ // this.OpHotelReservationsData.consumptionDate = '';
|
|
|
|
+ // this.OpHotelReservationsData.ctdId = '';
|
|
|
|
+ // this.OpHotelReservationsData.companyBankNo = '';
|
|
|
|
+ // this.OpHotelReservationsData.otherBankName = '';
|
|
|
|
+ // this.OpHotelReservationsData.otherSideNo = '';
|
|
|
|
+ // this.OpHotelReservationsData.otherSideName = '';
|
|
|
|
+ // this.OpHotelReservationsData.bankNo = '';
|
|
|
|
+ // this.OpHotelReservationsData.cardholderName = '';
|
|
|
|
+ // this.OpHotelReservationsData.payee = '';
|
|
|
|
+ // this.OpHotelReservationsData.orbitalPrivateTransfer = 0;
|
|
|
|
+ // this.OpHotelReservationsData.cRemark = ''
|
|
|
|
+ // this.$nextTick(() => {
|
|
|
|
+ // this.$refs.OpHotelReservationsData.clearValidate();
|
|
|
|
+ // })
|
|
},
|
|
},
|
|
HotelReservationsByDiId() {
|
|
HotelReservationsByDiId() {
|
|
|
|
|
|
@@ -1525,11 +1630,24 @@ export default {
|
|
});
|
|
});
|
|
},
|
|
},
|
|
},
|
|
},
|
|
-
|
|
|
|
|
|
+ filters:{
|
|
|
|
+ filter_city(value){
|
|
|
|
+ if(value){
|
|
|
|
+ return value.replaceAll('|','、')
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ filter_time(value){
|
|
|
|
+ if(value){
|
|
|
|
+ return value.split(" ")[0]
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ },
|
|
mounted() {
|
|
mounted() {
|
|
this.token = JSON.parse(localStorage.getItem('userinif')).token;
|
|
this.token = JSON.parse(localStorage.getItem('userinif')).token;
|
|
|
|
+ this.pageId=Number(localStorage.getItem('indexs').split('-')[1]);//页面id
|
|
this.userId = JSON.parse(localStorage.getItem('userinif')).userInfo.userId
|
|
this.userId = JSON.parse(localStorage.getItem('userinif')).userInfo.userId
|
|
- this.HotelReservationsInitialize();
|
|
|
|
|
|
+ this.PostPageLinkCTable();
|
|
|
|
+ // this.HotelReservationsInitialize();
|
|
//this.AirTicketResList()
|
|
//this.AirTicketResList()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@@ -1543,11 +1661,14 @@ export default {
|
|
height: 100%;
|
|
height: 100%;
|
|
min-height: 840px;
|
|
min-height: 840px;
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+.hotelr-all .block {
|
|
|
|
+ margin-top: 10px;
|
|
|
|
+}
|
|
.hotelr-head-li label {
|
|
.hotelr-head-li label {
|
|
color: #606266;
|
|
color: #606266;
|
|
font-size: 15px;
|
|
font-size: 15px;
|
|
font-weight: 600;
|
|
font-weight: 600;
|
|
|
|
+
|
|
}
|
|
}
|
|
|
|
|
|
.hotelr-head {
|
|
.hotelr-head {
|