|
|
|
@@ -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> |
