zhangzl
/
nsgk_mobile
2
0
複製 0
程式碼 問題 0 合併請求 0 版本發佈 0 Wiki 活動
瀏覽代碼

银农前端切图

wulanhaote
庞东旭 4 年之前
父節點
7b11cdea61
當前提交
95eb3bc3b8
共有 15 個檔案被更改，包括 2293 行新增 和 2 行删除
統一視圖
Diff Options
Show Stats Download Patch File Download Diff File
  1. +2
    -2
      config/index.js
  2. +90
    -0
      src/router/index.js
  3. +200
    -0
      src/views/onlineHome/bankAgriculture/collectionAccount/collectionAdd.vue
  4. +200
    -0
      src/views/onlineHome/bankAgriculture/collectionAccount/collectionDetail.vue
  5. +168
    -0
      src/views/onlineHome/bankAgriculture/collectionAccount/collectionList.vue
  6. +200
    -0
      src/views/onlineHome/bankAgriculture/collectionAccount/collectionModify.vue
  7. +192
    -0
      src/views/onlineHome/bankAgriculture/paymentAccount/paymentAccountAdd.vue
  8. +167
    -0
      src/views/onlineHome/bankAgriculture/paymentAccount/paymentAccountList.vue
  9. +258
    -0
      src/views/onlineHome/bankAgriculture/paymentApproval/approvalAdd.vue
  10. +258
    -0
      src/views/onlineHome/bankAgriculture/paymentApproval/approvalDetail.vue
  11. +160
    -0
      src/views/onlineHome/bankAgriculture/paymentApproval/approvalList.vue
  12. +258
    -0
      src/views/onlineHome/bankAgriculture/paymentApproval/approvalModify.vue
  13. +113
    -0
      src/views/onlineHome/bankAgriculture/paymentApproval/approvalProcess.vue
  14. +27
    -0
      src/views/onlineHome/workbench.vue
  15. 二進制
      static/images/icon/icon_yl.png

+ 2
- 2
config/index.js 查看文件

@@ -12,9 +12,9 @@ module.exports = {
proxyTable: { proxyTable: {
"/api": { "/api": {
// 请求的目标主机 // 请求的目标主机
//target: 'http://116.255.135.38:8081/nsgk_test/',
target: 'http://116.255.135.38:8081/nsgk_test/',
//target: 'http://localhost:8080/', //target: 'http://localhost:8080/',
target:'http://192.168.31.26:8080',
//target:'http://192.168.31.26:8080',
changeOrigin: true, changeOrigin: true,
pathRewrite: { pathRewrite: {
'^/api': '' '^/api': ''


+ 90
- 0
src/router/index.js 查看文件

@@ -959,6 +959,96 @@ export const constantRoutes = [
hidden: true, hidden: true,
}, },
component: (resolve) => require(['@/views/onlineHome/homestead/supervision/supervisionCloseCase'], resolve) component: (resolve) => require(['@/views/onlineHome/homestead/supervision/supervisionCloseCase'], resolve)
},
{
path: '/approvalList',
name: 'approvalList',
meta: {
title: '银农支付付款申请',
hidden: true,
},
component: (resolve) => require(['@/views/onlineHome/bankAgriculture/paymentApproval/approvalList'], resolve)
},
{
path: '/approvalAdd',
name: 'approvalAdd',
meta: {
title: '添加银农支付付款申请',
hidden: true,
},
component: (resolve) => require(['@/views/onlineHome/bankAgriculture/paymentApproval/approvalAdd'], resolve)
},
{
path: '/approvalModify',
name: 'approvalModify',
meta: {
title: '修改银农支付付款申请',
hidden: true,
},
component: (resolve) => require(['@/views/onlineHome/bankAgriculture/paymentApproval/approvalModify'], resolve)
},
{
path: '/approvalProcess',
name: 'approvalProcess',
meta: {
title: '付款申请流程',
hidden: true,
},
component: (resolve) => require(['@/views/onlineHome/bankAgriculture/paymentApproval/approvalProcess'], resolve)
},
{
path: '/collectionList',
name: 'collectionList',
meta: {
title: '银农支付收款账户',
hidden: true,
},
component: (resolve) => require(['@/views/onlineHome/bankAgriculture/collectionAccount/collectionList'], resolve)
},
{
path: '/collectionAdd',
name: 'collectionAdd',
meta: {
title: '添加支付收款账户',
hidden: true,
},
component: (resolve) => require(['@/views/onlineHome/bankAgriculture/collectionAccount/collectionAdd'], resolve)
},
{
path: '/collectionModify',
name: 'collectionModify',
meta: {
title: '修改支付收款账户',
hidden: true,
},
component: (resolve) => require(['@/views/onlineHome/bankAgriculture/collectionAccount/collectionModify'], resolve)
},
{
path: '/collectionDetail',
name: 'collectionDetail',
meta: {
title: '查看支付收款账户',
hidden: true,
},
component: (resolve) => require(['@/views/onlineHome/bankAgriculture/collectionAccount/collectionDetail'], resolve)
},
{
path: '/paymentAccountList',
name: 'paymentAccountList',
meta: {
title: '查看支付收款账户',
hidden: true,
},
component: (resolve) => require(['@/views/onlineHome/bankAgriculture/paymentAccount/paymentAccountList'], resolve)
},
{
path: '/paymentAccountAdd',
name: 'paymentAccountAdd',
meta: {
title: '添加出纳账户设置',
hidden: true,
},
component: (resolve) => require(['@/views/onlineHome/bankAgriculture/paymentAccount/paymentAccountAdd'], resolve)
} }
]; ];




+ 200
- 0
src/views/onlineHome/bankAgriculture/collectionAccount/collectionAdd.vue 查看文件

@@ -0,0 +1,200 @@
<template>
<div class="app-container">
<van-nav-bar
left-arrow
fixed
placeholder
@click-left="$router.back(-1)"
>
<template #title>
<p style="font-weight: bold;">添加支付收款账户</p>
</template>
</van-nav-bar>
<p class="main_title">基础信息</p>
<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"/>
</div>

<div class="main_box" style="margin-top: 10px;">
<van-field label="备注" type="textarea" placeholder="请输入备注" input-align="right" rows="3" label-width="auto"/>
</div>

<div class="main_box" style="margin-top: 10px;">
<van-cell title="账户类型">
<template #right-icon>
<van-radio-group direction="horizontal">
<van-radio name="1">公户</van-radio>
<van-radio name="2">私户</van-radio>
</van-radio-group>
</template>
</van-cell>
<van-cell title="数据状态">
<template #right-icon>
<van-radio-group direction="horizontal">
<van-radio name="1">正常</van-radio>
<van-radio name="2">停用</van-radio>
</van-radio-group>
</template>
</van-cell>
</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>
</template>

<script>
import { jgAdd } from "@/api/onlineHome/homestead/reporting";
export default {
name: "approvalAdd",
data() {
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:{},

sfzjjzw:'',
jglx:'',
wfydlx:'',

wfydlxDictionaries:[],
jglxDictionaries:[],
sysDictionaries:[],

};
},
created() {
this.getDictionaries();
},
methods: {
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});
}
});

},
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;
},
onConfirmReformDeadline(data){
this.jgList.reformDeadline = this.getNowFormatDate(data).substr(0,10);
this.showReformDeadline = false;
},
goAdd(){
console.log(this.jgList)
jgAdd(this.jgList).then(response => {
console.log(response);
this.$toast.success('保存成功');
setTimeout(function(){
history.go(-1)
},2000)
});
},
goBack(){
window.history.go(-1)
}
},
}
</script>

