kd-aiot-frontend-eom/src/views/saleManage/saleOrder/invoice/components/searchTable.vue

<!-- 搜索表单 -->
<template>
  <seekPage :seekList="seekList" :formLength="3" @search="search"></seekPage>
</template>
<script>
import { receiptType ,StateType} from '@/enum/dict';
export default {
  data() {
    return {};
  },
  computed: {
    // 表格列配置
    seekList() {
      return [
        {
          label: '关键字：',
          value: 'searchName',
          type: 'input',
          placeholder: '发货编码/销售订单编码/产品名称/客户名称'
        },
        {
          label: '发货单编码：',
          value: 'docNo',
          type: 'input',
          placeholder: '请输入'
        },
        {
          label: '销售订单编码：',
          value: 'orderNo',
          type: 'input',
          placeholder: '请输入'
        },
        {
          label: '产品名称',
          value: 'productNames',
          width: 380,
          type: 'input',
          placeholder: '请输入'
        },
        {
          label: '编号',
          value: 'productCodes',
          width: 380,
          type: 'input',
          placeholder: '请输入'
        },
        {
          label: '生产编号',
          value: 'productionCodes',
          width: 380,
          type: 'input',
          placeholder: ''
        },
        {
          label: '批次号',
          value: 'batchNo',
          width: 380,
          type: 'input',
          placeholder: '请输入'
        },
        {
          label: '项目名称',
          value: 'projectName',
          width: 380,
          type: 'input',
          placeholder: '请输入'
        },
        {
          label: '客户名称：',
          value: 'contactName',
          width: 380,
          type: 'input',
          placeholder: '请输入'
        },
        {
          label: '是否回执：',
          value: 'replied',
          width: 380,
          type: 'select',
          planList:receiptType,
          placeholder: '请选择'
        },
        {
          label: '状态：',
          value: 'reviewStatus',
          width: 380,
          type: 'select',
          planList: StateType,
          placeholder: '请选择'
        },
        {
          label: '创建人：',
          value: 'createUserName',
          width: 380,
          type: 'input',
          placeholder: '请输入'
        },
        {
          label: '创建时间：',
          value: 'createTime',
          type: 'date',
          dateType: 'datetimerange',
          placeholder: '',
          width: 380,
          valueAr: ['createTimeStart', 'createTimeEnd']
        }
      ];
    }
  },
  methods: {
    /* 搜索 */
    search(e) {
      this.$emit('search', {
        ...e
      });
    }
  }
};
</script>