You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

initiativeHangUp.vue 1.9KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <template>
  2. <!-- 主动挂起服务 -->
  3. <CRUD :homeData="Data" text="123">
  4. <template #search="{ searchCondition }">
  5. <!-- 搜索 监听回车 @keyup.enter.native="search"-->
  6. <el-input v-model="searchCondition.fileOne" clearable placeholder="卡号" style="width: 200px;" />
  7. <el-input v-model="searchCondition.fileTwo" clearable placeholder="车牌号码"
  8. style="width: 200px;margin: 0 10px 0 10px;" />
  9. <el-select v-model="searchCondition.fileThree" placeholder="--请输入车牌颜色--" style="margin: 0 10px 0 10px;">
  10. <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
  11. </el-select>
  12. <el-button type="primary" icon="CreditCard">读卡</el-button>
  13. </template>
  14. </CRUD>
  15. </template>
  16. <script setup lang="ts">
  17. import CRUD from "@/crud/index.vue";
  18. import {
  19. Data
  20. } from '@/data/cardAfter/initiativeHangUp' //表单配置
  21. import {
  22. tableData
  23. } from "@/data/tableData" //表单数据
  24. const options = [{
  25. value: 'Option1',
  26. label: '蓝色',
  27. },
  28. {
  29. value: 'Option2',
  30. label: '黄色',
  31. },
  32. {
  33. value: 'Option3',
  34. label: '黑色',
  35. },
  36. {
  37. value: 'Option4',
  38. label: '白色',
  39. },
  40. {
  41. value: 'Option5',
  42. label: '渐变绿色',
  43. },
  44. {
  45. value: 'Option6',
  46. label: '黄绿双拼色',
  47. },
  48. {
  49. value: 'Option7',
  50. label: '蓝白渐变色',
  51. },
  52. {
  53. value: 'Option8',
  54. label: '未确定',
  55. },
  56. {
  57. value: 'Option9',
  58. label: '绿色',
  59. },
  60. {
  61. value: 'Option10',
  62. label: '红色',
  63. },
  64. ]
  65. </script>
  66. <style lang="scss" scoped>
  67. </style>