<style scoped lang="scss">
.app-container {
padding: 2% 0;
}
.main_title{
font-size: 0.4rem;
color: #1D6FE9;
margin: 0.2rem 6%;
margin-top: 0;
position: relative;
}
.main_box{
width: 96%;
margin: 0 auto;
border-radius: 6px;
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
overflow: hidden;
background-color: #FFF;
}
.submitButton{
width: 80%;
margin: 0 auto;
background-color: #1D6FE9;
}

.addFamily{
position: absolute;
top: -2px;
right: 0;
border-radius: 50%;
}
</style>

+ 200
- 0
src/views/onlineHome/bankAgriculture/collectionAccount/collectionDetail.vue 查看文件

@@ -0,0 +1,200 @@
<template>
<div class="app-container">
<van-nav-bar
left-arrow
fixed
placeholder
@click-left="$router.back(-1)"
>
<template #title>
<p style="font-weight: bold;">添加支付收款账户</p>
</template>
</van-nav-bar>
<p class="main_title">基础信息</p>
<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"/>
</div>

<div class="main_box" style="margin-top: 10px;">
<van-field label="备注" type="textarea" placeholder="请输入备注" input-align="right" rows="3" label-width="auto"/>
</div>

<div class="main_box" style="margin-top: 10px;">
<van-cell title="账户类型">
<template #right-icon>
<van-radio-group direction="horizontal">
<van-radio name="1">公户</van-radio>
<van-radio name="2">私户</van-radio>
</van-radio-group>
</template>
</van-cell>
<van-cell title="数据状态">
<template #right-icon>
<van-radio-group direction="horizontal">
<van-radio name="1">正常</van-radio>
<van-radio name="2">停用</van-radio>
</van-radio-group>
</template>
</van-cell>
</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>
</template>

<script>
import { jgAdd } from "@/api/onlineHome/homestead/reporting";
export default {
name: "approvalAdd",
data() {
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:{},

sfzjjzw:'',
jglx:'',
wfydlx:'',

wfydlxDictionaries:[],
jglxDictionaries:[],
sysDictionaries:[],

};
},
created() {
this.getDictionaries();
},
methods: {
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});
}
});

},
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;
},
onConfirmReformDeadline(data){
this.jgList.reformDeadline = this.getNowFormatDate(data).substr(0,10);
this.showReformDeadline = false;
},
goAdd(){
console.log(this.jgList)
jgAdd(this.jgList).then(response => {
console.log(response);
this.$toast.success('保存成功');
setTimeout(function(){
history.go(-1)
},2000)
});
},
goBack(){
window.history.go(-1)
}
},
}
</script>

<style scoped lang="scss">
.app-container {
padding: 2% 0;
}
.main_title{
font-size: 0.4rem;
color: #1D6FE9;
margin: 0.2rem 6%;
margin-top: 0;
position: relative;
}
.main_box{
width: 96%;
margin: 0 auto;
border-radius: 6px;
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
overflow: hidden;
background-color: #FFF;
}
.submitButton{
width: 80%;
margin: 0 auto;
background-color: #1D6FE9;
}

.addFamily{
position: absolute;
top: -2px;
right: 0;
border-radius: 50%;
}
</style>

+ 168
- 0
src/views/onlineHome/bankAgriculture/collectionAccount/collectionList.vue 查看文件

@@ -0,0 +1,168 @@
<template>
<div class="app-container">
<van-nav-bar
left-arrow
fixed
placeholder
@click-left="$router.back(-1)"
@click-right="goAdd()"
>
<template #title>
<p style="font-weight: bold;">银农支付收款账户</p>
</template>
<template #right>
<van-icon name="add" size="18"/>
</template>
</van-nav-bar>

<van-list
v-model="loading"
:finished="finished"
finished-text="没有更多了"
@load="getList"
>
<van-swipe-cell v-for="(item,index) in applicationList" :key="index">
<van-cell title="名家合作社有限公司" center :to="{name:'applicationForm', query: {id:item.id,type:'modify'}}">
<template #icon>
<van-icon name="../../../static/images/icon/icon_yl.png" size="22" color="#539FFD" style="margin-right: 10px;" />
</template>
<template #label>
<p>3215 4658 7894 156</p>
</template>
<template #default>
<p>草稿</p>
<p style="font-size: 12px;font-weight: normal;color: #878787;">中国银行</p>
</template>
</van-cell>
<template #right>
<van-row>
<van-col>
<van-button square text="修改" type="info" :to="{name:'applicationForm', query: {id:item.id}}" class="delete-button" />
</van-col>
<van-col>
<van-button square text="删除" type="danger" @click="deleteList(item.id,index)" class="delete-button" />
</van-col>
</van-row>
</template>
</van-swipe-cell>
</van-list>
</div>
</template>

