xiaoy
/
contract-business-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

2022.9.5

Browse Source
master
271556543@qq.com 3 years ago
parent a406e0b3ba
commit 5c4949c792
1 changed files with 68 additions and 56 deletions
Show Stats Download Patch File Download Diff File

124
src/views/contract/paymentPlan.vue
Unescape View File

@ -1,6 +1,6 @@
<template> <template>
<div style="padding: 0 20px;"> <div style="padding: 0 20px;">
<lx-header icon="md-apps" text="付款计划" style="margin-bottom: 10px; border: 0px; margin-top: 15px"> <lx-header icon="md-apps" style="margin-bottom: 10px; border: 0px; margin-top: 15px" text="付款计划">
<div slot="content"></div> <div slot="content"></div>
<slot> <slot>
<div class="selects"> <div class="selects">
@ -8,7 +8,8 @@
<span style="padding: 0 6px;word-break: keep-all;"> <span style="padding: 0 6px;word-break: keep-all;">
付款计划日期 付款计划日期
</span> </span>
<DatePicker :value="[select.start,select.end]" placeholder="请选择日期" type="daterange" placement="bottom-start" style="width: 200px" @on-change="datePick"></DatePicker> <DatePicker :value="[select.start,select.end]" placeholder="请选择日期" placement="bottom-start" style="width: 200px"
type="daterange" @on-change="datePick"></DatePicker>
</div> </div>
<div> <div>
@ -18,14 +19,17 @@
<Input v-model="select.keyword" placeholder="请输入关键字" style="width: 180px"></Input> <Input v-model="select.keyword" placeholder="请输入关键字" style="width: 180px"></Input>
</div> </div>
<Button type="primary" style="margin-left: 10px" @click="select={showDate:'',start:'',end:'',pageIndex:1,keyword:''}">重置</Button> <Button style="margin-left: 10px" type="primary"
<Button type="primary" style="margin-left: 10px" @click="getSignPlan">查询</Button> @click="select={showDate:'',start:'',end:'',pageIndex:1,keyword:''}">重置
</Button>
<Button style="margin-left: 10px" type="primary" @click="getSignPlan">查询</Button>
</div> </div>
</slot> </slot>
</lx-header> </lx-header>
<xy-table :list="list" :table-item="table" @delete="deleteContractSign" @editor="(row)=>{$refs['detailContractSign'].planId = row.id;$refs['detailContractSign'].isShow = true}"></xy-table> <xy-table :list="list" :table-item="table" @delete="deleteContractSign"
@editor="(row)=>{$refs['detailContractSign'].planId = row.id;$refs['detailContractSign'].isShow = true}"></xy-table>
<div style="display: flex;justify-content: flex-end;"> <div style="display: flex;justify-content: flex-end;">
<Page :total="total" show-elevator/> <Page :total="total" show-elevator/>
@ -36,107 +40,115 @@
</template> </template>
<script> <script>
import {getContractSign,delContractSign} from "@/api/contractSign/contractSign" import {getContractSign, delContractSign} from "@/api/contractSign/contractSign"
import {parseTime} from "@/utils" import {parseTime} from "@/utils"
import {Message} from "element-ui"; import {Message} from "element-ui";
import detailContractSign from "@/views/contract/components/detailContractSign"; import detailContractSign from "@/views/contract/components/detailContractSign";
export default { export default {
components:{ components: {
detailContractSign detailContractSign
}, },
data() { data() {
return { return {
select:{ select: {
start:`${new Date().getFullYear()}-${new Date().getMonth()+1}-${new Date().getDate()}`, start: `${new Date().getFullYear()}-${new Date().getMonth() + 1}-${new Date().getDate()}`,
end:`${new Date().getFullYear()}-${new Date().getMonth()+2}-${new Date().getDate()}`, end: `${new Date().getFullYear()}-${new Date().getMonth() + 2}-${new Date().getDate()}`,
pageIndex:1, pageIndex: 1,
keyword:'' keyword: ''
}, },
total:0, total: 0,
list:[], list: [],
table:[ table: [
{ {
prop:'contract.name', prop: 'contract.name',
label:'项目名称', label: '项目名称',
width:170, width: 170,
align:'left', align: 'left',
fixed:'left' fixed: 'left'
}, },
{ {
prop:'money', prop: 'money',
label:'计划付款金额（元）', label: '计划付款金额（元）',
align:'right', align: 'right',
width:170, width: 170,
formatter:(v1,v2,value)=>{ formatter: (v1, v2, value) => {
return Number(value).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,') return Number(value).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')
} }
}, },
{ {
prop:'date', prop: 'date',
label:'计划付款日期', label: '计划付款日期',
width: 180 width: 180
}, },
{ {
prop:'content', prop: 'content',
label:'内容', label: '内容',
minWidth:180, minWidth: 180,
align:'left' align: 'left'
}, },
{ {
prop:'contract.created_at', prop: 'contract.created_at',
label:'合同签订日期', label: '合同签订日期',
width: 180, width: 180,
formatter:(v1,v2,value)=>{ formatter: (v1, v2, value) => {
return parseTime(new Date(value),'{y}-{m}-{d}') return parseTime(new Date(value), '{y}-{m}-{d}')
} }
}, },
{ {
prop:'contract.supply', prop: 'contract.supply',
label:'受款单位', label: '受款单位',
width: 140 width: 140
}, },
{ {
prop:'admin.name', prop: 'admin.name',
label:'经办人', label: '经办人',
width: 140 width: 140
}, },
{ {
prop:'department.name', prop: 'department.name',
label:'经办科室', label: '经办科室',
width: 140 width: 140
}, },
{ {
prop:'created_at', prop: 'created_at',
label:'创建信息', label: '创建信息',
width: 160, width: 160,
formatter:(v1,v2,value)=>{ formatter: (v1, v2, value) => {
return parseTime(new Date(value),'{y}-{m}-{d}') return parseTime(new Date(value), '{y}-{m}-{d}')
} }
} }
], ],
} }
}, },
methods: { methods: {
async getSignPlan(){ async getSignPlan() {
const res = await getContractSign({page_size:10,page:this.select.pageIndex,keyword:this.select.keyword,start_date:this.select.start,end_date:this.select.end}) const res = await getContractSign({
page_size: 10,
page: this.select.pageIndex,
keyword: this.select.keyword,
start_date: this.select.start,
end_date: this.select.end,
is_auth:1
})
this.total = res.total this.total = res.total
this.list = res.data this.list = res.data
}, },
deleteContractSign(row){ deleteContractSign(row) {
delContractSign({id:row.id}).then(res=>{ delContractSign({id: row.id}).then(res => {
this.getSignPlan() this.getSignPlan()
Message({ Message({
type:'success', type: 'success',
message:"操作成功" message: "操作成功"
}) })
}) })
}, },
datePick(e){ datePick(e) {
this.select.start = e[0] this.select.start = e[0]
this.select.end = e[1] this.select.end = e[1]
}, },
pageChange(e){ pageChange(e) {
this.select.pageIndex = e this.select.pageIndex = e
this.getSignPlan() this.getSignPlan()
}, },
@ -147,12 +159,12 @@ export default {
} }
</script> </script>
<style scoped lang="scss"> <style lang="scss" scoped>
.selects{ .selects {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
&>div{ & > div {
margin-bottom: 6px; margin-bottom: 6px;
} }
} }

Write Preview
Loading…
Cancel
Save