刘翔宇-旅管家 4 years ago
parent e5ddfa5b1b
commit efdf1e21dd

@ -2,8 +2,8 @@
ENV = 'development' ENV = 'development'
# base api # base api
VUE_APP_DOMIAN=http://192.168.60.99:9003/ #VUE_APP_DOMIAN=http://192.168.60.99:9003/
#VUE_APP_DOMIAN=http://hdcontract.ali251.langye.net/ VUE_APP_DOMIAN=http://hdcontract.ali251.langye.net/
VUE_APP_BASE_API = '' VUE_APP_BASE_API = ''

@ -148,8 +148,10 @@
<template slot-scope="scope"> <template slot-scope="scope">
<div class="slot-btns"> <div class="slot-btns">
<template v-if="scope.row.status === 2&&scope.row.is_end===0"> <template v-if="scope.row.status === 2&&scope.row.is_end===0">
<block v-if="scope.row.is_assurance==1"><!-- --> <block v-if="scope.row.is_assurance==1">
<block v-if="scope.row.assurance_status==1"><!-- --> <!-- 如果是 履约文件-->
<block v-if="scope.row.assurance_status==1">
<!-- 那么必须财务审核通过-->
<Button class="slot-btns-item" size="small" type="primary" <Button class="slot-btns-item" size="small" type="primary"
@click="$refs['paymentRegistration'].getContract(scope.row),$refs['paymentRegistration'].isShowPaymentRegistration = true"> @click="$refs['paymentRegistration'].getContract(scope.row),$refs['paymentRegistration'].isShowPaymentRegistration = true">
付款登记 付款登记
@ -675,7 +677,7 @@
customFn: (row) => { customFn: (row) => {
{ {
return row.plans.map(item => { return row.plans.map(item => {
return ( < div > { return ( < div > [{item.year}] - {
item.name item.name
} < /div>) } < /div>)
}) })

@ -5,7 +5,8 @@
<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>
@ -13,28 +14,65 @@
<Input v-model="keyword" placeholder="请输入关键字" style="width: 180px"></Input> <Input v-model="keyword" placeholder="请输入关键字" style="width: 180px"></Input>
</span> </span>
<span style="padding: 0 6px;word-break: keep-all;"> <span style="padding: 0 6px;word-break: keep-all;">预算计划</span>
状态
</span> <span>
<Select v-model="status" clearable placeholder="请选择" style="width:100px;"> <Input v-model="select.plan_name" clearable placeholder="请选择预算计划" @on-focus="showPlanForSearch"
<Option v-for="item in [{label:'',value:0},{label:'',value:1}]" :key="item.value" style="width: 200px" @on-clear="clearSelectForSearch" />
:value="item.value">{{ item.label }} </span>
</Option> <span style="padding: 0 6px;word-break: keep-all;">
</Select> 状态
<Button type="primary" style="margin-left: 10px" ghost>重置</Button> </span>
<Button type="primary" style="margin-left: 10px" @click="getFundLogs"></Button> <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>重置</Button>
<Button type="primary" style="margin-left: 10px" @click="doSearch()"></Button>
</slot> </slot>
</lx-header> </lx-header>
<!-- 搜索使用 预算计划 -->
<xy-dialog :is-show.sync="isShowPlanForSearch" title="预算计划" :width="720" @on-ok="planSelectForSearch">
<template v-slot:normalContent>
<Input v-model="planSearch.name" search enter-button=" " placeholder="搜索预算计划.." @on-search="searchBudgets" />
<div style="margin: 10px 0;display: flex;justify-content: space-between;
align-items: center;">
<div>已选择<span style="margin-right:10px">{{select.plan_name}}</span> </div>
<el-link type="success" @click="clearSelectForSearch"></el-link>
</div>
<xy-table :list="plans" @rowClick="selectPlanForSearch" :show-index="false" :table-item="planTableSearch"
:height="310" style="margin-top: 10px;" ref="singlePlanTable">
<template v-slot:btns>
</template>
</xy-table>
<div style="display: flex;justify-content: flex-end;">
<Page :total="planTotal" show-elevator @on-change="planPageChange" />
</div>
<el-tag type="warning">点击行进行选择</el-tag>
</template>
<template v-slot:footerContent>
<Button type="primary" @click="confirmPlanForSearch"></Button>
</template>
</xy-dialog>
<xy-table :list="list" :table-item="table"> <xy-table :list="list" :table-item="table">
<template v-slot:btns> <template v-slot:btns>
<el-table-column label="操作" fixed="right" width="160" header-align="center"> <el-table-column label="操作" fixed="right" width="160" 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">
<Button size="small" type="primary" style="margin-left: 10px;margin-bottom: 4px" @click="$refs['examineRegistration'].isShow = true,$refs['examineRegistration'].getRegistration(scope.row.id)">审核确认</Button> <Button size="small" type="primary" style="margin-left: 10px;margin-bottom: 4px"
@click="$refs['examineRegistration'].isShow = true,$refs['examineRegistration'].getRegistration(scope.row.id)">审核确认</Button>
</template> </template>
<template v-else> <template v-else>
<Button size="small" type="error" ghost style="margin-left: 10px;margin-bottom: 4px" @click="cancelExamine(scope.row)"></Button> <Button size="small" type="error" ghost style="margin-left: 10px;margin-bottom: 4px"
@click="cancelExamine(scope.row)">审核撤销</Button>
</template> </template>
</template> </template>
</el-table-column> </el-table-column>
@ -42,7 +80,7 @@
</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" />
</div> </div>
<examineRegistration ref="examineRegistration" @refresh="getFundLogs"></examineRegistration> <examineRegistration ref="examineRegistration" @refresh="getFundLogs"></examineRegistration>
@ -50,136 +88,315 @@
</template> </template>
<script> <script>
import {getFundLog,delFundLog,editorFundLog} from "@/api/paymentRegistration/fundLog" import {
import {parseTime} from "@/utils" getFundLog,
import {Message} from "element-ui"; delFundLog,
editorFundLog
import examineRegistration from "./components/examineRegistration"; } from "@/api/paymentRegistration/fundLog"
export default { import {
components:{ parseTime
examineRegistration } from "@/utils"
}, import {
data() { Message
return { } from "element-ui";
status:0, import {
keyword:'', getBudget
selectDate:'', } from "@/api/budget/budget"
list:[], import {
total:0, getparameter
pageIndex:1, } from "@/api/system/dictionary"
table:[ import examineRegistration from "./components/examineRegistration";
{ export default {
label:"项目名称", components: {
minWidth: 160, examineRegistration
prop:'contract.name', },
fixed:'left', data() {
align:'left' return {
}, moneyWay: [],
{ plan: [],
label:"付款申请金额(元)", planTableSearch: [{
prop:"apply_money", label: "分类",
align:'right', prop: 'type',
width: 170, formatter: (cell, data, value) => {
formatter:(v1,v2,value)=>{ let res = this.moneyWay.filter(item => {
return Number(value).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,') return item.id === value
} })
}, return res[0]?.value || '未知'
{ },
label:'实际付款金额(元)', width:120
prop:"act_money", },
align:'right', {
width: 170, label: "年份",
formatter:(v1,v2,value)=>{ prop: 'year',
return Number(value).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,') align: 'center',
} width:90
}, },
{ {
label:"款项类型", label: "名称",
prop:"type", prop: 'name',
width: 120 align: 'left'
}, },
{ {
prop:'status', label: "计划金额",
label:'状态', prop: 'money',
width: 120, align: 'right',
formatter:(cell,data,value)=>{ width:160
if(value === 0) return '待审核'
else return '已审核'
}
},
{
label:"是否为最后一笔",
prop:"is_end",
width: 145,
formatter:(cell,data,value)=>{
return value == 1 ? "是" : "否"
} }
],
plans: [], //
planSearch: {
name: "",
plan_department_id: ""
}, },
{ planTotal: 0,
label:"经办人", plansPageIndex: 1,
minWidth: 160, isShowPlanForSearch: false,
prop:'admin.name', status: 0,
align:'center' keyword: '',
}, select: {
{ plan_id: "",
label:"业务科室", plan_name: ""
minWidth: 160,
prop:'department.name',
align:'center'
}, },
{ selectDate: '',
label:"备注", list: [],
minWidth: 160, total: 0,
prop:'remark', pageIndex: 1,
align:'left' table: [{
}, label: "项目名称",
{ minWidth: 300,
label:"创建信息", prop: 'contract.name',
prop:"created_at", fixed: 'left',
width:160, align: 'left'
formatter:(cell,data,value)=>{ },
return parseTime(new Date(value),'{y}-{m}-{d}') {
} label: "付款申请金额(元)",
prop: "apply_money",
align: 'right',
width: 170,
formatter: (v1, v2, value) => {
return Number(value).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')
}
},
{
label: '实际付款金额(元)',
prop: "act_money",
align: 'right',
width: 170,
formatter: (v1, v2, value) => {
return Number(value).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')
}
},
{
label: "预算计划",
width: 320,
align: "left",
customFn: (row) => {
{
if (row.act_plan_link.length > 0) {
return row.act_plan_link.map(item => {
return ( < div > [{
item.plan.year
}] - {
item.plan.name
} < br / > [使用金额] {
item.use_money
}
< /div>)
})
}
}
}
},
{
label: "款项类型",
prop: "type",
width: 120
},
{
prop: 'status',
label: '状态',
width: 100,
formatter: (cell, data, value) => {
if (value === 0) return '待审核'
else return '已审核'
}
},
{
label: "最后一笔",
prop: "is_end",
width: 125,
formatter: (cell, data, value) => {
return value == 1 ? "是" : "否"
}
},
{
label: "经办人",
minWidth: 120,
prop: 'admin.name',
align: 'center'
},
{
label: "业务科室",
minWidth: 140,
prop: 'department.name',
align: 'center'
},
{
label: "备注",
minWidth: 360,
prop: 'remark',
align: 'left'
},
{
label: "创建信息",
prop: "created_at",
width: 160,
formatter: (cell, data, value) => {
return parseTime(new Date(value), '{y}-{m}-{d}')
}
}
]
} }
] },
} methods: {
},
methods: {
pageChange(e){
this.pageIndex = e
this.getFundLogs()
},
async getFundLogs(){ planPageChange(e) {
const res = await getFundLog({page_size:10,page:this.pageIndex,keyword:this.keyword,date:this.selectDate,status:this.status}) this.plansPageIndex = e
this.list = res.data this.getBudgets()
this.total = res.total },
}, //
async getMoneyWay() {
this.moneyWay = (await getparameter({
number: 'money_way'
})).detail
},
clearSelectForSearch() {
this.select.plan_id = "";
this.select.plan_name = "请选择预算计划";
deleteFundLog(row){ },
delFundLog({id:row.id}).then(res=>{ //
Message({ searchBudgets() {
type:'success', this.plansPageIndex = 1;
message:'操作成功' this.getBudgets();
}) },
this.getFundLogs() doSearch() {
}) this.pageIndex = 0;
}, this.getFundLogs();
},
confirmPlanForSearch() {
this.isShowPlanForSearch = false;
this.getFundLogs();
},
cancelExamine(row){ //
editorFundLog({id:row.id,contract_id:row.contract_id,status:0}).then(res=>{ toggleSelection(plans, type) {
this.getFundLogs()
Message({ if (plans) {
type:"success", this.plans.filter(plan => {
message:"操作成功" if (plans.includes(plan.id)) {
}) plan.useMoney = this.plan[plans.indexOf(plan.id)].value.use_money
}) return true
}
}).map(row => {
this.$refs.planTable.toggleRowSelection(row)
})
} else {
this.$refs.planTable.clearSelection()
}
},
//
async getBudgets() {
let res = await getBudget({
name: this.planSearch.name,
page_size: 10,
page: this.plansPageIndex,
plan_department_id: this.planSearch.plan_department_id
})
this.plans = res.list.data
this.planTotal = res.list.total;
this.toggleSelection(this.plan.map(item => {
return item.value.plan_id
}), 1)
},
async showPlanForSearch() {
this.isShowPlanForSearch = true
await this.getBudgets();
},
//
selectPlanForSearch(sel) {
console.log(sel)
if (sel) {
this.select.plan_id = sel.id;
this.select.plan_name = "["+sel.year+"]-"+sel.name;
} else {
this.select.plan_id = "";
this.select.plan_name = "";
}
},
//
planSelectForSearch() {
if (this.select.plan_id == "") {
Message({
type: 'warning',
message: '选择计划不能为空'
})
return
}
this.isShowPlanForSearch = false
},
pageChange(e) {
this.pageIndex = e
this.getFundLogs()
},
async getFundLogs() {
const res = await getFundLog({
page_size: 10,
page: this.pageIndex,
keyword: this.keyword,
date: this.selectDate,
status: this.status,
act_plan_link_id: this.select.plan_id
})
this.list = res.data
this.total = res.total
},
deleteFundLog(row) {
delFundLog({
id: row.id
}).then(res => {
Message({
type: 'success',
message: '操作成功'
})
this.getFundLogs()
})
},
cancelExamine(row) {
editorFundLog({
id: row.id,
contract_id: row.contract_id,
status: 0
}).then(res => {
this.getFundLogs()
Message({
type: "success",
message: "操作成功"
})
})
}
},
mounted() {
this.getMoneyWay();
this.getFundLogs()
}
} }
},
mounted() {
this.getFundLogs()
}
}
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">

Loading…
Cancel
Save