<script>
import { getList , removeList } from "@/api/onlineHome/homestead/application";
export default {
name: "approvalList",
data() {
return {
applicationList:[],
houseApplyStatus:[],
loading: false,
finished: false,
queryParams:{
pageNum:1,
pageSize:10,
orderByColumn:'createTime',
isAsc:'desc'
}
};
},
created() {
this.houseGetDicts("house_apply_status").then((response) => {
console.log(response)
this.houseApplyStatus = response.data;
});
},
methods: {
goAdd(){
window.location = 'collectionAdd';
},
getList(){
setTimeout(() => {
getList(this.queryParams).then(response => {
console.log(response)
for (var i = 0; i < response.rows.length; i++) {
var houseApplyStatus = this.selectDictLabel(this.houseApplyStatus, response.rows[i].houseApplyStatus);
response.rows[i].houseApplyStatus = houseApplyStatus;
this.applicationList.push(response.rows[i]);
}
console.log(this.applicationList.length >= response.total)
if(this.applicationList.length >= response.total){
this.finished = true;
return;
}else{
this.loading = false;
this.queryParams.pageNum += 1 ;
}
});
}, 1000);
},
deleteList(id,index){
this.$dialog.confirm({
message: '您确认删除申请草稿？',
})
.then(() => {
// on confirm
this.applicationList.splice(index,1)
removeList(id).then(res => {
if(res.code = 200){
this.$toast.success('删除成功');
}
});
})
.catch(() => {
// on cancel
});
}
},
}
</script>

<style scoped lang="scss">
.app-container {
padding: 0.2rem 3%;
}
/deep/.van-cell__title{
flex: 0.7;
}
/deep/.van-cell__title span{
font-family: Arial;
font-size: 0.4rem;
font-weight: normal;

}
/deep/.van-cell__label span{
color: #1D6FE9;
font-weight: bold;
i{
font-size: 0.2rem;
}
}
.van-cell__label{
color: #333333;
font-size: 14Px;
}
/deep/.van-cell__value{
flex: 0.3;
color: #1D6FE9;
font-weight: bold;
}
/deep/.van-swipe-cell{
margin-bottom: 0.2rem;
border-radius: 0.2rem;
overflow: hidden;
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
}
/deep/van-ellipsis{
font-weight: bold;
}
.van-row{
height: 100%;
}
.van-col{
height: 100%;
}
.delete-button {
height: 100%;
}
</style>

+ 200
- 0
src/views/onlineHome/bankAgriculture/collectionAccount/collectionModify.vue 查看文件

@@ -0,0 +1,200 @@
<template>
<div class="app-container">
<van-nav-bar
left-arrow
fixed
placeholder
@click-left="$router.back(-1)"
>
<template #title>
<p style="font-weight: bold;">添加支付收款账户</p>
</template>
</van-nav-bar>
<p class="main_title">基础信息</p>
<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"/>
</div>

<div class="main_box" style="margin-top: 10px;">
<van-field label="备注" type="textarea" placeholder="请输入备注" input-align="right" rows="3" label-width="auto"/>
</div>

<div class="main_box" style="margin-top: 10px;">
<van-cell title="账户类型">
<template #right-icon>
<van-radio-group direction="horizontal">
<van-radio name="1">公户</van-radio>
<van-radio name="2">私户</van-radio>
</van-radio-group>
</template>
</van-cell>
<van-cell title="数据状态">
<template #right-icon>
<van-radio-group direction="horizontal">
<van-radio name="1">正常</van-radio>
<van-radio name="2">停用</van-radio>
</van-radio-group>
</template>
</van-cell>
</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>
</template>

<script>
import { jgAdd } from "@/api/onlineHome/homestead/reporting";
export default {
name: "approvalAdd",
data() {
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:{},

sfzjjzw:'',
jglx:'',
wfydlx:'',

wfydlxDictionaries:[],
jglxDictionaries:[],
sysDictionaries:[],

};
},
created() {
this.getDictionaries();
},
methods: {
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});
}
});

},
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;
},
onConfirmReformDeadline(data){
this.jgList.reformDeadline = this.getNowFormatDate(data).substr(0,10);
this.showReformDeadline = false;
},
goAdd(){
console.log(this.jgList)
jgAdd(this.jgList).then(response => {
console.log(response);
this.$toast.success('保存成功');
setTimeout(function(){
history.go(-1)
},2000)
});
},
goBack(){
window.history.go(-1)
}
},
}
</script>

<style scoped lang="scss">
.app-container {
padding: 2% 0;
}
.main_title{
font-size: 0.4rem;
color: #1D6FE9;
margin: 0.2rem 6%;
margin-top: 0;
position: relative;
}
.main_box{
width: 96%;
margin: 0 auto;
border-radius: 6px;
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
overflow: hidden;
background-color: #FFF;
}
.submitButton{
width: 80%;
margin: 0 auto;
background-color: #1D6FE9;
}

.addFamily{
position: absolute;
top: -2px;
right: 0;
border-radius: 50%;
}
</style>

+ 192
- 0
src/views/onlineHome/bankAgriculture/paymentAccount/paymentAccountAdd.vue 查看文件

