pageSearchTable.vue 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
  1. <!-- 搜索表单 -->
  2. <template>
  3. <seekPage :seekList="seekList" :formLength="3" @search="search"></seekPage>
  4. </template>
  5. <script>
  6. import { reviewStatusSelect, vehicleState, reviewStatusEnum } 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: 'code',
  24. type: 'input',
  25. placeholder: '请输入'
  26. },
  27. {
  28. label: '状态:',
  29. value: 'status',
  30. type: 'select',
  31. placeholder: '请选择',
  32. planList: [
  33. { value: 0, label: '待接收' },
  34. { value: 1, label: '执行中' },
  35. { value: 2, label: '待验收' },
  36. // { value: 3, label: '待验收' },
  37. { value: 4, label: '已验收' }
  38. ]
  39. },
  40. {
  41. label: '计划编号:',
  42. value: 'planCode',
  43. width: 380,
  44. type: 'input',
  45. placeholder: '请输入'
  46. },
  47. {
  48. label: '计划名称:',
  49. value: 'planName',
  50. width: 380,
  51. type: 'input',
  52. placeholder: '请输入'
  53. },
  54. {
  55. label: '预计开始时间:',
  56. value: 'planTimeStart',
  57. width: 360,
  58. labelWidth:130,
  59. type: 'input',
  60. placeholder: '请输入'
  61. },
  62. {
  63. label: '预计结束时间:',
  64. value: 'planTimeEnd',
  65. width: 360,
  66. labelWidth:130,
  67. type: 'input',
  68. placeholder: '请输入'
  69. },
  70. {
  71. label: '开始时间:',
  72. value: 'realStartTime',
  73. width: 380,
  74. type: 'input',
  75. placeholder: '请输入'
  76. },
  77. {
  78. label: '完成时间:',
  79. value: 'realEndTime',
  80. width: 380,
  81. type: 'input',
  82. placeholder: '请输入'
  83. },
  84. {
  85. label: '负责部门:',
  86. value: 'responsibleDeptName',
  87. width: 380,
  88. type: 'input',
  89. placeholder: '请输入'
  90. },
  91. {
  92. label: '负责人:',
  93. value: 'responsiblePersonName',
  94. width: 380,
  95. type: 'input',
  96. placeholder: '请输入'
  97. },
  98. {
  99. label: '车牌号:',
  100. value: 'trakNumber',
  101. width: 380,
  102. type: 'input',
  103. placeholder: '请输入'
  104. },
  105. {
  106. label: '司机:',
  107. value: 'driverName',
  108. width: 380,
  109. type: 'input',
  110. placeholder: '请输入'
  111. },
  112. {
  113. label: '司机联系电话:',
  114. value: 'phone',
  115. width: 360,
  116. labelWidth:130,
  117. type: 'input',
  118. placeholder: '请输入'
  119. },
  120. {
  121. label: '创建时间:',
  122. value: 'createTime',
  123. width: 380,
  124. type: 'input',
  125. placeholder: '请输入'
  126. },
  127. ];
  128. }
  129. },
  130. methods: {
  131. /* 搜索 */
  132. search(e) {
  133. this.$emit('search', {
  134. ...e
  135. });
  136. }
  137. }
  138. };
  139. </script>