<template>
  <div class="conbtainer">
    <lu-saas-search
      :searchColumns="columns"
      :colCount="4"
      @search="search"
    >
    </lu-saas-search>
  </div>
</template>

<script>
import luSaasSearch from "@/packages/lu/lu-saas-search";
export default {
  data() {
    return {
      columns: [
        {
          prop: "code",
          placeholder: "请输入机器码",
          type: "input"
        },
        {
          prop: "code",
          placeholder: "请输入机器码",
          type: "input"
        },
        {
          prop: "code",
          placeholder: "请输入机器码",
          type: "input"
        },
        {
          prop: "code",
          placeholder: "请输入机器码",
          type: "input"
        },
         {
          prop: 'daterange',
          placeholder: "请选择时间区间",
          type: "daterange",
        },
        {
          prop: 'date',
          placeholder: "请选择时间",
          type: "date",
        },
        {
          prop: "mall",
          placeholder: "请选择商场",
          type: "select",
          data: [
            {
              label: '商场1',
              value: 1
            },
            {
              label: '商场2',
              value: 2
            }
          ],
          data_label: 'label',
          data_value: 'value'
        },
        {
          prop: "mall",
          label: "请选择商场",
          type: "radio",
          data: [
            {
              label: '商场1',
              value: 1
            },
            {
              label: '商场2',
              value: 2
            }
          ],
          data_label: 'label',
          data_value: 'value'
        },
        {
          prop: "code",
          placeholder: "请输入机器码",
          type: "input"
        }
      ]
    };
  },
  components: {
    luSaasSearch
  },
  methods: {
    search(val) {
      console.log(val);
    }
  }
};
</script>

<style></style>
