searchTable.vue 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. <!-- 搜索表单 -->
  2. <template>
  3. <seekPage :seekList="seekList" :formLength="4" @search="search"></seekPage>
  4. </template>
  5. <script>
  6. export default {
  7. data() {
  8. return {
  9. auditStatus: [
  10. {
  11. label: '待审核',
  12. value: '0'
  13. },
  14. {
  15. label: '已拒绝',
  16. value: 2
  17. },
  18. {
  19. label: '已通过',
  20. value: 1
  21. },
  22. {
  23. label: '已撤回',
  24. value: 3
  25. }
  26. ]
  27. };
  28. },
  29. props:{
  30. levelList:{
  31. type:Array,
  32. default:()=>[]
  33. }
  34. },
  35. computed: {
  36. // 表格列配置
  37. seekList() {
  38. return [
  39. {
  40. label: '客户名称:',
  41. value: 'contactName',
  42. type: 'input',
  43. placeholder: ''
  44. },
  45. // {
  46. // label: '创建人:',
  47. // value: 'code',
  48. // type: 'input',
  49. // placeholder: ''
  50. // },
  51. {
  52. label: '报修编码:',
  53. value: 'code',
  54. type: 'input',
  55. placeholder: ''
  56. },
  57. {
  58. label: '故障等级:',
  59. value: 'faultLevel',
  60. type: 'select',
  61. planList:this.levelList,
  62. placeholder: ''
  63. },
  64. {
  65. label: '状态:',
  66. value: 'demandStatus',
  67. type: 'select',
  68. planList:this.auditStatus,
  69. placeholder: ''
  70. },
  71. {
  72. label: '报修时间:',
  73. value: 'time',
  74. type: 'date',
  75. dateType: 'datetimerange',
  76. placeholder: '',
  77. width: 380,
  78. valueAr: ['createTimeStart', 'createTimeEnd']
  79. },
  80. ];
  81. }
  82. },
  83. methods: {
  84. /* 搜索 */
  85. search(e) {
  86. console.log('是否调用');
  87. this.$emit('search', {
  88. ...e
  89. });
  90. }
  91. }
  92. };
  93. </script>