searchForm.vue 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <!-- 预付款搜索表单 -->
  2. <template>
  3. <seekPage :seekList="seekList" :formLength="3" @search="search"></seekPage>
  4. </template>
  5. <script>
  6. import { paymentType } from '@/enum/dict';
  7. export default {
  8. data() {
  9. return {};
  10. },
  11. computed: {
  12. seekList() {
  13. return [
  14. {
  15. label: '关键词:',
  16. value: 'searchName',
  17. type: 'input',
  18. placeholder: '编码、名称、型号、规格'
  19. },
  20. // {
  21. // label: '下拉检索:',
  22. // value: 'searchType',
  23. // type: 'select',
  24. // placeholder: '请选择',
  25. // planList: [
  26. // { label: '编码', value: 'code' },
  27. // { label: '名称', value: 'name' },
  28. // { label: '型号', value: 'model' },
  29. // { label: '规格', value: 'specification' }
  30. // ]
  31. // },
  32. // {
  33. // label: '关键词:',
  34. // value: 'searchName2',
  35. // type: 'input',
  36. // placeholder: '编码、名称、型号、规格'
  37. // },
  38. {
  39. label: '创建时间:',
  40. value: 'createTime',
  41. type: 'date',
  42. dateType: 'datetimerange',
  43. placeholder: '',
  44. width: 380,
  45. valueAr: ['createTimeStart', 'createTimeEnd']
  46. },
  47. {
  48. label: '付款状态:',
  49. value: 'status',
  50. type: 'select',
  51. placeholder: '请选择状态',
  52. planList: paymentType
  53. }
  54. ];
  55. }
  56. },
  57. methods: {
  58. search(e) {
  59. this.$emit('search', { ...e });
  60. }
  61. }
  62. };
  63. </script>