Commit 6b148482 authored by 黄奎's avatar 黄奎

页面修改

parent 1f814fa1
......@@ -18,10 +18,11 @@
<th>附件</th>
<th>备注</th>
</tr>
<template v-for='(item,index) in dataList'>
<template v-for='(item,index) in dataList'>
<template v-if="item.ReimburseList && item.ReimburseList.ReimburseDetailsList.length">
<tr v-for="(childItem,childIndex) in item.ReimburseList.ReimburseDetailsList" >
<td v-if="childIndex==0" :rowspan="item.ReimburseList.ReimburseDetailsList.length">{{item.CheckInDateStr}}</td>
<tr v-for="(childItem,childIndex) in item.ReimburseList.ReimburseDetailsList">
<td v-if="childIndex==0" :rowspan="item.ReimburseList.ReimburseDetailsList.length">{{item.CheckInDateStr}}
</td>
<td v-if="childIndex==0" :rowspan="item.ReimburseList.ReimburseDetailsList.length">
{{item.HotelName}}
</td>
......@@ -43,7 +44,7 @@
<span v-else-if="item.PayStyle === 3">预付</span>
<span v-else-if="item.PayStyle === 6">公司合团支付</span>
<span v-else></span>
</br>
<br />
<span v-show="item.PayStyle==6">付款团号:{{item.PayTypeTCNUM}}</span>
</td>
<td v-if="childIndex==0" :rowspan="item.ReimburseList.ReimburseDetailsList.length">
......@@ -52,12 +53,9 @@
<td v-if="childIndex==0" :rowspan="item.ReimburseList.ReimburseDetailsList.length">
<div v-if="item.ReimburseList.VoucherPicList.length">
<div v-for="(vou, vouIndex) in item.ReimburseList.VoucherPicList" :key="vouIndex">
<el-image
style="width: 20px;height: 20px;"
:src="vou.url"
:preview-src-list="subItem.listUrl">
</el-image>
<!-- <img @click="openImg(vou.url)" style="width: 20px;height: 20px;" :src="vou.url" alt=""> -->
<el-image style="width: 20px;height: 20px;" :src="vou.url" :preview-src-list="item.listUrl">
</el-image>
</div>
</div>
<div v-else>
......@@ -68,89 +66,93 @@
{{item.ReimburseList.Remarks}}
</td>
</tr>
</template>
<tr v-else>
<td colspan="9">暂无数据</td>
</tr>
</template>
<tr v-else>
<td colspan="9">暂无数据</td>
</tr>
</template>
</table>
</div>
</template>
<script>
export default {
data() {
return {
loading: true,
dataList: [],
currencyList: [],
export default {
data() {
return {
loading: true,
dataList: [],
currencyList: [],
};
},created(){
this.apipost("financeinfo_post_GetList", {Name: ""}, res=>{
if (res.data.resultCode === 1) {
let data = res.data.data;
this.currencyList = data
}
}, null)
},
mounted() {
let TCIDs = this.$route.query.TCIDs;
let date = this.$route.query.date;
this.getList(TCIDs, date);
},
filters: {},
methods: {
getCurrencyStr: function(id){
for(let i = 0; i < this.currencyList.length; i++) {
if (this.currencyList[i].ID == id) {
return this.currencyList[i].Name
};
},
created() {
this.apipost("financeinfo_post_GetList", {
Name: ""
}, res => {
if (res.data.resultCode === 1) {
let data = res.data.data;
this.currencyList = data
}
}
}, null)
},
openImg(src){
window.open(src, "_blank");
mounted() {
let TCIDs = this.$route.query.TCIDs;
let date = this.$route.query.date;
this.getList(TCIDs, date);
},
//获取数据
getList(TCIDs, date) {
this.loading = true;
this.apipost(
"dmcstatistics_post_GetNewLeaderPayMoneyStatics",
{TCIDs: TCIDs},
res => {
this.loading = false;
if (res.data.resultCode === 1) {
let data = res.data.data.HotelOrderListReport;
let dataList = [];
if(date!=='all') {
data.map(x=>{
if (x.UseTimeStr == date){
filters: {},
methods: {
getCurrencyStr: function (id) {
for (let i = 0; i < this.currencyList.length; i++) {
if (this.currencyList[i].ID == id) {
return this.currencyList[i].Name
}
}
},
openImg(src) {
window.open(src, "_blank");
},
//获取数据
getList(TCIDs, date) {
this.loading = true;
this.apipost(
"dmcstatistics_post_GetNewLeaderPayMoneyStatics", {
TCIDs: TCIDs
},
res => {
this.loading = false;
if (res.data.resultCode === 1) {
let data = res.data.data.HotelOrderListReport;
let dataList = [];
if (date !== 'all') {
data.map(x => {
if (x.UseTimeStr == date) {
dataList.push(...x.HotelOrderList)
}
})
} else {
data.map(x => {
dataList.push(...x.HotelOrderList)
})
}
dataList.forEach(x => {
x.listUrl = [];
if (x.ReimburseList && x.ReimburseList.VoucherPicList && x.ReimburseList.VoucherPicList) {
x.ReimburseList.VoucherPicList.forEach(z => {
y.listUrl.push(z.url);
})
}
})
});
this.dataList = dataList;
} else {
data.map(x=>{
dataList.push(...x.HotelOrderList)
})
this.Error(res.data.message);
}
dataList.forEach(x => {
x.ScenicStatisticsList.forEach(y=>{
y.listUrl = []
y.ReimburseList.VoucherPicList&&y.ReimburseList.VoucherPicList.forEach(z=>{
y.listUrl.push(z.url)
})
})
});
this.dataList = dataList;
} else {
this.Error(res.data.message);
}
},
null
);
},
}
};
},
null
);
},
}
};
</script>
<template>
<div class="flexOne" style="min-width: 1200px;">
<!-- 表格 -->
<div style="width: 100%; height: auto;min-height:500px;overflow-x: auto;margin-top:20px" class="ownScrollbarStyle">
<table class="groupTourOrderSearchTable" border="0" cellspacing="0" cellpadding="0" v-loading='loading'>
......@@ -12,174 +10,163 @@
<th>附件</th>
</tr>
<template v-for='(item, index) in dataList'>
<tr :key="index">
<td>{{item.UseDate ? item.UseDate.replace('T', ' ') : ''}}</td>
<td>{{item.UnitPrice}}</td>
<td>{{item.Remark}}</td>
<td>
<div v-if="item.VoucherPicList.length">
<div v-for="(vou, vouIndex) in item.VoucherPicList" :key="vouIndex">
<el-image
style="width: 20px;height: 20px;"
:src="vou.url"
:preview-src-list="subItem.listUrl">
</el-image>
<!-- <img @click="openImg(vou.url)" style="width: 20px;height: 20px;" :src="vou.url" alt=""> -->
</div>
</div>
<div v-else>
</div>
</td>
</tr>
<tr :key="index">
<td>{{item.UseDate ? item.UseDate.replace('T', ' ') : ''}}</td>
<td>{{item.UnitPrice}}</td>
<td>{{item.Remark}}</td>
<td>
<div v-if="item.VoucherPicList.length">
<div v-for="(vou, vouIndex) in item.VoucherPicList" :key="vouIndex">
<el-image style="width: 20px;height: 20px;" :src="vou.url" :preview-src-list="item.listUrl">
</el-image>
</div>
</div>
<div v-else>
</div>
</td>
</tr>
</template>
<tr>
<td v-show="dataList.length==0" colspan="16" align="center">暂无数据</td>
</tr>
</table>
</div>
<!-- <el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
layout="total,prev, pager, next, jumper" :page-size="msg.pageSize" :total="total"></el-pagination> -->
</div>
</template>
<script>
import payURL from "../commonPage/payURL.vue";
import moment from "moment";
export default {
data() {
return {
msg: {
TCIDs:''
},
dataList: [],
loading: false,
total: 0,
currentPage: 1,
showID: -1,
companyList:[],
employeeList:[],
urrencyTypeObj:{},
};
},
components: {},
created() {
let userInfo = this.getLocalStorage();
this.msg.TCIDs=this.$route.query.TCIDs?this.$route.query.TCIDs:"";
this.msg.date=this.$route.query.date?this.$route.query.date:"";
},
methods: {
openImg(src){
window.open(src, "_blank");
export default {
data() {
return {
msg: {
TCIDs: ''
},
dataList: [],
loading: false,
total: 0,
currentPage: 1,
showID: -1,
companyList: [],
employeeList: [],
urrencyTypeObj: {},
};
},
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getList();
},
resetPageIndex() {
this.msg.pageIndex = 1;
this.currentPage = 1;
components: {},
created() {
let userInfo = this.getLocalStorage();
this.msg.TCIDs = this.$route.query.TCIDs ? this.$route.query.TCIDs : "";
this.msg.date = this.$route.query.date ? this.$route.query.date : "";
},
openImg(src){
window.open(src, "_blank");
},
getList() {
this.loading = true;
this.apipost('dmcstatistics_post_GetNewLeaderPayMoneyStatics', this.msg, res => {
this.loading=false;
if(res.data.resultCode == 1) {
methods: {
openImg(src) {
window.open(src, "_blank");
},
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getList();
},
resetPageIndex() {
this.msg.pageIndex = 1;
this.currentPage = 1;
},
openImg(src) {
window.open(src, "_blank");
},
getList() {
this.loading = true;
this.apipost('dmcstatistics_post_GetNewLeaderPayMoneyStatics', this.msg, res => {
this.loading = false;
if (res.data.resultCode == 1) {
this.dataList = [];
let data=res.data.data.OtherOrderInfo.OtherList;
if(this.msg.date!='all'){
let data = res.data.data.OtherOrderInfo.OtherList;
if (this.msg.date != 'all') {
data.forEach(item => {
if(item.UseTimeStr==this.msg.date){
this.dataList.push(item);
}
if (item.UseTimeStr == this.msg.date) {
this.dataList.push(item);
}
});
}else{
this.dataList=data;
} else {
this.dataList = data;
}
this.dataList.forEach(x => {
x.ScenicStatisticsList.forEach(y=>{
y.listUrl = []
y.ReimburseList.VoucherPicList&&y.ReimburseList.VoucherPicList.forEach(z=>{
y.listUrl.push(z.url)
x.listUrl = [];
if (x.VoucherPicList && x.VoucherPicList.length > 0) {
x.VoucherPicList.forEach(z => {
x.listUrl.push(z.url)
})
})
}
});
} else {
} else {
this.Error(res.data.message);
}
}
}, err => {})
},
},
mounted() {
this.getList();
}
};
},
mounted() {
this.getList();
}
};
</script>
<style scoped>
.numSpan{
display: inline-block;
width:60px;
}
.widthSpan{
.numSpan {
display: inline-block;
width: 60px;
}
.widthSpan {
display: inline-block;
width: 45px;
}
.groupTourOrderSearchTable {
width: 100%;
min-width: 1500px;
font-size: 14px;
color: #333;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
/* border-collapse: collapse; */
}
}
.groupTourOrderSearchTable tr th {
background: #e6e6e6;
height: 30px;
font-size: 12px;
text-align: left;
text-indent: 15px;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
}
.groupTourOrderSearchTable {
width: 100%;
min-width: 1500px;
font-size: 14px;
color: #333;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
/* border-collapse: collapse; */
}
.groupTourOrderSearchTable tr {
background: #fff;
text-align: left;
}
.groupTourOrderSearchTable tr th {
background: #e6e6e6;
height: 30px;
font-size: 12px;
text-align: left;
text-indent: 15px;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
}
.groupTourOrderSearchTable tr td {
padding: 8px;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
}
.groupTourOrderSearchTable tr {
background: #fff;
text-align: left;
}
.groupTourOrderSearchTable tr td p {
line-height: 20px;
}
.groupTourOrderSearchTable tr td {
padding: 8px;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
}
.groupTourOrderSearchTable .dowloadSpan:hover {
text-decoration: underline;
cursor: pointer;
}
.groupTourOrderSearchTable tr td p {
line-height: 20px;
}
.groupTourOrderSearchTable span.personNo {
text-decoration: underline;
cursor: pointer;
}
.groupTourOrderSearchTable .dowloadSpan:hover {
text-decoration: underline;
cursor: pointer;
}
.groupTourOrderSearchTable span.personNo:hover {
font-weight: bold;
color: #e95252;
}
.groupTourOrderSearchTable span.personNo {
text-decoration: underline;
cursor: pointer;
}
.groupTourOrderSearchTable span.personNo:hover {
font-weight: bold;
color: #e95252;
}
</style>
......@@ -1024,7 +1024,6 @@
}
}).catch(err => {})
},
// 生成pdf
toContractPDF: function (title) {
let urlObj = this.domainManager();
......@@ -1156,5 +1155,4 @@
this.getShow(TID);
}
};
</script>
</script>
\ No newline at end of file
......@@ -305,9 +305,12 @@
<input type="button" class="TCbtn-info" v-if="CtObj.status==1" @click="goUrl()" value="预览">
<input type="button" class="TCbtn-info" v-if="CtObj.auditContract==2" @click="getinvalid()" value="作废">
<input type="button" class="TCbtn-info" @click="dialogVisible=true,getGuestList()" value="复制合同" />
<input type="button" v-if="CtObj.auditContract!=2" class="btn-warning" @click="submitForm('CtObj')"
value="保存" />
<template v-if="CtObj.auditContract!=2">
<input type="button" class="btn-warning" @click="submitForm('CtObj')" value="保存" />
</template>
<template v-if="CurrentUserInfo.EmployeeId==615">
<input type="button" class="btn-warning" @click="submitForm('CtObj')" value="保存(S)" />
</template>
</div>
</div>
<el-form label-width="180px" :model="CtObj" :rules="rules" ref="CtObj">
......@@ -1552,7 +1555,9 @@
this.GetTrip(0, this.msg.TCID);
}
if (this.CtObj.auditContract == 2) {
this.goContract()
if (this.CurrentUserInfo.EmployeeId != 615) {
this.goContract()
}
}
} else {
this.Error(res.data.message);
......
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