2022年5月12日16:34:42

src/layout/index.vue

 
 <script setup lang="ts">
 // @ts-ignore 选项菜单
-import SidebarItem from '@/layout/components/SidebarItem/SidebarItem.vue' 
+import SidebarItem from '@/layout/components/SidebarItem.vue' 
 // @ts-ignore 选项头部
-import Head from '@/layout/components/Head/Head.vue' 
+import Head from '@/layout/components/Head.vue' 
 // @ts-ignore Tab选项
 import TabContainer from '@/layout/components/TabControl.vue' 
 import VideoBg from '@/components/VideoBackround/VideoBackground.vue' //视频背景组件

src/views/dengmingcong/TABActivate/TABActivate.vue

 <template>
     <!-- 卡签注销 -->
-    <CRUD :homeData="Data" text="123">
+    <crud-form :homeData="Data" text="123">
         <template #search="{ searchCondition }">
             <!-- 搜索 监听回车 @keyup.enter.native="search"-->
             <el-input v-model="searchCondition.fileOne" clearable placeholder="卡号" style="width: 200px;" />
             </el-select>
             <el-button type="primary" icon="CreditCard">读卡</el-button>
         </template>
-    </CRUD>
+    </crud-form>
 </template>
 <script setup lang="ts">
-    import CRUD from "@/crud/index.vue";
-    import {
-        Data
-    } from '@/data/cardAfter/initiativeHangUp' //表单配置
-    import {
-        tableData
-    } from "@/data/tableData" //表单数据
+// @ts-ignore crudFrom模板
+import crudFrom 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: '红色',
-        },
-    ]
+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>

src/views/dengmingcong/initiativeHangUp/initiativeHangUp.vue

 <template>
     <!-- 主动挂起服务 -->
-    <CRUD :homeData="Data" text="123">
+    <crud-form :homeData="Data" text="123">
         <template #search="{ searchCondition }">
             <!-- 搜索 监听回车 @keyup.enter.native="search"-->
             <el-input v-model="searchCondition.fileOne" clearable placeholder="卡号" style="width: 200px;" />
             </el-select>
             <el-button type="primary" icon="CreditCard">读卡</el-button>
         </template>
-    </CRUD>
+    </crud-form>
 </template>
 <script setup lang="ts">
-    import CRUD from "@/crud/index.vue";
-    import {
-        Data
-    } from '@/data/cardAfter/initiativeHangUp' //表单配置
-    import {
-        tableData
-    } from "@/data/tableData" //表单数据
+// @ts-ignore crudFrom模板
+import crudFrom 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: '红色',
-        },
-    ]
+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>

src/views/dengmingcong/passivityHangUp/passivityHangUp.vue

 <template>
     <!-- 被动挂起服务 -->
-    <CRUD :homeData="Data" text="123">
+    <crud-form :homeData="Data" text="123">
         <template #search="{ searchCondition }">
             <!-- 搜索 监听回车 @keyup.enter.native="search"-->
             <el-input v-model="searchCondition.fileOne" clearable placeholder="卡号" style="width: 200px;" />
             </el-select>
             <el-button type="primary" icon="CreditCard">读卡</el-button>
         </template>
-    </CRUD>
+    </crud-form>
 </template>
 <script setup lang="ts">
-    import CRUD from "@/crud/index.vue";
-    import {
-        Data
-    } from '@/data/cardAfter/initiativeHangUp' //表单配置
-    import {
-        tableData
-    } from "@/data/tableData" //表单数据
+// @ts-ignore crudFrom模板
+import crudFrom 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: '红色',
-        },
-    ]
+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>