task 经费预算审批

src/router/index.js

@@ -2393,6 +2393,15 @@ export const constantRoutes = [
     },
     component: (resolve) => require(['@/views/yinnong/bankAgriculture/paymentApproval/approvalApproval13'], resolve)
   },
+  {
+    path: '/yinnong/approvalApproval_funds',
+    name: 'approvalApprovalFuns',
+    meta: {
+      title: '经费预算',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/yinnong/bankAgriculture/paymentApproval/approvalApproval_funds'], resolve)
+  },
   {
     path: '/yinnong/sealApproval',
     name: 'sealApproval',

src/views/yinnong/bankAgriculture/paymentApproval/approvalApproval_funds.vue

@@ -0,0 +1,226 @@
+<template>
+  <div class="app-container">
+    <van-nav-bar
+      left-arrow
+      fixed
+      placeholder
+      @click-left="backDone"
+    >
+      <template #title>
+        <p style="font-weight: bold;">经费预算审批</p>
+      </template>
+<!--      <template #right>-->
+<!--        <van-icon name="../../../static/images/icon/icon_flow.png" size="20" @click="goFlow"/>-->
+<!--      </template>-->
+    </van-nav-bar>
+    <p class="main_title">基础信息</p>
+    <div class="main_box">
+      <van-field readonly label="账套名称" v-model="form.bookName" input-align="right" />
+      <van-field readonly label="预算年月" v-model="form.fundsNy" input-align="right" label-width="auto" />
+      <van-field readonly label="总预算额" v-model="form.totalAmt" input-align="right" label-width="auto"/>
+    </div>
+
+    <div class="main_box" style="margin-top: 10px;">
+      <van-field readonly label="备注" v-model="form.fundsRemark" type="textarea" input-align="right" rows="3" label-width="auto"/>
+    </div>
+
+    <p class="main_title">经费明细</p>
+    <div class="main_box" v-for="(item, index) in applicationList">
+      <van-divider>序号{{index + 1}}</van-divider>
+      <van-field readonly label="项目名称" v-model="item.fundName" input-align="right" />
+      <van-field readonly label="预算金额" v-model="item.fundAmt" input-align="right" label-width="auto" />
+      <van-field readonly label="是否有年度预算" v-model="item.isBudget" input-align="right" label-width="auto"/>
+    </div>
+
+    <div class="main_box examine_box" v-if="this.$route.query.type != 'done'">
+      <van-row type="flex" justify="space-between" align="center">
+        <van-col span="5">审批<br/>意见</van-col>
+        <van-col span="19">
+          <van-radio-group v-model="pass" direction="horizontal">
+            <van-radio name="true">同意</van-radio>
+            <van-radio name="false">驳回</van-radio>
+          </van-radio-group>
+          <van-field rows="2" autosize v-model="comment" type="textarea" placeholder="请输入审批意见"/>
+        </van-col>
+      </van-row>
+    </div>
+
+    <div style="margin: 16px 2%;" v-if="this.$route.query.type != 'done'">
+      <van-row>
+        <van-col span="24" align="center">
+          <van-button type="info" native-type="submit" @click="submitForm" class="submitButton">提交</van-button>
+        </van-col>
+      </van-row>
+      <div class="clear"></div>
+    </div>
+
+  </div>
+</template>
+
+<script>
+  import request from '@/utils/request'
+  import { approval } from "@/api/onlineHome/bankAgriculture/paymentApproval";
+  import {getFunds, listFundsdetail} from "@/api/sunVillage_info/fixedAssets";
+  export default {
+    name: "approvalApproval",
+    data() {
+      return {
+        form:{},
+        // 审核意见默认值
+        pass: "true",
+        comment: "同意",
+        applicationList:[],
+
+        listLength:1,
+        showbtn:true,
+        queryParams:{
+          pageNum:1,
+          pageSize:10,
+          isAsc:'desc',
+          bookId: null,
+          deptId: null,
+          fundsId: '',
+          isBudget: null,
+        },
+
+      };
+    },
+    created() {
+      this.getData();
+    },
+    methods: {
+      getData(){
+        const id = this.$route.query.id;
+        getFunds(id).then(response2 => {
+          this.form = response2.data;
+        });
+        var _this = this;
+        this.queryParams.fundsId = this.$route.query.id;
+        listFundsdetail(_this.queryParams).then(response => {
+          _this.listLength = response.total;
+          response.rows.map(res=>{
+            _this.applicationList.push(res);
+          })
+
+          if(_this.applicationList.length >= response.total){
+            _this.finished = true;
+            return;
+          }else{
+            _this.loading = false;
+            _this.queryParams.pageNum += 1 ;
+          }
+        });
+      },
+      backDone(){
+        if(this.$route.query.type != 'done'){
+          this.$router.push({name:'yinnongDoneCompletedDoneNew',query: {activeName:'1'}})
+        }else{
+          this.$router.push({name:'yinnongDoneCompletedDoneNew',query: {activeName:'2'}})
+        }
+      },
+      goFlow(){
+        window.location='approvalProcess?id='+this.$route.query.id+'&auditbatchNo='+this.$route.query.auditbatchNo;
+      },
+      /** 提交按钮 */
+      submitForm() {
+        console.info( this.$route.query.auditbatchNo)
+        const data = {
+          taskId: this.$route.query.taskId,
+          auditbatchNo: this.form.auditbatchNo,
+          remark: this.comment,
+          pass: this.pass,
+          deptId: this.form.deptId,
+          };
+        approval(data).then((response) => {
+          if(response.code==200 && response.msg=="操作成功"){
+            this.$toast.success("操作成功");
+            setTimeout(function(){
+              history.go(-1)
+            },2000)
+          } else{
+            this.$toast.success("操作失败");
+          }
+        });
+      },
+    },
+    watch: {
+      pass: function (val) {
+        this.comment = val === "true" ? "同意" : "驳回";
+      },
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .app-container {
+    padding: 2% 0;
+  }
+  .main_more{
+     width: 96%;
+     margin: 0 auto;
+     margin-top: 10px;
+     border-radius: 6px;
+     box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+     overflow: hidden;
+     background-color: #FFF;
+     text-align: center;
+     padding: 10PX 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: 96%;
+    margin: 0 auto;
+  }
+
+  .addFamily{
+    position: absolute;
+    top: -2px;
+    right: 0;
+    border-radius: 50%;
+  }
+  .deleteFamily{
+    position: absolute;
+    top: 0rem;
+    right: 6%;
+    z-index: 9;
+    border-radius: 50%;
+  }
+  .examine_box{
+    background-color: #1D6FE9!important;
+    padding: 0.18rem!important;
+    padding-left: 0!important;
+    border-radius: 0.15rem!important;
+    margin-top: 0.3rem!important;
+  }
+  .examine_box .van-col:first-child{
+    color: #FFF!important;
+    font-size: 0.45rem!important;
+    text-align: center!important;
+  }
+  .examine_box .van-col:last-child{
+    background-color: #FFF!important;
+    border-radius: 0.15rem!important;
+    overflow: hidden!important;
+    .van-radio-group--horizontal{
+      padding: 0.2rem 0;
+      border-bottom: 1px solid #eee;
+    }
+  }
+  /deep/.van-radio--horizontal{
+    margin-left: 20px;
+    margin-right: 0;
+  }
+</style>

src/views/yinnong/doneCompleted/completedNew.vue

@@ -246,6 +246,9 @@
             case 't_sys_contraction':
               this.$router.push({name:'contractionApproval',query: {id:item.data.id,taskId:item.id, auditbatchNo: item.auditbatchNo, type:"todo"}})
               break;
+            case 't_cashier_funds':
+              this.$router.push({name:'approvalApprovalFuns',query: {id:item.data.id, taskId:item.id, type:"todo"}})
+              break;
           }
         }
       },

src/views/yinnong/doneCompleted/doneNew.vue

@@ -232,6 +232,9 @@
             case 't_sys_contraction':
               this.$router.push({name:'contractionApproval',query: {id:item.data.id,taskId:item.id, auditbatchNo: item.auditbatchNo, type:"done"}})
               break;
+            case 't_cashier_funds':
+              this.$router.push({name:'approvalApprovalFuns',query: {id:item.data.id, taskId:item.id, type:"done"}})
+              break;
           }
         }
       },