2022年5月9日16:46:10

src/data/cardAfter/cardRenewal.ts

+export const Data = {
+    search: {
+        fileOne: ''
+    },
+    table: {
+        style: '',
+        extend: [{
+            type: 'index',
+            label: '序号',
+            width: '80'
+        }],
+        field: [ //表格
+            {
+                prop: 'name',
+                label: '客户名称',
+                width: '120',
+                overflow: true,
+                form: {
+                    required: true,
+                    type: 'input',
+                    placeholder: '请输入客户名称'
+                }
+            }, {
+                prop: 'name',
+                label: '证件类型',
+                width: '180',
+                form: {
+                    required: true,
+                    type: 'input',
+                    placeholder: '请输入证件类型'
+                }
+            }, {
+                prop: 'name',
+                label: '证件号码',
+                width: '180',
+                form: {
+                    required: true,
+                    type: 'input',
+                    placeholder: '请输入证件号码'
+                }
+            }, {
+                prop: 'name',
+                label: '车牌号码',
+                width: '120',
+                form: {
+                    required: true,
+                    type: 'input',
+                    placeholder: '请输入车牌号码'
+                }
+            }, {
+                prop: 'name',
+                label: '卡号',
+                width: '180',
+                form: {
+                    required: true,
+                    type: 'input',
+                    placeholder: '请输入卡号'
+                }
+            }, {
+                prop: 'name',
+                label: '卡片状态',
+                width: '120',
+                form: {
+                    required: true,
+                    type: 'input',
+                    placeholder: '请输入卡片状态'
+                }
+            },
+            {
+                prop: 'name',
+                label: '到期时间',
+                width: '180',
+                form: {
+                    required: true,
+                    type: 'input',
+                    placeholder: '请输入到期时间'
+                }
+            }, 
+        ],
+        border: true,
+        operateTitle: '操作',
+        operateFixed: true,
+        isOperate: true,
+        operate: {
+            edit: true,
+            delete: true
+        }
+    }
+}

src/data/cardAfter/initiativeHangUp.ts

+export const Data = {
+    search: {
+        fileOne: '',
+        fileTwo: '',
+        fileThree: ''
+    },
+    table: {
+        style: '',
+        extend: [{
+            type: 'index',
+            label: '序号',
+            width: '80'
+        }],
+        field: [ //表格
+            {
+                prop: 'name',
+                label: '客户名称',
+                width: '120',
+                overflow: true,
+                form: {
+                    required: true,
+                    type: 'input',
+                    placeholder: '请输入客户名称'
+                }
+            }, {
+                prop: 'name',
+                label: '车牌号码',
+                width: '120',
+                form: {
+                    required: true,
+                    type: 'input',
+                    placeholder: '请输入车牌号码'
+                }
+            }, {
+                prop: 'name',
+                label: '车牌颜色',
+                width: '120',
+                form: {
+                    required: true,
+                    type: 'input',
+                    placeholder: '请输入车牌颜色'
+                }
+            }, {
+                prop: 'name',
+                label: '卡号',
+                width: '180',
+                form: {
+                    required: true,
+                    type: 'input',
+                    placeholder: '卡号'
+                }
+            }, {
+                prop: 'name',
+                label: '卡片状态',
+                width: '120',
+                form: {
+                    required: true,
+                    type: 'input',
+                    placeholder: '请输入卡片状态'
+                }
+            }, {
+                prop: 'name',
+                label: '卡片类型',
+                width: '120',
+                form: {
+                    required: true,
+                    type: 'input',
+                    placeholder: '请输入卡片类型'
+                }
+            },
+            {
+                prop: 'name',
+                label: 'OBU编号',
+                width: '180',
+                form: {
+                    required: true,
+                    type: 'input',
+                    placeholder: 'OBU编号'
+                }
+            }, {
+                prop: 'name',
+                label: 'OBU状态',
+                width: '120',
+                form: {
+                    required: true,
+                    type: 'input',
+                    placeholder: 'OBU状态'
+                }
+            },
+        ],
+        border: true,
+        operateTitle: '操作',
+        operateFixed: true,
+        isOperate: true,
+        operate: {
+            edit: true,
+            delete: true
+        }
+    }
+}

src/layout/index.vue

         <!-- 菜单头部部分 -->
         <div class="as-gravity-center-start" style="height: 70px;">
           <img rel="icon" src="/logo2.png" style="width: 60px;height: 60px;" />
-          <span class="as-bold" style="font-size:18px;color: #FFFFFF" v-show="menuStart.menuIsExpansion">D-UI框架模板</span>
+          <!-- D-UI框架模板 -->
+          <span class="as-bold" style="font-size:18px;color: #FFFFFF" v-show="menuStart.menuIsExpansion">黔通智联</span>
         </div>
 
         <!-- 菜单主体部分 -->

src/router/index.ts

       }, {
         path: '/views/dengmingcong/TABActivate/TABActivate',
         name: 'TABActivate',
-        meta: { title: '标签重新激活服务', isAuth: true }, //标签重新激活服务
+        meta: { title: '卡签注销', isAuth: true }, //卡签注销
         components: {
           key: () => import('@/views/dengmingcong/TABActivate/TABActivate.vue'),
         },

src/views/dengmingcong/TABActivate/TABActivate.vue

 <template>
-    <div>
-        标签重新激活服务
-    </div>
+    <!-- 卡签注销 -->
+    <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>
 

src/views/dengmingcong/cardFillDo/cardFillDo.vue

             <!-- 搜索 监听回车 @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-date-picker v-model="searchCondition.date" type="date" placeholder="输入日期搜索"
-                style="width: 200px;margin: 0 10px 0 10px;" value-format="YYYY-MM-DD" /> -->
             <el-select v-model="searchCondition.fileThree" placeholder="--请输入车牌颜色--" style="margin-right: 10px;">
                 <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
             </el-select>

src/views/dengmingcong/cardRenewal/cardRenewal.vue

 <template>
-    <div>
-        卡签续期
-    </div>
+    <!-- 卡签续期 -->
+    <CRUD :homeData="Data" text="123">
+        <template #search="{ searchCondition }">
+            <!-- 搜索 监听回车 @keyup.enter.native="search"-->
+            <el-input v-model="searchCondition.fileOne" clearable placeholder="卡号" style="width: 200px;margin-right: 10px;" />
+            <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/cardRenewal' //表单配置
 
+    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>
 

src/views/dengmingcong/initiativeHangUp/initiativeHangUp.vue

 <template>
-    <div>
-        主动挂起服务
-    </div>
+    <!-- 主动挂起服务 -->
+    <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>
 

src/views/dengmingcong/passivityHangUp/passivityHangUp.vue

 <template>
-    <div>
-        被动挂起服务
-    </div>
+    <!-- 被动挂起服务 -->
+    <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>