middle-admin-ant/src/components/zk/zkSelectSearch.md

1.2 KiB

    :ListTitle="'请选择车辆'" // 空选择
    :IsListShowCode="false" // 是否显示code字段
    :ListUrl="this.$data.actions.TruckSearch" // 请求地址
    :ListUrlData="this.$data.zkSelectData" // 请求参数
    :ListFieldName="this.$data.zkSelectDataFieldName" // 请求字段
    :BackFieldNames="this.$data.zkBackFieldNames" // 返回字段
    @zkSelectSearch="zkSelecthandleChange" // 选择后的回调
      zkSelectData: {
page: 1,
limit: 50,
order_bys: [
{
column: "create_time",
order: "desc"
},
],
},
zkSelectDataFieldName: 'Truck',
zkBackFieldNames: ['id', 'name', 'code', 'create_time'],

<ZkSelectSearch
        :ListTitle="'请选择车辆'"
        :IsListShowCode="false"
        :ListUrl="this.$data.actions.TruckSearch"
        :ListUrlData="this.$data.zkSelectData"
        :ListFieldName="this.$data.zkSelectDataFieldName"
        :BackFieldNames="this.$data.zkBackFieldNames"
        @zkSelectSearch="zkSelecthandleChange"
></ZkSelectSearch>

引用

import ZkSelectSearch from '@/components/zk/zkSelectSearch.vue';

  // 动作
methods: {
    // 选择器改变
    zkSelecthandleChange(value)
    {
        console.log("value:", value);
    }
}