|
|
|
@ -5,16 +5,25 @@
|
|
|
|
<slot>
|
|
|
|
<slot>
|
|
|
|
<span style="padding: 0 6px;word-break: keep-all;">创建日期</span>
|
|
|
|
<span style="padding: 0 6px;word-break: keep-all;">创建日期</span>
|
|
|
|
<span>
|
|
|
|
<span>
|
|
|
|
<DatePicker :value="selectDate" placeholder="请选择日期" type="date" placement="bottom-start" style="width: 180px" @on-change="(e)=>selectDate = e"></DatePicker>
|
|
|
|
<DatePicker :value="selectDate" placeholder="请选择日期" type="date" placement="bottom-start" style="width: 180px"
|
|
|
|
|
|
|
|
@on-change="(e)=>selectDate = e"></DatePicker>
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
|
|
<span style="padding: 0 6px;word-break: keep-all;">关键字</span>
|
|
|
|
<span style="padding: 0 6px;word-break: keep-all;">关键字</span>
|
|
|
|
<span>
|
|
|
|
<span>
|
|
|
|
<Input v-model="keywords" placeholder="请输入关键字" style="width: 180px"></Input>
|
|
|
|
<Input v-model="keywords" placeholder="请输入关键字" style="width: 180px"></Input>
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
|
|
|
|
<span style="padding: 0 6px;word-break: keep-all;">
|
|
|
|
<Button type="primary" style="margin-left: 10px" ghost @click="contractId = '',pageIndex = 1,keywords = '',selectDate = ''">重置</Button>
|
|
|
|
状态
|
|
|
|
<Button type="primary" style="margin-left: 10px" @click="getFundLogs">查询</Button>
|
|
|
|
</span>
|
|
|
|
|
|
|
|
<Select v-model="status" clearable placeholder="请选择" style="width:100px;">
|
|
|
|
|
|
|
|
<Option v-for="item in [{label:'待审核',value:0},{label:'已审核',value:1}]" :key="item.value" :value="item.value">
|
|
|
|
|
|
|
|
{{ item.label }}
|
|
|
|
|
|
|
|
</Option>
|
|
|
|
|
|
|
|
</Select>
|
|
|
|
|
|
|
|
<Button type="primary" style="margin-left: 10px" ghost
|
|
|
|
|
|
|
|
@click="contractId = '',pageIndex = 1,keywords = '',selectDate = ''">重置</Button>
|
|
|
|
|
|
|
|
<Button type="primary" style="margin-left: 10px" @click="getFundLogs">查询</Button>
|
|
|
|
</slot>
|
|
|
|
</slot>
|
|
|
|
</lx-header>
|
|
|
|
</lx-header>
|
|
|
|
|
|
|
|
|
|
|
|
@ -22,26 +31,23 @@
|
|
|
|
<template v-slot:btns>
|
|
|
|
<template v-slot:btns>
|
|
|
|
<el-table-column label="操作" fixed="right" width="200" header-align="center">
|
|
|
|
<el-table-column label="操作" fixed="right" width="200" header-align="center">
|
|
|
|
<template slot-scope="scope">
|
|
|
|
<template slot-scope="scope">
|
|
|
|
<template v-if="scope.row.status === 0">
|
|
|
|
<template v-if="scope.row.status === 0&&type==1">
|
|
|
|
<Poptip
|
|
|
|
<Poptip placement="bottom" confirm :transfer="true" title="确认要删除吗" @on-ok="deleteFundLog(scope.row)">
|
|
|
|
placement="bottom"
|
|
|
|
<Button size="small" type="error" style="margin-left: 10px;margin-bottom: 4px" ghost>删除</Button>
|
|
|
|
confirm
|
|
|
|
|
|
|
|
:transfer="true"
|
|
|
|
|
|
|
|
title="确认要删除吗"
|
|
|
|
|
|
|
|
@on-ok="deleteFundLog(scope.row)">
|
|
|
|
|
|
|
|
<Button size="small" type="error" style="margin-left: 10px;margin-bottom: 4px" ghost>删除</Button>
|
|
|
|
|
|
|
|
</Poptip>
|
|
|
|
</Poptip>
|
|
|
|
|
|
|
|
|
|
|
|
<Button size="small" type="primary" style="margin-left: 10px;margin-bottom: 4px" @click="$refs['detailPaymentRegistration'].getFundLog(scope.row.id),$refs['detailPaymentRegistration'].isShow = true">编辑</Button>
|
|
|
|
<Button size="small" type="primary" style="margin-left: 10px;margin-bottom: 4px"
|
|
|
|
|
|
|
|
@click="$refs['detailPaymentRegistration'].getFundLog(scope.row.id),$refs['detailPaymentRegistration'].isShow = true">编辑</Button>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
<Button size="small" type="primary" style="margin-left: 10px;margin-bottom: 4px" @click="$refs['printRegistration'].getDetailFundLog(scope.row.id),$refs['printRegistration'].isShow = true">打印</Button>
|
|
|
|
<Button size="small" type="primary" style="margin-left: 10px;margin-bottom: 4px"
|
|
|
|
|
|
|
|
@click="$refs['printRegistration'].getDetailFundLog(scope.row.id),$refs['printRegistration'].isShow = true">打印</Button>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
</el-table-column>
|
|
|
|
</el-table-column>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
</xy-table>
|
|
|
|
</xy-table>
|
|
|
|
|
|
|
|
|
|
|
|
<div style="display: flex;justify-content: flex-end;">
|
|
|
|
<div style="display: flex;justify-content: flex-end;">
|
|
|
|
<Page :total="total" show-elevator @on-change="pageChange"/>
|
|
|
|
<Page :total="total" show-elevator @on-change="pageChange" show-sizer @on-page-size-change="pageSizeChange" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<printRegistration ref="printRegistration"></printRegistration>
|
|
|
|
<printRegistration ref="printRegistration"></printRegistration>
|
|
|
|
@ -51,130 +57,166 @@
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
<script>
|
|
|
|
import {getFundLog,delFundLog} from "@/api/paymentRegistration/fundLog"
|
|
|
|
import {
|
|
|
|
import {parseTime} from "@/utils"
|
|
|
|
getFundLog,
|
|
|
|
import {Message} from "element-ui";
|
|
|
|
delFundLog
|
|
|
|
|
|
|
|
} from "@/api/paymentRegistration/fundLog"
|
|
|
|
|
|
|
|
import {
|
|
|
|
|
|
|
|
parseTime
|
|
|
|
|
|
|
|
} from "@/utils"
|
|
|
|
|
|
|
|
import {
|
|
|
|
|
|
|
|
Message
|
|
|
|
|
|
|
|
} from "element-ui";
|
|
|
|
|
|
|
|
|
|
|
|
import printRegistration from "./components/printRegistration";
|
|
|
|
import printRegistration from "./components/printRegistration";
|
|
|
|
import detailPaymentRegistration from "./components/detailPaymentRegistration";
|
|
|
|
import detailPaymentRegistration from "./components/detailPaymentRegistration";
|
|
|
|
export default {
|
|
|
|
export default {
|
|
|
|
components:{
|
|
|
|
components: {
|
|
|
|
printRegistration,
|
|
|
|
printRegistration,
|
|
|
|
detailPaymentRegistration
|
|
|
|
detailPaymentRegistration
|
|
|
|
},
|
|
|
|
},
|
|
|
|
data() {
|
|
|
|
data() {
|
|
|
|
return {
|
|
|
|
return {
|
|
|
|
selectDate:'',
|
|
|
|
selectDate: '',
|
|
|
|
keywords:'',
|
|
|
|
keywords: '',
|
|
|
|
list:[],
|
|
|
|
list: [],
|
|
|
|
contractId:'',
|
|
|
|
contractId: '',
|
|
|
|
total:0,
|
|
|
|
total: 0,
|
|
|
|
pageIndex:1,
|
|
|
|
pageIndex: 1,
|
|
|
|
table:[
|
|
|
|
pageSize: 10,
|
|
|
|
{
|
|
|
|
is_auth: 1,
|
|
|
|
label:"项目名称",
|
|
|
|
status: "",
|
|
|
|
minWidth: 150,
|
|
|
|
table: [{
|
|
|
|
prop:'contract.name',
|
|
|
|
label: "项目名称",
|
|
|
|
align:'left',
|
|
|
|
minWidth: 250,
|
|
|
|
fixed:'left'
|
|
|
|
prop: 'contract.name',
|
|
|
|
},
|
|
|
|
align: 'left',
|
|
|
|
{
|
|
|
|
fixed: 'left'
|
|
|
|
label:"付款申请金额(元)",
|
|
|
|
},
|
|
|
|
prop:"apply_money",
|
|
|
|
{
|
|
|
|
align:'right',
|
|
|
|
label: "付款申请金额(元)",
|
|
|
|
width: 180,
|
|
|
|
prop: "apply_money",
|
|
|
|
formatter:(v1,v2,value)=>{
|
|
|
|
align: 'right',
|
|
|
|
return Number(value).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')
|
|
|
|
width: 180,
|
|
|
|
}
|
|
|
|
formatter: (v1, v2, value) => {
|
|
|
|
},
|
|
|
|
return Number(value).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')
|
|
|
|
{
|
|
|
|
}
|
|
|
|
label:'实际支付金额(元)',
|
|
|
|
},
|
|
|
|
prop:"act_money",
|
|
|
|
{
|
|
|
|
align:'right',
|
|
|
|
label: '实际支付金额(元)',
|
|
|
|
width: 180,
|
|
|
|
prop: "act_money",
|
|
|
|
formatter:(v1,v2,value)=>{
|
|
|
|
align: 'right',
|
|
|
|
return Number(value).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')
|
|
|
|
width: 180,
|
|
|
|
}
|
|
|
|
formatter: (v1, v2, value) => {
|
|
|
|
},
|
|
|
|
return Number(value).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')
|
|
|
|
{
|
|
|
|
}
|
|
|
|
label:"款项类型",
|
|
|
|
},
|
|
|
|
prop:"type",
|
|
|
|
{
|
|
|
|
width: 120
|
|
|
|
label: "款项类型",
|
|
|
|
},
|
|
|
|
prop: "type",
|
|
|
|
{
|
|
|
|
width: 120
|
|
|
|
prop:'status',
|
|
|
|
},
|
|
|
|
label:'状态',
|
|
|
|
{
|
|
|
|
width: 120,
|
|
|
|
prop: 'status',
|
|
|
|
formatter:(cell,data,value)=>{
|
|
|
|
label: '状态',
|
|
|
|
if(value === 0) return '待审核'
|
|
|
|
width: 120,
|
|
|
|
else return '已审核'
|
|
|
|
formatter: (cell, data, value) => {
|
|
|
|
}
|
|
|
|
if (value === 0) return '待审核'
|
|
|
|
},
|
|
|
|
else return '已审核'
|
|
|
|
{
|
|
|
|
}
|
|
|
|
label:"是否为最后一笔",
|
|
|
|
},
|
|
|
|
prop:"is_end",
|
|
|
|
{
|
|
|
|
width: 145,
|
|
|
|
label: "次数",
|
|
|
|
formatter:(cell,data,value)=>{
|
|
|
|
prop: "pay_count",
|
|
|
|
return value == 1 ? "是" : "否"
|
|
|
|
width: 95,
|
|
|
|
}
|
|
|
|
formatter: (cell, data, value) => {
|
|
|
|
},
|
|
|
|
return value + 1;
|
|
|
|
{
|
|
|
|
}
|
|
|
|
label:"经办人",
|
|
|
|
},
|
|
|
|
minWidth: 160,
|
|
|
|
{
|
|
|
|
prop:'admin.name',
|
|
|
|
label: "是否为最后一笔",
|
|
|
|
align:'center'
|
|
|
|
prop: "is_end",
|
|
|
|
},
|
|
|
|
width: 145,
|
|
|
|
{
|
|
|
|
formatter: (cell, data, value) => {
|
|
|
|
label:"业务科室",
|
|
|
|
return value == 1 ? "是" : "否"
|
|
|
|
minWidth: 160,
|
|
|
|
}
|
|
|
|
prop:'department.name',
|
|
|
|
},
|
|
|
|
align:'center'
|
|
|
|
{
|
|
|
|
},
|
|
|
|
label: "经办人",
|
|
|
|
{
|
|
|
|
minWidth: 160,
|
|
|
|
label:"备注",
|
|
|
|
prop: 'admin.name',
|
|
|
|
minWidth: 160,
|
|
|
|
align: 'center'
|
|
|
|
prop:'remark',
|
|
|
|
},
|
|
|
|
align:'left'
|
|
|
|
{
|
|
|
|
},
|
|
|
|
label: "业务科室",
|
|
|
|
{
|
|
|
|
minWidth: 160,
|
|
|
|
label:"创建信息",
|
|
|
|
prop: 'department.name',
|
|
|
|
prop:"created_at",
|
|
|
|
align: 'center'
|
|
|
|
width:160,
|
|
|
|
},
|
|
|
|
formatter:(cell,data,value)=>{
|
|
|
|
{
|
|
|
|
return parseTime(new Date(value),'{y}-{m}-{d}')
|
|
|
|
label: "备注",
|
|
|
|
|
|
|
|
minWidth: 460,
|
|
|
|
|
|
|
|
prop: 'remark',
|
|
|
|
|
|
|
|
align: 'left'
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
label: "创建信息",
|
|
|
|
|
|
|
|
prop: "created_at",
|
|
|
|
|
|
|
|
width: 160,
|
|
|
|
|
|
|
|
formatter: (cell, data, value) => {
|
|
|
|
|
|
|
|
return parseTime(new Date(value), '{y}-{m}-{d}')
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
]
|
|
|
|
]
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
methods: {
|
|
|
|
|
|
|
|
pageChange(e){
|
|
|
|
|
|
|
|
this.pageIndex = e
|
|
|
|
|
|
|
|
this.getFundLogs()
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
methods: {
|
|
|
|
|
|
|
|
pageSizeChange(e) {
|
|
|
|
|
|
|
|
this.pageSize = e;
|
|
|
|
|
|
|
|
this.pageIndex = 1;
|
|
|
|
|
|
|
|
this.getFundLogs()
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
pageChange(e) {
|
|
|
|
|
|
|
|
this.pageIndex = e
|
|
|
|
|
|
|
|
this.getFundLogs()
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
async getFundLogs(){
|
|
|
|
async getFundLogs() {
|
|
|
|
const res = await getFundLog({page_size:10,page:this.pageIndex,contract_id:this.contractId,keyword:this.keywords,date:this.selectDate})
|
|
|
|
const res = await getFundLog({
|
|
|
|
this.list = res.data
|
|
|
|
page_size: this.pageSize,
|
|
|
|
this.total = res.total
|
|
|
|
page: this.pageIndex,
|
|
|
|
},
|
|
|
|
contract_id: this.contractId,
|
|
|
|
|
|
|
|
keyword: this.keywords,
|
|
|
|
|
|
|
|
date: this.selectDate,
|
|
|
|
|
|
|
|
is_auth: this.selectDate,
|
|
|
|
|
|
|
|
status: this.status,
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
this.list = res.data
|
|
|
|
|
|
|
|
this.total = res.total
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
deleteFundLog(row){
|
|
|
|
deleteFundLog(row) {
|
|
|
|
delFundLog({id:row.id}).then(res=>{
|
|
|
|
delFundLog({
|
|
|
|
Message({
|
|
|
|
id: row.id
|
|
|
|
type:'success',
|
|
|
|
}).then(res => {
|
|
|
|
message:'操作成功'
|
|
|
|
Message({
|
|
|
|
|
|
|
|
type: 'success',
|
|
|
|
|
|
|
|
message: '操作成功'
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
this.getFundLogs()
|
|
|
|
})
|
|
|
|
})
|
|
|
|
this.getFundLogs()
|
|
|
|
}
|
|
|
|
})
|
|
|
|
},
|
|
|
|
}
|
|
|
|
mounted() {
|
|
|
|
},
|
|
|
|
this.contractId = this.$route.query.contractId
|
|
|
|
mounted() {
|
|
|
|
|
|
|
|
this.contractId = this.$route.query.contractId
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
this.getFundLogs()
|
|
|
|
this.getFundLogs()
|
|
|
|
},
|
|
|
|
},
|
|
|
|
}
|
|
|
|
created() {
|
|
|
|
|
|
|
|
let type = parseInt(this.$route.path.split("_")[1]);
|
|
|
|
|
|
|
|
this.type = this.is_auth = type;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
|
<style scoped lang="scss">
|
|
|
|
|