@@ -0,0 +1,192 @@
<template>
<div class="app-container">
<van-nav-bar
left-arrow
fixed
placeholder
@click-left="$router.back(-1)"
>
<template #title>
<p style="font-weight: bold;">添加出纳账户设置</p>
</template>
</van-nav-bar>
<p class="main_title">基础信息</p>
<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 label="开户银行" placeholder="请输入开户银行" input-align="right" label-width="auto"/>
<van-field label="联行号" placeholder="请输入联行号" input-align="right" label-width="auto"/>
<van-field label="操作员代码" placeholder="请输入操作员代码" input-align="right" label-width="auto"/>
<van-field label="企业编码" placeholder="请输入企业编码" input-align="right" label-width="auto"/>
<van-field label="开户银行地址" placeholder="请输入开户银行地址" input-align="right" label-width="auto"/>
<van-field label="账户密码" placeholder="请输入账户密码" input-align="right" label-width="auto"/>
<van-field label="初始余额" placeholder="请输入初始余额" input-align="right" label-width="auto"/>
<van-cell title="是否停用">
<template #right-icon>
<van-radio-group direction="horizontal">
<van-radio name="1">是</van-radio>
<van-radio name="2">否</van-radio>
</van-radio-group>
</template>
</van-cell>
</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>
</template>

<script>
import { jgAdd } from "@/api/onlineHome/homestead/reporting";
export default {
name: "paymentAccountAdd",
data() {
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:{},

sfzjjzw:'',
jglx:'',
wfydlx:'',

wfydlxDictionaries:[],
jglxDictionaries:[],
sysDictionaries:[],

};
},
created() {
this.getDictionaries();
},
methods: {
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});
}
});

},
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;
},
onConfirmReformDeadline(data){
this.jgList.reformDeadline = this.getNowFormatDate(data).substr(0,10);
this.showReformDeadline = false;
},
goAdd(){
console.log(this.jgList)
jgAdd(this.jgList).then(response => {
console.log(response);
this.$toast.success('保存成功');
setTimeout(function(){
history.go(-1)
},2000)
});
},
goBack(){
window.history.go(-1)
}
},
}
</script>

<style scoped lang="scss">
.app-container {
padding: 2% 0;
}
.main_title{
font-size: 0.4rem;
color: #1D6FE9;
margin: 0.2rem 6%;
margin-top: 0;
position: relative;
}
.main_box{
width: 96%;
margin: 0 auto;
border-radius: 6px;
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
overflow: hidden;
background-color: #FFF;
}
.submitButton{
width: 80%;
margin: 0 auto;
background-color: #1D6FE9;
}

.addFamily{
position: absolute;
top: -2px;
right: 0;
border-radius: 50%;
}
</style>

+ 167
- 0
src/views/onlineHome/bankAgriculture/paymentAccount/paymentAccountList.vue 查看文件

@@ -0,0 +1,167 @@
<template>
<div class="app-container">
<van-nav-bar
left-arrow
fixed
placeholder
@click-left="$router.back(-1)"
@click-right="goAdd()"
>
<template #title>
<p style="font-weight: bold;">银农支付付款账户</p>
</template>
<template #right>
<van-icon name="add" size="18"/>
</template>
</van-nav-bar>

<van-list
v-model="loading"
:finished="finished"
finished-text="没有更多了"
@load="getList"
>
<van-swipe-cell v-for="(item,index) in applicationList" :key="index">
<van-cell title="银行存款" center :to="{name:'applicationForm', query: {id:item.id,type:'modify'}}">
<template #icon>
<van-icon name="../../../static/images/icon/icon_yl.png" size="22" color="#539FFD" style="margin-right: 10px;" />
</template>
<template #label>
<p><span><i>￥</i>3056.00</span></p>
</template>
<template #default>
<p>3215 4658 7894 156</p>
<p style="font-size: 12px;font-weight: normal;color: #878787;">中国银行<i style="margin-right: 1rem;"></i><span style="color: #1D6FE9">否 停用</span></p>
</template>
</van-cell>
<template #right>
<van-row>
<van-col>
<van-button square text="修改" type="info" :to="{name:'applicationForm', query: {id:item.id}}" class="delete-button" />
</van-col>
<van-col>
<van-button square text="删除" type="danger" @click="deleteList(item.id,index)" class="delete-button" />
</van-col>
</van-row>
</template>
</van-swipe-cell>
</van-list>
</div>
</template>

<script>
import { getList , removeList } from "@/api/onlineHome/homestead/application";
export default {
name: "approvalList",
data() {
return {
applicationList:[],
houseApplyStatus:[],
loading: false,
finished: false,
queryParams:{
pageNum:1,
pageSize:10,
orderByColumn:'createTime',
isAsc:'desc'
}
};
},
created() {
this.houseGetDicts("house_apply_status").then((response) => {
console.log(response)
this.houseApplyStatus = response.data;
});
},
methods: {
goAdd(){
window.location = 'paymentAccountAdd';
},
getList(){
setTimeout(() => {
getList(this.queryParams).then(response => {
console.log(response)
for (var i = 0; i < response.rows.length; i++) {
var houseApplyStatus = this.selectDictLabel(this.houseApplyStatus, response.rows[i].houseApplyStatus);
response.rows[i].houseApplyStatus = houseApplyStatus;
this.applicationList.push(response.rows[i]);
}
console.log(this.applicationList.length >= response.total)
if(this.applicationList.length >= response.total){
this.finished = true;
return;
}else{
this.loading = false;
this.queryParams.pageNum += 1 ;
}
});
}, 1000);
},
deleteList(id,index){
this.$dialog.confirm({
message: '您确认删除申请草稿？',
})
.then(() => {
// on confirm
this.applicationList.splice(index,1)
removeList(id).then(res => {
if(res.code = 200){
this.$toast.success('删除成功');
}
});
})
.catch(() => {
// on cancel
});
}
},
}
</script>

<style scoped lang="scss">
.app-container {
padding: 0.2rem 3%;
}
/deep/.van-cell__title{
flex: 0.4;
}
/deep/.van-cell__title span{
font-family: Arial;
font-size: 0.4rem;
font-weight: normal;

}
/deep/.van-cell__label span{
color: #1D6FE9;
font-weight: bold;
i{
font-size: 0.2rem;
}
}
.van-cell__label{
font-size: 14Px;
font-weight: bold;
}
/deep/.van-cell__value{
flex: 0.6;
color: #333333;
}
/deep/.van-swipe-cell{
margin-bottom: 0.2rem;
border-radius: 0.2rem;
overflow: hidden;
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
}
/deep/van-ellipsis{
font-weight: bold;
}
.van-row{
height: 100%;
}
.van-col{
height: 100%;
}
.delete-button {
height: 100%;
}
</style>

