opportunitySearch.vue 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. <!-- 搜索表单 -->
  2. <template>
  3. <seekPage :seekList="seekList" :formLength="3" @search="search"></seekPage>
  4. </template>
  5. <script>
  6. import { reviewStatusSelect ,enabledStatus} 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: 'contactName',
  30. type: 'input',
  31. placeholder: '请输入'
  32. },
  33. {
  34. label: '商机名称:',
  35. value: 'name',
  36. width: 380,
  37. type: 'input',
  38. placeholder: '请输入'
  39. },
  40. {
  41. label: '产品名称:',
  42. value: 'productName',
  43. width: 380,
  44. type: 'input',
  45. placeholder: '请输入'
  46. },
  47. // {
  48. // label: '负责人名称:',
  49. // value: 'responsibleName',
  50. // labelWidth: 130,
  51. // width: 370,
  52. // type: 'input',
  53. // placeholder: '请输入'
  54. // },
  55. // {
  56. // label: '启用状态:',
  57. // value: 'status',
  58. // width: 380,
  59. // type: 'select',
  60. // placeholder: '请选择启用状态',
  61. // planList: enabledStatus
  62. // },
  63. // {
  64. // label: '创建人:',
  65. // value: 'createUserName',
  66. // width: 380,
  67. // type: 'input',
  68. // placeholder: '请输入'
  69. // },
  70. {
  71. label: '创建时间:',
  72. value: 'createTime',
  73. type: 'date',
  74. dateType: 'datetimerange',
  75. placeholder: '',
  76. width: 380,
  77. valueAr: ['createTimeStart', 'createTimeEnd']
  78. },
  79. {
  80. label: '审核状态:',
  81. value: 'approvalStatus',
  82. width: 380,
  83. type: 'select',
  84. planList: reviewStatusSelect,
  85. placeholder: '请选择审核状态'
  86. }
  87. ];
  88. }
  89. },
  90. methods: {
  91. /* 搜索 */
  92. search(e) {
  93. this.$emit('search', {
  94. ...e
  95. });
  96. }
  97. }
  98. };
  99. </script>