|
|
@ -9,7 +9,7 @@
|
|
|
|
<van-field v-model="cn" disabled label="公司名称" clear-trigger="always" input-align="right" />
|
|
|
|
<van-field v-model="cn" disabled label="公司名称" clear-trigger="always" input-align="right" />
|
|
|
|
<van-field v-model="userInfo.nickname" disabled label="申请人" clear-trigger="always" input-align="right" maxlength="50" placeholder="请输入" />
|
|
|
|
<van-field v-model="userInfo.nickname" disabled label="申请人" clear-trigger="always" input-align="right" maxlength="50" placeholder="请输入" />
|
|
|
|
<van-field v-model="userInfo.dept.name" disabled label="申请部门" clear-trigger="always" input-align="right" maxlength="50" placeholder="请输入" />
|
|
|
|
<van-field v-model="userInfo.dept.name" disabled label="申请部门" clear-trigger="always" input-align="right" maxlength="50" placeholder="请输入" />
|
|
|
|
<van-field v-model="form.projectName" :disabled="disabled" label="项目名称" clear-trigger="always" input-align="right" placeholder="请输入" />
|
|
|
|
<van-field v-model="form.projectName" :disabled="disabled" label="项目名称" required :rules="[{ required: true, message: '请输入' }]" clear-trigger="always" input-align="right" placeholder="请输入" />
|
|
|
|
<van-field v-model="form.reason" :disabled="disabled" name="reason" autosize rows="2" label="报销事由" required :rules="[{ required: true, message: '请输入' }]" clear-trigger="always" input-align="right" placeholder="请输入" type="textarea" />
|
|
|
|
<van-field v-model="form.reason" :disabled="disabled" name="reason" autosize rows="2" label="报销事由" required :rules="[{ required: true, message: '请输入' }]" clear-trigger="always" input-align="right" placeholder="请输入" type="textarea" />
|
|
|
|
<van-field v-model="form.remark" :disabled="disabled" name="remark" autosize rows="2" label="备注信息" clear-trigger="always" input-align="right" placeholder="请输入" type="textarea" />
|
|
|
|
<van-field v-model="form.remark" :disabled="disabled" name="remark" autosize rows="2" label="备注信息" clear-trigger="always" input-align="right" placeholder="请输入" type="textarea" />
|
|
|
|
<RePick v-model="form.costDeptId" :disabled="disabled" label="费用归属部门" :name="`costDeptId`" :list="userDeptTree" isRequrie isCascader isShowSearch title="费用归属部门" titleKey="name" isCell clearable />
|
|
|
|
<RePick v-model="form.costDeptId" :disabled="disabled" label="费用归属部门" :name="`costDeptId`" :list="userDeptTree" isRequrie isCascader isShowSearch title="费用归属部门" titleKey="name" isCell clearable />
|
|
|
@ -83,10 +83,10 @@
|
|
|
|
</van-field>
|
|
|
|
</van-field>
|
|
|
|
<van-field v-model="nitem.remark" :disabled="disabled" name="reason" autosize rows="2" label="备注" clear-trigger="always" input-align="right" placeholder="请输入" type="textarea" />
|
|
|
|
<van-field v-model="nitem.remark" :disabled="disabled" name="reason" autosize rows="2" label="备注" clear-trigger="always" input-align="right" placeholder="请输入" type="textarea" />
|
|
|
|
<div @click="handleShowIe('1',index,nIndex)">
|
|
|
|
<div @click="handleShowIe('1',index,nIndex)">
|
|
|
|
<van-field disabled :class="nitem.invoiceName ? 'actived-disabled tag-blue':'tag-blue'" v-model="nitem.invoiceName" name="reason" autosize rows="2" label="关联发票" clear-trigger="always" input-align="right" placeholder="请关联" />
|
|
|
|
<van-field disabled :class="nitem.invoiceName ? 'actived-disabled tag-blue':'tag-blue'" v-model="nitem.invoiceName" name="reason" autosize rows="2" label="关联发票" clear-trigger="always" input-align="right" :placeholder="nitem.invoiceCount>0?'已关联发票':'请关联'" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!--关联发票 -->
|
|
|
|
<!--关联发票 -->
|
|
|
|
<ConnectInvoice :list="nitem.ieList" :temClaimNo="form.claimNo" :invoiceIds="nitem.invoiceIds" @onCancel="nitem.show = false" :isOpen="nitem.show" @onConfirm="(arr)=>{handleConfirmIe(arr,index,nIndex)}" />
|
|
|
|
<ConnectInvoice :disabled="disabled" :list="nitem.ieList" :temClaimNo="form.claimNo" :invoiceIds="nitem.invoiceIds" @onCancel="nitem.show = false" :isOpen="nitem.show" @onConfirm="(arr)=>{handleConfirmIe(arr,index,nIndex)}" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="add-box" style="margin-bottom:0.3rem" v-if="['edit','add'].includes(typeStr)">
|
|
|
|
<div class="add-box" style="margin-bottom:0.3rem" v-if="['edit','add'].includes(typeStr)">
|
|
|
@ -140,10 +140,10 @@
|
|
|
|
</van-field>
|
|
|
|
</van-field>
|
|
|
|
<van-field v-model="nitem.remark" :disabled="disabled" name="reason" autosize rows="2" label="备注" clear-trigger="always" input-align="right" placeholder="请输入" type="textarea" />
|
|
|
|
<van-field v-model="nitem.remark" :disabled="disabled" name="reason" autosize rows="2" label="备注" clear-trigger="always" input-align="right" placeholder="请输入" type="textarea" />
|
|
|
|
<div @click="handleShowIe1(nIndex)">
|
|
|
|
<div @click="handleShowIe1(nIndex)">
|
|
|
|
<van-field disabled :class="nitem.invoiceName ? 'actived-disabled tag-blue':'tag-blue'" v-model="nitem.invoiceName" name="reason" autosize rows="2" label="关联发票" clear-trigger="always" input-align="right" placeholder="请关联" />
|
|
|
|
<van-field disabled :class="nitem.invoiceName ? 'actived-disabled tag-blue':'tag-blue'" v-model="nitem.invoiceName" name="reason" autosize rows="2" label="关联发票" clear-trigger="always" input-align="right" :placeholder="nitem.invoiceCount>0?'已关联发票':'请关联'" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!--关联发票 -->
|
|
|
|
<!--关联发票 -->
|
|
|
|
<ConnectInvoice :list="nitem.ieList" :invoiceIds="nitem.invoiceIds" @onCancel="nitem.show = false" :isOpen="nitem.show" @onConfirm="(arr)=>{handleConfirmIe1(arr,nIndex)}" />
|
|
|
|
<ConnectInvoice :disabled="disabled" :list="nitem.ieList" :invoiceIds="nitem.invoiceIds" @onCancel="nitem.show = false" :isOpen="nitem.show" @onConfirm="(arr)=>{handleConfirmIe1(arr,nIndex)}" />
|
|
|
|
<div style="color:red;margin-top:10px" v-if="nitem.amount > handleCountAmount(form.expenseClaimDetails)">
|
|
|
|
<div style="color:red;margin-top:10px" v-if="nitem.amount > handleCountAmount(form.expenseClaimDetails)">
|
|
|
|
费用明细超出费控设置金额,费控设置金额为:{{handleCountAmount(form.expenseClaimDetails)}}
|
|
|
|
费用明细超出费控设置金额,费控设置金额为:{{handleCountAmount(form.expenseClaimDetails)}}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -153,10 +153,8 @@
|
|
|
|
<van-button type="info" round @click.stop="handleAddAccount1(index)" native-type="button" icon="plus" size="small">添加费用</van-button>
|
|
|
|
<van-button type="info" round @click.stop="handleAddAccount1(index)" native-type="button" icon="plus" size="small">添加费用</van-button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- 日常费用列表结束 -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="section mt5" v-if="['show'].includes(typeStr)"> <span class="line"> </span>审批流程</div>
|
|
|
|
|
|
|
|
<ApprovalProcess v-if="['show'].includes(typeStr)" :processInstanceId="form.processInstanceId" @onSetId="handleSetAccessId" />
|
|
|
|
|
|
|
|
<!-- 申请单关联 -->
|
|
|
|
<!-- 申请单关联 -->
|
|
|
|
<div class="section mt5"> <span class="line"> </span>申请单关联</div>
|
|
|
|
<div class="section mt5"> <span class="line"> </span>申请单关联</div>
|
|
|
|
<RePick v-model="form.expenseApplyIds" isShowSearch :disabled="disabled" inputAlign="left" multiple titleKey="title" idKey="id" label="申请单" :name="`expenseApplyIds`" :list="expenseApplyList" isCell clearable />
|
|
|
|
<RePick v-model="form.expenseApplyIds" isShowSearch :disabled="disabled" inputAlign="left" multiple titleKey="title" idKey="id" label="申请单" :name="`expenseApplyIds`" :list="expenseApplyList" isCell clearable />
|
|
|
@ -164,6 +162,9 @@
|
|
|
|
<div style="color:red;font-size:0.8rem;margin-top:0.5rem" v-if="form.budgetAmountInfo">
|
|
|
|
<div style="color:red;font-size:0.8rem;margin-top:0.5rem" v-if="form.budgetAmountInfo">
|
|
|
|
{{form.budgetAmountInfo}}
|
|
|
|
{{form.budgetAmountInfo}}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- 日常费用列表结束 -->
|
|
|
|
|
|
|
|
<div class="section mt5" v-if="['show'].includes(typeStr)"> <span class="line"> </span>审批流程</div>
|
|
|
|
|
|
|
|
<ApprovalProcess v-if="['show'].includes(typeStr)" :processInstanceId="form.processInstanceId" @onSetId="handleSetAccessId" />
|
|
|
|
</van-form>
|
|
|
|
</van-form>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<BottomBtn ref="BottomBtn" :isAuthorised="isAuthorised" @onBtConfirm="handleBtConfirm" :accessId="accessId" />
|
|
|
|
<BottomBtn ref="BottomBtn" :isAuthorised="isAuthorised" @onBtConfirm="handleBtConfirm" :accessId="accessId" />
|
|
|
@ -279,6 +280,7 @@ export default {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
]
|
|
|
|
]
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
times:null
|
|
|
|
};
|
|
|
|
};
|
|
|
|
},
|
|
|
|
},
|
|
|
|
// 计算属性
|
|
|
|
// 计算属性
|
|
|
@ -543,12 +545,13 @@ export default {
|
|
|
|
})
|
|
|
|
})
|
|
|
|
},
|
|
|
|
},
|
|
|
|
handleShowIe(type, index, nIndex) {
|
|
|
|
handleShowIe(type, index, nIndex) {
|
|
|
|
if (this.disabled) return
|
|
|
|
// if (this.disabled) return
|
|
|
|
// this.indexOne = index
|
|
|
|
// this.indexOne = index
|
|
|
|
// this.indexTwo = nIndex
|
|
|
|
// this.indexTwo = nIndex
|
|
|
|
// this.claimType = type
|
|
|
|
// this.claimType = type
|
|
|
|
// let obj = this.form.expenseClaimTrips[index].expenseClaimDetails[nIndex]
|
|
|
|
// let obj = this.form.expenseClaimTrips[index].expenseClaimDetails[nIndex]
|
|
|
|
// this.$set(this.form.expenseClaimTrips[index].expenseClaimDetails[nIndex], 'ieList', arr)
|
|
|
|
// this.$set(this.form.expenseClaimTrips[index].expenseClaimDetails[nIndex], 'ieList', arr)
|
|
|
|
|
|
|
|
|
|
|
|
this.$set(this.form.expenseClaimTrips[index].expenseClaimDetails[nIndex], 'show', true)
|
|
|
|
this.$set(this.form.expenseClaimTrips[index].expenseClaimDetails[nIndex], 'show', true)
|
|
|
|
console.log('form......', this.form);
|
|
|
|
console.log('form......', this.form);
|
|
|
|
// this.handleFilterList(obj.invoiceIds || {}).then((arr) => {
|
|
|
|
// this.handleFilterList(obj.invoiceIds || {}).then((arr) => {
|
|
|
@ -556,7 +559,7 @@ export default {
|
|
|
|
// })
|
|
|
|
// })
|
|
|
|
},
|
|
|
|
},
|
|
|
|
handleShowIe1(nIndex) {
|
|
|
|
handleShowIe1(nIndex) {
|
|
|
|
if (this.disabled) return
|
|
|
|
// if (this.disabled) return
|
|
|
|
// let obj = this.form.expenseClaimDetails[nIndex]
|
|
|
|
// let obj = this.form.expenseClaimDetails[nIndex]
|
|
|
|
|
|
|
|
|
|
|
|
// this.$set(this.form.expenseClaimDetails[nIndex], 'ieList', arr)
|
|
|
|
// this.$set(this.form.expenseClaimDetails[nIndex], 'ieList', arr)
|
|
|
@ -566,6 +569,7 @@ export default {
|
|
|
|
// })
|
|
|
|
// })
|
|
|
|
},
|
|
|
|
},
|
|
|
|
handleConfirmIe(arr, index, nIndex) {
|
|
|
|
handleConfirmIe(arr, index, nIndex) {
|
|
|
|
|
|
|
|
console.log(arr)
|
|
|
|
// let nameArr = ((this.ieList.filter(item => arr.includes(item.id)) || []).map(item => item.invoiceCode)).join('、')
|
|
|
|
// let nameArr = ((this.ieList.filter(item => arr.includes(item.id)) || []).map(item => item.invoiceCode)).join('、')
|
|
|
|
this.$set(this.form.expenseClaimTrips[index].expenseClaimDetails[nIndex], 'invoiceIds', arr)
|
|
|
|
this.$set(this.form.expenseClaimTrips[index].expenseClaimDetails[nIndex], 'invoiceIds', arr)
|
|
|
|
this.$set(this.form.expenseClaimTrips[index].expenseClaimDetails[nIndex], 'show', false)
|
|
|
|
this.$set(this.form.expenseClaimTrips[index].expenseClaimDetails[nIndex], 'show', false)
|
|
|
@ -573,6 +577,7 @@ export default {
|
|
|
|
this.$set(this.form.expenseClaimTrips[index].expenseClaimDetails[nIndex], 'invoiceName', this.totalCount(arr)==0?'请关联':'已关联发票')
|
|
|
|
this.$set(this.form.expenseClaimTrips[index].expenseClaimDetails[nIndex], 'invoiceName', this.totalCount(arr)==0?'请关联':'已关联发票')
|
|
|
|
},
|
|
|
|
},
|
|
|
|
handleConfirmIe1(arr, nIndex) {
|
|
|
|
handleConfirmIe1(arr, nIndex) {
|
|
|
|
|
|
|
|
console.log(arr)
|
|
|
|
// let nameArr = ((this.ieList.filter(item => arr.includes(item.id)) || []).map(item => item.invoiceCode)).join('、')
|
|
|
|
// let nameArr = ((this.ieList.filter(item => arr.includes(item.id)) || []).map(item => item.invoiceCode)).join('、')
|
|
|
|
this.$set(this.form.expenseClaimDetails[nIndex], 'invoiceIds', arr)
|
|
|
|
this.$set(this.form.expenseClaimDetails[nIndex], 'invoiceIds', arr)
|
|
|
|
this.$set(this.form.expenseClaimDetails[nIndex], 'show', false)
|
|
|
|
this.$set(this.form.expenseClaimDetails[nIndex], 'show', false)
|
|
|
@ -822,6 +827,8 @@ export default {
|
|
|
|
disabled: item.status != 2 ? true : false
|
|
|
|
disabled: item.status != 2 ? true : false
|
|
|
|
}
|
|
|
|
}
|
|
|
|
})
|
|
|
|
})
|
|
|
|
|
|
|
|
console.log(this.expenseApplyList)
|
|
|
|
|
|
|
|
console.log('dkldsjlkdsjl')
|
|
|
|
resolve()
|
|
|
|
resolve()
|
|
|
|
this.$loading(false)
|
|
|
|
this.$loading(false)
|
|
|
|
})
|
|
|
|
})
|
|
|
|