] | ] | ||||
const tableData = [ | const tableData = [ | ||||
{ | { | ||||
date: '2016-05-03', | |||||
name: 'Tom', | |||||
state: 'California', | |||||
city: 'Los Angeles', | |||||
address: 'No. 189, Grove St, Los Angeles', | |||||
zip: 'CA 90036', | |||||
tag: 'Home', | |||||
customerName: '周金波', | |||||
carNo: '贵CEP186', | |||||
carColor: '白色', | |||||
carStyle: '一型客车', | |||||
OBUNo: '5202161708027065', | |||||
channel: '中国邮政储蓄银行股份有限公司贵州省分行', | |||||
OBUStatus: '正常', | |||||
}, | }, | ||||
{ | { | ||||
date: '2016-05-02', | |||||
name: 'Tom', | |||||
state: 'California', | |||||
city: 'Los Angeles', | |||||
address: 'No. 189, Grove St, Los Angeles', | |||||
zip: 'CA 90036', | |||||
tag: 'Office', | |||||
customerName: '周金波', | |||||
carNo: '贵CEP186', | |||||
carColor: '白色', | |||||
carStyle: '一型客车', | |||||
OBUNo: '5202161708027065', | |||||
channel: '中国邮政储蓄银行股份有限公司贵州省分行', | |||||
OBUStatus: '正常', | |||||
}, | }, | ||||
{ | { | ||||
date: '2016-05-04', | |||||
name: 'Tom', | |||||
state: 'California', | |||||
city: 'Los Angeles', | |||||
address: 'No. 189, Grove St, Los Angeles', | |||||
zip: 'CA 90036', | |||||
tag: 'Home', | |||||
customerName: '周金波', | |||||
carNo: '贵CEP186', | |||||
carColor: '白色', | |||||
carStyle: '一型客车', | |||||
OBUNo: '5202161708027065', | |||||
channel: '中国邮政储蓄银行股份有限公司贵州省分行', | |||||
OBUStatus: '正常', | |||||
}, | }, | ||||
{ | |||||
customerName: '周金波', | |||||
carNo: '贵CEP186', | |||||
carColor: '白色', | |||||
carStyle: '一型客车', | |||||
OBUNo: '5202161708027065', | |||||
channel: '中国邮政储蓄银行股份有限公司贵州省分行', | |||||
OBUStatus: '正常', | |||||
}, | |||||
] | ] | ||||
const handleClick = () => { | const handleClick = () => { | ||||
console.log('click') | console.log('click') | ||||
<el-form-item><el-button type="warning" plain icon="Refresh">重置</el-button></el-form-item> | <el-form-item><el-button type="warning" plain icon="Refresh">重置</el-button></el-form-item> | ||||
</el-form> | </el-form> | ||||
<el-table :data="tableData" style="width: 100%"> | <el-table :data="tableData" style="width: 100%"> | ||||
<el-table-column type="index" label="序号" width="64" fixed /> | |||||
<el-table-column fixed prop="date" label="客户名称" width="150" /> | |||||
<el-table-column prop="name" label="车牌" width="120" /> | |||||
<el-table-column prop="state" label="车牌颜色" width="120" /> | |||||
<el-table-column prop="city" label="车型" width="120" /> | |||||
<el-table-column prop="address" label="OBU编号" width="160" /> | |||||
<el-table-column prop="address" label="渠道" width="260" /> | |||||
<el-table-column prop="zip" label="OBU状态" width="120" /> | |||||
<el-table-column fixed="right" label="操作" width="160"> | |||||
<el-table-column type="index" label="序号" width="64" fixed align="center" /> | |||||
<el-table-column fixed prop="customerName" label="客户名称" width="100" align="center" /> | |||||
<el-table-column prop="carNo" label="车牌" width="100" align="center" /> | |||||
<el-table-column prop="carColor" label="车牌颜色" width="120" align="center" /> | |||||
<el-table-column prop="carStyle" label="车型" width="100" align="center" /> | |||||
<el-table-column prop="OBUNo" label="OBU编号" width="160" align="center" /> | |||||
<el-table-column prop="channel" label="渠道" width="360" align="center" /> | |||||
<el-table-column prop="OBUStatus" label="OBU状态" width="100" align="center" /> | |||||
<el-table-column fixed="right" label="操作" width="160" align="center" > | |||||
<template #default> | <template #default> | ||||
<el-button type="primary" size="small" @click="handleClick">详情</el-button> | <el-button type="primary" size="small" @click="handleClick">详情</el-button> | ||||
<el-button text size="small">Edit</el-button> | |||||
<el-button type="success" size="small">修改</el-button> | |||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
</el-table> | </el-table> |
<script lang='ts' setup> | <script lang='ts' setup> | ||||
import { reactive } from 'vue'; | |||||
const OBUList = reactive({ | |||||
cno: '', | |||||
carNo: '', | |||||
carColors: '', | |||||
OBUno: '', | |||||
}) | |||||
const options = [ | |||||
{ | |||||
value: 'Option1', | |||||
label: 'Option1', | |||||
}, | |||||
{ | |||||
value: 'Option2', | |||||
label: 'Option2', | |||||
}, | |||||
{ | |||||
value: 'Option3', | |||||
label: 'Option3', | |||||
}, | |||||
{ | |||||
value: 'Option4', | |||||
label: 'Option4', | |||||
}, | |||||
{ | |||||
value: 'Option5', | |||||
label: 'Option5', | |||||
}, | |||||
] | |||||
const tableData = [ | |||||
{ | |||||
creatTime: '2012-01-10 09:30:15', | |||||
customerName: '周金波', | |||||
carNo: '贵CEP186', | |||||
carColor: '白色', | |||||
carStyle: '一型客车', | |||||
cardNo: '5202161708027065', | |||||
cardType: '一般卡类型', | |||||
productType: '一般卡产品类型', | |||||
updateTime: '2012-01-10 09:30:15', | |||||
modifyTime: '2012-01-10 09:30:15', | |||||
cardStatus: '正常', | |||||
}, | |||||
] | |||||
const handleClick = () => { | |||||
console.log('click') | |||||
} | |||||
</script> | </script> | ||||
<template> | <template> | ||||
卡片信息查询服务 | |||||
<div class="OBU-query content-warpper"> | |||||
<el-form :inline="true" :model="OBUList" class="demo-form-inline"> | |||||
<el-form-item label="客户编号"> | |||||
<el-input v-model="OBUList.cno" placeholder="客户编号" /> | |||||
</el-form-item> | |||||
<el-form-item label="车牌号码"> | |||||
<el-input v-model="OBUList.carNo" placeholder="车牌号码" /> | |||||
</el-form-item> | |||||
<el-form-item label="车牌颜色"> | |||||
<el-select v-model="OBUList.carColors" class="m-2" placeholder="Select"> | |||||
<el-option | |||||
v-for="item in options" | |||||
:key="item.value" | |||||
:label="item.label" | |||||
:value="item.value" | |||||
/> | |||||
</el-select> | |||||
</el-form-item> | |||||
<el-form-item label="卡表面号"> | |||||
<el-input v-model="OBUList.OBUno" placeholder="卡表面号" /> | |||||
</el-form-item> | |||||
<el-form-item><el-button type="primary">读卡</el-button></el-form-item> | |||||
<el-form-item label="卡类型"> | |||||
<el-select v-model="OBUList.carColors" class="m-2" placeholder="请选择"> | |||||
<el-option | |||||
v-for="item in options" | |||||
:key="item.value" | |||||
:label="item.label" | |||||
:value="item.value" | |||||
/> | |||||
</el-select> | |||||
</el-form-item> | |||||
<el-form-item label="状态"> | |||||
<el-select v-model="OBUList.carColors" class="m-2" placeholder="请选择"> | |||||
<el-option | |||||
v-for="item in options" | |||||
:key="item.value" | |||||
:label="item.label" | |||||
:value="item.value" | |||||
/> | |||||
</el-select> | |||||
</el-form-item> | |||||
<el-form-item label="每条页数"> | |||||
<el-select v-model="OBUList.carColors" class="m-2" placeholder="Select"> | |||||
<el-option | |||||
v-for="item in options" | |||||
:key="item.value" | |||||
:label="item.label" | |||||
:value="item.value" | |||||
/> | |||||
</el-select> | |||||
</el-form-item> | |||||
<el-form-item><el-button type="primary" icon="Search">查询</el-button></el-form-item> | |||||
<el-form-item><el-button type="warning" plain icon="Refresh">重置</el-button></el-form-item> | |||||
</el-form> | |||||
<el-table :data="tableData" style="width: 100%"> | |||||
<el-table-column type="index" label="序号" width="64" fixed align="center" /> | |||||
<el-table-column fixed prop="creatTime" label="创建时间" width="100" align="center" /> | |||||
<el-table-column fixed prop="customerName" label="客户名称" width="100" align="center" /> | |||||
<el-table-column prop="carNo" label="车牌" width="100" align="center" /> | |||||
<el-table-column prop="carColor" label="车牌颜色" width="120" align="center" /> | |||||
<el-table-column prop="carStyle" label="客货类别" width="100" align="center" /> | |||||
<el-table-column prop="cardNo" label="卡表面号" width="160" align="center" /> | |||||
<el-table-column prop="cardType" label="卡类型" width="120" align="center" /> | |||||
<el-table-column prop="productType" label="产品类型" width="120" align="center" /> | |||||
<el-table-column prop="cardStatus" label="状态" width="100" align="center" /> | |||||
<el-table-column prop="updateTime" label="状态变更时间" width="100" align="center" /> | |||||
<el-table-column prop="modifyTime" label="更新时间" width="100" align="center" /> | |||||
<el-table-column fixed="right" label="操作" width="160" align="center" > | |||||
<template #default> | |||||
<el-button type="primary" size="small" @click="handleClick">详情</el-button> | |||||
<el-button type="success" size="small">修改</el-button> | |||||
</template> | |||||
</el-table-column> | |||||
</el-table> | |||||
</div> | |||||
</template> | </template> | ||||
<style scoped> | <style scoped> | ||||
<script lang='ts' setup> | <script lang='ts' setup> | ||||
import { reactive } from 'vue'; | |||||
const OBUList = reactive({ | |||||
cno: '', | |||||
carNo: '', | |||||
carColors: '', | |||||
OBUno: '', | |||||
}) | |||||
const options = [ | |||||
{ | |||||
value: 'Option1', | |||||
label: 'Option1', | |||||
}, | |||||
{ | |||||
value: 'Option2', | |||||
label: 'Option2', | |||||
}, | |||||
{ | |||||
value: 'Option3', | |||||
label: 'Option3', | |||||
}, | |||||
{ | |||||
value: 'Option4', | |||||
label: 'Option4', | |||||
}, | |||||
{ | |||||
value: 'Option5', | |||||
label: 'Option5', | |||||
}, | |||||
] | |||||
const tableData = [ | |||||
{ | |||||
creatTime: '2012-01-10 09:30:15', | |||||
customerName: '周金波', | |||||
carNo: '贵CEP186', | |||||
carColor: '白色', | |||||
carStyle: '一型客车', | |||||
cardNo: '5202161708027065', | |||||
cardType: '一般卡类型', | |||||
productType: '一般卡产品类型', | |||||
updateTime: '2012-01-10 09:30:15', | |||||
modifyTime: '2012-01-10 09:30:15', | |||||
cardStatus: '正常', | |||||
}, | |||||
] | |||||
const handleClick = () => { | |||||
console.log('click') | |||||
} | |||||
</script> | </script> | ||||
<template> | <template> | ||||
签约信息查询服务 | |||||
<div class="OBU-query content-warpper"> | |||||
<el-form :inline="true" :model="OBUList" class="demo-form-inline"> | |||||
<el-form-item label="客户编号"> | |||||
<el-input v-model="OBUList.cno" placeholder="客户编号" /> | |||||
</el-form-item> | |||||
<el-form-item label="车牌号码"> | |||||
<el-input v-model="OBUList.carNo" placeholder="车牌号码" /> | |||||
</el-form-item> | |||||
<el-form-item label="车牌颜色"> | |||||
<el-select v-model="OBUList.carColors" class="m-2" placeholder="Select"> | |||||
<el-option | |||||
v-for="item in options" | |||||
:key="item.value" | |||||
:label="item.label" | |||||
:value="item.value" | |||||
/> | |||||
</el-select> | |||||
</el-form-item> | |||||
<el-form-item label="卡表面号"> | |||||
<el-input v-model="OBUList.OBUno" placeholder="卡表面号" /> | |||||
</el-form-item> | |||||
<el-form-item><el-button type="primary">读卡</el-button></el-form-item> | |||||
<el-form-item label="卡类型"> | |||||
<el-select v-model="OBUList.carColors" class="m-2" placeholder="请选择"> | |||||
<el-option | |||||
v-for="item in options" | |||||
:key="item.value" | |||||
:label="item.label" | |||||
:value="item.value" | |||||
/> | |||||
</el-select> | |||||
</el-form-item> | |||||
<el-form-item label="状态"> | |||||
<el-select v-model="OBUList.carColors" class="m-2" placeholder="请选择"> | |||||
<el-option | |||||
v-for="item in options" | |||||
:key="item.value" | |||||
:label="item.label" | |||||
:value="item.value" | |||||
/> | |||||
</el-select> | |||||
</el-form-item> | |||||
<el-form-item label="每条页数"> | |||||
<el-select v-model="OBUList.carColors" class="m-2" placeholder="Select"> | |||||
<el-option | |||||
v-for="item in options" | |||||
:key="item.value" | |||||
:label="item.label" | |||||
:value="item.value" | |||||
/> | |||||
</el-select> | |||||
</el-form-item> | |||||
<el-form-item><el-button type="primary" icon="Search">查询</el-button></el-form-item> | |||||
<el-form-item><el-button type="warning" plain icon="Refresh">重置</el-button></el-form-item> | |||||
</el-form> | |||||
<el-table :data="tableData" style="width: 100%"> | |||||
<el-table-column type="index" label="序号" width="64" fixed align="center" /> | |||||
<el-table-column fixed prop="creatTime" label="创建时间" width="100" align="center" /> | |||||
<el-table-column fixed prop="customerName" label="客户名称" width="100" align="center" /> | |||||
<el-table-column prop="carNo" label="车牌" width="100" align="center" /> | |||||
<el-table-column prop="carColor" label="车牌颜色" width="120" align="center" /> | |||||
<el-table-column prop="carStyle" label="客货类别" width="100" align="center" /> | |||||
<el-table-column prop="cardNo" label="卡表面号" width="160" align="center" /> | |||||
<el-table-column prop="cardType" label="卡类型" width="120" align="center" /> | |||||
<el-table-column prop="productType" label="产品类型" width="120" align="center" /> | |||||
<el-table-column prop="cardStatus" label="状态" width="100" align="center" /> | |||||
<el-table-column prop="updateTime" label="状态变更时间" width="100" align="center" /> | |||||
<el-table-column prop="modifyTime" label="更新时间" width="100" align="center" /> | |||||
<el-table-column fixed="right" label="操作" width="160" align="center" > | |||||
<template #default> | |||||
<el-button type="primary" size="small" @click="handleClick">详情</el-button> | |||||
<el-button type="success" size="small">修改</el-button> | |||||
</template> | |||||
</el-table-column> | |||||
</el-table> | |||||
</div> | |||||
</template> | </template> | ||||
<style scoped> | <style scoped> | ||||
<script lang='ts' setup> | <script lang='ts' setup> | ||||
import { reactive } from 'vue'; | |||||
const OBUList = reactive({ | |||||
cno: '', | |||||
carNo: '', | |||||
carColors: '', | |||||
OBUno: '', | |||||
}) | |||||
const options = [ | |||||
{ | |||||
value: 'Option1', | |||||
label: 'Option1', | |||||
}, | |||||
{ | |||||
value: 'Option2', | |||||
label: 'Option2', | |||||
}, | |||||
{ | |||||
value: 'Option3', | |||||
label: 'Option3', | |||||
}, | |||||
{ | |||||
value: 'Option4', | |||||
label: 'Option4', | |||||
}, | |||||
{ | |||||
value: 'Option5', | |||||
label: 'Option5', | |||||
}, | |||||
] | |||||
const tableData = [ | |||||
{ | |||||
carId: '贵CEP186_0', | |||||
customerNo: '52010116110441017', | |||||
customerName: '周金碧', | |||||
certificatesType: '身份证(含临时身份证)', | |||||
identificationNo: '522125196110110029', | |||||
phone: '15885137270', | |||||
handler: '周金碧', | |||||
handlerTime: '2018/03/17 21:15:13', | |||||
department: '技术部', | |||||
}, | |||||
] | |||||
const handleClick = () => { | |||||
console.log('click') | |||||
} | |||||
</script> | </script> | ||||
<template> | <template> | ||||
用户查询及变更服务 | |||||
<div class="OBU-query content-warpper"> | |||||
<el-form :inline="true" :model="OBUList" class="demo-form-inline"> | |||||
<el-form-item label="证件类型"> | |||||
<el-select v-model="OBUList.carColors" class="m-2" placeholder="请选择"> | |||||
<el-option | |||||
v-for="item in options" | |||||
:key="item.value" | |||||
:label="item.label" | |||||
:value="item.value" | |||||
/> | |||||
</el-select> | |||||
</el-form-item> | |||||
<el-form-item label="证件号码"> | |||||
<el-input v-model="OBUList.OBUno" placeholder="证件号码" /> | |||||
</el-form-item> | |||||
<el-form-item label="客户编号"> | |||||
<el-input v-model="OBUList.OBUno" placeholder="客户编号" /> | |||||
</el-form-item> | |||||
<el-form-item label="客户名称"> | |||||
<el-input v-model="OBUList.OBUno" placeholder="客户名称" /> | |||||
</el-form-item> | |||||
<el-form-item label="手机号码"> | |||||
<el-input v-model="OBUList.OBUno" placeholder="手机号码" /> | |||||
</el-form-item> | |||||
<el-form-item label="指定经办人"> | |||||
<el-input v-model="OBUList.OBUno" placeholder="指定经办人" /> | |||||
</el-form-item> | |||||
<el-form-item label="每条页数"> | |||||
<el-select v-model="OBUList.carColors" class="m-2" placeholder="请选择"> | |||||
<el-option | |||||
v-for="item in options" | |||||
:key="item.value" | |||||
:label="item.label" | |||||
:value="item.value" | |||||
/> | |||||
</el-select> | |||||
</el-form-item> | |||||
<el-form-item><el-button type="primary" icon="Search">查询</el-button></el-form-item> | |||||
<el-form-item><el-button type="warning" plain icon="Refresh">重置</el-button></el-form-item> | |||||
</el-form> | |||||
<el-table :data="tableData" style="width: 100%"> | |||||
<el-table-column type="index" label="序号" width="64" fixed align="center" /> | |||||
<el-table-column prop="customerNo" label="客户编号" width="180" align="center" /> | |||||
<el-table-column prop="customerName" label="客户名称" width="100" align="center" /> | |||||
<el-table-column prop="certificatesType" label="客户证件类型" width="180" align="center" /> | |||||
<el-table-column prop="identificationNo" label="客户证件号码" width="180" align="center" /> | |||||
<el-table-column prop="phone" label="手机号" width="100" align="center" /> | |||||
<el-table-column prop="handler" label="指定经办人" width="120" align="center" /> | |||||
<el-table-column prop="handlerTime" label="经办时间" width="100" align="center" /> | |||||
<el-table-column prop="department" label="部门" width="180" align="center" /> | |||||
<el-table-column fixed="right" label="操作" width="160" align="center" > | |||||
<template #default> | |||||
<el-button type="success" size="small" @click="handleClick">修改</el-button> | |||||
<el-button type="primary" size="small">查看</el-button> | |||||
</template> | |||||
</el-table-column> | |||||
</el-table> | |||||
</div> | |||||
</template> | </template> | ||||
<style scoped> | <style scoped> | ||||
<script lang='ts' setup> | <script lang='ts' setup> | ||||
import { reactive } from 'vue'; | |||||
const OBUList = reactive({ | |||||
cno: '', | |||||
carNo: '', | |||||
carColors: '', | |||||
OBUno: '', | |||||
}) | |||||
const options = [ | |||||
{ | |||||
value: 'Option1', | |||||
label: 'Option1', | |||||
}, | |||||
{ | |||||
value: 'Option2', | |||||
label: 'Option2', | |||||
}, | |||||
{ | |||||
value: 'Option3', | |||||
label: 'Option3', | |||||
}, | |||||
{ | |||||
value: 'Option4', | |||||
label: 'Option4', | |||||
}, | |||||
{ | |||||
value: 'Option5', | |||||
label: 'Option5', | |||||
}, | |||||
] | |||||
const tableData = [ | |||||
{ | |||||
carId: '贵CEP186_0', | |||||
customerNo: '52010116110441017', | |||||
customerName: '周金碧', | |||||
certificatesType: '身份证(含临时身份证)', | |||||
identificationNo: '522125196110110029', | |||||
carNo: '贵CEP186', | |||||
carColor: '白色', | |||||
carStyle: '一型客车', | |||||
updateTime: '2018/03/17 21:15:13', | |||||
}, | |||||
{ | |||||
carId: '贵CEP186_0', | |||||
customerNo: '52010116110441017', | |||||
customerName: '周金碧', | |||||
certificatesType: '身份证(含临时身份证)', | |||||
identificationNo: '522125196110110029', | |||||
carNo: '贵CEP186', | |||||
carColor: '白色', | |||||
carStyle: '一型客车', | |||||
updateTime: '2018/03/17 21:15:13', | |||||
}, | |||||
{ | |||||
carId: '贵CEP186_0', | |||||
customerNo: '52010116110441017', | |||||
customerName: '周金碧', | |||||
certificatesType: '身份证(含临时身份证)', | |||||
identificationNo: '522125196110110029', | |||||
carNo: '贵CEP186', | |||||
carColor: '白色', | |||||
carStyle: '一型客车', | |||||
updateTime: '2018/03/17 21:15:13', | |||||
}, | |||||
] | |||||
const handleClick = () => { | |||||
console.log('click') | |||||
} | |||||
</script> | </script> | ||||
<template> | <template> | ||||
车辆信息查询及变更服务 | |||||
<div class="OBU-query content-warpper"> | |||||
<el-form :inline="true" :model="OBUList" class="demo-form-inline"> | |||||
<el-form-item label="车牌号码"> | |||||
<el-input v-model="OBUList.carNo" placeholder="车牌号码" /> | |||||
</el-form-item> | |||||
<el-form-item label="车牌颜色"> | |||||
<el-select v-model="OBUList.carColors" class="m-2" placeholder="Select"> | |||||
<el-option | |||||
v-for="item in options" | |||||
:key="item.value" | |||||
:label="item.label" | |||||
:value="item.value" | |||||
/> | |||||
</el-select> | |||||
</el-form-item> | |||||
<el-form-item label="所有人证件类型"> | |||||
<el-select v-model="OBUList.carColors" class="m-2" placeholder="请选择"> | |||||
<el-option | |||||
v-for="item in options" | |||||
:key="item.value" | |||||
:label="item.label" | |||||
:value="item.value" | |||||
/> | |||||
</el-select> | |||||
</el-form-item> | |||||
<el-form-item label="所有人证件号"> | |||||
<el-input v-model="OBUList.OBUno" placeholder="所有人证件号" /> | |||||
</el-form-item> | |||||
<el-form-item label="所有人名称"> | |||||
<el-input v-model="OBUList.OBUno" placeholder="所有人名称" /> | |||||
</el-form-item> | |||||
<el-form-item label="客户编号"> | |||||
<el-input v-model="OBUList.OBUno" placeholder="客户编号" /> | |||||
</el-form-item> | |||||
<el-form-item label="每条页数"> | |||||
<el-select v-model="OBUList.carColors" class="m-2" placeholder="请选择"> | |||||
<el-option | |||||
v-for="item in options" | |||||
:key="item.value" | |||||
:label="item.label" | |||||
:value="item.value" | |||||
/> | |||||
</el-select> | |||||
</el-form-item> | |||||
<el-form-item><el-button type="primary" icon="Search">查询</el-button></el-form-item> | |||||
<el-form-item><el-button type="warning" plain icon="Refresh">重置</el-button></el-form-item> | |||||
</el-form> | |||||
<el-table :data="tableData" style="width: 100%"> | |||||
<el-table-column type="index" label="序号" width="64" fixed align="center" /> | |||||
<el-table-column prop="carId" label="车牌编号" width="120" align="center" /> | |||||
<el-table-column prop="customerNo" label="客户编号" width="180" align="center" /> | |||||
<el-table-column prop="customerName" label="客户名称" width="100" align="center" /> | |||||
<el-table-column prop="certificatesType" label="客户证件类型" width="180" align="center" /> | |||||
<el-table-column prop="identificationNo" label="客户证件号码" width="180" align="center" /> | |||||
<el-table-column prop="carNo" label="车牌号码" width="100" align="center" /> | |||||
<el-table-column prop="carColor" label="车牌颜色" width="120" align="center" /> | |||||
<el-table-column prop="carStyle" label="车型" width="100" align="center" /> | |||||
<el-table-column prop="updateTime" label="更新时间" width="180" align="center" /> | |||||
<el-table-column fixed="right" label="操作" width="160" align="center" > | |||||
<template #default> | |||||
<el-button type="success" size="small" @click="handleClick">修改</el-button> | |||||
<el-button type="primary" size="small">详情</el-button> | |||||
</template> | |||||
</el-table-column> | |||||
</el-table> | |||||
</div> | |||||
</template> | </template> | ||||
<style scoped> | <style scoped> | ||||