add bank select form controll
This commit is contained in:
parent
6172dd3195
commit
1ccf5501a3
52
webUI/src/components/forms/Hbankselect.vue
Normal file
52
webUI/src/components/forms/Hbankselect.vue
Normal file
|
@ -0,0 +1,52 @@
|
||||||
|
<template>
|
||||||
|
<v-select v-bind="$attrs" :items="banks" :model-value="modelValue" :item-title="itemTitle" :item-value="itemValue"
|
||||||
|
:return-object="returnObject" @update:model-value="handleChange" />
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import axios from 'axios'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'HBankSelect',
|
||||||
|
inheritAttrs: false,
|
||||||
|
props: {
|
||||||
|
modelValue: {
|
||||||
|
type: [String, Number, Object],
|
||||||
|
default: null
|
||||||
|
},
|
||||||
|
returnObject: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false
|
||||||
|
},
|
||||||
|
itemTitle: {
|
||||||
|
type: String,
|
||||||
|
default: 'name'
|
||||||
|
},
|
||||||
|
itemValue: {
|
||||||
|
type: String,
|
||||||
|
default: 'id'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
banks: []
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.fetchBanks()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
async fetchBanks() {
|
||||||
|
try {
|
||||||
|
const response = await axios.post('/api/bank/list')
|
||||||
|
this.banks = response.data
|
||||||
|
} catch (error) {
|
||||||
|
console.error('خطا در دریافت لیست بانکها:', error)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
handleChange(value) {
|
||||||
|
this.$emit('update:modelValue', value)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
Loading…
Reference in a new issue