searchForm.vue 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. <!-- 搜索表单 -->
  2. <template>
  3. <seekPage :seekList="seekList" :formLength="3" @search="search"></seekPage>
  4. </template>
  5. <script>
  6. export default {
  7. data() {
  8. return {};
  9. },
  10. computed: {
  11. seekList() {
  12. return [
  13. {
  14. label: '关键词:',
  15. value: 'keyword',
  16. type: 'input',
  17. placeholder: '编码、名称、型号、规格'
  18. },
  19. // {
  20. // label: '下拉检索:',
  21. // value: 'searchType',
  22. // type: 'select',
  23. // placeholder: '请选择',
  24. // planList: [
  25. // { value: 1, label: '选项一' },
  26. // { value: 2, label: '选项二' },
  27. // { value: 3, label: '选项三' }
  28. // ]
  29. // },
  30. // {
  31. // label: '关键词:',
  32. // value: 'searchName2',
  33. // type: 'input',
  34. // placeholder: '编码、名称、型号、规格'
  35. // },
  36. {
  37. label: '创建时间:',
  38. value: 'createTime',
  39. type: 'date',
  40. dateType: 'daterange',
  41. placeholder: '',
  42. width: 380,
  43. valueAr: ['startCreateTime', 'endCreateTime']
  44. }
  45. ];
  46. }
  47. },
  48. methods: {
  49. search(e) {
  50. this.$emit('search', { ...e });
  51. }
  52. }
  53. };
  54. </script>