Skip to content

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

1

parent 9d25ac05
Hide whitespace changes
Inline Side-by-side
Showing with 225 additions and 544 deletions
src/pages/financial/components/BillModule.vue
View file @ e8f5ddfa
...@@ -318,21 +318,21 @@ export default { ...@@ -318,21 +318,21 @@ export default {
this.printTime = y + '' + m + '' + d + ' ' + h + ':' + min + ':' + s; this.printTime = y + '' + m + '' + d + ' ' + h + ':' + min + ':' + s;
},methods:{ },methods:{
jumpPage(path,id,type){ jumpPage(path,id,type){
if(type==1){ // if(type==1){
let idStr = ''; // let idStr = '';
if(this.GetDetail.TCIDList.length>0){ // if(this.GetDetail.TCIDList.length>0){
idStr = this.GetDetail.TCIDList[0]; // idStr = this.GetDetail.TCIDList[0];
} // }
this.$router.push({ // this.$router.push({
name: path, // name: path,
query: { id:idStr,orderID:this.GetDetail.OrderID,isShow:false,blank:'y',tab:'报名清单'} // query: { id:idStr,orderID:this.GetDetail.OrderID,isShow:false,blank:'y',tab:'报名清单'}
}) // })
}else if(type==2){ // }else if(type==2){
this.$router.push({ // this.$router.push({
name: path, // name: path,
query: { starTime:this.StartDate,endTime:this.EndDate,EmployeeId:this.EmployeeId,blank:'y'} // query: { starTime:this.StartDate,endTime:this.EndDate,EmployeeId:this.EmployeeId,blank:'y'}
}) // })
} // }
}, },
Financial_post_GetDetail(id){ //获取单据详情 Financial_post_GetDetail(id){ //获取单据详情
if(!id) return if(!id) return
...@@ -364,14 +364,14 @@ export default { ...@@ -364,14 +364,14 @@ export default {
if(item.CostTypeName=="地接费（领取）"){ if(item.CostTypeName=="地接费（领取）"){
status=true; status=true;
} }
}) })
if(status){ if(status){
} }
} }
} }
}, err => {}) }, err => {})
}, },
},mounted(){ },mounted(){
const myDate = new Date(); const myDate = new Date();
let yaer = myDate.getFullYear(); //获取完整的年份(4位,1970-????) let yaer = myDate.getFullYear(); //获取完整的年份(4位,1970-????)
...@@ -379,7 +379,7 @@ export default { ...@@ -379,7 +379,7 @@ export default {
let dateS = myDate.getDate(); //获取当前日(1-31) let dateS = myDate.getDate(); //获取当前日(1-31)
this.StartDate = yaer + '-' + month + '-' + '01'; this.StartDate = yaer + '-' + month + '-' + '01';
this.EndDate = yaer + '-' + month + '-' + dateS; this.EndDate = yaer + '-' + month + '-' + dateS;
let userInfo = this.getLocalStorage(); let userInfo = this.getLocalStorage();
this.EmployeeId = userInfo.EmployeeId; this.EmployeeId = userInfo.EmployeeId;
this.Financial_post_GetDetail(this.ID); this.Financial_post_GetDetail(this.ID);
},watch: { // 监听参数变化 },watch: { // 监听参数变化
......
src/pages/financial/financalDocument/RecPayQuery.vue
View file @ e8f5ddfa
...@@ -666,152 +666,39 @@ ...@@ -666,152 +666,39 @@
</ul> </ul>
</div> </div>
<div class="_fnDm_content" v-loading='loading'> <div class="_fnDm_content" v-loading='loading'>
<v-table is-horizontal-resize column-width-drag style="width:100%" :columns="columns" :table-data="DataList" <!-- <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" <!-- :filter-method="filterMethod" :row-height='100' @on-custom-comp="customCompFunc" @sort-change="sortChange"-->
multiple-sort> <!-- multiple-sort>-->
<!-- 多个排序 --> <!-- &lt;!&ndash; 多个排序 &ndash;&gt;-->
</v-table> <!-- </v-table>-->
<div style="padding-bottom:15px"> <el-table
<el-pagination background @current-change="handleCurrentChanges" layout="total,prev, pager, next, jumper" :data="DataList"
:page-size="pageSize" :total='total'> border
</el-pagination> style="width: 100%;font-size: 12px">
</div> <el-table-column prop="FrID" label="单号" width="100">
</div> <template slot-scope='scope'>
<el-popover
<el-dialog custom-class='w400' title="制单人转交" :visible.sync="zhuanjiaoBox" center> popper-class="detailsIT_Journal"
<template> placement="bottom-start"
<el-form label-width="100px"> trigger="click">
<el-form-item label="制单人转交："> <template v-if="(scope.row.Type==2 || scope.row.Type==6)&&scope.row.modelShow&&(scope.row.Is_Merge==0||scope.row.Is_Merge==null)">
<el-select v-model="zhuanjiaoMsg.CreateBy" filterable remote reserve-keyword <my-Bill :ID="scope.row.FrID" :width="widthSon" :color="colorSon"></my-Bill>
:placeholder="$t('pub.pleaseImport')" :remote-method="remoteMethod" @change="$forceUpdate()"> </template>
<el-option v-for="item in searchList" :key="item.empId" :label="item.name" :value="item.empId"> <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)">
<span style="float: left">{{ item.name }}</span> <my-RVB-Bill :ID="rowData.FrID" :width="widthSon" :color="colorSon"></my-RVB-Bill>
<span style="float: right; color: #8492a6; font-size: 13px">{{ item.postName }}</span> </template>
</el-option> <template v-else-if="scope.row.Is_Merge==1&&scope.row.modelShow">
</el-select> <my-HB-Bill :ID="scope.row.FrID" :width="widthSon" :color="colorSon"></my-HB-Bill>
</template>
</el-form-item> <span slot="reference" @click="scope.row.modelShow = true" style="text-decoration: underline;cursor: pointer;font-weight: bold" >{{scope.row.FrID}}</span>
</el-form> </el-popover>
<div slot="footer" class="dialog-footer"> </template>
<button class="hollowFixedBtn" @click="zhuanjiaoBox=false">{{$t('pub.cancelBtn')}}</button> </el-table-column>
<button class="normalBtn" type="primary" @click="setExchange()">{{$t('pub.sureBtn')}}</button> <el-table-column prop="BranchName" label="所属校区" width="100"></el-table-column>
</div> <el-table-column prop="allName" label="单据类型" width="150">
</template> <template slot-scope="scope">
</el-dialog> <span>
</div> <span v-if="scope.row.Type==2" style="display: inline-block;
</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;
padding: 2px 8px; padding: 2px 8px;
color: white; color: white;
background-color: #E95252; background-color: #E95252;
...@@ -819,7 +706,7 @@ ...@@ -819,7 +706,7 @@
border-radius: 4px;"> border-radius: 4px;">
支出 支出
</span> </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; padding: 2px 8px;
color: white; color: white;
background-color: #2BB87C; background-color: #2BB87C;
...@@ -827,7 +714,7 @@ ...@@ -827,7 +714,7 @@
border-radius: 4px;"> border-radius: 4px;">
收入 收入
</span> </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; padding: 2px 8px;
color: white; color: white;
background-color: #2BB87C; background-color: #2BB87C;
...@@ -835,7 +722,7 @@ ...@@ -835,7 +722,7 @@
border-radius: 4px;"> border-radius: 4px;">
应收 应收
</span> </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; padding: 2px 8px;
color: white; color: white;
background-color: #E95252; background-color: #E95252;
...@@ -844,7 +731,7 @@ ...@@ -844,7 +731,7 @@
应付 应付
</span> </span>
<el-tooltip class="item" effect="dark" content="追加团款" placement="top"> <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; height: 20px;
display: inline-block; display: inline-block;
border-radius: 50%; border-radius: 50%;
...@@ -854,277 +741,180 @@ ...@@ -854,277 +741,180 @@
border: 1px solid #E95252; border: 1px solid #E95252;
font-size: 12px;" class="zhuiClass">追</span> font-size: 12px;" class="zhuiClass">追</span>
</el-tooltip> </el-tooltip>
</span>`, </span>
props: { </template>
rowData: { </el-table-column>
type: Object <el-table-column prop="Accountholder" label="关联信息">
}, <template slot-scope="scope">
field: { <div>
type: String <div v-if="scope.row.TCIDAndTCNUMList.length>0">
}, <div class="_TCIDAndTCNUMList" style="display: flex;">
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>团号：</span> <span>团号：</span>
<template v-if="rowData.TCIDAndTCNUMList&&rowData.TCIDAndTCNUMList.length>0"> <div v-if="scope.row.TCIDAndTCNUMList&&scope.row.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> <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>
</template> </div>
<template v-else> <div v-else>
<span>无</span> <span>无</span>
</template> </div>
</p> </div>
<p v-if="rowData.OrderID>0 && rowData.OrderSource==8">单号：<span class="">{{rowData.OrderID}}</span></p> <p v-if="scope.row.OrderID>0 && scope.row.OrderSource==8">单号：<span class="">{{scope.row.OrderID}}</span></p>
</template> </div>
<template v-else-if="rowData.OrderSource==8 && rowData.TCIDAndTCNUMList.length==0"> <div v-else-if="scope.row.OrderSource==8 && scope.row.TCIDAndTCNUMList.length==0">
<p class="_TCIDAndTCNUMList">暂无团期信息</p> <p class="_TCIDAndTCNUMList">暂无团期信息</p>
</template> </div>
<template v-else-if="rowData.OrderSource==4 && rowData.TCIDAndTCNUMList.length==0"> <div v-else-if="scope.row.OrderSource==4 && scope.row.TCIDAndTCNUMList.length==0">
<p class="_TCIDAndTCNUMList" style="text-decoration: underline;cursor: pointer;" @click="goTicketPage(rowData)">机票编号：{{rowData.SourceID}}</p> <p class="_TCIDAndTCNUMList" style="text-decoration: underline;cursor: pointer;" @click="goTicketPage(scope.row)">机票编号：{{scope.row.SourceID}}</p>
<p style="margin-top: 5px;">线路：<span>{{rowData.LineName?rowData.LineName:'机票尚未选择线路'}}</span></p> <p style="margin-top: 5px;">线路：<span>{{scope.row.LineName?scope.row.LineName:'机票尚未选择线路'}}</span></p>
</template> </div>
<template v-else-if="rowData.OrderSource==9 && rowData.TCIDAndTCNUMList.length==0"> <div v-else-if="scope.row.OrderSource==9 && scope.row.TCIDAndTCNUMList.length==0">
<p class="_TCIDAndTCNUMList">国内票务期数：{{rowData.Term}}</p> <p class="_TCIDAndTCNUMList">国内票务期数：{{scope.row.Term}}</p>
</template> </div>
<template v-else-if="rowData.OrderSource==10 && rowData.TCIDAndTCNUMList.length==0"> <div v-else-if="scope.row.OrderSource==10 && scope.row.TCIDAndTCNUMList.length==0">
<p class="_TCIDAndTCNUMList">签证产品编号：{{rowData.SourceID}}</p> <p class="_TCIDAndTCNUMList">签证产品编号：{{scope.row.SourceID}}</p>
</template> </div>
<template v-else-if="rowData.OrderSource==0 || rowData.OrderSource==null"> <div v-else-if="scope.row.OrderSource==0 || scope.row.OrderSource==null">
<p class="_TCIDAndTCNUMList">{{ rowData.BranchName }}-{{rowData.DepartName}} </p> <p class="_TCIDAndTCNUMList">{{ scope.row.BranchName }}-{{scope.row.DepartName}} </p>
</template> </div>
<template v-else> <div v-else>
<p class="_TCIDAndTCNUMList">暂无</p> <p class="_TCIDAndTCNUMList">暂无</p>
</template> </div>
</div>`, </div>
props: { </template>
rowData: { </el-table-column>
type: Object <el-table-column prop="dateRange" label="费用类型">
}, <template slot-scope="scope">
field: { <div>
type: String <div v-for="(s,si) in scope.row.CostTypeList">
},
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">
<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> <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>
</div>`, </div>
props: { </template>
rowData: { </el-table-column>
type: Object
}, <el-table-column prop="TradeWay" label="交易方式">
field: { <template slot-scope="scope">
type: String <div>
}, <div v-if="scope.row.TradeWayList&&scope.row.TradeWayList.length>0">
index: { <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">
type: Number <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>
},
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> </div>
<template v-else> <div v-else>
<div class="_pad5"> <div class="_pad5">
无 无
</div> </div>
</template> </div>
</div>`, </div>
props: { </template>
rowData: { </el-table-column>
type: Object <el-table-column prop="Money" label="金额">
}, <template slot-scope="scope">
field: { <span>
type: String <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>
index: { <p v-if="scope.row.IsAdvanceFinance==1" style="line-height:20px">冲抵：<span>{{scope.row.MatchMoney}}</span></p>
type: Number </span>
} </template>
}, </el-table-column>
methods: { <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>
} <el-dialog custom-class='w400' title="制单人转交" :visible.sync="zhuanjiaoBox" center>
}) <template>
Vue.component('table-Money', { //金额 <el-form label-width="100px">
template: ` <el-form-item label="制单人转交：">
<span> <el-select v-model="zhuanjiaoMsg.CreateBy" filterable remote reserve-keyword
<p style="line-height:20px">{{rowData.Type==1?'应收':'应付'}}：<span>{{rowData.Money}}</span></p> :placeholder="$t('pub.pleaseImport')" :remote-method="remoteMethod" @change="$forceUpdate()">
<p style="line-height:20px">{{rowData.Type==1?'实收':'实付'}}：<span>{{rowData.PayMoney}}</span></p> <el-option v-for="item in searchList" :key="item.empId" :label="item.name" :value="item.empId">
<p v-if="rowData.IsAdvanceFinance==1" style="line-height:20px">冲抵：<span>{{rowData.MatchMoney}}</span></p> <span style="float: left">{{ item.name }}</span>
</span>`, <span style="float: right; color: #8492a6; font-size: 13px">{{ item.postName }}</span>
props: { </el-option>
rowData: { </el-select>
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-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 { export default {
data() { data() {
return { return {
...@@ -1133,6 +923,8 @@ ...@@ -1133,6 +923,8 @@
userId: 0, userId: 0,
zhuanjiaoBox: false, zhuanjiaoBox: false,
searchList: [], searchList: [],
widthSon:'700px',
colorSon:"#f5f5f5",
msg: { msg: {
pageIndex: 1, pageIndex: 1,
pageSize: 5, pageSize: 5,
...@@ -1230,118 +1022,7 @@ ...@@ -1230,118 +1022,7 @@
DepartIDs: '', DepartIDs: '',
loading2: false, loading2: false,
tableData: [], tableData: [],
columns: [{ 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
}
],
pageSize: 5, pageSize: 5,
pageIndex: 1, pageIndex: 1,
heightQueryBox: false, heightQueryBox: false,
......
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