import { settleAccountList } from '@/api/settleAcount' // 结算账户 const SettleAccount = { template: ` {{ item.accountName }}-{{item.accountNo}} `, props: { value: { type: String, defatut: '' }, id: { type: String, default: '' }, defValKey: { type: String, default: 'settleAccountSn' }, placeholder: { type: String, default: '请选择结算账户' }, settleStyleSn:{ type: String, default: '' } }, data() { return { defaultVal: this.value||undefined, list: [] }; }, watch: { value(newValue, oldValue) { console.log(newValue) this.defaultVal = newValue||undefined }, settleStyleSn(a,b){ if(a){ this.getList() } } }, mounted() { if(this.settleStyleSn){ this.getList() } }, methods: { filterOption (input, option) { return ( option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0 ) }, handleChange(value) { this.defaultVal = value; const accountName = this.list.find(item => item[this.defValKey] == value).accountName this.$emit('input', value); this.$emit('change', this.value, accountName); }, // 列表数据 getList () { const _this = this settleAccountList({settleStyleSn: this.settleStyleSn,pageNo:1,pageSize:500,state:'ENABLE'}).then(res => { if (res.status == 200) { _this.list = res.data.list || [] } else { _this.list = [] } }) }, }, }; export default SettleAccount