test-web/src/views/dengmingcong/initiativeHangUp/initiativeHangUp.vue

<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">
    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>