+ 258
- 0
src/views/onlineHome/bankAgriculture/paymentApproval/approvalAdd.vue 查看文件

@@ -0,0 +1,258 @@
<template>
<div class="app-container">
<van-nav-bar
left-arrow
fixed
placeholder
@click-left="$router.back(-1)"
>
<template #title>
<p style="font-weight: bold;">添加付款申请</p>
</template>
</van-nav-bar>
<p class="main_title">基础信息</p>
<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="支出总金额" placeholder="根据下方收款金额自动核算" input-align="right" label-width="auto"/>
<van-field
readonly
clickable
v-model="jgList.lasj"
label="申请时间"
placeholder="请选择申请时间"
@click="showlasj = true"
input-align="right"
right-icon="arrow-down"
/>
<van-popup v-model="showlasj" position="bottom">
<van-datetime-picker
v-model="currentDate"
type="date"
title="选择年月日"
:min-date="minDate"
:max-date="maxDate"
@confirm="onConfirmLasj"
/>
</van-popup>
<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-cell title="收款账户类型">
<template #right-icon>
<van-radio-group direction="horizontal">
<van-radio name="1">公户</van-radio>
<van-radio name="2">私户</van-radio>
</van-radio-group>
</template>
</van-cell>
</div>

<div class="main_box" style="margin-top: 10px;">
<van-field label="付款事由" type="textarea" placeholder="请输入付款事由" input-align="right" rows="3" label-width="auto"/>
</div>

<div class="main_box" style="margin-top: 10px;">
<van-field label="说明情况" type="textarea" placeholder="请输入说明情况" input-align="right" rows="3" label-width="auto"/>
</div>

<p class="main_title">列表信息<van-button icon="plus" size="mini" type="info" native-type="button" class="addFamily"/></p>
<div class="main_box">
<van-field
readonly
clickable
label="收款方"
placeholder="请选择"
v-model="wfydlx"
@click="showwfydlx = true"
input-align="right"
right-icon="arrow-down"
/>
<van-popup v-model="showwfydlx" position="bottom">
<van-picker
show-toolbar
:columns="wfydlxDictionaries"
@confirm="onConfirmWfydlx"
@cancel="showwfydlx = false"
/>
</van-popup>
<van-field v-model="jgList.wfydmj" label="收款账户" placeholder="请输入账户" input-align="right" label-width="auto"/>
<van-field v-model="jgList.fmkje" label="开户银行" placeholder="请输入银行" input-align="right" label-width="auto"/>
<van-field v-model="jgList.msmj" label="收入金额" placeholder="请输入金额" input-align="right" label-width="auto"/>
<van-field
readonly
clickable
label="所属银行"
placeholder="请选择"
v-model="wfydlx"
@click="showwfydlx = true"
input-align="right"
right-icon="arrow-down"
/>
<van-popup v-model="showwfydlx" position="bottom">
<van-picker
show-toolbar
:columns="wfydlxDictionaries"
@confirm="onConfirmWfydlx"
@cancel="showwfydlx = false"
/>
</van-popup>
</div>
<div style="padding: 16px 0;">
<van-row>
<van-col span="12" align="center">
<van-button type="info" native-type="submit" @click="goBack" class="submitButton">保<i style="margin-right: 1em;"></i>存</van-button>
</van-col>
<van-col span="12" align="center">
<van-button type="info" native-type="submit" @click="goAdd" class="submitButton">保存并提交</van-button>
</van-col>
</van-row>
<div class="clear"></div>
</div>
</div>
</template>

<script>
import { jgAdd } from "@/api/onlineHome/homestead/reporting";
export default {
name: "approvalAdd",
data() {
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:{},

sfzjjzw:'',
jglx:'',
wfydlx:'',

wfydlxDictionaries:[],
jglxDictionaries:[],
sysDictionaries:[],

};
},
created() {
this.getDictionaries();
},
methods: {
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});
}
});

},
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;
},
onConfirmReformDeadline(data){
this.jgList.reformDeadline = this.getNowFormatDate(data).substr(0,10);
this.showReformDeadline = false;
},
goAdd(){
console.log(this.jgList)
jgAdd(this.jgList).then(response => {
console.log(response);
this.$toast.success('保存成功');
setTimeout(function(){
history.go(-1)
},2000)
});
},
goBack(){
window.history.go(-1)
}
},
}
</script>

<style scoped lang="scss">
.app-container {
padding: 2% 0;
}
.main_title{
font-size: 0.4rem;
color: #1D6FE9;
margin: 0.2rem 6%;
position: relative;
}
.main_box{
width: 96%;
margin: 0 auto;
border-radius: 6px;
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
overflow: hidden;
background-color: #FFF;
}
.submitButton{
width: 80%;
margin: 0 auto;
background-color: #1D6FE9;
}

.addFamily{
position: absolute;
top: -2px;
right: 0;
border-radius: 50%;
}
</style>

+ 258
- 0
src/views/onlineHome/bankAgriculture/paymentApproval/approvalDetail.vue 查看文件

@@ -0,0 +1,258 @@
<template>
<div class="app-container">
<van-nav-bar
left-arrow
fixed
placeholder
@click-left="$router.back(-1)"
>
<template #title>
<p style="font-weight: bold;">添加付款申请</p>
</template>
</van-nav-bar>
<p class="main_title">基础信息</p>
<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="支出总金额" placeholder="根据下方收款金额自动核算" input-align="right" label-width="auto"/>
<van-field
readonly
clickable
v-model="jgList.lasj"
label="申请时间"
placeholder="请选择申请时间"
@click="showlasj = true"
input-align="right"
right-icon="arrow-down"
/>
<van-popup v-model="showlasj" position="bottom">
<van-datetime-picker
v-model="currentDate"
type="date"
title="选择年月日"
:min-date="minDate"
:max-date="maxDate"
@confirm="onConfirmLasj"
/>
</van-popup>
<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-cell title="收款账户类型">
<template #right-icon>
<van-radio-group direction="horizontal">
<van-radio name="1">公户</van-radio>
<van-radio name="2">私户</van-radio>
</van-radio-group>
</template>
</van-cell>
</div>

