<template>
    <!-- 卡签注销 -->
    <CRUD :homeData="Data" text="123">
        <template #search="{ searchCondition }">
            <!-- 搜索 监听回车 @keyup.enter.native="search"-->
            <el-input v-model="searchCondition.fileOne" clearable placeholder="卡号" style="width: 200px;" />
            <el-input v-model="searchCondition.fileTwo" clearable placeholder="车牌号码"
                style="width: 200px;margin: 0 10px 0 10px;" />
            <el-select v-model="searchCondition.fileThree" placeholder="--请输入车牌颜色--" style="margin: 0 10px 0 10px;">
                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
            </el-select>
            <el-button type="primary" icon="CreditCard">读卡</el-button>
        </template>
    </CRUD>
</template>
<script setup lang="ts">
// @ts-ignore crudFrom模板
import CRUD from "@/crud/index.vue"
import {
    Data
} from '@/data/cardAfter/initiativeHangUp' //表单配置
import {
    tableData
} from "@/data/tableData" //表单数据

const options = [{
    value: 'Option1',
    label: '蓝色',
},
{
    value: 'Option2',
    label: '黄色',
},
{
    value: 'Option3',
    label: '黑色',
},
{
    value: 'Option4',
    label: '白色',
},
{
    value: 'Option5',
    label: '渐变绿色',
},
{
    value: 'Option6',
    label: '黄绿双拼色',
},
{
    value: 'Option7',
    label: '蓝白渐变色',
},
{
    value: 'Option8',
    label: '未确定',
},
{
    value: 'Option9',
    label: '绿色',
},
{
    value: 'Option10',
    label: '红色',
},
]
</script>
<style lang="scss" scoped>
</style>