searchTable.vue 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123
  1. <!-- 搜索表单 -->
  2. <template>
  3. <seekPage :seekList="seekList" :formLength="3" @search="search"></seekPage>
  4. </template>
  5. <script>
  6. import { receiptType, reviewStatusSelect, reconciliationType } from '@/enum/dict';
  7. import {
  8. assessmentIndicatorsOptions
  9. } from '@/views/targetManage/util.js';
  10. export default {
  11. data() {
  12. return {
  13. };
  14. },
  15. computed: {
  16. // 表格列配置
  17. seekList() {
  18. return [
  19. {
  20. label: '关键字:',
  21. value: 'searchName',
  22. type: 'input',
  23. placeholder: '对账单编码/供应商名称'
  24. },
  25. // {
  26. // label: '对账单编码:',
  27. // value: 'statementNo',
  28. // type: 'input',
  29. // placeholder: '请输入'
  30. // },
  31. // {
  32. // label: '供应商名称:',
  33. // value: 'contactName',
  34. // type: 'input',
  35. // placeholder: '请输入',
  36. // },
  37. {
  38. label: '对账方式:',
  39. value: 'dateType',
  40. // width: 380,
  41. placeholder: '请选择',
  42. type: 'select',
  43. planList: reconciliationType
  44. },
  45. // {
  46. // label: '对账开始日期:',
  47. // value: 'startDate',
  48. // type: 'date',
  49. // dateType: 'datetimerange',
  50. // placeholder: '',
  51. // labelWidth:130,
  52. // width: 360,
  53. // valueAr: ['createTimeStart', 'createTimeEnd']
  54. // },
  55. // {
  56. // label: '对账结束日期:',
  57. // value: 'endDate',
  58. // labelWidth:130,
  59. // width: 360,
  60. // type: 'input',
  61. // placeholder: '请输入',
  62. // },
  63. // {
  64. // label: '总金额:',
  65. // value: 'amountTotalPrice',
  66. // width: 380,
  67. // type: 'input',
  68. // placeholder: '请输入',
  69. // },
  70. // {
  71. // label: '应收金额',
  72. // value: 'amountReceivablePrice',
  73. // width: 380,
  74. // type: 'input',
  75. // placeholder: '请输入',
  76. // },
  77. // {
  78. // label: '应付金额:',
  79. // value: 'amountPayablePrice',
  80. // width: 380,
  81. // type: 'input',
  82. // placeholder: '请输入',
  83. // },
  84. {
  85. label: '状态:',
  86. value: 'reviewStatus',
  87. // width: 380,
  88. type: 'select',
  89. placeholder: '请选择状态',
  90. planList: reviewStatusSelect
  91. },
  92. // {
  93. // label: '是否回执:',
  94. // value: 'replied',
  95. // width: 380,
  96. // type: 'select',
  97. // placeholder: '请选择状态',
  98. // planList: receiptType
  99. // },
  100. {
  101. label: '创建时间:',
  102. value: 'createTime',
  103. type: 'date',
  104. dateType: 'datetimerange',
  105. placeholder: '',
  106. width: 380,
  107. valueAr: ['createTimeStart', 'createTimeEnd']
  108. },
  109. ];
  110. }
  111. },
  112. methods: {
  113. /* 搜索 */
  114. search(e) {
  115. this.$emit('search', {
  116. ...e
  117. });
  118. }
  119. }
  120. };
  121. </script>