Commit e9330074 authored by 罗超's avatar 罗超
parents 69e30fd6 feff7635
<style scoped>
.page_fnDm{background-color: white}
.query-box{overflow: inherit;padding: 0}
._nav{margin: 20px 0 0 0 ;background-color: #f5f5f5;}
._nav li{float: left;font-size: 14px;color: #666666;padding: 15px 20px;cursor: pointer;position: relative;background-color: #f1f1f1;margin-right: 5px}
._nav li._active{background-color:#FFFFFF;color: #333333 }
._nav li._active::after{content: "";width: 20px;height: 3px;background-color: #E95252;display: inline-block;position: absolute;bottom: 0;left: 38%;}
.el-range-editor.el-input__inner{border-radius: 0}
.query-box{border: none}
.hight_query{position: relative;}
.hight_query span{height: 34px;line-height: 34px;color: #E95252}
.hight_query span .icon-gengduo{font-size: 12px}
.hight_query span em{text-decoration: underline;cursor: pointer;}
.hight_query_box{position: absolute;background-color: white;z-index: 2000;right: 200px;width: 800px;}
._hqb_shadow{box-shadow:3px 2px 10px rgb(204, 203, 203);border: 1px solid #ececec;}
.query-box ul {overflow: initial;}
.hqb_t{padding: 10px 20px;font-size: 16px;background-color: #E95252;border: 1px solid #E95252;color: #fff;text-align: center;margin-bottom: 15px}
.query-box li:last-child{float: left}
.query-box>ul>li:last-child{float: right;}
.query-box .hight_query ul .el-input{width: inherit }
.hight_query_box ul li{margin-top: 0;float: left;margin-right: 15px}
.hight_query_box ul li label{font-size: 14px}
.hight_query_box .el-form{padding: 0 20px}
.hight_query_box ul li._hqb_btn{float: right;margin-right: 25px;padding-top: 5px;position: inherit}
.Receipt_box{padding: 15px;color: #c94052;width: 614px;background-color: rgba(242, 242, 242, 1);border: 1px solid rgba(228, 228, 228, 1)}
.Receipt_box.color_blur{color: #106BAF;}
.Receipt_box.color_blur .rb_stit span{display: inline-block;border-bottom: 2px solid #106BAF;padding: 0 20px}
.rb_tit{font-size: 18px;text-align: center}
.rb_stit{font-size: 14px;text-align: center}
.rb_stit span{display: inline-block;border-bottom: 2px solid #C94052;padding: 0 20px}
.rb_top_row{display: flex;justify-content: space-between;font-size: 12px;}
.rb_top_row span._r_name{color: #333333}
.rb_top_row span._r_bold{font-weight: bold}
.rb_top_row ._r_time span{color: #333333}
._r_mb5{margin-bottom: 5px;}
.Receipt_table{width: 100%;font-size: 14px;text-align: center}
.Receipt_table .th{font-weight: 200 !important}
._r_mt10{margin-top: 10px;}
._bg__{display: inline-block;padding: 2px 8px;color: white;border-radius: 4px}
._bg_red{background-color: #E95252;}
._bg_green{background-color: #2BB87C}
.text_d{text-decoration: underline;cursor: pointer;}
.PingFangSC{font-weight: bold}
.Bill_par{position: relative;}
tr th,tr td{text-align: center;}
tr._item_list{border-bottom: 1px solid #E5E5E5;height: 78px;}
tr._item_list td{border-bottom: 1px solid #e5e5e5; padding: 10px;}
/* tr._t_head th{border-top: 1px solid #e5e5e5;} */
tr._item_list td:first-child{border-left: 1px solid #e5e5e5;}
tr._item_list td:last-child{border-right: 1px solid #e5e5e5;}
._head_img{width: 28px;height: 28px;border-radius: 50%;vertical-align:middle;}
._btn_group{font-size: 14px;}
.icon-daiqueren{color: #4BCA81}
.icon-yiqueren{color: #4BCA81}
.icon-yiquxiao{color: #959595}
.icon-shenhebohui{color: #E95252}
.icon-icon-zancun{color: #FF9C01}
.singeRowTable tr:hover{background-color: white}
._TradeWayList{padding: 5px 10px;background-color: #EEEEEE;border-radius: 4px;margin: 10px 0;width: 230px}
._bold{font-weight: bold}
._bank_name,._bank_type{display: inline-block;background-color: #333333;color: white;padding: 2px 4px;border-radius: 4px;margin-left:10px;}
._bank_name{margin-left: 10px;}
._bank_type{background-color: #2AAEF2}
._bank_type2{background-color: #FF9C01}
._font_init{color: #333333;font-size: 12px;vertical-align:top;}
.InfoChangeLog{height: auto;max-height: 220px;background-color: #FFFFFF;}
.changLogList{padding-left: 20px;max-height: 180px;overflow: auto;}
.changLogList_l{border-left: 1px solid #E9E9E9;position: relative;padding-bottom: 10px;padding-left: 20px;padding-top: 10px;}
._radius_green{background-color: #47BF8C;width: 7px;height: 7px;border-radius: 50%;display: inline-block;position: absolute;left: -4px;top: 19px;}
.changLog_time{color: #666666;font-size: 12px;display: inline-block;padding-right: 10px}
._icon_btn i{width: 30px;height: 30px;display: inline-block;color: white !important;border-radius: 50%;text-align: center;line-height: 30px;margin-right: 10px;cursor: pointer;outline: none;}
._icon_btn i.edit{background-color: #00C6FF;font-size: 16px;}
._icon_btn i.edit:hover{background-color: #59daff}
._icon_btn i.edit:active{background-color: #00b8ec}
._icon_btn i.icon-sousuo{background-color: #47BF8C;}
._icon_btn i.icon-sousuo:hover{background-color: #66bb97}
._icon_btn i.icon-sousuo:active{background-color: #35ab79}
._icon_btn i.icon-ico_commodity_defaul{background-color: #F16C3C;}
._icon_btn i.icon-ico_commodity_defaul:hover{background-color: #e87c54}
._icon_btn i.icon-ico_commodity_defaul:active{background-color: #f76630}
._icon_btn i.icon-quxiao1{background-color: #E95252;}
._icon_btn i.icon-quxiao1:hover{background-color: #ea6d6d}
._icon_btn i.icon-quxiao1:active{background-color:#e42d2d}
._icon_btn i.icon-zhuanjiao1{background-color: #E6A014;font-size: 16px;}
._icon_btn i.icon-zhuanjiao1:hover{background-color: rgb(235, 184, 84)}
._icon_btn i.icon-zhuanjiao1:active{background-color: rgb(223, 150, 6)}
._tag_span{background-color: rgba(64,158,255,.1);display: inline-block;padding: 0 5px;height: 22px;line-height: 20px;font-size: 12px;color: #409eff;border-radius: 4px;box-sizing: border-box;border: 1px solid rgba(64,158,255,.2);white-space: nowrap;margin-bottom: 4px;}
._tag_span._tag_warr{background-color: rgba(103,194,58,.1);border-color: rgba(103,194,58,.2);color: #67c23a;}
._fex_cen{display: flex;align-items: center}
._pad5{padding: 5px 10px;}
._color_gar{color: gray}
._TCIDAndTCNUMList{
display: flex;
}
._link_hover{
color: #3980C8;
border-bottom: 1px dotted #3980C8;
cursor: pointer;
}
._link_hover:hover{
color: #E95252;
border-bottom: 1px solid #E95252;
}
.noDataNotice {
text-align: center;
padding: 0;
color: #999;
font-size: 14px;
}
.noDataNotice>i {
font-size: 120px;
color: #ccc;
}
.noDataNotice>p {
color: #ccc;
padding-bottom: 25px;
}
._singeRowTable_two>tbody>tr:last-child td{
border-bottom: 0 !important;
}
._singeRowTable_two>tbody>tr:first-child td{
border-top: 0 !important;
}
._singeRowTable_two>tbody>tr td{
border-left: 0 !important;
}
._color_red{
color: #E95252;
}
</style>
<template >
<div class="page_fnDm page_RecPayQuery" >
<div class="query-box">
<el-form class="_info_box clearfix" label-width="110px">
<el-row style="padding:15px 20px 0 0;">
<el-col :span="4">
<el-form-item label="公司:">
<el-select filterable v-model='msg.RB_Branch_Id' @change="getDepartmentMsg.RB_Branch_Id=msg.RB_Branch_Id,msg.RB_Department_Id=0,msg.EnterID=0,getDepartment()" class="">
<el-option :value="-1" label="不限"></el-option>
<el-option v-for='item in CompanyList'
:label='item.BName'
:value='item.Id'
:key='item.Id'>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="部门:">
<el-select filterable v-model='msg.RB_Department_Id' @change="employeeMsg.DepartmentId=msg.RB_Department_Id,getEmployee(),msg.EnterID=0" class="">
<el-option :value="0" label="不限"></el-option>
<el-option v-for='item in DepartmentList'
:label='item.DepartmentName'
:value='item.DepartmentID'
:key='item.DepartmentID'>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="员工:">
<el-select filterable v-model='msg.EnterID' class="">
<el-option :value="0" label="不限"></el-option>
<el-option v-for='item in EmployeeList'
:label='item.EmName'
:value='item.EmployeeId'
:key='item.EmployeeId'>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="订单号:">
<el-input placeholder="" class="" v-model="msg.OrderId" @keyup.native="checkInteger(msg,'OrderId')" maxlength="8"></el-input>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="团队编号:">
<el-input v-model="msg.TCID" class="" @keyup.native="checkInteger(msg,'TCID')" maxlength="7"></el-input>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="出发城市:">
<el-select filterable v-model='msg.DepartureCityId' class="">
<el-option :value="0" label="不限"></el-option>
<el-option
v-for="item in startCityList1"
:label='item.startCityName'
:value='item.ID'
:key='item.ID'>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="线路:">
<el-select filterable v-model='msg.LineId' @change="getLineTeamList(msg.LineId)">
<el-option :value="0" label="不限"></el-option>
<el-option
v-for="item in LineList"
:label='item.LineName'
:value='item.LineID'
:key='item.LineID'>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="系列:">
<el-select filterable v-model='msg.LineteamId' class="">
<el-option :value="0" label="不限"></el-option>
<el-option
v-for="item in LineTeamList"
:label='item.LtName'
:value='item.LtID'
:key='item.LtID'>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="发团日期:">
<el-date-picker class="h34"
@change="timeAdd"
v-model="defaultMonth"
type="daterange"
clearble
value-format="yyyy-MM-dd"
range-separator="至">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="收款状态:">
<el-select filterable v-model='msg.IsCollectMoney' >
<el-option key="0" value="0" label="不限"></el-option>
<el-option key="1" value="1" label="已收齐"></el-option>
<el-option key="2" value="2" label="未收齐"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="外交平台:">
<el-select filterable v-model='msg.PlatformAccount' >
<el-option key="0" value="0" label="不限"></el-option>
<el-option v-for='item in PlatformAccountList' :label='item.Alias' :value='item.ID' :key='item.ID'>
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-form>
<ul class="clearfix">
<li class="hight_query">
<button type="button" class="normalBtn" @click="downMuban()">导出</button>
<button class="hollowFixedBtn" @click="getPageList()">{{$t('pub.searchBtn')}}</button>
</li>
</ul>
</div>
<div class="_fnDm_content" v-loading='loading'>
<table border="0" cellspacing="0" cellpadding="0" class="singeRowTable" style="table-layout: fixed;">
<tr>
<th>团队编号</th>
<th>发团日期</th>
<th>订单号</th>
<th>外交平台信息</th>
<th>客户信息</th>
<th>业务员</th>
<th>应收金额</th>
<th>实收金额</th>
<th>优惠金额</th>
<th>待收金额</th>
<th>已退款</th>
<th>平台税金</th>
<th>在途金额</th>
</tr>
<tr v-for=" ( item , index ) in DataList ">
<td> <span class="_link_hover" @click="jumpPage('RegistrationList', item.TCID, 1, 0)"> {{ item.TCNUM }}{{ item.TCID }}</span> </td>
<td> {{ item.StartDate }} </td>
<td colspan="11">
<table class="_singeRowTable_two" style="width: 100%;table-layout: fixed;border-collapse: collapse;" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr v-for=" ( son , sIndex ) in item.OrderList ">
<td> <span class="_link_hover" @click="jumpPage('RegistrationList', son.OrderId, 2, item.TCID)"> {{ son.OrderId }} </span> </td>
<td>{{ son.PlatformOrder }}<br/>{{son.PlatformAccountName}} </td>
<td> {{ son.ContactName }} </td>
<td> {{ son.EmName }}<br/>{{son.CreateDate}} </td>
<td> {{ son.PreferPrice }} </td>
<td> <span :class="son.DaiShou != 0 ? '_color_red':''"> {{ son.Income }} </span> </td>
<td>{{son.DiscountMoney}}</td>
<td>{{ son.DaiShou}} </td>
<td> {{ son.Refund }} </td>
<td> {{ son.PlatformTax }} </td>
<td> {{ son.ZaiTuMoney }} </td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr class="_color_red">
<td colspan="6">合计</td>
<td>{{Statistics.PreferPrice}}</td>
<td>{{Statistics.Income}}</td>
<td>{{Statistics.DiscountMoney}}</td>
<td>{{Statistics.DueinMoney}}</td>
<td>{{Statistics.Refund}}</td>
<td>{{Statistics.PlatformTax}}</td>
<td>{{Statistics.ZaiTuMoney}}</td>
</tr>
</table>
<div class="noDataNotice" v-if="noData">
<i class="iconfont icon-kong"></i>
<p>没有找到你需要的数据</p>
</div>
<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>
</div>
</div>
</template>
<script>
import myBill from "./FinancialSubmodule/BillModule.vue";
import myrbvBill from "./FinancialSubmodule/ReceivablesModule.vue";
import Vue from 'vue'
export default {
data(){
return{
showID:false,
currentPage:1,
total:0,
msg:{
pageSize:14,
pageIndex:1,
RB_Branch_Id:-1,
RB_Department_Id:'',
EnterID:'',
OrderId:'',
DepartureCityId:'',
LineId:'',
LineteamId: 0,
TCID:'',
CStartDate:'',
QEndDate:'',
IsCollectMoney:'0',
PlatformAccount:'0'
},
getCompanyMsg:{ // 公司
RB_Group_Id:'0',
Status:'0',
},
getDepartmentMsg:{// 部门
RB_Group_Id:'',
RB_Branch_Id:'',
Status:0,
ParentId:-1,
Tier:0,
},
employeeMsg:{ // 员工
GroupId:'',
BranchId:-1,
DepartmentId:0,
PostId:0,
IsLeave:0,
},
DataList:[],
Statistics:{},
DepartmentList:[],
EmployeeList:[],
CompanyList:[],
loading:false,
LineList:[],
LineTeamList:[],
startCityList1:[],
defaultMonth:[
'',
new Date().Format("yyyy-MM-dd"),
],
choiceDate: '',
EmployeeId:0,
noData:false,
PlatformAccountList:[],
}
},
created(){
var date = new Date().Format("yyyy-MM-dd");
var arr = date.split('-');
var year = arr[0]; //获取当前日期的年份
var month = arr[1]; //获取当前日期的月份
var day = arr[2]; //获取当前日期的日
var days = new Date(year, month, 0);
days = days.getDate(); //获取当前日期中月的天数
var year2 = year;
var month2 = parseInt(month) - 1;
if (month2 == 0) {
year2 = parseInt(year2) - 1;
month2 = 12;
}
var day2 = day;
var days2 = new Date(year2, month2, 0);
days2 = days2.getDate();
if (day2 > days2) {
day2 = days2;
}
if (month2 < 10) {
month2 = '0' + month2;
}
var t2 = year2 + '-' + month2 + '-' + day2;
this.msg.RB_Branch_Id=this.$route.query.BranchId?Number(this.$route.query.BranchId):this.msg.RB_Branch_Id;
if(this.$route.query.startDate){
this.defaultMonth[0]=this.$route.query.startDate;
this.defaultMonth[1]=this.$route.query.endDate;
}else{
this.defaultMonth[0] = t2;
}
},
components: {
"my-Bill": myBill,
"my-RVB-Bill":myrbvBill,
},
mounted(){
let userInfo=this.getLocalStorage();
this.getCompanyMsg.RB_Group_Id= this.employeeMsg.GroupId = this.getDepartmentMsg.RB_Group_Id = userInfo.RB_Group_id; //集团ID
this.EmployeeId = userInfo.EmployeeId;
this.getCompanyList();
this.getEmployee();
this.getDepartment();
this.getPageList();
this.getLineList();
this.getStartList1();
this.getPlatformAccountNew();
},
methods:{
getPlatformAccountNew() {
this.apipost('Financial_get_GetDiplomacyPlatformList', {}, res => {
if (res.data.resultCode == 1) {
this.PlatformAccountList= [];
let data=res.data.data;
data.forEach(item=>{
let obj={
Alias:item.Name,
ID:item.ID,
}
this.PlatformAccountList.push(obj)
})
}
}, err => {})
},
handleCurrentChange(val) {//翻页功能按钮
this.msg.pageIndex = val;
this.getPageList();
},
downMuban(){
if(this.defaultMonth!=''){
this.msg.CStartDate = this.defaultMonth[0];
this.msg.QEndDate = this.defaultMonth[1];
}else{
this.msg.CStartDate = '2019-01-01';
this.msg.QEndDate = '';
}
if(!this.msg.RB_Branch_Id)this.msg.RB_Branch_Id=-1;
if(!this.msg.RB_Department_Id)this.msg.RB_Department_Id=0;
if(!this.msg.EnterID)this.msg.EnterID=0;
if(!this.msg.OrderId)this.msg.OrderId=0;
if(!this.msg.DepartureCityId)this.msg.DepartureCityId=0;
if(!this.msg.LineId)this.msg.LineId=0;
if(!this.msg.LineteamId)this.msg.LineteamId=0;
if(!this.msg.TCID)this.msg.TCID=0;
this.msg.EmployeeId = this.EmployeeId;
this.GetLocalFile("Financial_post_OutToExcelDiplomaticPlatformList", this.msg,new Date().Format("yyyy-MM-dd")+Math.random()+ ".xls");
// this.apipost('Financial_post_OutToExcelInComePayInfoList',this.msg,res=>{
// if(res.data.resultCode==1){
// const link = document.createElement('a');
// let _loadUrl=this.domainManager().LocalFileStreamDownLoadUrl;
// link.href = _loadUrl+res.data.data.F系列ileUrl;
// document.body.appendChild(link);
// link.click();
// this.msg.OrderId= this.msg.OrderId=0?this.msg.OrderId:'';
// this.msg.TCID= this.msg.TCID=0?this.msg.TCID:'';
// }
// },err=>{})
},
jumpPage(path,id,type,tcid){
if(type==1){
this.$router.push({
name: path,
query: { id: id,blank:'y'}
})
}
if(type==2){
this.$router.push({
name: path,
query: { id:tcid,orderID: id,blank:'y',isShow:false}
})
}
},
getStartList1() {// 获取出发城市
this.apipost("city_post_GetList", {
isDefault: -1,
priceType: -1
}, res => {
if(res.data.resultCode == 1) {
this.startCityList1 = res.data.data;
} else {
}
});
},
getLineTeamList(lineId) { //获取系列列表
this.LineTeamList = [];
this.apipost(
"team_post_GetList",
{
lineID: lineId,
isTOOP: 1
},
res => {
if (res.data.resultCode == 1) {
this.msg.LineteamId = 0;
this.LineTeamList = res.data.data;
}
}
);
},
getLineList() { // 获取线路
this.apipost("line_post_GetAllList", {}, res => {
if (res.data.resultCode == 1) {
this.LineList = res.data.data;
} else {
this.$message.error(res.data.message);
}
});
},
getPageList(){ // 获取列表数据
if(this.defaultMonth){
this.msg.CStartDate = this.defaultMonth[0];
this.msg.QEndDate = this.defaultMonth[1];
}else{
this.msg.CStartDate = '2019-01-01';
this.msg.QEndDate = '';
}
if(!this.msg.RB_Branch_Id&&this.msg.RB_Branch_Id!=0){
this.msg.RB_Branch_Id=-1;
}
if(!this.msg.RB_Department_Id)this.msg.RB_Department_Id=0;
if(!this.msg.EnterID)this.msg.EnterID=0;
if(!this.msg.OrderId)this.msg.OrderId=0;
if(!this.msg.DepartureCityId)this.msg.DepartureCityId=0;
if(!this.msg.LineId)this.msg.LineId=0;
if(!this.msg.LineteamId)this.msg.LineteamId=0;
if(!this.msg.TCID)this.msg.TCID=0;
this.loading= true;
this.apipost('Financial_get_GetDiplomaticPlatformList',this.msg,res=>{
if(res.data.resultCode == 1) {
this.total = res.data.data.count;
this.DataList = res.data.data.pageData.List;
this.Statistics=res.data.data.pageData.Statistics;
if(this.DataList.length==0){
this.noData = true;
}else{
this.noData = false;
}
}else{
this.$message.error(res.data.message);
}
this.loading=false;
this.msg.OrderId= this.msg.OrderId>0?this.msg.OrderId:'';
this.msg.TCID= this.msg.TCID>0?this.msg.TCID:'';
// this.queryInfoInit();
},err=>{})
},
getDepartment(){ //部门
this.apipost('admin_get_DepartmentGetList', this.getDepartmentMsg, res => {
if(res.data.resultCode == 1) {
this.DepartmentList = res.data.data;
}
}, err => {})
},
getEmployee() { //员工
this.apipost('admin_get_EmployeeGetList', this.employeeMsg, res => {
if(res.data.resultCode == 1) {
this.EmployeeList = res.data.data;
}
}, err => {})
},
getCompanyList(){ //获取公司列表
this.apipost('admin_get_BranchGetList',this.getCompanyMsg,res=>{
if(res.data.resultCode==1){
this.CompanyList=res.data.data;
}else{}
},err=>{})
},
timeAdd(){ // 日期格式
if(this.defaultMonth==='')return
this.msg.CStartDate = this.defaultMonth[0];
this.msg.QEndDate = this.defaultMonth[1];
},
queryInfoInit(){ // 初始化msg
let msg = {
RB_Branch_Id:this.msg.RB_Branch_Id,
RB_Department_Id:this.msg.RB_Department_Id,
EnterID:this.msg.EnterID,
OrderId:this.msg.Or+derId,
DepartureCityId:this.msg.DepartureCityId,
LineId:this.msg.LineId,
LineteamId:this.msg.LineteamId,
TCID:this.msg.TCID,
CStartDate:this.msg.CStartDate,
QEndDate:this.msg.QEndDate,
}
this.msg = msg;
},
}
}
</script>
......@@ -3217,6 +3217,14 @@ export default {
title: '外币单据查询'
},
},
{ //财务 财务单据 外交平台查询
path: '/platformQuery',
name: 'platformQuery',
component: resolve => require(['@/components/FinancialModule/platformQuery'], resolve),
meta: {
title: '外交平台查询'
},
},
{ //财务 财务单据 费用单据
path: '/Costdocuments',
name: 'Costdocuments',
......
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