@@ -0,0 +1,44 @@ | |||||
import request from '@/utils/request' | |||||
// 查询收款账户列表 | |||||
export function listPayee(query) { | |||||
return request({ | |||||
url: '/yinnong/payee/list', | |||||
method: 'get', | |||||
params: query | |||||
}) | |||||
} | |||||
// 新增收款账户 | |||||
export function addPayee(data) { | |||||
return request({ | |||||
url: '/yinnong/payee/add', | |||||
method: 'post', | |||||
data: data | |||||
}) | |||||
} | |||||
// 查询收款账户详细 | |||||
export function getPayee(id) { | |||||
return request({ | |||||
url: '/yinnong/payee/get/' + id, | |||||
method: 'get' | |||||
}) | |||||
} | |||||
// 修改收款账户 | |||||
export function updatePayee(data) { | |||||
return request({ | |||||
url: '/yinnong/payee/edit', | |||||
method: 'post', | |||||
data: data | |||||
}) | |||||
} | |||||
// 删除收款账户 | |||||
export function delPayee(id) { | |||||
return request({ | |||||
url: '/yinnong/payee/remove/' + id, | |||||
method: 'get' | |||||
}) | |||||
} |
@@ -12,48 +12,67 @@ | |||||
</van-nav-bar> | </van-nav-bar> | ||||
<p class="main_title">基础信息</p> | <p class="main_title">基础信息</p> | ||||
<div class="main_box"> | <div class="main_box"> | ||||
<van-field label="收款方" placeholder="请输入收款方" input-align="right" label-width="auto"/> | |||||
<van-field label="收款账户" placeholder="请输入收款账户" input-align="right" label-width="auto"/> | |||||
<van-field label="收款方" v-model="form.payee" placeholder="请输入收款方" input-align="right" label-width="auto"/> | |||||
<van-field label="收款账户" v-model="form.payeeAccount" placeholder="请输入收款账户" input-align="right" label-width="auto"/> | |||||
<van-field | <van-field | ||||
readonly | readonly | ||||
clickable | clickable | ||||
label="所属银行" | label="所属银行" | ||||
placeholder="请选择" | placeholder="请选择" | ||||
v-model="sfzjjzw" | |||||
@click="showSys = true" | |||||
v-model="bankType" | |||||
@click="showBankType = true" | |||||
input-align="right" | input-align="right" | ||||
right-icon="arrow-down" | right-icon="arrow-down" | ||||
label-width="auto" | label-width="auto" | ||||
/> | /> | ||||
<van-popup v-model="showSys" position="bottom"> | |||||
<van-popup v-model="showBankType" position="bottom"> | |||||
<van-picker | <van-picker | ||||
show-toolbar | show-toolbar | ||||
:columns="sysDictionaries" | |||||
@confirm="onConfirmSys" | |||||
@cancel="showSys = false" | |||||
:columns="bankTypeOptions" | |||||
@confirm="onConfirmBankType" | |||||
@cancel="showBankType = false" | |||||
/> | /> | ||||
</van-popup> | </van-popup> | ||||
<van-field label="开户银行" placeholder="请输入开户银行" input-align="right" label-width="auto"/> | |||||
<van-field label="开户银行" v-model="form.bankDeposit" placeholder="请输入开户银行" input-align="right" label-width="auto"/> | |||||
</div> | </div> | ||||
<div class="main_box" style="margin-top: 10px;"> | <div class="main_box" style="margin-top: 10px;"> | ||||
<van-field label="备注" type="textarea" placeholder="请输入备注" input-align="right" rows="3" label-width="auto"/> | |||||
<van-field label="备注" v-model="form.remark" type="textarea" placeholder="请输入备注" input-align="right" rows="3" label-width="auto"/> | |||||
</div> | </div> | ||||
<div class="main_box" style="margin-top: 10px;"> | <div class="main_box" style="margin-top: 10px;"> | ||||
<van-cell title="账户类型"> | <van-cell title="账户类型"> | ||||
<template #right-icon> | <template #right-icon> | ||||
<van-radio-group direction="horizontal"> | |||||
<van-radio-group direction="horizontal" v-model="form.accountType"> | |||||
<van-radio name="1">公户</van-radio> | <van-radio name="1">公户</van-radio> | ||||
<van-radio name="2">私户</van-radio> | <van-radio name="2">私户</van-radio> | ||||
</van-radio-group> | </van-radio-group> | ||||
</template> | </template> | ||||
</van-cell> | </van-cell> | ||||
<van-field | |||||
readonly | |||||
clickable | |||||
label="收款人类型" | |||||
placeholder="请选择" | |||||
v-model="payeeType" | |||||
@click="showPayeeType = true" | |||||
input-align="right" | |||||
right-icon="arrow-down" | |||||
label-width="auto" | |||||
/> | |||||
<van-popup v-model="showPayeeType" position="bottom"> | |||||
<van-picker | |||||
show-toolbar | |||||
:columns="payeeTypeOptions" | |||||
@confirm="onConfirmPayeeType" | |||||
@cancel="showPayeeType = false" | |||||
/> | |||||
</van-popup> | |||||
<van-cell title="数据状态"> | <van-cell title="数据状态"> | ||||
<template #right-icon> | <template #right-icon> | ||||
<van-radio-group direction="horizontal"> | |||||
<van-radio name="1">正常</van-radio> | |||||
<van-radio name="2">停用</van-radio> | |||||
<van-radio-group direction="horizontal" v-model="form.status"> | |||||
<van-radio name="0">正常</van-radio> | |||||
<van-radio name="1">停用</van-radio> | |||||
</van-radio-group> | </van-radio-group> | ||||
</template> | </template> | ||||
</van-cell> | </van-cell> | ||||
@@ -61,7 +80,7 @@ | |||||
<div style="padding: 16px 0;"> | <div style="padding: 16px 0;"> | ||||
<van-row> | <van-row> | ||||
<van-col span="24" align="center"> | <van-col span="24" align="center"> | ||||
<van-button type="info" native-type="submit" @click="goBack" class="submitButton">保<i style="margin-right: 1em;"></i>存</van-button> | |||||
<van-button type="info" native-type="submit" @click="goAdd" class="submitButton">保<i style="margin-right: 1em;"></i>存</van-button> | |||||
</van-col> | </van-col> | ||||
</van-row> | </van-row> | ||||
<div class="clear"></div> | <div class="clear"></div> | ||||
@@ -70,30 +89,22 @@ | |||||
</template> | </template> | ||||
<script> | <script> | ||||
import { jgAdd } from "@/api/onlineHome/homestead/reporting"; | |||||
import { addPayee } from "@/api/onlineHome/bankAgriculture/collectionAccount"; | |||||
export default { | export default { | ||||
name: "approvalAdd", | |||||
name: "collectionAdd", | |||||
data() { | data() { | ||||
return { | return { | ||||
showSys:false, | |||||
showjglx:false, | |||||
showlasj:false, | |||||
showinspectorTime:false, | |||||
showwfydlx:false, | |||||
showReformDeadline:false, | |||||
minDate: new Date(), | |||||
maxDate: new Date(2025, 10, 1), | |||||
currentDate: new Date(), | |||||
jgList:{}, | |||||
showBankType:false, | |||||
showPayeeType:false, | |||||
form:{}, | |||||
sfzjjzw:'', | |||||
jglx:'', | |||||
wfydlx:'', | |||||
bankType:'', | |||||
payeeType:'', | |||||
wfydlxDictionaries:[], | |||||
jglxDictionaries:[], | |||||
sysDictionaries:[], | |||||
bankTypeOptions:[], | |||||
statusOptions:[], | |||||
accountTypeOptions:[], | |||||
payeeTypeOptions:[], | |||||
}; | }; | ||||
}, | }, | ||||
@@ -102,58 +113,45 @@ | |||||
}, | }, | ||||
methods: { | methods: { | ||||
getDictionaries(){ | getDictionaries(){ | ||||
//违法用地类型 | |||||
this.houseGetDicts("villations_type").then((res) => { | |||||
this.houseGetDicts("bank_type").then((res) => { | |||||
for(var i = 0 ; i < res.data.length ; i++){ | |||||
this.bankTypeOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); | |||||
} | |||||
}); | |||||
this.houseGetDicts("sys_normal_disable").then((res) => { | |||||
console.log(res) | |||||
for(var i = 0 ; i < res.data.length ; i++){ | for(var i = 0 ; i < res.data.length ; i++){ | ||||
this.wfydlxDictionaries.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); | |||||
this.statusOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); | |||||
} | } | ||||
}); | }); | ||||
//监管类型 | |||||
this.houseGetDicts("jglx").then((res) => { | |||||
this.houseGetDicts("bank_account_type").then((res) => { | |||||
console.log(res) | |||||
for(var i = 0 ; i < res.data.length ; i++){ | for(var i = 0 ; i < res.data.length ; i++){ | ||||
this.jglxDictionaries.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); | |||||
this.accountTypeOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); | |||||
} | } | ||||
}); | }); | ||||
//是否在建建筑物 | |||||
this.houseGetDicts("sys_yes_no").then((res) => { | |||||
this.houseGetDicts("payee_type").then((res) => { | |||||
for(var i = 0 ; i < res.data.length ; i++){ | for(var i = 0 ; i < res.data.length ; i++){ | ||||
this.sysDictionaries.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); | |||||
this.payeeTypeOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); | |||||
} | } | ||||
}); | }); | ||||
}, | }, | ||||
onConfirmSys(data){ | |||||
this.sfzjjzw = data.text; | |||||
this.jgList.sfzjjzw = data.value; | |||||
this.showSys = false; | |||||
}, | |||||
onConfirmJglx(data){ | |||||
this.jglx = data.text; | |||||
this.jgList.jglx = data.value; | |||||
this.showjglx = false; | |||||
}, | |||||
onConfirmWfydlx(data){ | |||||
this.wfydlx = data.text; | |||||
this.jgList.wfydlx = data.value; | |||||
this.showwfydlx = false; | |||||
}, | |||||
onConfirmLasj(data){ | |||||
this.jgList.lasj = this.getNowFormatDate(data).substr(0,10); | |||||
this.showlasj = false; | |||||
}, | |||||
onConfirmInspectorTime(data){ | |||||
this.jgList.inspectorTime = this.getNowFormatDate(data).substr(0,10); | |||||
this.showinspectorTime = false; | |||||
onConfirmBankType(data){ | |||||
this.bankType = data.text; | |||||
this.form.bankType = data.value; | |||||
this.showBankType = false; | |||||
}, | }, | ||||
onConfirmReformDeadline(data){ | |||||
this.jgList.reformDeadline = this.getNowFormatDate(data).substr(0,10); | |||||
this.showReformDeadline = false; | |||||
onConfirmPayeeType(data){ | |||||
this.payeeType = data.text; | |||||
this.form.payeeType = data.value; | |||||
this.showPayeeType = false; | |||||
}, | }, | ||||
goAdd(){ | goAdd(){ | ||||
console.log(this.jgList) | |||||
jgAdd(this.jgList).then(response => { | |||||
console.log(this.form) | |||||
addPayee(this.form).then(response => { | |||||
console.log(response); | console.log(response); | ||||
this.$toast.success('保存成功'); | |||||
this.$toast.success('新增成功'); | |||||
setTimeout(function(){ | setTimeout(function(){ | ||||
history.go(-1) | history.go(-1) | ||||
},2000) | },2000) | ||||
@@ -7,93 +7,52 @@ | |||||
@click-left="$router.back(-1)" | @click-left="$router.back(-1)" | ||||
> | > | ||||
<template #title> | <template #title> | ||||
<p style="font-weight: bold;">添加支付收款账户</p> | |||||
<p style="font-weight: bold;">查看支付收款账户</p> | |||||
</template> | </template> | ||||
</van-nav-bar> | </van-nav-bar> | ||||
<p class="main_title">基础信息</p> | <p class="main_title">基础信息</p> | ||||
<div class="main_box"> | <div class="main_box"> | ||||
<van-field label="收款方" placeholder="请输入收款方" input-align="right" label-width="auto"/> | |||||
<van-field label="收款账户" placeholder="请输入收款账户" input-align="right" label-width="auto"/> | |||||
<van-field | |||||
readonly | |||||
clickable | |||||
label="所属银行" | |||||
placeholder="请选择" | |||||
v-model="sfzjjzw" | |||||
@click="showSys = true" | |||||
input-align="right" | |||||
right-icon="arrow-down" | |||||
label-width="auto" | |||||
/> | |||||
<van-popup v-model="showSys" position="bottom"> | |||||
<van-picker | |||||
show-toolbar | |||||
:columns="sysDictionaries" | |||||
@confirm="onConfirmSys" | |||||
@cancel="showSys = false" | |||||
/> | |||||
</van-popup> | |||||
<van-field label="开户银行" placeholder="请输入开户银行" input-align="right" label-width="auto"/> | |||||
<van-field readonly label="收款方" v-model="form.payee" input-align="right" label-width="auto"/> | |||||
<van-field readonly label="收款账户" v-model="form.payeeAccount" input-align="right" label-width="auto"/> | |||||
<van-field readonly label="所属银行" v-model="bankType" input-align="right" label-width="auto" /> | |||||
<van-field readonly label="开户银行" v-model="form.bankDeposit" input-align="right" label-width="auto"/> | |||||
</div> | </div> | ||||
<div class="main_box" style="margin-top: 10px;"> | <div class="main_box" style="margin-top: 10px;"> | ||||
<van-field label="备注" type="textarea" placeholder="请输入备注" input-align="right" rows="3" label-width="auto"/> | |||||
<van-field readonly label="备注" v-model="form.remark" type="textarea" input-align="right" rows="3" label-width="auto"/> | |||||
</div> | </div> | ||||
<div class="main_box" style="margin-top: 10px;"> | <div class="main_box" style="margin-top: 10px;"> | ||||
<van-cell title="账户类型"> | <van-cell title="账户类型"> | ||||
<template #right-icon> | <template #right-icon> | ||||
<van-radio-group direction="horizontal"> | |||||
<van-radio name="1">公户</van-radio> | |||||
<van-radio name="2">私户</van-radio> | |||||
</van-radio-group> | |||||
{{form.accountType == '1' ? '公户' : '私户' }} | |||||
</template> | </template> | ||||
</van-cell> | </van-cell> | ||||
<van-field readonly label="收款人类型" v-model="payeeType" input-align="right" label-width="auto" /> | |||||
<van-cell title="数据状态"> | <van-cell title="数据状态"> | ||||
<template #right-icon> | <template #right-icon> | ||||
<van-radio-group direction="horizontal"> | |||||
<van-radio name="1">正常</van-radio> | |||||
<van-radio name="2">停用</van-radio> | |||||
</van-radio-group> | |||||
{{form.accountType == '0' ? '正常' : '停用' }} | |||||
</template> | </template> | ||||
</van-cell> | </van-cell> | ||||
</div> | </div> | ||||
<div style="padding: 16px 0;"> | |||||
<van-row> | |||||
<van-col span="24" align="center"> | |||||
<van-button type="info" native-type="submit" @click="goBack" class="submitButton">保<i style="margin-right: 1em;"></i>存</van-button> | |||||
</van-col> | |||||
</van-row> | |||||
<div class="clear"></div> | |||||
</div> | |||||
</div> | </div> | ||||
</template> | </template> | ||||
<script> | <script> | ||||
import { jgAdd } from "@/api/onlineHome/homestead/reporting"; | |||||
import { getPayee , updatePayee } from "@/api/onlineHome/bankAgriculture/collectionAccount"; | |||||
export default { | export default { | ||||
name: "approvalAdd", | |||||
name: "collectionModify", | |||||
data() { | data() { | ||||
return { | return { | ||||
showSys:false, | |||||
showjglx:false, | |||||
showlasj:false, | |||||
showinspectorTime:false, | |||||
showwfydlx:false, | |||||
showReformDeadline:false, | |||||
minDate: new Date(), | |||||
maxDate: new Date(2025, 10, 1), | |||||
currentDate: new Date(), | |||||
jgList:{}, | |||||
showBankType:false, | |||||
showPayeeType:false, | |||||
form:{}, | |||||
sfzjjzw:'', | |||||
jglx:'', | |||||
wfydlx:'', | |||||
bankType:'', | |||||
payeeType:'', | |||||
wfydlxDictionaries:[], | |||||
jglxDictionaries:[], | |||||
sysDictionaries:[], | |||||
bankTypeOptions:[], | |||||
payeeTypeOptions:[], | |||||
}; | }; | ||||
}, | }, | ||||
@@ -102,58 +61,37 @@ | |||||
}, | }, | ||||
methods: { | methods: { | ||||
getDictionaries(){ | getDictionaries(){ | ||||
//违法用地类型 | |||||
this.houseGetDicts("villations_type").then((res) => { | |||||
for(var i = 0 ; i < res.data.length ; i++){ | |||||
this.wfydlxDictionaries.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); | |||||
} | |||||
}); | |||||
//监管类型 | |||||
this.houseGetDicts("jglx").then((res) => { | |||||
for(var i = 0 ; i < res.data.length ; i++){ | |||||
this.jglxDictionaries.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); | |||||
} | |||||
}); | |||||
//是否在建建筑物 | |||||
this.houseGetDicts("sys_yes_no").then((res) => { | |||||
for(var i = 0 ; i < res.data.length ; i++){ | |||||
this.sysDictionaries.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); | |||||
} | |||||
getPayee(this.$route.query.id).then((response) => { | |||||
this.houseGetDicts("bank_type").then((res) => { | |||||
for(var i = 0 ; i < res.data.length ; i++){ | |||||
this.bankTypeOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); | |||||
} | |||||
this.bankType = this.selectDictLabel(res.data, response.data.bankType); | |||||
}); | |||||
this.houseGetDicts("payee_type").then((res) => { | |||||
for(var i = 0 ; i < res.data.length ; i++){ | |||||
this.payeeTypeOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); | |||||
} | |||||
this.payeeType = this.selectDictLabel(res.data, response.data.payeeType); | |||||
}); | |||||
this.form = response.data; | |||||
}); | }); | ||||
}, | }, | ||||
onConfirmSys(data){ | |||||
this.sfzjjzw = data.text; | |||||
this.jgList.sfzjjzw = data.value; | |||||
this.showSys = false; | |||||
}, | |||||
onConfirmJglx(data){ | |||||
this.jglx = data.text; | |||||
this.jgList.jglx = data.value; | |||||
this.showjglx = false; | |||||
}, | |||||
onConfirmWfydlx(data){ | |||||
this.wfydlx = data.text; | |||||
this.jgList.wfydlx = data.value; | |||||
this.showwfydlx = false; | |||||
}, | |||||
onConfirmLasj(data){ | |||||
this.jgList.lasj = this.getNowFormatDate(data).substr(0,10); | |||||
this.showlasj = false; | |||||
}, | |||||
onConfirmInspectorTime(data){ | |||||
this.jgList.inspectorTime = this.getNowFormatDate(data).substr(0,10); | |||||
this.showinspectorTime = false; | |||||
onConfirmBankType(data){ | |||||
this.bankType = data.text; | |||||
this.form.bankType = data.value; | |||||
this.showBankType = false; | |||||
}, | }, | ||||
onConfirmReformDeadline(data){ | |||||
this.jgList.reformDeadline = this.getNowFormatDate(data).substr(0,10); | |||||
this.showReformDeadline = false; | |||||
onConfirmPayeeType(data){ | |||||
this.payeeType = data.text; | |||||
this.form.payeeType = data.value; | |||||
this.showPayeeType = false; | |||||
}, | }, | ||||
goAdd(){ | goAdd(){ | ||||
console.log(this.jgList) | |||||
jgAdd(this.jgList).then(response => { | |||||
console.log(response); | |||||
this.$toast.success('保存成功'); | |||||
console.log(this.form) | |||||
updatePayee(this.form).then(response => { | |||||
this.$toast.success('修改成功'); | |||||
setTimeout(function(){ | setTimeout(function(){ | ||||
history.go(-1) | history.go(-1) | ||||
},2000) | },2000) | ||||
@@ -22,22 +22,25 @@ | |||||
@load="getList" | @load="getList" | ||||
> | > | ||||
<van-swipe-cell v-for="(item,index) in applicationList" :key="index"> | <van-swipe-cell v-for="(item,index) in applicationList" :key="index"> | ||||
<van-cell title="名家合作社有限公司" center :to="{name:'applicationForm', query: {id:item.id,type:'modify'}}"> | |||||
<van-cell center :to="{name:'collectionDetail', query: {id:item.id}}"> | |||||
<template #icon> | <template #icon> | ||||
<van-icon name="../../../static/images/icon/icon_yl.png" size="22" color="#539FFD" style="margin-right: 10px;" /> | <van-icon name="../../../static/images/icon/icon_yl.png" size="22" color="#539FFD" style="margin-right: 10px;" /> | ||||
</template> | </template> | ||||
<template #label> | <template #label> | ||||
<p>3215 4658 7894 156</p> | |||||
<p>{{item.payeeAccount}}</p> | |||||
</template> | |||||
<template #title> | |||||
<p class="van-ellipsis">{{item.payee}}</p> | |||||
</template> | </template> | ||||
<template #default> | <template #default> | ||||
<p>草稿</p> | |||||
<p style="font-size: 12px;font-weight: normal;color: #878787;">中国银行</p> | |||||
<p>{{item.accountType}}</p> | |||||
<p style="font-size: 12px;font-weight: normal;color: #878787;">{{item.bankType}}</p> | |||||
</template> | </template> | ||||
</van-cell> | </van-cell> | ||||
<template #right> | <template #right> | ||||
<van-row> | <van-row> | ||||
<van-col> | <van-col> | ||||
<van-button square text="修改" type="info" :to="{name:'applicationForm', query: {id:item.id}}" class="delete-button" /> | |||||
<van-button square text="修改" type="info" :to="{name:'collectionModify', query: {id:item.id}}" class="delete-button" /> | |||||
</van-col> | </van-col> | ||||
<van-col> | <van-col> | ||||
<van-button square text="删除" type="danger" @click="deleteList(item.id,index)" class="delete-button" /> | <van-button square text="删除" type="danger" @click="deleteList(item.id,index)" class="delete-button" /> | ||||
@@ -50,27 +53,32 @@ | |||||
</template> | </template> | ||||
<script> | <script> | ||||
import { getList , removeList } from "@/api/onlineHome/homestead/application"; | |||||
import { listPayee , delPayee } from "@/api/onlineHome/bankAgriculture/collectionAccount"; | |||||
export default { | export default { | ||||
name: "approvalList", | |||||
name: "collectionList", | |||||
data() { | data() { | ||||
return { | return { | ||||
applicationList:[], | applicationList:[], | ||||
houseApplyStatus:[], | |||||
loading: false, | loading: false, | ||||
finished: false, | finished: false, | ||||
queryParams:{ | queryParams:{ | ||||
pageNum:1, | pageNum:1, | ||||
pageSize:10, | pageSize:10, | ||||
orderByColumn:'createTime', | |||||
isAsc:'desc' | |||||
} | } | ||||
}; | }; | ||||
}, | }, | ||||
created() { | created() { | ||||
this.houseGetDicts("house_apply_status").then((response) => { | |||||
console.log(response) | |||||
this.houseApplyStatus = response.data; | |||||
this.getDicts("bank_type").then(response => { | |||||
this.bankTypeOptions = response.data; | |||||
}); | |||||
this.getDicts("sys_normal_disable").then(response => { | |||||
this.statusOptions = response.data; | |||||
}); | |||||
this.getDicts("bank_account_type").then(response => { | |||||
this.accountTypeOptions = response.data; | |||||
}); | |||||
this.getDicts("payee_type").then(response => { | |||||
this.payeeTypeOptions = response.data; | |||||
}); | }); | ||||
}, | }, | ||||
methods: { | methods: { | ||||
@@ -79,14 +87,14 @@ export default { | |||||
}, | }, | ||||
getList(){ | getList(){ | ||||
setTimeout(() => { | setTimeout(() => { | ||||
getList(this.queryParams).then(response => { | |||||
listPayee(this.queryParams).then(response => { | |||||
console.log(response) | console.log(response) | ||||
for (var i = 0; i < response.rows.length; i++) { | for (var i = 0; i < response.rows.length; i++) { | ||||
var houseApplyStatus = this.selectDictLabel(this.houseApplyStatus, response.rows[i].houseApplyStatus); | |||||
response.rows[i].houseApplyStatus = houseApplyStatus; | |||||
response.rows[i].accountType = this.selectDictLabel(this.accountTypeOptions, response.rows[i].accountType); | |||||
response.rows[i].bankType = this.selectDictLabel(this.bankTypeOptions, response.rows[i].bankType); | |||||
this.applicationList.push(response.rows[i]); | this.applicationList.push(response.rows[i]); | ||||
} | } | ||||
console.log(this.applicationList.length >= response.total) | |||||
if(this.applicationList.length >= response.total){ | if(this.applicationList.length >= response.total){ | ||||
this.finished = true; | this.finished = true; | ||||
return; | return; | ||||
@@ -99,12 +107,12 @@ export default { | |||||
}, | }, | ||||
deleteList(id,index){ | deleteList(id,index){ | ||||
this.$dialog.confirm({ | this.$dialog.confirm({ | ||||
message: '您确认删除申请草稿?', | |||||
message: '您确认删除收款账户?', | |||||
}) | }) | ||||
.then(() => { | .then(() => { | ||||
// on confirm | // on confirm | ||||
this.applicationList.splice(index,1) | this.applicationList.splice(index,1) | ||||
removeList(id).then(res => { | |||||
delPayee(id).then(res => { | |||||
if(res.code = 200){ | if(res.code = 200){ | ||||
this.$toast.success('删除成功'); | this.$toast.success('删除成功'); | ||||
} | } | ||||
@@ -124,6 +132,7 @@ export default { | |||||
} | } | ||||
/deep/.van-cell__title{ | /deep/.van-cell__title{ | ||||
flex: 0.7; | flex: 0.7; | ||||
width: 70%; | |||||
} | } | ||||
/deep/.van-cell__title span{ | /deep/.van-cell__title span{ | ||||
font-family: Arial; | font-family: Arial; | ||||
@@ -7,53 +7,72 @@ | |||||
@click-left="$router.back(-1)" | @click-left="$router.back(-1)" | ||||
> | > | ||||
<template #title> | <template #title> | ||||
<p style="font-weight: bold;">添加支付收款账户</p> | |||||
<p style="font-weight: bold;">修改支付收款账户</p> | |||||
</template> | </template> | ||||
</van-nav-bar> | </van-nav-bar> | ||||
<p class="main_title">基础信息</p> | <p class="main_title">基础信息</p> | ||||
<div class="main_box"> | <div class="main_box"> | ||||
<van-field label="收款方" placeholder="请输入收款方" input-align="right" label-width="auto"/> | |||||
<van-field label="收款账户" placeholder="请输入收款账户" input-align="right" label-width="auto"/> | |||||
<van-field label="收款方" v-model="form.payee" placeholder="请输入收款方" input-align="right" label-width="auto"/> | |||||
<van-field label="收款账户" v-model="form.payeeAccount" placeholder="请输入收款账户" input-align="right" label-width="auto"/> | |||||
<van-field | <van-field | ||||
readonly | readonly | ||||
clickable | clickable | ||||
label="所属银行" | label="所属银行" | ||||
placeholder="请选择" | placeholder="请选择" | ||||
v-model="sfzjjzw" | |||||
@click="showSys = true" | |||||
v-model="bankType" | |||||
@click="showBankType = true" | |||||
input-align="right" | input-align="right" | ||||
right-icon="arrow-down" | right-icon="arrow-down" | ||||
label-width="auto" | label-width="auto" | ||||
/> | /> | ||||
<van-popup v-model="showSys" position="bottom"> | |||||
<van-popup v-model="showBankType" position="bottom"> | |||||
<van-picker | <van-picker | ||||
show-toolbar | show-toolbar | ||||
:columns="sysDictionaries" | |||||
@confirm="onConfirmSys" | |||||
@cancel="showSys = false" | |||||
:columns="bankTypeOptions" | |||||
@confirm="onConfirmBankType" | |||||
@cancel="showBankType = false" | |||||
/> | /> | ||||
</van-popup> | </van-popup> | ||||
<van-field label="开户银行" placeholder="请输入开户银行" input-align="right" label-width="auto"/> | |||||
<van-field label="开户银行" v-model="form.bankDeposit" placeholder="请输入开户银行" input-align="right" label-width="auto"/> | |||||
</div> | </div> | ||||
<div class="main_box" style="margin-top: 10px;"> | <div class="main_box" style="margin-top: 10px;"> | ||||
<van-field label="备注" type="textarea" placeholder="请输入备注" input-align="right" rows="3" label-width="auto"/> | |||||
<van-field label="备注" v-model="form.remark" type="textarea" placeholder="请输入备注" input-align="right" rows="3" label-width="auto"/> | |||||
</div> | </div> | ||||
<div class="main_box" style="margin-top: 10px;"> | <div class="main_box" style="margin-top: 10px;"> | ||||
<van-cell title="账户类型"> | <van-cell title="账户类型"> | ||||
<template #right-icon> | <template #right-icon> | ||||
<van-radio-group direction="horizontal"> | |||||
<van-radio-group direction="horizontal" v-model="form.accountType"> | |||||
<van-radio name="1">公户</van-radio> | <van-radio name="1">公户</van-radio> | ||||
<van-radio name="2">私户</van-radio> | <van-radio name="2">私户</van-radio> | ||||
</van-radio-group> | </van-radio-group> | ||||
</template> | </template> | ||||
</van-cell> | </van-cell> | ||||
<van-field | |||||
readonly | |||||
clickable | |||||
label="收款人类型" | |||||
placeholder="请选择" | |||||
v-model="payeeType" | |||||
@click="showPayeeType = true" | |||||
input-align="right" | |||||
right-icon="arrow-down" | |||||
label-width="auto" | |||||
/> | |||||
<van-popup v-model="showPayeeType" position="bottom"> | |||||
<van-picker | |||||
show-toolbar | |||||
:columns="payeeTypeOptions" | |||||
@confirm="onConfirmPayeeType" | |||||
@cancel="showPayeeType = false" | |||||
/> | |||||
</van-popup> | |||||
<van-cell title="数据状态"> | <van-cell title="数据状态"> | ||||
<template #right-icon> | <template #right-icon> | ||||
<van-radio-group direction="horizontal"> | |||||
<van-radio name="1">正常</van-radio> | |||||
<van-radio name="2">停用</van-radio> | |||||
<van-radio-group direction="horizontal" v-model="form.status"> | |||||
<van-radio name="0">正常</van-radio> | |||||
<van-radio name="1">停用</van-radio> | |||||
</van-radio-group> | </van-radio-group> | ||||
</template> | </template> | ||||
</van-cell> | </van-cell> | ||||
@@ -61,7 +80,7 @@ | |||||
<div style="padding: 16px 0;"> | <div style="padding: 16px 0;"> | ||||
<van-row> | <van-row> | ||||
<van-col span="24" align="center"> | <van-col span="24" align="center"> | ||||
<van-button type="info" native-type="submit" @click="goBack" class="submitButton">保<i style="margin-right: 1em;"></i>存</van-button> | |||||
<van-button type="info" native-type="submit" @click="goAdd" class="submitButton">保<i style="margin-right: 1em;"></i>存</van-button> | |||||
</van-col> | </van-col> | ||||
</van-row> | </van-row> | ||||
<div class="clear"></div> | <div class="clear"></div> | ||||
@@ -70,30 +89,20 @@ | |||||
</template> | </template> | ||||
<script> | <script> | ||||
import { jgAdd } from "@/api/onlineHome/homestead/reporting"; | |||||
import { getPayee , updatePayee } from "@/api/onlineHome/bankAgriculture/collectionAccount"; | |||||
export default { | export default { | ||||
name: "approvalAdd", | |||||
name: "collectionModify", | |||||
data() { | data() { | ||||
return { | return { | ||||
showSys:false, | |||||
showjglx:false, | |||||
showlasj:false, | |||||
showinspectorTime:false, | |||||
showwfydlx:false, | |||||
showReformDeadline:false, | |||||
minDate: new Date(), | |||||
maxDate: new Date(2025, 10, 1), | |||||
currentDate: new Date(), | |||||
jgList:{}, | |||||
showBankType:false, | |||||
showPayeeType:false, | |||||
form:{}, | |||||
sfzjjzw:'', | |||||
jglx:'', | |||||
wfydlx:'', | |||||
bankType:'', | |||||
payeeType:'', | |||||
wfydlxDictionaries:[], | |||||
jglxDictionaries:[], | |||||
sysDictionaries:[], | |||||
bankTypeOptions:[], | |||||
payeeTypeOptions:[], | |||||
}; | }; | ||||
}, | }, | ||||
@@ -102,58 +111,37 @@ | |||||
}, | }, | ||||
methods: { | methods: { | ||||
getDictionaries(){ | getDictionaries(){ | ||||
//违法用地类型 | |||||
this.houseGetDicts("villations_type").then((res) => { | |||||
for(var i = 0 ; i < res.data.length ; i++){ | |||||
this.wfydlxDictionaries.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); | |||||
} | |||||
}); | |||||
//监管类型 | |||||
this.houseGetDicts("jglx").then((res) => { | |||||
for(var i = 0 ; i < res.data.length ; i++){ | |||||
this.jglxDictionaries.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); | |||||
} | |||||
}); | |||||
//是否在建建筑物 | |||||
this.houseGetDicts("sys_yes_no").then((res) => { | |||||
for(var i = 0 ; i < res.data.length ; i++){ | |||||
this.sysDictionaries.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); | |||||
} | |||||
getPayee(this.$route.query.id).then((response) => { | |||||
this.houseGetDicts("bank_type").then((res) => { | |||||
for(var i = 0 ; i < res.data.length ; i++){ | |||||
this.bankTypeOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); | |||||
} | |||||
this.bankType = this.selectDictLabel(res.data, response.data.bankType); | |||||
}); | |||||
this.houseGetDicts("payee_type").then((res) => { | |||||
for(var i = 0 ; i < res.data.length ; i++){ | |||||
this.payeeTypeOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); | |||||
} | |||||
this.payeeType = this.selectDictLabel(res.data, response.data.payeeType); | |||||
}); | |||||
this.form = response.data; | |||||
}); | }); | ||||
}, | }, | ||||
onConfirmSys(data){ | |||||
this.sfzjjzw = data.text; | |||||
this.jgList.sfzjjzw = data.value; | |||||
this.showSys = false; | |||||
}, | |||||
onConfirmJglx(data){ | |||||
this.jglx = data.text; | |||||
this.jgList.jglx = data.value; | |||||
this.showjglx = false; | |||||
}, | |||||
onConfirmWfydlx(data){ | |||||
this.wfydlx = data.text; | |||||
this.jgList.wfydlx = data.value; | |||||
this.showwfydlx = false; | |||||
}, | |||||
onConfirmLasj(data){ | |||||
this.jgList.lasj = this.getNowFormatDate(data).substr(0,10); | |||||
this.showlasj = false; | |||||
}, | |||||
onConfirmInspectorTime(data){ | |||||
this.jgList.inspectorTime = this.getNowFormatDate(data).substr(0,10); | |||||
this.showinspectorTime = false; | |||||
onConfirmBankType(data){ | |||||
this.bankType = data.text; | |||||
this.form.bankType = data.value; | |||||
this.showBankType = false; | |||||
}, | }, | ||||
onConfirmReformDeadline(data){ | |||||
this.jgList.reformDeadline = this.getNowFormatDate(data).substr(0,10); | |||||
this.showReformDeadline = false; | |||||
onConfirmPayeeType(data){ | |||||
this.payeeType = data.text; | |||||
this.form.payeeType = data.value; | |||||
this.showPayeeType = false; | |||||
}, | }, | ||||
goAdd(){ | goAdd(){ | ||||
console.log(this.jgList) | |||||
jgAdd(this.jgList).then(response => { | |||||
console.log(response); | |||||
this.$toast.success('保存成功'); | |||||
console.log(this.form) | |||||
updatePayee(this.form).then(response => { | |||||
this.$toast.success('修改成功'); | |||||
setTimeout(function(){ | setTimeout(function(){ | ||||
history.go(-1) | history.go(-1) | ||||
},2000) | },2000) | ||||