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 | |||||
} | |||||
} | |||||
} |
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 | |||||
} | |||||
} | |||||
} |
<!-- 菜单头部部分 --> | <!-- 菜单头部部分 --> | ||||
<div class="as-gravity-center-start" style="height: 70px;"> | <div class="as-gravity-center-start" style="height: 70px;"> | ||||
<img rel="icon" src="/logo2.png" style="width: 60px;height: 60px;" /> | <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> | </div> | ||||
<!-- 菜单主体部分 --> | <!-- 菜单主体部分 --> |
}, { | }, { | ||||
path: '/views/dengmingcong/TABActivate/TABActivate', | path: '/views/dengmingcong/TABActivate/TABActivate', | ||||
name: 'TABActivate', | name: 'TABActivate', | ||||
meta: { title: '标签重新激活服务', isAuth: true }, //标签重新激活服务 | |||||
meta: { title: '卡签注销', isAuth: true }, //卡签注销 | |||||
components: { | components: { | ||||
key: () => import('@/views/dengmingcong/TABActivate/TABActivate.vue'), | key: () => import('@/views/dengmingcong/TABActivate/TABActivate.vue'), | ||||
}, | }, |
<template> | <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> | </template> | ||||
<script setup lang="ts"> | <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> | </script> | ||||
<style lang="scss" scoped> | <style lang="scss" scoped> | ||||
<!-- 搜索 监听回车 @keyup.enter.native="search"--> | <!-- 搜索 监听回车 @keyup.enter.native="search"--> | ||||
<el-input v-model="searchCondition.fileOne" clearable placeholder="卡号" style="width: 200px;" /> | <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-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-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-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" /> | ||||
</el-select> | </el-select> |
<template> | <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> | </template> | ||||
<script setup lang="ts"> | <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> | </script> | ||||
<style lang="scss" scoped> | <style lang="scss" scoped> | ||||
<template> | <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> | </template> | ||||
<script setup lang="ts"> | <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> | </script> | ||||
<style lang="scss" scoped> | <style lang="scss" scoped> | ||||
<template> | <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> | </template> | ||||
<script setup lang="ts"> | <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> | </script> | ||||
<style lang="scss" scoped> | <style lang="scss" scoped> | ||||