银农前端切图

config/index.js

@@ -12,9 +12,9 @@ module.exports = {
     proxyTable: {
       "/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://192.168.31.26:8080',
+        //target:'http://192.168.31.26:8080',
         changeOrigin: true,
         pathRewrite: {
           '^/api': ''

src/router/index.js

@@ -959,6 +959,96 @@ export const constantRoutes = [
       hidden: true,
     },
     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)
   }
 ];
 

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

src/views/onlineHome/workbench.vue

@@ -281,6 +281,33 @@
           </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-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-cell style="border-radius: 6px;">
           <template #title>