searchTable.vue 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152
  1. <!-- 搜索表单 -->
  2. <template>
  3. <seekPage :seekList="seekList" :formLength="3" @search="search"></seekPage>
  4. </template>
  5. <script>
  6. import { reviewStatusSelect, saleOrderProgressStatusEnum } from '@/enum/dict';
  7. export default {
  8. data() {
  9. return {};
  10. },
  11. computed: {
  12. // 表格列配置
  13. seekList() {
  14. return [
  15. {
  16. label: '关键字:',
  17. value: 'searchName',
  18. type: 'input',
  19. placeholder: '订单编码/客户名称/合同编号/产品名称'
  20. },
  21. {
  22. label: '订单编码:',
  23. value: 'orderNo',
  24. type: 'input',
  25. placeholder: ''
  26. },
  27. {
  28. label: '客户名称:',
  29. value: 'partaName',
  30. type: 'input',
  31. placeholder: ''
  32. },
  33. {
  34. label: '库存状态',
  35. value: 'hasStock',
  36. width: 380,
  37. type: 'select',
  38. planList: [
  39. {
  40. label: '有库存',
  41. value: 1
  42. },
  43. { label: '无库存', value: 0 }
  44. ]
  45. },
  46. {
  47. label: '合同编号:',
  48. value: 'contractNumber',
  49. width: 380,
  50. type: 'input',
  51. placeholder: ''
  52. },
  53. {
  54. label: '项目名称:',
  55. value: 'projectName',
  56. width: 380,
  57. type: 'input',
  58. placeholder: ''
  59. },
  60. {
  61. label: '产品名称:',
  62. value: 'productName',
  63. width: 380,
  64. type: 'input',
  65. placeholder: ''
  66. },
  67. {
  68. label: '编码',
  69. value: 'productCode',
  70. width: 380,
  71. type: 'input',
  72. placeholder: '请输入'
  73. },
  74. {
  75. label: '生产编号',
  76. value: 'productionCodes',
  77. width: 380,
  78. type: 'input',
  79. placeholder: ''
  80. },
  81. // {
  82. // label: '项目名称:',
  83. // value: 'productCode',
  84. // width: 380,
  85. // type: 'input',
  86. // width: 380,
  87. // placeholder: ''
  88. // },
  89. {
  90. label: '订单类型',
  91. value: 'needProduce',
  92. width: 380,
  93. type: 'select',
  94. planList: [
  95. {
  96. label: '生产性订单',
  97. value: '1'
  98. },
  99. { label: '无客户生产性订单', value: '2' },
  100. { label: '库存式订单', value: '0' },
  101. { label: '不定向订单', value: '4' }
  102. ],
  103. width: 380,
  104. placeholder: ''
  105. },
  106. {
  107. label: '审核状态',
  108. value: 'orderStatus',
  109. type: 'select',
  110. planList: reviewStatusSelect,
  111. width: 380,
  112. placeholder: ''
  113. },
  114. {
  115. label: '订单进度',
  116. value: 'progress',
  117. type: 'select',
  118. planList: saleOrderProgressStatusEnum,
  119. width: 380,
  120. placeholder: ''
  121. },
  122. {
  123. label: '创建人:',
  124. value: 'createUserName',
  125. width: 380,
  126. type: 'input',
  127. placeholder: '请输入'
  128. },
  129. {
  130. label: '创建时间:',
  131. value: 'createTime',
  132. type: 'date',
  133. dateType: 'datetimerange',
  134. placeholder: '',
  135. width: 380,
  136. valueAr: ['createTimeStart', 'createTimeEnd']
  137. }
  138. ];
  139. }
  140. },
  141. methods: {
  142. /* 搜索 */
  143. search(e) {
  144. this.$emit('search', {
  145. ...e
  146. });
  147. }
  148. }
  149. };
  150. </script>