<div class="main_box" style="margin-top: 10px;">
<van-field label="付款事由" type="textarea" placeholder="请输入付款事由" input-align="right" rows="3" label-width="auto"/>
</div>

<div class="main_box" style="margin-top: 10px;">
<van-field label="说明情况" type="textarea" placeholder="请输入说明情况" input-align="right" rows="3" label-width="auto"/>
</div>

<p class="main_title">列表信息<van-button icon="plus" size="mini" type="info" native-type="button" class="addFamily"/></p>
<div class="main_box">
<van-field
readonly
clickable
label="收款方"
placeholder="请选择"
v-model="wfydlx"
@click="showwfydlx = true"
input-align="right"
right-icon="arrow-down"
/>
<van-popup v-model="showwfydlx" position="bottom">
<van-picker
show-toolbar
:columns="wfydlxDictionaries"
@confirm="onConfirmWfydlx"
@cancel="showwfydlx = false"
/>
</van-popup>
<van-field v-model="jgList.wfydmj" label="收款账户" placeholder="请输入账户" input-align="right" label-width="auto"/>
<van-field v-model="jgList.fmkje" label="开户银行" placeholder="请输入银行" input-align="right" label-width="auto"/>
<van-field v-model="jgList.msmj" label="收入金额" placeholder="请输入金额" input-align="right" label-width="auto"/>
<van-field
readonly
clickable
label="所属银行"
placeholder="请选择"
v-model="wfydlx"
@click="showwfydlx = true"
input-align="right"
right-icon="arrow-down"
/>
<van-popup v-model="showwfydlx" position="bottom">
<van-picker
show-toolbar
:columns="wfydlxDictionaries"
@confirm="onConfirmWfydlx"
@cancel="showwfydlx = false"
/>
</van-popup>
</div>
<div style="padding: 16px 0;">
<van-row>
<van-col span="12" align="center">
<van-button type="info" native-type="submit" @click="goBack" class="submitButton">保<i style="margin-right: 1em;"></i>存</van-button>
</van-col>
<van-col span="12" align="center">
<van-button type="info" native-type="submit" @click="goAdd" class="submitButton">保存并提交</van-button>
</van-col>
</van-row>
<div class="clear"></div>
</div>
</div>
</template>

<script>
import { jgAdd } from "@/api/onlineHome/homestead/reporting";
export default {
name: "approvalAdd",
data() {
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:{},

sfzjjzw:'',
jglx:'',
wfydlx:'',

wfydlxDictionaries:[],
jglxDictionaries:[],
sysDictionaries:[],

};
},
created() {
this.getDictionaries();
},
methods: {
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});
}
});

},
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;
},
onConfirmReformDeadline(data){
this.jgList.reformDeadline = this.getNowFormatDate(data).substr(0,10);
this.showReformDeadline = false;
},
goAdd(){
console.log(this.jgList)
jgAdd(this.jgList).then(response => {
console.log(response);
this.$toast.success('保存成功');
setTimeout(function(){
history.go(-1)
},2000)
});
},
goBack(){
window.history.go(-1)
}
},
}
</script>

<style scoped lang="scss">
.app-container {
padding: 2% 0;
}
.main_title{
font-size: 0.4rem;
color: #1D6FE9;
margin: 0.2rem 6%;
position: relative;
}
.main_box{
width: 96%;
margin: 0 auto;
border-radius: 6px;
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
overflow: hidden;
background-color: #FFF;
}
.submitButton{
width: 80%;
margin: 0 auto;
background-color: #1D6FE9;
}

.addFamily{
position: absolute;
top: -2px;
right: 0;
border-radius: 50%;
}
</style>

+ 160
- 0
src/views/onlineHome/bankAgriculture/paymentApproval/approvalList.vue 查看文件

@@ -0,0 +1,160 @@
<template>
<div class="app-container">
<van-nav-bar
left-arrow
fixed
placeholder
@click-left="$router.back(-1)"
@click-right="goAdd()"
>
<template #title>
<p style="font-weight: bold;">银农支付付款申请</p>
</template>
<template #right>
<van-icon name="add" size="18"/>
</template>
</van-nav-bar>

<van-list
v-model="loading"
:finished="finished"
finished-text="没有更多了"
@load="getList"
>
<van-swipe-cell v-for="(item,index) in applicationList" :key="index">
<van-cell title="高家庄集体经济合作社" value="草稿" center :to="{name:'applicationForm', query: {id:item.id,type:'modify'}}">
<template #icon>
<van-icon name="../../../static/images/icon/icon_yl.png" size="22" color="#539FFD" style="margin-right: 10px;" />
</template>
<template #label>
<p><span><i>￥</i>3056.00</span><i style="margin-right: 1rem;"></i>2018-01-09</p>
</template>
</van-cell>
<template #right>
<van-row>
<van-col>
<van-button square text="修改" type="info" :to="{name:'applicationForm', query: {id:item.id}}" class="delete-button" />
</van-col>
<van-col>
<van-button square text="删除" type="danger" @click="deleteList(item.id,index)" class="delete-button" />
</van-col>
</van-row>
</template>
</van-swipe-cell>
</van-list>
</div>
</template>

