|
@@ -22,6 +22,21 @@
|
|
<a-form-model-item label="收款事由" prop="bookReason">
|
|
<a-form-model-item label="收款事由" prop="bookReason">
|
|
<a-input :maxLength="100" placeholder="请输入收款事由(最多100个字符)" v-model="form.bookReason"></a-input>
|
|
<a-input :maxLength="100" placeholder="请输入收款事由(最多100个字符)" v-model="form.bookReason"></a-input>
|
|
</a-form-model-item>
|
|
</a-form-model-item>
|
|
|
|
+ <a-form-model-item label="付款方类型" prop="payerType">
|
|
|
|
+ <v-select
|
|
|
|
+ v-model="form.payerType"
|
|
|
|
+ showType="radio"
|
|
|
|
+ code="PAYER_TYPE"
|
|
|
|
+ @change="payerTypeChange"
|
|
|
|
+ placeholder="请选择付款方类型"
|
|
|
|
+ ></v-select>
|
|
|
|
+ </a-form-model-item>
|
|
|
|
+ <a-form-model-item v-if="form.payerType=='DEALER'" label="付款方" prop="dealerSn">
|
|
|
|
+ <dealerSubareaScopeList ref="settleClientName" @change="custChange" />
|
|
|
|
+ </a-form-model-item>
|
|
|
|
+ <a-form-model-item v-if="form.payerType=='DEPT'" label="付款方" prop="payerName">
|
|
|
|
+ <a-input :maxLength="30" placeholder="请输入付款方名称" v-model="form.payerName"></a-input>
|
|
|
|
+ </a-form-model-item>
|
|
<a-form-model-item label="备注">
|
|
<a-form-model-item label="备注">
|
|
<a-textarea :rows="4" :maxLength="500" placeholder="请输入备注(最多500个字符)" v-model="form.remarks"></a-textarea>
|
|
<a-textarea :rows="4" :maxLength="500" placeholder="请输入备注(最多500个字符)" v-model="form.remarks"></a-textarea>
|
|
</a-form-model-item>
|
|
</a-form-model-item>
|
|
@@ -51,11 +66,12 @@
|
|
import { commonMixin } from '@/utils/mixin'
|
|
import { commonMixin } from '@/utils/mixin'
|
|
import { VSelect, Upload } from '@/components'
|
|
import { VSelect, Upload } from '@/components'
|
|
import employee from '../../expenseManagement/expenseReimbursement/employee.js'
|
|
import employee from '../../expenseManagement/expenseReimbursement/employee.js'
|
|
|
|
+import dealerSubareaScopeList from '@/views/common/dealerSubareaScopeList.vue'
|
|
import { financeBookSave, financeBookFindBySn } from '@/api/financeBook.js'
|
|
import { financeBookSave, financeBookFindBySn } from '@/api/financeBook.js'
|
|
export default {
|
|
export default {
|
|
name: 'FcBaseModal',
|
|
name: 'FcBaseModal',
|
|
mixins: [commonMixin],
|
|
mixins: [commonMixin],
|
|
- components: { VSelect, Upload, employee },
|
|
|
|
|
|
+ components: { VSelect, Upload, employee, dealerSubareaScopeList },
|
|
props: {
|
|
props: {
|
|
show: [Boolean],
|
|
show: [Boolean],
|
|
itemSn: {
|
|
itemSn: {
|
|
@@ -80,12 +96,18 @@ export default {
|
|
form: {
|
|
form: {
|
|
applyPersonSn: undefined,
|
|
applyPersonSn: undefined,
|
|
bookReason: '',
|
|
bookReason: '',
|
|
|
|
+ payerType: 'DEALER',
|
|
|
|
+ dealerSn: undefined,
|
|
|
|
+ payerName: undefined,
|
|
remarks: '',
|
|
remarks: '',
|
|
attachmentList: ''
|
|
attachmentList: ''
|
|
},
|
|
},
|
|
rules: {
|
|
rules: {
|
|
applyPersonSn: [ { required: true, message: '请选择申请人', trigger: ['change', 'blur'] } ],
|
|
applyPersonSn: [ { required: true, message: '请选择申请人', trigger: ['change', 'blur'] } ],
|
|
- bookReason: [ { required: true, message: '请输入收款事由', trigger: ['change', 'blur'] } ]
|
|
|
|
|
|
+ bookReason: [ { required: true, message: '请输入收款事由', trigger: ['change', 'blur'] } ],
|
|
|
|
+ payerType: [ { required: true, message: '请选择付款方类型', trigger: ['change', 'blur'] } ],
|
|
|
|
+ dealerSn: [ { required: true, message: '请选择付款方', trigger: ['change', 'blur'] } ],
|
|
|
|
+ payerName: [ { required: true, message: '请输入付款方名称', trigger: ['change', 'blur'] } ]
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
},
|
|
@@ -96,6 +118,23 @@ export default {
|
|
this.$refs.ruleForm.validateField(['applyPersonSn'])
|
|
this.$refs.ruleForm.validateField(['applyPersonSn'])
|
|
})
|
|
})
|
|
},
|
|
},
|
|
|
|
+ payerTypeChange (v) {
|
|
|
|
+ this.$refs.ruleForm.clearValidate()
|
|
|
|
+ // 重置数据
|
|
|
|
+ this.form.dealerSn = ''
|
|
|
|
+ this.form.payerName = ''
|
|
|
|
+ },
|
|
|
|
+ // 客户
|
|
|
|
+ custChange (v) {
|
|
|
|
+ console.log(v)
|
|
|
|
+ if (v && v.key) {
|
|
|
|
+ this.form.dealerSn = v.key
|
|
|
|
+ this.form.payerName = v.row ? v.row.dealerName : ''
|
|
|
|
+ } else {
|
|
|
|
+ this.form.dealerSn = ''
|
|
|
|
+ this.form.payerName = ''
|
|
|
|
+ }
|
|
|
|
+ },
|
|
// 附件上传
|
|
// 附件上传
|
|
changeAttach (file) {
|
|
changeAttach (file) {
|
|
this.attachList = JSON.parse(file)
|
|
this.attachList = JSON.parse(file)
|
|
@@ -149,9 +188,11 @@ export default {
|
|
this.attachList = res.data.attachmentList
|
|
this.attachList = res.data.attachmentList
|
|
this.$refs.attachList.setFileList(this.attachList)
|
|
this.$refs.attachList.setFileList(this.attachList)
|
|
// 回显客户
|
|
// 回显客户
|
|
- // if (this.form.applyPersonSn) {
|
|
|
|
- // this.$refs.applyPerson.getDetail(this.form.applyPersonSn)
|
|
|
|
- // }
|
|
|
|
|
|
+ if (this.form.dealerSn && this.form.payerType == 'DEALER') {
|
|
|
|
+ this.$nextTick(() => {
|
|
|
|
+ this.$refs.settleClientName.getDetail(this.form.dealerSn)
|
|
|
|
+ })
|
|
|
|
+ }
|
|
} else {
|
|
} else {
|
|
this.$refs.ruleForm.resetFields()
|
|
this.$refs.ruleForm.resetFields()
|
|
}
|
|
}
|
|
@@ -169,9 +210,15 @@ export default {
|
|
this.attachList = []
|
|
this.attachList = []
|
|
this.$refs.attachList.setFileList('')
|
|
this.$refs.attachList.setFileList('')
|
|
this.$refs.ruleForm.resetFields()
|
|
this.$refs.ruleForm.resetFields()
|
|
|
|
+ if (this.$refs.settleClientName) {
|
|
|
|
+ this.$refs.settleClientName.resetForm()
|
|
|
|
+ }
|
|
this.form = {
|
|
this.form = {
|
|
applyPersonSn: undefined,
|
|
applyPersonSn: undefined,
|
|
bookReason: '',
|
|
bookReason: '',
|
|
|
|
+ payerType: 'DEALER',
|
|
|
|
+ dealerSn: undefined,
|
|
|
|
+ payerName: undefined,
|
|
remarks: '',
|
|
remarks: '',
|
|
attachmentList: ''
|
|
attachmentList: ''
|
|
}
|
|
}
|