|
@@ -44,11 +44,20 @@
|
|
元
|
|
元
|
|
</a-form-model-item>
|
|
</a-form-model-item>
|
|
<a-form-model-item label="结算方式" prop="settleStyleSn">
|
|
<a-form-model-item label="结算方式" prop="settleStyleSn">
|
|
- <a-select placeholder="请选择结算方式" allowClear v-model="form.settleStyleSn" @change="settleStyleChange">
|
|
|
|
- <a-select-option v-for="item in settleStyleList" :key="item.settleStyleSn" :value="item.settleStyleSn">
|
|
|
|
- {{ item.name }}
|
|
|
|
- </a-select-option>
|
|
|
|
- </a-select>
|
|
|
|
|
|
+ <settleStyle
|
|
|
|
+ id="expenseManagementEdit-settleStyleSn"
|
|
|
|
+ v-model="form.settleStyleSn"
|
|
|
|
+ @change="settleStyleChange"
|
|
|
|
+ placeholder="请选择结算方式">
|
|
|
|
+ </settleStyle>
|
|
|
|
+ </a-form-model-item>
|
|
|
|
+ <a-form-model-item v-if="enableFundAccount" label="结算账户" prop="settleAccountSn">
|
|
|
|
+ <settleAccount
|
|
|
|
+ id="expenseManagementEdit-settleAccountSn"
|
|
|
|
+ v-model="form.settleAccountSn"
|
|
|
|
+ :settleStyleSn="form.settleStyleSn"
|
|
|
|
+ placeholder="请选择结算账户">
|
|
|
|
+ </settleAccount>
|
|
</a-form-model-item>
|
|
</a-form-model-item>
|
|
<a-form-model-item label="关联单号" prop="bizNo">
|
|
<a-form-model-item label="关联单号" prop="bizNo">
|
|
<a-input id="expenseManagementEdit-bizNo" :maxLength="30" v-model.trim="form.bizNo" placeholder="请输入关联单号(最多30个字符)" allowClear />
|
|
<a-input id="expenseManagementEdit-bizNo" :maxLength="30" v-model.trim="form.bizNo" placeholder="请输入关联单号(最多30个字符)" allowClear />
|
|
@@ -67,23 +76,25 @@
|
|
|
|
|
|
<script>
|
|
<script>
|
|
import { commonMixin } from '@/utils/mixin'
|
|
import { commonMixin } from '@/utils/mixin'
|
|
|
|
+import { mapActions } from 'vuex'
|
|
import { STable, VSelect } from '@/components'
|
|
import { STable, VSelect } from '@/components'
|
|
import { settleExpenseSave, findExpenseDetail } from '@/api/settleExpense'
|
|
import { settleExpenseSave, findExpenseDetail } from '@/api/settleExpense'
|
|
import { costTypeAllQuery } from '@/api/costType'
|
|
import { costTypeAllQuery } from '@/api/costType'
|
|
-import { settleStyleQueryAll } from '@/api/settleStyle'
|
|
|
|
|
|
+import settleStyle from '@/views/common/settleStyle'
|
|
|
|
+import settleAccount from '@/views/common/settleAccount'
|
|
export default {
|
|
export default {
|
|
name: 'ExpenseManagementEdit',
|
|
name: 'ExpenseManagementEdit',
|
|
- components: { STable, VSelect },
|
|
|
|
|
|
+ components: { STable, VSelect, settleStyle, settleAccount },
|
|
mixins: [commonMixin],
|
|
mixins: [commonMixin],
|
|
data () {
|
|
data () {
|
|
return {
|
|
return {
|
|
spinning: false,
|
|
spinning: false,
|
|
|
|
+ enableFundAccount: false,
|
|
formItemLayout: {
|
|
formItemLayout: {
|
|
labelCol: { span: 4 },
|
|
labelCol: { span: 4 },
|
|
wrapperCol: { span: 16 }
|
|
wrapperCol: { span: 16 }
|
|
},
|
|
},
|
|
costTypeList: [], // 费用类型
|
|
costTypeList: [], // 费用类型
|
|
- settleStyleList: [], // 结算方式
|
|
|
|
form: {
|
|
form: {
|
|
expensesTypeSn1: '', // 费用类型
|
|
expensesTypeSn1: '', // 费用类型
|
|
expensesTypeSn2: '', // 费用类型1
|
|
expensesTypeSn2: '', // 费用类型1
|
|
@@ -93,27 +104,22 @@ export default {
|
|
settleStyleSn: undefined, // 结算方式
|
|
settleStyleSn: undefined, // 结算方式
|
|
settleStyleName: '', // 结算方式名称
|
|
settleStyleName: '', // 结算方式名称
|
|
bizNo: '', // 关联单号
|
|
bizNo: '', // 关联单号
|
|
- remark: '' // 备注
|
|
|
|
|
|
+ remark: '', // 备注
|
|
|
|
+ settleAccountSn: undefined
|
|
},
|
|
},
|
|
rules: {
|
|
rules: {
|
|
costType: [{ required: true, message: '请选择费用类型', trigger: 'change' }],
|
|
costType: [{ required: true, message: '请选择费用类型', trigger: 'change' }],
|
|
settleAmount: [{ required: true, message: '请输入费用金额', trigger: 'blur' }],
|
|
settleAmount: [{ required: true, message: '请输入费用金额', trigger: 'blur' }],
|
|
- settleStyleSn: [{ required: true, message: '请选择结算方式', trigger: 'change' }]
|
|
|
|
|
|
+ settleStyleSn: [{ required: true, message: '请选择结算方式', trigger: 'change' }],
|
|
|
|
+ settleAccountSn: [{ required: true, message: '请选择结算账户', trigger: 'change' }]
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
- // 获取结算方式
|
|
|
|
- getSettleStyle () {
|
|
|
|
- settleStyleQueryAll().then(res => {
|
|
|
|
- if (res.status == 200) {
|
|
|
|
- this.settleStyleList = res.data
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- },
|
|
|
|
|
|
+ ...mapActions(['GetSettleAccountState']),
|
|
// 选择结算方式
|
|
// 选择结算方式
|
|
- settleStyleChange (v) {
|
|
|
|
- this.form.settleStyleName = this.settleStyleList.find(item => item.settleStyleSn == v).name
|
|
|
|
|
|
+ settleStyleChange (v, name) {
|
|
|
|
+ this.form.settleStyleName = name
|
|
},
|
|
},
|
|
// 递归函数
|
|
// 递归函数
|
|
recursionFun (data) {
|
|
recursionFun (data) {
|
|
@@ -199,7 +205,12 @@ export default {
|
|
vm.getDetail()
|
|
vm.getDetail()
|
|
}
|
|
}
|
|
vm.getCostTypeList()
|
|
vm.getCostTypeList()
|
|
- vm.getSettleStyle()
|
|
|
|
|
|
+ // 结算账户状态查询
|
|
|
|
+ vm.GetSettleAccountState().then(res => {
|
|
|
|
+ if (res.status == 200) {
|
|
|
|
+ vm.enableFundAccount = res.data.functionEnableFlag
|
|
|
|
+ }
|
|
|
|
+ })
|
|
}
|
|
}
|
|
},
|
|
},
|
|
mounted () {
|
|
mounted () {
|