searchTable.vue 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. <!-- 搜索表单 -->
  2. <template>
  3. <seekPage
  4. ref="seekPage"
  5. v-if="seekList.length"
  6. :seekList="seekList"
  7. :formLength="4"
  8. @search="search"
  9. ></seekPage>
  10. </template>
  11. <script>
  12. import { reviewStatusSelect, saleOrderProgressStatusEnum } from '@/enum/dict';
  13. export default {
  14. data() {
  15. return {};
  16. },
  17. computed: {
  18. // 表格列配置
  19. seekList() {
  20. return [
  21. {
  22. label: '销售订单号:',
  23. value: 'orderNo',
  24. type: 'input',
  25. placeholder: '',
  26. },
  27. {
  28. label: '项目名称:',
  29. value: 'projectName',
  30. type: 'input',
  31. placeholder: ''
  32. },
  33. {
  34. label: '客户名称:',
  35. value: 'customerName',
  36. type: 'input',
  37. placeholder: ''
  38. },
  39. {
  40. label: '创建时间:',
  41. value: 'createTime',
  42. type: 'date',
  43. dateType: 'daterange',
  44. placeholder: '',
  45. width: 380,
  46. valueAr: ['startDate', 'endDate']
  47. },
  48. {
  49. label: '订单状态',
  50. value: 'progress',
  51. type: 'select',
  52. planList: saleOrderProgressStatusEnum,
  53. width: 380,
  54. placeholder: ''
  55. }
  56. ];
  57. }
  58. },
  59. methods: {
  60. /* 搜索 */
  61. search(e) {
  62. this.$emit('search', {
  63. ...e
  64. });
  65. }
  66. }
  67. };
  68. </script>