Skip to content

C
confucius
Commit f18b2db8 authored by Mac's avatar Mac
Browse files
Options

1

parent e9515ab4
Hide whitespace changes
Inline Side-by-side
Showing with 197 additions and 18 deletions
src/pages/financial/JumpReport.vue
View file @ f18b2db8
......@@ -311,22 +311,201 @@
<div class="JumpDivTitleTwo">应付金额：{{SumYingFu}} <span class="JumpSpan">实付金额：{{SumShiFu}}</span> 待付金额：{{SumDaiFu}}</div>
</div>
<div class="_fnDm_content" v-loading='loading'>
<v-table
is-horizontal-resize
column-width-drag
style="width:100%"
:columns="columns"
:table-data="DataList"
:filter-method="filterMethod"
:total='total'
:pageSize='pageSize'
:pageIndex='pageIndex'
:handleCurrentChange='handleCurrentChanges'
:row-height='100'
@on-custom-comp="customCompFunc"
@sort-change="sortChange"
multiple-sort><!-- 多个排序 -->
</v-table>
<!-- <v-table-->
<!-- is-horizontal-resize-->
<!-- column-width-drag-->
<!-- style="width:100%"-->
<!-- :columns="columns"-->
<!-- :table-data="DataList"-->
<!-- :filter-method="filterMethod"-->
<!-- :total='total'-->
<!-- :pageSize='pageSize'-->
<!-- :pageIndex='pageIndex'-->
<!-- :handleCurrentChange='handleCurrentChanges'-->
<!-- :row-height='100'-->
<!-- @on-custom-comp="customCompFunc"-->
<!-- @sort-change="sortChange"-->
<!-- multiple-sort>&lt;!&ndash; 多个排序 &ndash;&gt;-->
<!-- </v-table>-->
<el-table
:data="DataList"
border
style="width: 100%;font-size: 12px">
<el-table-column prop="FrID" label="单号" width="80">
<template slot-scope='scope'>
<el-popover
popper-class="detailsIT_Journal"
placement="bottom-start"
trigger="click">
<template v-if="scope.row.Type!=1&&scope.row.modelShow&&(scope.row.Is_Merge==0||scope.row.Is_Merge==null)">
<my-Bill :ID="scope.row.FrID" :width="widthSon" :color="colorSon"></my-Bill>
</template>
<template v-else-if="scope.row.Type==1&&scope.row.modelShow&&(scope.row.Is_Merge==0||scope.row.Is_Merge==null)">
<my-RVB-Bill :ID="scope.row.FrID" :width="widthSon" :color="colorSon"></my-RVB-Bill>
</template>
<template v-else-if="scope.row.Is_Merge==1&&scope.row.modelShow">
<my-HB-Bill :ID="scope.row.FrID" :width="widthSon" :color="colorSon"></my-HB-Bill>
</template>
<span slot="reference" @click="scope.row.modelShow = true" style="text-decoration: underline;cursor: pointer;font-weight: bold" >{{scope.row.FrID}}</span>
</el-popover>
</template>
</el-table-column>
<el-table-column prop="BranchName" label="所属校区" width="100"></el-table-column>
<el-table-column prop="allName" label="单据类型" width="150">
<template slot-scope="scope">
<span>
<span v-if="scope.row.Type==2" style="display: inline-block;
padding: 2px 8px;
color: white;
background-color: #E95252;
line-height: 16px;
border-radius: 4px;">
支出
</span>
<span v-if="scope.row.Type==1" style="display: inline-block;
padding: 2px 8px;
color: white;
background-color: #2BB87C;
line-height: 16px;
border-radius: 4px;">
收入
</span>
<el-tooltip class="item" effect="dark" content="追加团款" placement="top">
<span v-if="scope.row.OtherType == 1" style="width: 20px;
height: 20px;
display: inline-block;
border-radius: 50%;
text-align: center;
line-height: 20px;
color: #E95252;
border: 1px solid #E95252;
font-size: 12px;" class="zhuiClass">追</span>
</el-tooltip>
</span>
</template>
</el-table-column>
<el-table-column prop="Accountholder" label="关联信息">
<template slot-scope="scope">
<div>
<div v-if="scope.row.TCIDAndTCNUMList.length>0">
<div class="_TCIDAndTCNUMList" style="display: flex;">
<span>团号：</span>
<div v-if="scope.row.TCIDAndTCNUMList&&scope.row.TCIDAndTCNUMList.length>0">
<p><span v-for="(i,ix) in scope.row.TCIDAndTCNUMList">{{i.ClassName}}（{{i.ClassId}}） <span v-if="ix!=scope.row.TCIDAndTCNUMList.length-1">,</br></span></span></p>
</div>
<div v-else>
<span>无</span>
</div>
</div>
<p v-if="scope.row.OrderID>0 && scope.row.OrderSource==8">单号：<span class="">{{scope.row.OrderID}}</span></p>
</div>
<div v-else-if="scope.row.OrderSource==8 && scope.row.TCIDAndTCNUMList.length==0">
<p class="_TCIDAndTCNUMList">暂无团期信息</p>
</div>
<div v-else-if="scope.row.OrderSource==4 && scope.row.TCIDAndTCNUMList.length==0">
<p class="_TCIDAndTCNUMList" style="text-decoration: underline;cursor: pointer;" @click="goTicketPage(scope.row)">机票编号：{{scope.row.SourceID}}</p>
<p style="margin-top: 5px;">线路：<span>{{scope.row.LineName?scope.row.LineName:'机票尚未选择线路'}}</span></p>
</div>
<div v-else-if="scope.row.OrderSource==9 && scope.row.TCIDAndTCNUMList.length==0">
<p class="_TCIDAndTCNUMList">国内票务期数：{{scope.row.Term}}</p>
</div>
<div v-else-if="scope.row.OrderSource==10 && scope.row.TCIDAndTCNUMList.length==0">
<p class="_TCIDAndTCNUMList">签证产品编号：{{scope.row.SourceID}}</p>
</div>
<div v-else-if="scope.row.OrderSource==0 || scope.row.OrderSource==null">
<p class="_TCIDAndTCNUMList">{{ scope.row.BranchName }}-{{scope.row.DepartName}} </p>
</div>
<div v-else>
<p class="_TCIDAndTCNUMList">暂无</p>
</div>
</div>
</template>
</el-table-column>
<el-table-column prop="dateRange" label="费用类型">
<template slot-scope="scope">
<div>
<div v-for="(s,si) in scope.row.CostTypeList" :index="si">
<span style="background-color: rgba(64,158,255,.1);display: inline-block;padding: 0 5px;height: 22px;line-height: 20px;font-size: 12px;color: #646464;border-radius: 4px;box-sizing: border-box;border: 1px solid rgba(64,158,255,.2);white-space: nowrap;margin-bottom: 4px;">{{s}}</span></br>
</div>
</div>
</template>
</el-table-column>
<el-table-column prop="TradeWay" label="交易方式">
<template slot-scope="scope">
<div>
<div v-if="scope.row.TradeWayList&&scope.row.TradeWayList.length>0">
<div class="_TradeWayList" v-for="(tw,twIn) in scope.row.TradeWayList" style="line-height: normal !important;padding: 5px 10px;background-color: #EEEEEE;border-radius: 4px;margin: 10px 0;width:230px">
<p><span style="font-weight: bold;color:#333333">{{tw.Alias}}</span><span class="_bank_name" style="height:20px;;display: inline-block;background-color: #333333;color: white;padding: 2px 4px;border-radius: 4px;margin-left:10px;margin-letf:10px">{{scope.row.TradeWayList[0].TypeName}}</span><span style="height:20px;display: inline-block;background-color: #333333;color: white;padding: 2px 4px;border-radius: 4px;margin-left:10px;" :style="{'background-color':tw.AccountType=='私'?'#2AAEF2':'#FF9C01'}">{{tw.AccountType==""?'无':tw.AccountType}}</span> </p>
<p style="color:#333333">{{tw.BankNo}}</p>
</div>
</div>
<div v-else>
<div class="_pad5">
无
</div>
</div>
</div>
</template>
</el-table-column>
<el-table-column prop="Money" label="金额">
<template slot-scope="scope">
<span>
<p style="line-height:20px">{{scope.row.Type==1?'应收':'应付'}}：<span>{{scope.row.Money}}</span></p>
<p style="line-height:20px">{{scope.row.Type==1?'实收':'实付'}}：<span>{{scope.row.PayMoney}}</span></p>
<p v-if="scope.row.IsAdvanceFinance==1" style="line-height:20px">冲抵：<span>{{scope.row.MatchMoney}}</span></p>
</span>
</template>
</el-table-column>
<el-table-column prop="ClientTypeName" label="付款对象">
<template slot-scope="scope">
<span>
<span style="color: gray">{{scope.row.Type==2?scope.row.ClientTypeName+'：':'汇款人：'}}</span><span>{{scope.row.RemitterName}}</span>
</span>
</template>
</el-table-column>
<el-table-column prop="EmName" label="制单人员"></el-table-column>
<el-table-column prop="StatusStr" label="当前状态"></el-table-column>
<el-table-column prop="Remark" label="操作">
<template slot-scope="scope">
<div>
<span>
<el-tooltip class="item" effect="dark" content="查看" placement="top">
<i v-if="scope.row.Type !== 4" style="width: 30px;
height: 30px;
display: inline-block;
color: white !important;
border-radius: 50%;
text-align: center;
line-height: 30px;
margin-right: 10px;
cursor: pointer;
background-color: #47BF8C;
outline: none;"
class="iconfont icon-sousuo" @click="goUrl('FinancialDocumentsDetail',scope.row)">
</i>
<i v-if="scope.row.Type === 4" style="width: 30px;
height: 30px;
display: inline-block;
color: white !important;
border-radius: 50%;
text-align: center;
line-height: 30px;
margin-right: 10px;
cursor: pointer;
background-color: #47BF8C;
outline: none;"
class="iconfont icon-sousuo" @click="goUrl('CapitalAllocationDetail',scope.row)">
</i>
</el-tooltip>
</span>
</div>
</template>
</el-table-column>
</el-table>
</div>
</div>
</template>
......@@ -1359,8 +1538,8 @@
this.msg.pageIndex=1;
this.currentPage = 1;
},
goUrl(path,id,Conditon,pageIndex){
this.$router.push({ name: path,query:{"id":id,"Conditon":Conditon,"pageIndex":pageIndex,blank:'y',tab:'单据详情'} })
goUrl(path,rowData,){
this.$router.push({ path:'/financial/financalDocument/'+ path,query:{"id":rowData.FrID,blank:'y',tab:'单据详情'} })
},
goEit(path,type,id,edit,Conditon,pageIndex){
this.$router.push({ name: path,query:{"type":type,"FrID":id,"edit":edit,"Conditon":Conditon,"pageIndex":pageIndex} })
......
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