<script>
import { getList , removeList } from "@/api/onlineHome/homestead/application";
export default {
name: "approvalList",
data() {
return {
applicationList:[],
houseApplyStatus:[],
loading: false,
finished: false,
queryParams:{
pageNum:1,
pageSize:10,
orderByColumn:'createTime',
isAsc:'desc'
}
};
},
created() {
this.houseGetDicts("house_apply_status").then((response) => {
console.log(response)
this.houseApplyStatus = response.data;
});
},
methods: {
goAdd(){
window.location = 'approvalAdd';
},
getList(){
setTimeout(() => {
getList(this.queryParams).then(response => {
console.log(response)
for (var i = 0; i < response.rows.length; i++) {
var houseApplyStatus = this.selectDictLabel(this.houseApplyStatus, response.rows[i].houseApplyStatus);
response.rows[i].houseApplyStatus = houseApplyStatus;
this.applicationList.push(response.rows[i]);
}
console.log(this.applicationList.length >= response.total)
if(this.applicationList.length >= response.total){
this.finished = true;
return;
}else{
this.loading = false;
this.queryParams.pageNum += 1 ;
}
});
}, 1000);
},
deleteList(id,index){
this.$dialog.confirm({
message: '您确认删除申请草稿？',
})
.then(() => {
// on confirm
this.applicationList.splice(index,1)
removeList(id).then(res => {
if(res.code = 200){
this.$toast.success('删除成功');
}
});
})
.catch(() => {
// on cancel
});
}
},
}
</script>

<style scoped lang="scss">
.app-container {
padding: 0.2rem 3%;
}
/deep/.van-cell__title{
flex: 0.7;
}
/deep/.van-cell__title span{
font-family: Arial;
font-size: 0.4rem;
font-weight: normal;

}
/deep/.van-cell__label span{
color: #1D6FE9;
font-weight: bold;
i{
font-size: 0.2rem;
}
}
/deep/.van-cell__value{
flex: 0.3;
color: #1D6FE9;
font-weight: bold;
}
/deep/.van-swipe-cell{
margin-bottom: 0.2rem;
border-radius: 0.2rem;
overflow: hidden;
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
}
/deep/van-ellipsis{
font-weight: bold;
}
.van-row{
height: 100%;
}
.van-col{
height: 100%;
}
.delete-button {
height: 100%;
}
</style>

+ 258
- 0
src/views/onlineHome/bankAgriculture/paymentApproval/approvalModify.vue 查看文件

@@ -0,0 +1,258 @@
<template>
<div class="app-container">
<van-nav-bar
left-arrow
fixed
placeholder
@click-left="$router.back(-1)"
>
<template #title>
<p style="font-weight: bold;">添加付款申请</p>
</template>
</van-nav-bar>
<p class="main_title">基础信息</p>
<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="支出总金额" placeholder="根据下方收款金额自动核算" input-align="right" label-width="auto"/>
<van-field
readonly
clickable
v-model="jgList.lasj"
label="申请时间"
placeholder="请选择申请时间"
@click="showlasj = true"
input-align="right"
right-icon="arrow-down"
/>
<van-popup v-model="showlasj" position="bottom">
<van-datetime-picker
v-model="currentDate"
type="date"
title="选择年月日"
:min-date="minDate"
:max-date="maxDate"
@confirm="onConfirmLasj"
/>
</van-popup>
<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-cell title="收款账户类型">
<template #right-icon>
<van-radio-group direction="horizontal">
<van-radio name="1">公户</van-radio>
<van-radio name="2">私户</van-radio>
</van-radio-group>
</template>
</van-cell>
</div>

<div class="main_box" style="margin-top: 10px;">
<van-field label="付款事由" type="textarea" placeholder="请输入付款事由" input-align="right" rows="3" label-width="auto"/>
</div>

<div class="main_box" style="margin-top: 10px;">
<van-field label="说明情况" type="textarea" placeholder="请输入说明情况" input-align="right" rows="3" label-width="auto"/>
</div>

<p class="main_title">列表信息<van-button icon="plus" size="mini" type="info" native-type="button" class="addFamily"/></p>
<div class="main_box">
<van-field
readonly
clickable
label="收款方"
placeholder="请选择"
v-model="wfydlx"
@click="showwfydlx = true"
input-align="right"
right-icon="arrow-down"
/>
<van-popup v-model="showwfydlx" position="bottom">
<van-picker
show-toolbar
:columns="wfydlxDictionaries"
@confirm="onConfirmWfydlx"
@cancel="showwfydlx = false"
/>
</van-popup>
<van-field v-model="jgList.wfydmj" label="收款账户" placeholder="请输入账户" input-align="right" label-width="auto"/>
<van-field v-model="jgList.fmkje" label="开户银行" placeholder="请输入银行" input-align="right" label-width="auto"/>
<van-field v-model="jgList.msmj" label="收入金额" placeholder="请输入金额" input-align="right" label-width="auto"/>
<van-field
readonly
clickable
label="所属银行"
placeholder="请选择"
v-model="wfydlx"
@click="showwfydlx = true"
input-align="right"
right-icon="arrow-down"
/>
<van-popup v-model="showwfydlx" position="bottom">
<van-picker
show-toolbar
:columns="wfydlxDictionaries"
@confirm="onConfirmWfydlx"
@cancel="showwfydlx = false"
/>
</van-popup>
</div>
<div style="padding: 16px 0;">
<van-row>
<van-col span="12" align="center">
<van-button type="info" native-type="submit" @click="goBack" class="submitButton">保<i style="margin-right: 1em;"></i>存</van-button>
</van-col>
<van-col span="12" align="center">
<van-button type="info" native-type="submit" @click="goAdd" class="submitButton">保存并提交</van-button>
</van-col>
</van-row>
<div class="clear"></div>
</div>
</div>
</template>

<script>
import { jgAdd } from "@/api/onlineHome/homestead/reporting";
export default {
name: "approvalAdd",
data() {
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:{},

sfzjjzw:'',
jglx:'',
wfydlx:'',

wfydlxDictionaries:[],
jglxDictionaries:[],
sysDictionaries:[],

};
},
created() {
this.getDictionaries();
},
methods: {
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});
}
});

},
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;
},
onConfirmReformDeadline(data){
this.jgList.reformDeadline = this.getNowFormatDate(data).substr(0,10);
this.showReformDeadline = false;
},
goAdd(){
console.log(this.jgList)
jgAdd(this.jgList).then(response => {
console.log(response);
this.$toast.success('保存成功');
setTimeout(function(){
history.go(-1)
},2000)
});
},
goBack(){
window.history.go(-1)
}
},
}
</script>

