@@ -0,0 +1,89 @@ | |||
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 | |||
} | |||
} | |||
} |
@@ -0,0 +1,100 @@ | |||
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 | |||
} | |||
} | |||
} |
@@ -10,7 +10,8 @@ | |||
<!-- 菜单头部部分 --> | |||
<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> | |||
<!-- 菜单主体部分 --> |
@@ -171,7 +171,7 @@ const routes: RouteRecordRaw[] = [ | |||
}, { | |||
path: '/views/dengmingcong/TABActivate/TABActivate', | |||
name: 'TABActivate', | |||
meta: { title: '标签重新激活服务', isAuth: true }, //标签重新激活服务 | |||
meta: { title: '卡签注销', isAuth: true }, //卡签注销 | |||
components: { | |||
key: () => import('@/views/dengmingcong/TABActivate/TABActivate.vue'), | |||
}, |
@@ -1,10 +1,68 @@ | |||
<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> | |||
@@ -5,9 +5,6 @@ | |||
<!-- 搜索 监听回车 @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> |
@@ -1,10 +1,60 @@ | |||
<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> | |||
@@ -1,10 +1,68 @@ | |||
<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> | |||
@@ -1,10 +1,68 @@ | |||
<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> | |||