<el-form-item label="客户名称" prop="pubCorporationId" class="customer">
<base-selectPage v-model="ruleForm.pubCorporationId" ref="selectpageRef" @change="rows => customerSelect(rows)" :searchParams="{ customerStep: 1}" searchField="keyword" showField="nameEn" keyField="pubCorporationId" data="/transportPrice-api/crm/corporation/getSimplePage"
:tb-columns="defaultBaseSelectPageColumns" :defaultRow="ruleForm.pubCorporationId?{pubCorporationId:ruleForm.pubCorporationId}:{}"
></base-selectPage>
</el-form-item>
searchParams 添加自定义参数,需要传递给后台的参数,写入此参数中
v-model: 绑定的参数
change:改变数据
searchField 搜索显示的数据
showField 显示数据
keyField ke值
data 数据
tb-columns 栏
defaultRow:默认列数据
data 数据中
data{
return{
defaultBaseSelectPageColumns: defaultBaseSelectPageColumns,
}
}
此处是配置基础下拉分页的columns
// base基础分页下拉Columns
export const defaultBaseSelectPageColumns = [
{ title: 'CODE', data: 'code', width: 130 },
{ title: '中文名', data: 'nameCn', minWidth: 180 },
{ title: '英文名', data: 'nameEn', minWidth: 250 },
]