<style scoped lang="scss">
.app-container {
padding: 2% 0;
}
.main_title{
font-size: 0.4rem;
color: #1D6FE9;
margin: 0.2rem 6%;
position: relative;
}
.main_box{
width: 96%;
margin: 0 auto;
border-radius: 6px;
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
overflow: hidden;
background-color: #FFF;
}
.submitButton{
width: 80%;
margin: 0 auto;
background-color: #1D6FE9;
}

.addFamily{
position: absolute;
top: -2px;
right: 0;
border-radius: 50%;
}
</style>

+ 113
- 0
src/views/onlineHome/bankAgriculture/paymentApproval/approvalProcess.vue 查看文件

@@ -0,0 +1,113 @@
<template>
<div class="app-container">
<van-nav-bar
left-arrow
fixed
placeholder
@click-left="$router.back(-1)"
@click-right="goAdd()"
>
<template #title>
<p style="font-weight: bold;">付款申请流程</p>
</template>
<template #right>
<van-icon name="add" size="18"/>
</template>
</van-nav-bar>
<div class="main_box">
<van-row>
<van-col span="6"></van-col>
<van-col span="18" class="textBlue">草稿</van-col>
</van-row>
<van-row>
<van-col span="6" align="right"><p class="icon_jian blue"><van-icon name="success" size="14" /></p></van-col>
<van-col span="18" class="textBlue">待审批
<van-row>
<van-col span="10" style="padding: 0;">已通过</van-col>
<van-col span="14" style="padding: 0;">2021-09-01</van-col>
</van-row>
</van-col>
</van-row>
<van-row>
<van-col span="6" align="right"><p class="icon_jian"><van-icon name="minus" size="14" /></p></van-col>
<van-col span="18">乡镇审批</van-col>
</van-row>
<van-row>
<van-col span="6" align="right"><p class="icon_jian"><van-icon name="minus" size="14" /></p></van-col>
<van-col span="18">区县审批</van-col>
</van-row>
<van-row>
<van-col span="6" align="right"><p class="icon_jian"><van-icon name="minus" size="14" /></p></van-col>
<van-col span="18">待支付</van-col>
</van-row>
<van-row>
<van-col span="6" align="right"><p class="icon_jian"><van-icon name="minus" size="14" /></p></van-col>
<van-col span="18">未入账</van-col>
</van-row>
</div>
</div>
</template>

<script>
export default {
name: "approvalProcess",
data() {
return {

};
},
created() {

},
methods: {

},
}
</script>

<style scoped lang="scss">
.app-container {
padding: 0.2rem 0;
}
.main_box{
width: 96%;
margin: 0 auto;
border-radius: 6px;
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
overflow: hidden;
background-color: #FFF;
padding: 20Px 0;
}
.icon_jian{
background-color: #C9C9C9;
display: inline-block;
width: 20Px;
height: 20Px;
line-height: 24Px;
text-align: center;
border-radius: 50%;
color: #FFF;
}
.blue{
background-color: #1D6FE9;
}
.textBlue{
color: #1D6FE9!important;
}
.van-col{
padding: 20Px 10Px;
}
.van-col:nth-child(2){
font-size: 16Px;
color: #878787;
line-height: 22Px;
}
.van-row{
.van-row{
.van-col{
padding: 5Px 0 0 0!important;
color: #878787;
}
}
}
</style>

+ 27
- 0
src/views/onlineHome/workbench.vue 查看文件

@@ -281,6 +281,33 @@
</van-grid-item> </van-grid-item>
</van-grid> </van-grid>
</van-row> </van-row>
<van-row style="margin:2%;width:96%;padding:20px 0;padding:20px 0;border-radius: 6px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);background: #fff">
<van-cell style="border-radius: 6px;">
<template #title>
<p style="font-weight: bold;font-size: 18px;display: inline-block">银农支付</p>
</template>
</van-cell>
<van-grid :border="false">
<van-grid-item text="付款审批" :to="{name:'approvalList'}" >
<div slot="default" style="background:#FF4646;padding: 10px;text-align:center;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px" >
<img src="../../../static/images/onlineHome/icon6.png" style="width: 25px;" alt />
</div>
<p style="margin-top: 5px;color: #666666;">付款审批</p>
</van-grid-item>
<van-grid-item text="收款账户" :to="{name:'collectionList'}" >
<div slot="default" style="background:#FF4646;padding: 10px;text-align:center;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px" >
<img src="../../../static/images/onlineHome/icon6.png" style="width: 25px;" alt />
</div>
<p style="margin-top: 5px;color: #666666;">收款账户</p>
</van-grid-item>
<van-grid-item text="付款账户" :to="{name:'paymentAccountList'}" >
<div slot="default" style="background:#FF4646;padding: 10px;text-align:center;border-radius: 10px;box-sizing: border-box;width: 44px;height: 44px" >
<img src="../../../static/images/onlineHome/icon6.png" style="width: 25px;" alt />
</div>
<p style="margin-top: 5px;color: #666666;">付款账户</p>
</van-grid-item>
</van-grid>
</van-row>
<van-row style="margin:2%;width:96%;padding:20px 0;padding:20px 0;border-radius: 6px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);background: #fff"> <van-row style="margin:2%;width:96%;padding:20px 0;padding:20px 0;border-radius: 6px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);background: #fff">
<van-cell style="border-radius: 6px;"> <van-cell style="border-radius: 6px;">
<template #title> <template #title>


二進制
static/images/icon/icon_yl.png 查看文件

Before After
Width: 46  |  Height: 45  |  Size: 1.0 KiB

Write Preview
Loading…
取消
儲存