Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
C
confucius
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
罗超
confucius
Commits
e8f5ddfa
Commit
e8f5ddfa
authored
Nov 20, 2020
by
Mac
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
1
parent
9d25ac05
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
225 additions
and
544 deletions
+225
-544
BillModule.vue
src/pages/financial/components/BillModule.vue
+18
-18
RecPayQuery.vue
src/pages/financial/financalDocument/RecPayQuery.vue
+207
-526
No files found.
src/pages/financial/components/BillModule.vue
View file @
e8f5ddfa
...
...
@@ -318,21 +318,21 @@ export default {
this
.
printTime
=
y
+
''
+
m
+
''
+
d
+
' '
+
h
+
':'
+
min
+
':'
+
s
;
},
methods
:{
jumpPage
(
path
,
id
,
type
){
if
(
type
==
1
){
let
idStr
=
''
;
if
(
this
.
GetDetail
.
TCIDList
.
length
>
0
){
idStr
=
this
.
GetDetail
.
TCIDList
[
0
];
}
this
.
$router
.
push
({
name
:
path
,
query
:
{
id
:
idStr
,
orderID
:
this
.
GetDetail
.
OrderID
,
isShow
:
false
,
blank
:
'y'
,
tab
:
'报名清单'
}
})
}
else
if
(
type
==
2
){
this
.
$router
.
push
({
name
:
path
,
query
:
{
starTime
:
this
.
StartDate
,
endTime
:
this
.
EndDate
,
EmployeeId
:
this
.
EmployeeId
,
blank
:
'y'
}
})
}
//
if(type==1){
//
let idStr = '';
//
if(this.GetDetail.TCIDList.length>0){
//
idStr = this.GetDetail.TCIDList[0];
//
}
//
this.$router.push({
//
name: path,
//
query: { id:idStr,orderID:this.GetDetail.OrderID,isShow:false,blank:'y',tab:'报名清单'}
//
})
//
}else if(type==2){
//
this.$router.push({
//
name: path,
//
query: { starTime:this.StartDate,endTime:this.EndDate,EmployeeId:this.EmployeeId,blank:'y'}
//
})
//
}
},
Financial_post_GetDetail
(
id
){
//获取单据详情
if
(
!
id
)
return
...
...
@@ -364,14 +364,14 @@ export default {
if
(
item
.
CostTypeName
==
"地接费(领取)"
){
status
=
true
;
}
})
})
if
(
status
){
}
}
}
},
err
=>
{})
},
},
},
mounted
(){
const
myDate
=
new
Date
();
let
yaer
=
myDate
.
getFullYear
();
//获取完整的年份(4位,1970-????)
...
...
@@ -379,7 +379,7 @@ export default {
let
dateS
=
myDate
.
getDate
();
//获取当前日(1-31)
this
.
StartDate
=
yaer
+
'-'
+
month
+
'-'
+
'01'
;
this
.
EndDate
=
yaer
+
'-'
+
month
+
'-'
+
dateS
;
let
userInfo
=
this
.
getLocalStorage
();
let
userInfo
=
this
.
getLocalStorage
();
this
.
EmployeeId
=
userInfo
.
EmployeeId
;
this
.
Financial_post_GetDetail
(
this
.
ID
);
},
watch
:
{
// 监听参数变化
...
...
src/pages/financial/financalDocument/RecPayQuery.vue
View file @
e8f5ddfa
...
...
@@ -666,152 +666,39 @@
</ul>
</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"
:row-height=
'100'
@
on-custom-comp=
"customCompFunc"
@
sort-change=
"sortChange"
multiple-sort
>
<!-- 多个排序 -->
</v-table>
<div
style=
"padding-bottom:15px"
>
<el-pagination
background
@
current-change=
"handleCurrentChanges"
layout=
"total,prev, pager, next, jumper"
:page-size=
"pageSize"
:total=
'total'
>
</el-pagination>
</div>
</div>
<el-dialog
custom-class=
'w400'
title=
"制单人转交"
:visible
.
sync=
"zhuanjiaoBox"
center
>
<
template
>
<el-form
label-width=
"100px"
>
<el-form-item
label=
"制单人转交:"
>
<el-select
v-model=
"zhuanjiaoMsg.CreateBy"
filterable
remote
reserve-keyword
:placeholder=
"$t('pub.pleaseImport')"
:remote-method=
"remoteMethod"
@
change=
"$forceUpdate()"
>
<el-option
v-for=
"item in searchList"
:key=
"item.empId"
:label=
"item.name"
:value=
"item.empId"
>
<span
style=
"float: left"
>
{{
item
.
name
}}
</span>
<span
style=
"float: right; color: #8492a6; font-size: 13px"
>
{{
item
.
postName
}}
</span>
</el-option>
</el-select>
</el-form-item>
</el-form>
<div
slot=
"footer"
class=
"dialog-footer"
>
<button
class=
"hollowFixedBtn"
@
click=
"zhuanjiaoBox=false"
>
{{
$t
(
'pub.cancelBtn'
)
}}
</button>
<button
class=
"normalBtn"
type=
"primary"
@
click=
"setExchange()"
>
{{
$t
(
'pub.sureBtn'
)
}}
</button>
</div>
</
template
>
</el-dialog>
</div>
</template>
<
script
>
import
myBill
from
"../components/BillModule.vue"
;
import
myrbvBill
from
"../components/ReceivablesModule.vue"
;
import
myhrBill
from
"../components/MergeBillModule.vue"
;
import
Vue
from
'vue'
import
{
getSchoolPage
}
from
'../../../api/school/index'
// 自定义列组件
Vue
.
component
(
'table-BranchName'
,
{
//查看操作按钮
template
:
`<span>{{rowData.BranchName}}</span>`
,
props
:
{
rowData
:
{
type
:
Object
},
field
:
{
type
:
String
},
index
:
{
type
:
Number
}
},
methods
:
{
goUrl
(
path
)
{
this
.
$router
.
push
({
path
:
'/'
+
path
,
query
:
{
id
:
this
.
rowData
.
FrID
,
blank
:
'y'
,
tab
:
this
.
rowData
.
FrID
+
'单据详情'
}
})
},
}
})
Vue
.
component
(
'table-operation'
,
{
//查看操作按钮
template
:
`<span>
<el-tooltip class="item" effect="dark" content="查看" placement="top">
<i v-if="rowData.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')">
</i>
<i v-if="rowData.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')">
</i>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="转交" placement="top">
<i v-if="rowData.isExchange" 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-zhuanhuan1" @click="getExchange(rowData,index)">
</i>
</el-tooltip>
</span>`
,
props
:
{
rowData
:
{
type
:
Object
},
field
:
{
type
:
String
},
index
:
{
type
:
Number
}
},
methods
:
{
goUrl
(
path
)
{
this
.
$router
.
push
({
path
:
'/'
+
path
,
query
:
{
id
:
this
.
rowData
.
FrID
,
blank
:
'y'
,
tab
:
this
.
rowData
.
FrID
+
'单据详情'
}
})
},
getExchange
(
rowData
,
index
)
{
this
.
MsgBus
.
$emit
(
'getRecQuery'
,
rowData
.
FrID
);
},
}
})
Vue
.
component
(
'table-RecPay'
,
{
//收支样式
template
:
`
<span>
<span v-if="rowData.Type==2" style="display: inline-block;
<!-- <v-table is-horizontal-resize column-width-drag style="width:100%" :columns="columns" :table-data="DataList"-->
<!-- :filter-method="filterMethod" :row-height='100' @on-custom-comp="customCompFunc" @sort-change="sortChange"-->
<!-- multiple-sort>-->
<!-- <!– 多个排序 –>-->
<!-- </v-table>-->
<el-table
:data=
"DataList"
border
style=
"width: 100%;font-size: 12px"
>
<el-table-column
prop=
"FrID"
label=
"单号"
width=
"100"
>
<
template
slot-scope=
'scope'
>
<el-popover
popper-class=
"detailsIT_Journal"
placement=
"bottom-start"
trigger=
"click"
>
<template
v-if=
"(scope.row.Type==2 || scope.row.Type==6)&&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.Type==5)&&scope.row.modelShow&&(scope.row.Is_Merge==0||scope.row.Is_Merge==null)"
>
<my-RVB-Bill
:ID=
"rowData.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;
...
...
@@ -819,7 +706,7 @@
border-radius: 4px;"
>
支出
</span>
<span v-if="
rowData
.Type==1" style="display: inline-block;
<span
v-if=
"
scope.row
.Type==1"
style=
"display: inline-block;
padding: 2px 8px;
color: white;
background-color: #2BB87C;
...
...
@@ -827,7 +714,7 @@
border-radius: 4px;"
>
收入
</span>
<span v-if="
rowData
.Type==5" style="display: inline-block;
<span
v-if=
"
scope.row
.Type==5"
style=
"display: inline-block;
padding: 2px 8px;
color: white;
background-color: #2BB87C;
...
...
@@ -835,7 +722,7 @@
border-radius: 4px;"
>
应收
</span>
<span v-if="
rowData
.Type==6" style="display: inline-block;
<span
v-if=
"
scope.row
.Type==6"
style=
"display: inline-block;
padding: 2px 8px;
color: white;
background-color: #E95252;
...
...
@@ -844,7 +731,7 @@
应付
</span>
<el-tooltip
class=
"item"
effect=
"dark"
content=
"追加团款"
placement=
"top"
>
<span v-if="
rowData
.OtherType == 1" style="width: 20px;
<span
v-if=
"
scope.row
.OtherType == 1"
style=
"width: 20px;
height: 20px;
display: inline-block;
border-radius: 50%;
...
...
@@ -854,277 +741,180 @@
border: 1px solid #E95252;
font-size: 12px;"
class=
"zhuiClass"
>
追
</span>
</el-tooltip>
</span>`
,
props
:
{
rowData
:
{
type
:
Object
},
field
:
{
type
:
String
},
index
:
{
type
:
Number
}
},
methods
:
{
}
})
Vue
.
component
(
'table-BillRVB'
,
{
//单据样式
template
:
`
<el-popover
popper-class="detailsIT_Journal"
placement="bottom-start"
trigger="click">
<template v-if="(rowData.Type==2 || rowData.Type==6)&&rowData.modelShow&&(rowData.Is_Merge==0||rowData.Is_Merge==null)">
<my-Bill :ID="rowData.FrID" :width="widthSon" :color="colorSon"></my-Bill>
</template>
<template v-else-if="(rowData.Type==1 || rowData.Type==5)&&rowData.modelShow&&(rowData.Is_Merge==0||rowData.Is_Merge==null)">
<my-RVB-Bill :ID="rowData.FrID" :width="widthSon" :color="colorSon"></my-RVB-Bill>
</template>
<template v-else-if="rowData.Is_Merge==1&&rowData.modelShow">
<my-HB-Bill :ID="rowData.FrID" :width="widthSon" :color="colorSon"></my-HB-Bill>
</template>
<span slot="reference" @click="rowData.modelShow = true" style="text-decoration: underline;cursor: pointer;font-weight: bold" >{{rowData.FrID}}</span>
</el-popover>`
,
props
:
{
rowData
:
{
type
:
Object
},
field
:
{
type
:
String
},
index
:
{
type
:
Number
}
},
components
:
{
"my-Bill"
:
myBill
,
"my-RVB-Bill"
:
myrbvBill
,
"my-HB-Bill"
:
myhrBill
,
},
data
()
{
return
{
widthSon
:
'700px'
,
colorSon
:
"#f5f5f5"
,
}
},
methods
:
{}
})
Vue
.
component
(
'table-Info'
,
{
//关联信息
template
:
`
<div>
<template v-if="rowData.TCIDAndTCNUMList.length>0">
<p class="_TCIDAndTCNUMList" style="display: flex;">
</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>
<template v-if="rowData.TCIDAndTCNUMList&&rowData.TCIDAndTCNUMList.length>0">
<p><span v-for="(i,ix) in rowData.TCIDAndTCNUMList">{{i.TCNUM}}({{i.TCID}}) <span v-if="ix!=rowData.TCIDAndTCNUMList.length-1">,</br></span></span></p>
</template>
<template v-else>
<span>无</span>
</template>
</p>
<p v-if="rowData.OrderID>0 && rowData.OrderSource==8">单号:<span class="">{{rowData.OrderID}}</span></p>
</template>
<template v-else-if="rowData.OrderSource==8 && rowData.TCIDAndTCNUMList.length==0">
<p class="_TCIDAndTCNUMList">暂无团期信息</p>
</template>
<template v-else-if="rowData.OrderSource==4 && rowData.TCIDAndTCNUMList.length==0">
<p class="_TCIDAndTCNUMList" style="text-decoration: underline;cursor: pointer;" @click="goTicketPage(rowData)">机票编号:{{rowData.SourceID}}</p>
<p style="margin-top: 5px;">线路:<span>{{rowData.LineName?rowData.LineName:'机票尚未选择线路'}}</span></p>
</template>
<template v-else-if="rowData.OrderSource==9 && rowData.TCIDAndTCNUMList.length==0">
<p class="_TCIDAndTCNUMList">国内票务期数:{{rowData.Term}}</p>
</template>
<template v-else-if="rowData.OrderSource==10 && rowData.TCIDAndTCNUMList.length==0">
<p class="_TCIDAndTCNUMList">签证产品编号:{{rowData.SourceID}}</p>
</template>
<template v-else-if="rowData.OrderSource==0 || rowData.OrderSource==null">
<p class="_TCIDAndTCNUMList">{{ rowData.BranchName }}-{{rowData.DepartName}} </p>
</template>
<template v-else>
<p class="_TCIDAndTCNUMList">暂无</p>
</template>
</div>`
,
props
:
{
rowData
:
{
type
:
Object
},
field
:
{
type
:
String
},
index
:
{
type
:
Number
}
},
methods
:
{
goTicketPage
(
data
)
{
// 跳转机票
this
.
$router
.
push
({
name
:
'TicketManager'
,
query
:
{
id
:
data
.
SourceID
,
blank
:
'y'
,
tab
:
'票务管理'
}
})
},
}
})
Vue
.
component
(
'table-CostType'
,
{
//费用类型
template
:
`
<div>
<template v-for="(s,si) in rowData.CostTypeList">
<div
v-if=
"scope.row.TCIDAndTCNUMList&&scope.row.TCIDAndTCNUMList.length>0"
>
<p><span
v-for=
"(i,ix) in scope.row.TCIDAndTCNUMList"
>
{{
i
.
TCNUM
}}
(
{{
i
.
TCID
}}
)
<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"
>
<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>
</template>
</div>`
,
props
:
{
rowData
:
{
type
:
Object
},
field
:
{
type
:
String
},
index
:
{
type
:
Number
}
},
methods
:
{
}
})
Vue
.
component
(
'table-TradeWay'
,
{
//交易方式
template
:
`
<div>
<template v-if="rowData.TradeWayList&&rowData.TradeWayList.length>0">
<div class="_TradeWayList" v-for="(tw,twIn) in rowData.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">{{rowData.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>
</
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>
</template
>
<template
v-else>
</div
>
<div
v-else
>
<div
class=
"_pad5"
>
无
无
</div>
</template>
</div>`
,
props
:
{
rowData
:
{
type
:
Object
},
field
:
{
type
:
String
},
index
:
{
type
:
Number
}
},
methods
:
{
</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')"
>
</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')"
>
</i>
</el-tooltip>
<el-tooltip
class=
"item"
effect=
"dark"
content=
"转交"
placement=
"top"
>
<i
v-if=
"scope.row.isExchange"
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-zhuanhuan1"
@
click=
"getExchange(scope.row,index)"
>
</i>
</el-tooltip>
</span>
</div>
</
template
>
</el-table-column>
</el-table>
<div
style=
"padding-bottom:15px"
>
<el-pagination
background
@
current-change=
"handleCurrentChanges"
layout=
"total,prev, pager, next, jumper"
:page-size=
"pageSize"
:total=
'total'
>
</el-pagination>
</div>
</div>
}
})
Vue
.
component
(
'table-Money'
,
{
//金额
template
:
`
<span>
<p style="line-height:20px">{{rowData.Type==1?'应收':'应付'}}:<span>{{rowData.Money}}</span></p>
<p style="line-height:20px">{{rowData.Type==1?'实收':'实付'}}:<span>{{rowData.PayMoney}}</span></p>
<p v-if="rowData.IsAdvanceFinance==1" style="line-height:20px">冲抵:<span>{{rowData.MatchMoney}}</span></p>
</span>`
,
props
:
{
rowData
:
{
type
:
Object
},
field
:
{
type
:
String
},
index
:
{
type
:
Number
}
}
})
Vue
.
component
(
'table-ClientTypeName'
,
{
//付款对象
template
:
`
<span>
<span style="color: gray">{{rowData.Type==2?rowData.ClientTypeName+':':'汇款人:'}}</span><span>{{rowData.RemitterName}}</span>
</span>
`
,
props
:
{
rowData
:
{
type
:
Object
},
field
:
{
type
:
String
},
index
:
{
type
:
Number
}
}
})
Vue
.
component
(
'table-StatusStr'
,
{
//单据状态
template
:
`
<i v-if="rowData.Status==1" class="iconfont icon-daiqueren" style="color: #4BCA81"></i>
<i v-if="rowData.Status==4" class="iconfont icon-yiquxiao" style="color: #4BCA81"></i>
<i v-if="rowData.Status==2" class="iconfont icon-yiqueren" style="color: #959595"></i>
<i v-if="rowData.Status==3" class="iconfont icon-shenhebohui" style="color: #E95252"></i>
<i v-if="rowData.Status==0" class="iconfont icon-zancun" style="color: #FF9C01"></i>
<el-popover
popper-class="detailsIT_Journal"
width="250"
trigger="click">
<div style="height: auto;max-height: 220px;background-color: #FFFFFF;">
<div class="changLog">
<p class="_log_t">流程日志</p>
<ul style="padding-left: 20px;max-height: 180px;overflow: auto;" v-if="GetFinancLogList" v-loading='LogLoading'>
<li style="border-left: 1px solid #E9E9E9;position: relative;padding-bottom: 10px;padding-left: 20px;padding-top: 10px;" v-for="(log,li) in GetFinancLogList">
<span style="background-color: #47BF8C;width: 7px;height: 7px;border-radius: 50%;display: inline-block;position: absolute;left: -4px;top: 19px;"></span>
<p> <span class="_color_blue">{{log.EmName}}</span> <span class="fr changLog_time">{{log.UpdateDate}}</span> </p>
<p class="_dtel">{{log.StartValue}}</p>
</li>
</ul>
<ul v-else>
<li>暂无修改日志</li>
</ul>
</div>
</div>
<span slot="reference" class="text_d _font_init" @click="Financial_post_GetFinancLogList(rowData.FrID)">{{rowData.StatusStr}}</span>
</el-popover>
`
,
props
:
{
rowData
:
{
type
:
Object
},
field
:
{
type
:
String
},
index
:
{
type
:
Number
}
},
data
()
{
return
{
GetFinancLogList
:
[],
}
},
methods
:
{
Financial_post_GetFinancLogList
(
id
)
{
// 获取单据日志
if
(
this
.
checkboxShow
)
return
this
.
LogLoading
=
true
;
this
.
apipost
(
'Financial_post_GetFinancLogList'
,
{
ID
:
id
,
Type
:
2
},
res
=>
{
if
(
res
.
data
.
resultCode
==
1
)
{
let
data
=
res
.
data
.
data
;
data
.
forEach
(
x
=>
{
x
.
UpdateDate
=
this
.
$commonUtils
.
formatMsgTime
(
x
.
UpdateDate
)
})
this
.
LogLoading
=
false
;
this
.
GetFinancLogList
=
data
;
}
},
err
=>
{})
}
}
})
<el-dialog
custom-class=
'w400'
title=
"制单人转交"
:visible
.
sync=
"zhuanjiaoBox"
center
>
<
template
>
<el-form
label-width=
"100px"
>
<el-form-item
label=
"制单人转交:"
>
<el-select
v-model=
"zhuanjiaoMsg.CreateBy"
filterable
remote
reserve-keyword
:placeholder=
"$t('pub.pleaseImport')"
:remote-method=
"remoteMethod"
@
change=
"$forceUpdate()"
>
<el-option
v-for=
"item in searchList"
:key=
"item.empId"
:label=
"item.name"
:value=
"item.empId"
>
<span
style=
"float: left"
>
{{
item
.
name
}}
</span>
<span
style=
"float: right; color: #8492a6; font-size: 13px"
>
{{
item
.
postName
}}
</span>
</el-option>
</el-select>
</el-form-item>
</el-form>
<div
slot=
"footer"
class=
"dialog-footer"
>
<button
class=
"hollowFixedBtn"
@
click=
"zhuanjiaoBox=false"
>
{{
$t
(
'pub.cancelBtn'
)
}}
</button>
<button
class=
"normalBtn"
type=
"primary"
@
click=
"setExchange()"
>
{{
$t
(
'pub.sureBtn'
)
}}
</button>
</div>
</
template
>
</el-dialog>
</div>
</template>
<
script
>
import
myBill
from
"../components/BillModule.vue"
;
import
myrbvBill
from
"../components/ReceivablesModule.vue"
;
import
myhrBill
from
"../components/MergeBillModule.vue"
;
import
Vue
from
'vue'
import
{
getSchoolPage
}
from
'../../../api/school/index'
export
default
{
data
()
{
return
{
...
...
@@ -1133,6 +923,8 @@
userId
:
0
,
zhuanjiaoBox
:
false
,
searchList
:
[],
widthSon
:
'700px'
,
colorSon
:
"#f5f5f5"
,
msg
:
{
pageIndex
:
1
,
pageSize
:
5
,
...
...
@@ -1230,118 +1022,7 @@
DepartIDs
:
''
,
loading2
:
false
,
tableData
:
[],
columns
:
[{
field
:
'BranchName'
,
title
:
'所属校区'
,
width
:
80
,
titleAlign
:
'left'
,
columnAlign
:
'left'
,
isResize
:
true
,
componentName
:
'table-BranchName'
},
{
field
:
'FrID'
,
title
:
'单号'
,
width
:
80
,
titleAlign
:
'left'
,
columnAlign
:
'left'
,
isResize
:
true
,
//orderBy排序 asc 升序 desc降序
// filterMultiple: true, // 筛选项是否多选
// filters: [
// {}
// //筛选项 无筛选项 传[{}]
// ],
result
:
[],
//筛选项默认值 单选传字符串'1' 多选数组 [1,2,2]
type
:
'select'
,
// 筛选项方式 select 下拉 check 单选、多选 text搜索 datetime时间
isFrozen
:
true
,
componentName
:
'table-BillRVB'
},
{
field
:
'custome-RecPay'
,
title
:
'单据类型'
,
width
:
120
,
titleAlign
:
'left'
,
columnAlign
:
'left'
,
isResize
:
true
,
componentName
:
'table-RecPay'
},
{
field
:
'custome-Info'
,
title
:
'关联信息'
,
width
:
120
,
titleAlign
:
'left'
,
columnAlign
:
'left'
,
isResize
:
true
,
result
:
''
,
filterMultiple
:
false
,
type
:
'text'
,
componentName
:
'table-Info'
},
{
field
:
'dateRange'
,
title
:
'费用类型'
,
width
:
120
,
titleAlign
:
'left'
,
columnAlign
:
'left'
,
isResize
:
true
,
result
:
{},
filterMultiple
:
false
,
type
:
'datetime'
,
componentName
:
'table-CostType'
},
{
field
:
'TradeWay'
,
title
:
'交易方式'
,
width
:
210
,
titleAlign
:
'left'
,
columnAlign
:
'left'
,
isResize
:
true
,
componentName
:
'table-TradeWay'
},
{
field
:
'Money'
,
title
:
'金额'
,
width
:
120
,
titleAlign
:
'left'
,
columnAlign
:
'left'
,
isResize
:
true
,
componentName
:
'table-Money'
},
{
field
:
'ClientTypeName'
,
title
:
'付款对象'
,
width
:
180
,
titleAlign
:
'left'
,
columnAlign
:
'left'
,
isResize
:
true
,
componentName
:
'table-ClientTypeName'
},
{
field
:
'EmName'
,
title
:
'制单人员'
,
width
:
120
,
titleAlign
:
'left'
,
columnAlign
:
'left'
,
isResize
:
true
},
{
field
:
'StatusStr'
,
title
:
'当前状态'
,
width
:
120
,
titleAlign
:
'left'
,
columnAlign
:
'left'
,
isResize
:
true
},
{
field
:
'custome-operation'
,
title
:
'操作'
,
width
:
200
,
titleAlign
:
'left'
,
columnAlign
:
'left'
,
componentName
:
'table-operation'
,
isResize
:
true
}
],
columns
:
[],
pageSize
:
5
,
pageIndex
:
1
,
heightQueryBox
:
false
,
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment