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