<template>
|
<view class="oi-form-select">
|
<!-- 下拉选择框 -->
|
<!-- <uni-data-picker v-if="model" class="data-picker" :class="data.disabled?'input-disabled':''"
|
v-model="model[data.fieldId]" :localdata="data.useDict ? data.dict : data.selections" @change="onChange"
|
:readonly="data.disabled" :clear-icon="false" :popup-title="data.label"></uni-data-picker>
|
<uni-data-picker v-else class="data-picker" :class="data.disabled?'input-disabled':''" v-model="data.value"
|
:localdata="data.useDict ? data.dict : data.selections" @change="onChange" :readonly="data.disabled"
|
:clear-icon="false" :popup-title="data.label"></uni-data-picker> -->
|
<!-- <OISelect v-if="model" v-model:value="model[data.fieldId]"
|
:dataList="data.useDict ? data.dict : data.selections" @change="onChange" :disabled="data.disabled"
|
:clearable="data.setting.clearable" :filterable="data.setting.filterable"></OISelect>
|
<OISelect v-else v-model:value="data.value" :dataList="data.useDict ? data.dict : data.selections"
|
@change="onChange" :disabled="data.disabled" :clearable="data.setting.clearable"
|
:filterable="data.setting.filterable"></OISelect> -->
|
<OIDataSelect v-if="model" v-model="model[data.fieldId]" :localdata="data.useDict ? data.dict : data.selections"
|
@change="onChange" :disabled="data.disabled" :clear="data.setting.clearable"
|
:filterable="data.setting.filterable"></OIDataSelect>
|
<OIDataSelect v-else v-model="data.value" :localdata="data.useDict ? data.dict : data.selections"
|
@change="onChange" :disabled="data.disabled" :clear="data.setting.clearable"
|
:filterable="data.setting.filterable"></OIDataSelect>
|
|
|
</view>
|
</template>
|
|
<script>
|
import OIDataSelect from '@/components/data-select/index.vue'
|
export default {
|
name: "OIFormSelect",
|
components: {
|
OIDataSelect
|
},
|
props: {
|
data: {
|
type: Object,
|
required: true,
|
},
|
model: Object,
|
},
|
methods: {
|
onChange(e) {
|
if (this.model)
|
console.log(e, this.model[this.data.fieldId])
|
else
|
console.log(e, this.data.value)
|
this.$emit("on-change", e)
|
},
|
|
}
|
};
|
</script>
|
|
<style lang="less">
|
.oi-form-select {
|
width: 100%;
|
|
|
}
|
|
|
</style>
|