@@ -17,7 +17,7 @@ import VueCookies from 'vue-cookies' | |||
Vue.use(VueCookies); | |||
import global from '@/utils/global'; | |||
import { getDicts } from "@/utils/data"; | |||
import { getDicts ,getConfigKey } from "@/utils/data"; | |||
import { houseGetDicts } from '@/utils/data'; | |||
import { selectDictLabel , selectDictScheme , onClickLeft , getNowFormatDate , format } from "@/utils/utils"; | |||
import vueEsign from 'vue-esign' | |||
@@ -25,6 +25,7 @@ Vue.use(vueEsign) | |||
//全局方法挂载 | |||
Vue.prototype.getDicts = getDicts | |||
Vue.prototype.getConfigKey = getConfigKey | |||
Vue.prototype.houseGetDicts = houseGetDicts | |||
Vue.prototype.selectDictLabel = selectDictLabel | |||
Vue.prototype.selectDictScheme = selectDictScheme | |||
@@ -15,3 +15,10 @@ export function houseGetDicts(dictType) { | |||
method: 'get' | |||
}) | |||
} | |||
// 根据参数键名查询参数值 | |||
export function getConfigKey(configKey) { | |||
return request({ | |||
url: '/system/config/configKey/' + configKey, | |||
method: 'get' | |||
}) | |||
} |
@@ -20,12 +20,13 @@ | |||
<van-field readonly label="支出总金额" v-model="form.expenditureAmount" input-align="right" label-width="auto"/> | |||
<van-field name="radio" label="审批模式" input-align="right" autocomplete="off" readonly> | |||
<template #input> | |||
<van-radio-group v-model="form.paymentState" direction="horizontal"> | |||
<van-radio-group v-model="form.approvalMode" direction="horizontal"> | |||
<van-radio name="1">线上支付</van-radio> | |||
<van-radio name="2">线下支付</van-radio> | |||
</van-radio-group> | |||
</template> | |||
</van-field> | |||
<van-field readonly label="审批流程" :value="tempalteFormat(form.approvalTemplateId)" input-align="right" label-width="auto"/> | |||
</div> | |||
<div class="main_box" style="margin-top: 10px;"> | |||
@@ -49,7 +50,11 @@ | |||
<van-field readonly label="工程款类型" v-model="projectFundType" input-align="right" /> | |||
<van-field readonly label="工程发票号" v-model="projectForm.projectBillNum" input-align="right" label-width="auto"/> | |||
</div> | |||
<div class="main_box" v-if="contractOpen" style="margin-bottom: 10px;margin-top: 10px;position:relative;"> | |||
<van-field readonly label="合同名称" v-model="infoForm.name" input-align="right" /> | |||
<van-field readonly label="合同编码" v-model="infoForm.code" input-align="right" label-width="auto"/> | |||
<van-field readonly label="合同价款(元)" v-model="infoForm.totalAmount" input-align="right" label-width="auto"/> | |||
</div> | |||
<p class="main_title">收款方信息</p> | |||
<div :style="{position:'relative',padding: index == 0 ? '':'10px 0 0 0'}" v-for="(item, index) in chargeItme" :key="index"> | |||
@@ -164,6 +169,7 @@ | |||
isAsc: "desc", | |||
}, | |||
capitalExpenditureOpen:false, | |||
contractOpen:false, | |||
projectForm:{ | |||
projectId:null, | |||
projectName:null, | |||
@@ -174,10 +180,19 @@ | |||
outId:null, | |||
ynType:'1' | |||
}, | |||
infoForm:{ | |||
infoId:null, | |||
name:null, | |||
code:null, | |||
totalAmount:null, | |||
contractionId:null, | |||
transferId:null | |||
}, | |||
projectFundType:'', | |||
// 审核意见默认值 | |||
pass: "true", | |||
comment: "同意", | |||
templateList:[], | |||
}; | |||
}, | |||
created() { | |||
@@ -199,8 +214,28 @@ | |||
}); | |||
this.getDictionaries(); | |||
this.getFileList(); | |||
this.getTemplateList(); | |||
}, | |||
methods: { | |||
getTemplateList(){ | |||
let templateQueryParams = { | |||
// 分页 | |||
pageNum: 1, | |||
pageSize: 999, | |||
}; | |||
listTemplate(templateQueryParams).then(response => { | |||
this.templateList = response.rows; | |||
}); | |||
}, | |||
tempalteFormat(id){ | |||
let name = "" | |||
this.templateList.map(res => { | |||
if(res.id==id){ | |||
name = res.name | |||
} | |||
}) | |||
return name | |||
}, | |||
goFlow(){ | |||
window.location='approvalProcess2?id='+this.$route.query.id; | |||
}, | |||
@@ -222,15 +257,21 @@ | |||
this.projectFundType = this.selectDictLabel(this.projectFundTypeDictionaries, res.data.projectFundType); | |||
this.projectForm = res.data | |||
}) | |||
}else if(response.data.capitalExpenditureType==4){ | |||
this.contractOpen = true | |||
let param={ | |||
'transferId' : response.data.id | |||
} | |||
getInfoto(param).then(res => { | |||
this.infoForm = res.data | |||
}) | |||
}else{ | |||
this.showproject = false | |||
} | |||
this.form = response.data; | |||
}); | |||
console.log(this.$route.query.id) | |||
listCashdetailByCashId(this.$route.query.id).then((response) => { | |||
this.chargeItme = response.data; | |||
console.log(response) | |||
this.getPayeeList(); | |||
}); | |||
}, | |||
@@ -254,158 +295,6 @@ | |||
} | |||
}); | |||
}, | |||
payeeDictLabel(datas, value) { | |||
var actions = []; | |||
Object.keys(datas).some((key) => { | |||
if (datas[key].payeeId == ('' + value)) { | |||
actions.push(datas[key].payee); | |||
return true; | |||
} | |||
}) | |||
return actions.join(''); | |||
}, | |||
onConfirmCapital(data){ | |||
console.log(data) | |||
if (data.value != 2){ | |||
this.capitalExpenditureOpen = false; | |||
this.projectForm = []; | |||
}else{ | |||
this.capitalExpenditureOpen = true; | |||
} | |||
this.capitalExpenditureType = data.text; | |||
this.form.capitalExpenditureType = data.value; | |||
this.showcapital = false; | |||
}, | |||
onConfirmFundType(data){ | |||
console.log(data) | |||
this.projectForm.projectFundType = data.value; | |||
this.projectFundType = data.text; | |||
this.showFundType = false; | |||
}, | |||
onConfirmProject(data){ | |||
console.log(data) | |||
this.projectList.map(res => { | |||
console.log(res) | |||
if(res.projectName==data.text){ | |||
this.projectForm.projectId = res.id | |||
this.projectForm.projectName = res.projectName | |||
this.projectForm.projectContractor = res.projectContractor | |||
this.projectForm.projectAmount = res.projectAmount | |||
console.log(this.projectForm) | |||
} | |||
}) | |||
this.showproject = false; | |||
}, | |||
onConfirmPayee(data){ | |||
// this.chargeItme[this.chargeItme.length-1].payeeText = data.text; | |||
this.chargeItme[this.chargeItme.length-1].payee = data.text; | |||
this.chargeItme[this.chargeItme.length-1].payeeId = data.value; | |||
console.log(this.chargeItme) | |||
this.showpayee = false; | |||
}, | |||
onConfirmBankType(data){ | |||
console.log(this.chargeItme) | |||
this.chargeItme[this.chargeItme.length-1].bankTypeText = data.text; | |||
this.chargeItme[this.chargeItme.length-1].bankType = data.value; | |||
this.showbankType = false; | |||
}, | |||
onConfirmLasj(data){ | |||
this.form.applyDate = this.getNowFormatDate(data).substr(0,10); | |||
this.showlasj = false; | |||
}, | |||
accountTypeChange(e){ | |||
console.log(e) | |||
this.payeeList = []; | |||
this.queryParams.accountType = this.form.accountType | |||
this.queryParams.status = "0" | |||
listPayee(this.queryParams).then((response) => { | |||
for (var i = 0; i < response.rows.length; i++) { | |||
this.payeeList.push({text: response.rows[i].payee, value: response.rows[i].id}); | |||
} | |||
}); | |||
}, | |||
goAdd(){ | |||
if(this.form.remark != null && this.form.remark.indexOf("|")!=-1){ | |||
this.$toast.error("付款事由禁止包含|。"); | |||
return; | |||
} | |||
if(this.form.capitalExpenditureType==2){ | |||
if(this.projectForm.projectName==""||this.projectForm.projectName==null){ | |||
this.$toast.error('请选择项目名称!'); | |||
return; | |||
} | |||
if(this.projectForm.projectBillNum==""||this.projectForm.projectBillNum==null){ | |||
this.$toast.error('请输入工程发票号!'); | |||
return; | |||
} | |||
} | |||
this.$set(this.form, "payeeList", this.chargeItme); | |||
this.$set(this.form, "bankTypeList", this.chargeItme); | |||
this.$set(this.form, "accountTypeList", this.chargeItme); | |||
this.$set(this.form, "transferStatusList", this.chargeItme); | |||
console.log(this.form); | |||
updateTransfer(this.form).then(response => { | |||
console.log(response); | |||
this.projectForm.outId = this.form.id | |||
this.$set(this.projectForm, "ynType", '1'); | |||
console.log(this.projectForm) | |||
if(this.form.capitalExpenditureType==2){ | |||
addProjectto(this.projectForm).then(res => { | |||
customSubmit(this.form.id).then(res => { | |||
this.$toast.success('提交成功'); | |||
setTimeout(function(){ | |||
history.go(-1) | |||
},2000) | |||
}) | |||
}) | |||
}else{ | |||
customSubmit(this.form.id).then(res => { | |||
this.$toast.success('提交成功'); | |||
setTimeout(function(){ | |||
history.go(-1) | |||
},2000) | |||
}) | |||
} | |||
}); | |||
}, | |||
goUpdate(){ | |||
if(this.form.remark != null && this.form.remark.indexOf("|")!=-1){ | |||
this.$toast.error("付款事由禁止包含|。"); | |||
return; | |||
} | |||
if(this.form.capitalExpenditureType==2){ | |||
if(this.projectForm.projectName==""||this.projectForm.projectName==null){ | |||
this.$toast.error('请选择项目名称!'); | |||
return; | |||
} | |||
if(this.projectForm.projectBillNum==""||this.projectForm.projectBillNum==null){ | |||
this.$toast.error('请输入工程发票号!'); | |||
return; | |||
} | |||
} | |||
this.$set(this.form, "payeeList", this.chargeItme); | |||
this.$set(this.form, "bankTypeList", this.chargeItme); | |||
this.$set(this.form, "accountTypeList", this.chargeItme); | |||
this.$set(this.form, "transferStatusList", this.chargeItme); | |||
this.projectForm.outId = this.form.id | |||
updateTransfer(this.form).then((response) => { | |||
this.projectForm.outId = this.form.id | |||
this.$set(this.projectForm, "ynType", '1'); | |||
if(this.form.capitalExpenditureType==2){ | |||
addProjectto(this.projectForm).then(res => { | |||
this.$toast.success('修改成功'); | |||
setTimeout(function(){ | |||
history.go(-1) | |||
},2000) | |||
}) | |||
}else{ | |||
this.$toast.success('修改成功'); | |||
setTimeout(function(){ | |||
history.go(-1) | |||
},2000) | |||
} | |||
}); | |||
}, | |||
beforeRead(file) { | |||
this.uploadFiles.push(file.file); | |||
}, | |||
@@ -19,12 +19,13 @@ | |||
<van-field readonly label="资金支出类别" v-model="capitalExpenditureType" input-align="right" label-width="auto" /> | |||
<van-field name="radio" label="审批模式" input-align="right" autocomplete="off" readonly> | |||
<template #input> | |||
<van-radio-group v-model="form.paymentState" direction="horizontal"> | |||
<van-radio-group v-model="form.approvalMode" direction="horizontal"> | |||
<van-radio name="1">线上支付</van-radio> | |||
<van-radio name="2">线下支付</van-radio> | |||
</van-radio-group> | |||
</template> | |||
</van-field> | |||
<van-field readonly label="审批流程" :value="tempalteFormat(form.approvalTemplateId)" input-align="right" label-width="auto"/> | |||
</div> | |||
<div class="main_box" style="margin-top: 10px;"> | |||
@@ -42,6 +43,11 @@ | |||
<van-field readonly label="工程款类型" v-model="projectFundType" input-align="right" /> | |||
<van-field readonly label="工程发票号" v-model="projectForm.projectBillNum" input-align="right" label-width="auto"/> | |||
</div> | |||
<div class="main_box" v-if="contractOpen" style="margin-bottom: 10px;margin-top: 10px;position:relative;"> | |||
<van-field readonly label="合同名称" v-model="infoForm.name" input-align="right" /> | |||
<van-field readonly label="合同编码" v-model="infoForm.code" input-align="right" label-width="auto"/> | |||
<van-field readonly label="合同价款(元)" v-model="infoForm.totalAmount" input-align="right" label-width="auto"/> | |||
</div> | |||
<p class="main_title">出票方信息</p> | |||
<div class="main_box"> | |||
@@ -163,7 +169,7 @@ | |||
</template> | |||
<script> | |||
import { getTransfer , queryTransferDetail , listPayee , updateTransfer , getProjectto , listProject , addProjectto , customSubmit} from "@/api/onlineHome/bankAgriculture/paymentApproval"; | |||
import { getTransfer , queryTransferDetail , listPayee , updateTransfer , getProjectto , listProject , addProjectto , customSubmit ,listTemplate} from "@/api/onlineHome/bankAgriculture/paymentApproval"; | |||
import request from '@/utils/request' | |||
import { | |||
approval, | |||
@@ -215,6 +221,7 @@ | |||
isAsc: "desc", | |||
}, | |||
capitalExpenditureOpen:false, | |||
contractOpen:false, | |||
projectForm:{ | |||
projectId:null, | |||
projectName:null, | |||
@@ -225,12 +232,21 @@ | |||
outId:null, | |||
ynType:'1' | |||
}, | |||
infoForm:{ | |||
infoId:null, | |||
name:null, | |||
code:null, | |||
totalAmount:null, | |||
contractionId:null, | |||
transferId:null | |||
}, | |||
projectFundType:'', | |||
orderTypeName:'', | |||
orderTypeOptions:[], | |||
// 审核意见默认值 | |||
pass: "true", | |||
comment: "同意", | |||
templateList:[], | |||
}; | |||
}, | |||
created() { | |||
@@ -256,8 +272,28 @@ | |||
}); | |||
this.getDictionaries(); | |||
this.getFileList(); | |||
this.getTemplateList(); | |||
}, | |||
methods: { | |||
getTemplateList(){ | |||
let templateQueryParams = { | |||
// 分页 | |||
pageNum: 1, | |||
pageSize: 999, | |||
}; | |||
listTemplate(templateQueryParams).then(response => { | |||
this.templateList = response.rows; | |||
}); | |||
}, | |||
tempalteFormat(id){ | |||
let name = "" | |||
this.templateList.map(res => { | |||
if(res.id==id){ | |||
name = res.name | |||
} | |||
}) | |||
return name | |||
}, | |||
goFlow(){ | |||
window.location='approvalProcess2?id='+this.$route.query.id; | |||
}, | |||
@@ -279,18 +315,24 @@ | |||
this.projectFundType = this.selectDictLabel(this.projectFundTypeDictionaries, res.data.projectFundType); | |||
this.projectForm = res.data | |||
}) | |||
}else if(response.data.capitalExpenditureType==4){ | |||
this.contractOpen = true | |||
let param={ | |||
'transferId' : response.data.id | |||
} | |||
getInfoto(param).then(res => { | |||
this.infoForm = res.data | |||
}) | |||
}else{ | |||
this.showproject = false | |||
} | |||
this.form = response.data; | |||
this.orderTypeOptions.map(res => { | |||
console.log(this.orderTypeOptions) | |||
if(res.dictValue==this.form.orderType){ | |||
this.orderTypeName = res.dictLabel | |||
} | |||
}) | |||
}); | |||
console.log(this.$route.query.id) | |||
listCashdetailByCashId(this.$route.query.id).then((response) => { | |||
this.chargeItme = response.data; | |||
console.log(response.data) | |||
@@ -317,158 +359,6 @@ | |||
} | |||
}); | |||
}, | |||
payeeDictLabel(datas, value) { | |||
var actions = []; | |||
Object.keys(datas).some((key) => { | |||
if (datas[key].payeeId == ('' + value)) { | |||
actions.push(datas[key].payee); | |||
return true; | |||
} | |||
}) | |||
return actions.join(''); | |||
}, | |||
onConfirmCapital(data){ | |||
console.log(data) | |||
if (data.value != 2){ | |||
this.capitalExpenditureOpen = false; | |||
this.projectForm = []; | |||
}else{ | |||
this.capitalExpenditureOpen = true; | |||
} | |||
this.capitalExpenditureType = data.text; | |||
this.form.capitalExpenditureType = data.value; | |||
this.showcapital = false; | |||
}, | |||
onConfirmFundType(data){ | |||
console.log(data) | |||
this.projectForm.projectFundType = data.value; | |||
this.projectFundType = data.text; | |||
this.showFundType = false; | |||
}, | |||
onConfirmProject(data){ | |||
console.log(data) | |||
this.projectList.map(res => { | |||
console.log(res) | |||
if(res.projectName==data.text){ | |||
this.projectForm.projectId = res.id | |||
this.projectForm.projectName = res.projectName | |||
this.projectForm.projectContractor = res.projectContractor | |||
this.projectForm.projectAmount = res.projectAmount | |||
console.log(this.projectForm) | |||
} | |||
}) | |||
this.showproject = false; | |||
}, | |||
onConfirmPayee(data){ | |||
// this.chargeItme[this.chargeItme.length-1].payeeText = data.text; | |||
this.chargeItme[this.chargeItme.length-1].payee = data.text; | |||
this.chargeItme[this.chargeItme.length-1].payeeId = data.value; | |||
console.log(this.chargeItme) | |||
this.showpayee = false; | |||
}, | |||
onConfirmBankType(data){ | |||
console.log(this.chargeItme) | |||
this.chargeItme[this.chargeItme.length-1].bankTypeText = data.text; | |||
this.chargeItme[this.chargeItme.length-1].bankType = data.value; | |||
this.showbankType = false; | |||
}, | |||
onConfirmLasj(data){ | |||
this.form.applyDate = this.getNowFormatDate(data).substr(0,10); | |||
this.showlasj = false; | |||
}, | |||
accountTypeChange(e){ | |||
console.log(e) | |||
this.payeeList = []; | |||
this.queryParams.accountType = this.form.accountType | |||
this.queryParams.status = "0" | |||
listPayee(this.queryParams).then((response) => { | |||
for (var i = 0; i < response.rows.length; i++) { | |||
this.payeeList.push({text: response.rows[i].payee, value: response.rows[i].id}); | |||
} | |||
}); | |||
}, | |||
goAdd(){ | |||
if(this.form.remark != null && this.form.remark.indexOf("|")!=-1){ | |||
this.$toast.error("付款事由禁止包含|。"); | |||
return; | |||
} | |||
if(this.form.capitalExpenditureType==2){ | |||
if(this.projectForm.projectName==""||this.projectForm.projectName==null){ | |||
this.$toast.error('请选择项目名称!'); | |||
return; | |||
} | |||
if(this.projectForm.projectBillNum==""||this.projectForm.projectBillNum==null){ | |||
this.$toast.error('请输入工程发票号!'); | |||
return; | |||
} | |||
} | |||
this.$set(this.form, "payeeList", this.chargeItme); | |||
this.$set(this.form, "bankTypeList", this.chargeItme); | |||
this.$set(this.form, "accountTypeList", this.chargeItme); | |||
this.$set(this.form, "transferStatusList", this.chargeItme); | |||
console.log(this.form); | |||
updateTransfer(this.form).then(response => { | |||
console.log(response); | |||
this.projectForm.outId = this.form.id | |||
this.$set(this.projectForm, "ynType", '1'); | |||
console.log(this.projectForm) | |||
if(this.form.capitalExpenditureType==2){ | |||
addProjectto(this.projectForm).then(res => { | |||
customSubmit(this.form.id).then(res => { | |||
this.$toast.success('提交成功'); | |||
setTimeout(function(){ | |||
history.go(-1) | |||
},2000) | |||
}) | |||
}) | |||
}else{ | |||
customSubmit(this.form.id).then(res => { | |||
this.$toast.success('提交成功'); | |||
setTimeout(function(){ | |||
history.go(-1) | |||
},2000) | |||
}) | |||
} | |||
}); | |||
}, | |||
goUpdate(){ | |||
if(this.form.remark != null && this.form.remark.indexOf("|")!=-1){ | |||
this.$toast.error("付款事由禁止包含|。"); | |||
return; | |||
} | |||
if(this.form.capitalExpenditureType==2){ | |||
if(this.projectForm.projectName==""||this.projectForm.projectName==null){ | |||
this.$toast.error('请选择项目名称!'); | |||
return; | |||
} | |||
if(this.projectForm.projectBillNum==""||this.projectForm.projectBillNum==null){ | |||
this.$toast.error('请输入工程发票号!'); | |||
return; | |||
} | |||
} | |||
this.$set(this.form, "payeeList", this.chargeItme); | |||
this.$set(this.form, "bankTypeList", this.chargeItme); | |||
this.$set(this.form, "accountTypeList", this.chargeItme); | |||
this.$set(this.form, "transferStatusList", this.chargeItme); | |||
this.projectForm.outId = this.form.id | |||
updateTransfer(this.form).then((response) => { | |||
this.projectForm.outId = this.form.id | |||
this.$set(this.projectForm, "ynType", '1'); | |||
if(this.form.capitalExpenditureType==2){ | |||
addProjectto(this.projectForm).then(res => { | |||
this.$toast.success('修改成功'); | |||
setTimeout(function(){ | |||
history.go(-1) | |||
},2000) | |||
}) | |||
}else{ | |||
this.$toast.success('修改成功'); | |||
setTimeout(function(){ | |||
history.go(-1) | |||
},2000) | |||
} | |||
}); | |||
}, | |||
beforeRead(file) { | |||
this.uploadFiles.push(file.file); | |||
}, | |||
@@ -144,10 +144,18 @@ | |||
this.$router.push({name:'approvalForm',query: {id:item.formData.id,taskId:item.taskId,instanceId:item.formData.instanceId,type:item.type}}) | |||
break; | |||
case 'yinnong_transfer': | |||
if(item.formData.transferType == '10'||item.formData.transferType == '11'||item.formData.transferType == '12'){ | |||
if(item.formData.transferType == '10'){ | |||
this.$router.push({name:'approvalApproval10',query: {id:item.formData.id,taskId:item.taskId,type:item.type}}) | |||
break; | |||
} | |||
if(item.formData.transferType == '11'){ | |||
this.$router.push({name:'approvalApproval11',query: {id:item.formData.id,taskId:item.taskId,type:item.type}}) | |||
break; | |||
} | |||
if(item.formData.transferType == '12'){ | |||
this.$router.push({name:'approvalApproval12',query: {id:item.formData.id,taskId:item.taskId,type:item.type}}) | |||
break; | |||
} | |||
if(item.formData.transferType != '10'&&item.formData.transferType != '11'&&item.formData.transferType != '12'){ | |||
this.$router.push({name:'approvalApproval',query: {id:item.formData.id,taskId:item.taskId,type:item.type}}) | |||
break; | |||