searchTable.vue 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. <!-- 搜索表单 -->
  2. <template>
  3. <seekPage :seekList="seekList" :formLength="3" @search="search"></seekPage>
  4. </template>
  5. <script>
  6. export default {
  7. data() {
  8. return {};
  9. },
  10. props: {
  11. user: {
  12. type: 'String',
  13. default: ''
  14. }
  15. },
  16. computed: {
  17. // 表格列配置
  18. seekList() {
  19. return [
  20. {
  21. label: '关键字:',
  22. value: 'code',
  23. type: 'input',
  24. placeholder: '编码/故障原因/'
  25. },
  26. {
  27. label: '编码:',
  28. value: 'code',
  29. type: 'input',
  30. placeholder: '请输入'
  31. },
  32. {
  33. label: '故障原因:',
  34. value: 'workCode',
  35. type: 'input',
  36. placeholder: '请输入'
  37. },
  38. {
  39. label: '故障类型:',
  40. value: 'workCode',
  41. width: 380,
  42. type: 'input',
  43. placeholder: ''
  44. },
  45. ];
  46. }
  47. },
  48. methods: {
  49. /* 搜索 */
  50. search(e) {
  51. this.$emit('search', {
  52. ...e
  53. });
  54. }
  55. }
  56. };
  57. </script>