var Main = {
data() {
return {
filterOptions: [
{
"column": "team_name",
"title": "所属单位",
"hcolumn": "",
"align": "left",
"width": 180,
"type": "text",
"search": "",
"disablefilter": false,
"fixed": "",
"format": "",
"isfilter": false,
"isview": true,
"isprint": true,
"ismerge": false,
"istotal": false,
"sortable": true
},
{
"column": "no",
"title": "车牌号",
"hcolumn": "",
"align": "center",
"width": 100,
"type": "text",
"search": "",
"disablefilter": false,
"fixed": "",
"format": "",
"isfilter": false,
"isview": true,
"isprint": true,
"ismerge": false,
"istotal": false,
"sortable": true
},
{
"column": "types",
"title": "车牌类型",
"hcolumn": "",
"align": "center",
"width": 100,
"type": "numberlistinvalue",
"search": "",
"disablefilter": false,
"fixed": "",
"format": "0:未知,1:蓝色,2:黄色,3:白色,4:黑色,5:绿色",
"isfilter": true,
"isview": true,
"isprint": true,
"ismerge": false,
"istotal": false,
"sortable": false
},
{
"column": "kinds",
"title": "车牌种类",
"hcolumn": "",
"align": "center",
"width": 100,
"type": "numberlistinvalue",
"search": "",
"disablefilter": false,
"fixed": "",
"format": "0:无牌,1:地方牌,2:警牌,3:O牌",
"isfilter": true,
"isview": true,
"isprint": true,
"ismerge": false,
"istotal": false,
"sortable": false
},
{
"column": "status",
"title": "使用状态",
"hcolumn": "",
"align": "center",
"width": 100,
"type": "numberlistinvalue",
"search": "",
"disablefilter": false,
"fixed": "",
"format": "-1:使用中,0:正常,1:待检查,2:备勤,3:加油,4:充电,5:洗车,6:年审,7:维修保养,8:违章处理,9:故障理赔,15:待选车,16:待取车,17:待交车,18:已交车",
"isfilter": true,
"isview": true,
"isprint": true,
"ismerge": false,
"istotal": false,
"sortable": false
},
{
"column": "special",
"title": "特殊用车",
"hcolumn": "",
"align": "center",
"width": 110,
"type": "numberlistinvalue",
"search": "",
"disablefilter": false,
"fixed": "",
"format": "0:无限制,1:自助用车,2:保留车辆,3:专项用车,4:接处警车,5:接待用车,6:出差用车,7:排爆用车,8:警卫用车,9:应急救援",
"isfilter": true,
"isview": true,
"isprint": true,
"ismerge": false,
"istotal": false,
"sortable": false
},
{
"column": "brand",
"title": "品牌",
"hcolumn": "",
"align": "left",
"width": 100,
"type": "text",
"search": "",
"disablefilter": false,
"fixed": "",
"format": "",
"isfilter": true,
"isview": true,
"isprint": true,
"ismerge": false,
"istotal": false,
"sortable": false
},
{
"column": "version",
"title": "车系名称",
"hcolumn": "",
"align": "left",
"width": 100,
"type": "text",
"search": "",
"disablefilter": false,
"fixed": "",
"format": "",
"isfilter": true,
"isview": true,
"isprint": true,
"ismerge": false,
"istotal": false,
"sortable": false
},
{
"column": "adapter",
"title": "车辆型号",
"hcolumn": "",
"align": "left",
"width": 180,
"type": "text",
"search": "",
"disablefilter": false,
"fixed": "",
"format": "",
"isfilter": true,
"isview": true,
"isprint": true,
"ismerge": false,
"istotal": false,
"sortable": false
},
{
"column": "model",
"title": "车辆类型",
"hcolumn": "",
"align": "center",
"width": 80,
"type": "numberlistinvalue",
"search": "",
"disablefilter": false,
"fixed": "",
"format": "0:小轿车,1:SUV,2:旅行车,3:吉普车,5:中巴车,6:大巴车,7:皮卡小货车,8:人货车,9:大货车,10:摩托车,11:特种车",
"isfilter": true,
"isview": true,
"isprint": true,
"ismerge": false,
"istotal": false,
"sortable": false
},
{
"column": "vin",
"title": "车辆识别号",
"hcolumn": "",
"align": "center",
"width": 170,
"type": "text",
"search": "",
"disablefilter": false,
"fixed": "",
"format": "",
"isfilter": true,
"isview": true,
"isprint": true,
"ismerge": false,
"istotal": false,
"sortable": false
},
{
"column": "owner",
"title": "所有人",
"hcolumn": "",
"align": "left",
"width": 200,
"type": "text",
"search": "",
"disablefilter": false,
"fixed": "",
"format": "",
"isfilter": true,
"isview": true,
"isprint": true,
"ismerge": false,
"istotal": false,
"sortable": false
},
{
"column": "enroll",
"title": "注册日期",
"hcolumn": "",
"align": "center",
"width": 100,
"type": "timestamp",
"search": "",
"disablefilter": false,
"fixed": "",
"format": "yyyy-MM-dd",
"isfilter": false,
"isview": true,
"isprint": true,
"ismerge": false,
"istotal": false,
"sortable": false
},
{
"column": "serial",
"title": "档案编号",
"hcolumn": "",
"align": "center",
"width": 120,
"type": "text",
"search": "",
"disablefilter": false,
"fixed": "",
"format": "",
"isfilter": true,
"isview": true,
"isprint": true,
"ismerge": false,
"istotal": false,
"sortable": false
},
{
"column": "upkeep",
"title": "免费保养",
"hcolumn": "",
"align": "right",
"width": 80,
"type": "number",
"search": "",
"disablefilter": false,
"fixed": "",
"format": "0",
"isfilter": false,
"isview": true,
"isprint": true,
"ismerge": false,
"istotal": false,
"sortable": false
},
{
"column": "engine",
"title": "传动类型",
"hcolumn": "",
"align": "center",
"width": 110,
"type": "numberlistinvalue",
"search": "",
"disablefilter": false,
"fixed": "",
"format": "0:燃油-前驱,1:燃油-后驱,2:燃油-四驱,3:混动-前驱,4:混动-后驱,5:混动-四驱,6:电动-前驱,7:电动-后驱,8:电动-四驱",
"isfilter": true,
"isview": true,
"isprint": true,
"ismerge": false,
"istotal": false,
"sortable": false
},
{
"column": "patente",
"title": "准驾车型",
"hcolumn": "",
"align": "center",
"width": 120,
"type": "textlistinvalue",
"search": "",
"disablefilter": false,
"fixed": "",
"format": "A1:大型客车,A2:重型牵引挂车,A3:城市公交车,B1:中型客车,B2:大型货车,C1:小型汽车,C2:小型自动挡汽车,C3:低速载货汽车,C4:三轮汽车,C5:残疾人专用小型自动挡载客汽车,C6:轻型牵引挂车,D:普通三轮摩托车,E:普通两轮摩托车,F:轻便摩托车,M:轮式专用机械车,N:无轨电车,P:有轨电车",
"isfilter": true,
"isview": true,
"isprint": true,
"ismerge": false,
"istotal": false,
"sortable": false
},
{
"column": "cc",
"title": "排气量",
"hcolumn": "",
"align": "right",
"width": 70,
"type": "number",
"search": "",
"disablefilter": false,
"fixed": "",
"format": "0",
"isfilter": true,
"isview": true,
"isprint": true,
"ismerge": false,
"istotal": false,
"sortable": false
},
{
"column": "fuel_type",
"title": "燃油类型",
"hcolumn": "",
"align": "center",
"width": 80,
"type": "numberlistinvalue",
"search": "",
"disablefilter": false,
"fixed": "",
"format": "0:未知,1:0号柴油,2:90号汽油,3:92号汽油,4:95号汽油,5:98号汽油",
"isfilter": true,
"isview": true,
"isprint": true,
"ismerge": false,
"istotal": false,
"sortable": false
},
{
"column": "fuel_size",
"title": "油箱容积",
"hcolumn": "",
"align": "right",
"width": 80,
"type": "number",
"search": "",
"disablefilter": false,
"fixed": "",
"format": "0",
"isfilter": true,
"isview": true,
"isprint": true,
"ismerge": false,
"istotal": false,
"sortable": false
},
{
"column": "seats",
"title": "核定载客",
"hcolumn": "",
"align": "right",
"width": 80,
"type": "number",
"search": "",
"disablefilter": false,
"fixed": "",
"format": "0",
"isfilter": true,
"isview": true,
"isprint": true,
"ismerge": false,
"istotal": false,
"sortable": false
},
{
"column": "weight",
"title": "核定载重",
"hcolumn": "",
"align": "right",
"width": 80,
"type": "number",
"search": "",
"disablefilter": false,
"fixed": "",
"format": "0",
"isfilter": true,
"isview": true,
"isprint": true,
"ismerge": false,
"istotal": false,
"sortable": false
},
{
"column": "address",
"title": "停放位置",
"hcolumn": "",
"align": "left",
"width": 180,
"type": "text",
"search": "",
"disablefilter": false,
"fixed": "",
"format": "",
"isfilter": true,
"isview": true,
"isprint": true,
"ismerge": false,
"istotal": false,
"sortable": false
},
{
"column": "carport",
"title": "车位编号",
"hcolumn": "",
"align": "center",
"width": 80,
"type": "text",
"search": "",
"disablefilter": false,
"fixed": "",
"format": "",
"isfilter": true,
"isview": true,
"isprint": true,
"ismerge": false,
"istotal": false,
"sortable": false
},
{
"column": "box_name",
"title": "钥匙柜",
"hcolumn": "",
"align": "left",
"width": 150,
"type": "textlist",
"search": "",
"disablefilter": false,
"fixed": "",
"format": "0",
"isfilter": false,
"isview": true,
"isprint": true,
"ismerge": false,
"istotal": false,
"sortable": false
},
{
"column": "box_no",
"title": "钥匙编号",
"hcolumn": "",
"align": "center",
"width": 80,
"type": "text",
"search": "",
"disablefilter": false,
"fixed": "",
"format": "",
"isfilter": false,
"isview": true,
"isprint": true,
"ismerge": false,
"istotal": false,
"sortable": false
},
{
"column": "box_ic",
"title": "钥匙IC号",
"hcolumn": "",
"align": "center",
"width": 90,
"type": "text",
"search": "",
"disablefilter": false,
"fixed": "",
"format": "",
"isfilter": true,
"isview": true,
"isprint": true,
"ismerge": false,
"istotal": false,
"sortable": false
},
{
"column": "id",
"title": "钥匙二维码",
"hcolumn": "",
"align": "center",
"width": 160,
"type": "text",
"search": "",
"disablefilter": false,
"fixed": "",
"format": "",
"isfilter": true,
"isview": true,
"isprint": true,
"ismerge": false,
"istotal": false,
"sortable": false
},
{
"column": "box_on",
"title": "钥匙卡状态",
"hcolumn": "",
"align": "left",
"width": 100,
"type": "text",
"search": "",
"disablefilter": false,
"fixed": "",
"format": "",
"isfilter": true,
"isview": true,
"isprint": true,
"ismerge": false,
"istotal": false,
"sortable": false
},
{
"column": "sn",
"title": "终端序号",
"hcolumn": "",
"align": "center",
"width": 130,
"type": "number",
"search": "",
"disablefilter": false,
"fixed": "",
"format": "",
"isfilter": true,
"isview": true,
"isprint": true,
"ismerge": false,
"istotal": false,
"sortable": false
},
{
"column": "sim",
"title": "卡号",
"hcolumn": "",
"align": "center",
"width": 130,
"type": "text",
"search": "",
"disablefilter": false,
"fixed": "",
"format": "",
"isfilter": true,
"isview": true,
"isprint": true,
"ismerge": false,
"istotal": false,
"sortable": false
},
{
"column": "mileage",
"title": "终端最新里程",
"hcolumn": "",
"align": "right",
"width": 120,
"type": "money",
"search": "",
"disablefilter": false,
"fixed": "",
"format": "0",
"isfilter": false,
"isview": true,
"isprint": true,
"ismerge": false,
"istotal": false,
"sortable": false
},
{
"column": "remark",
"title": "备注",
"hcolumn": "",
"align": "left",
"width": 300,
"type": "text",
"search": "",
"disablefilter": false,
"fixed": "",
"format": "",
"isfilter": false,
"isview": true,
"isprint": true,
"ismerge": false,
"istotal": false,
"sortable": false
},
{
"column": "secrecy",
"title": "保密",
"hcolumn": "",
"align": "center",
"width": 50,
"type": "bool",
"search": "",
"disablefilter": false,
"fixed": "",
"format": "是;否",
"isfilter": true,
"isview": true,
"isprint": true,
"ismerge": false,
"istotal": false,
"sortable": false
},
{
"column": "stoped",
"title": "停用",
"hcolumn": "",
"align": "center",
"width": 50,
"type": "numberlistinvalue",
"search": "",
"disablefilter": false,
"fixed": "",
"format": "0:未停用,1:报废,2:调出",
"isfilter": false,
"isview": true,
"isprint": true,
"ismerge": false,
"istotal": false,
"sortable": false
},
{
"column": "explain",
"title": "状态说明",
"hcolumn": "",
"align": "left",
"width": 100,
"type": "text",
"search": "",
"disablefilter": false,
"fixed": "",
"format": "",
"isfilter": true,
"isview": true,
"isprint": true,
"ismerge": false,
"istotal": false,
"sortable": false
},
{
"column": "issue",
"title": "发证日期",
"hcolumn": "",
"align": "center",
"width": 100,
"type": "timestamp",
"search": "",
"disablefilter": false,
"fixed": "",
"format": "yyyy-MM-dd",
"isfilter": true,
"isview": true,
"isprint": true,
"ismerge": false,
"istotal": false,
"sortable": false
},
{
"column": "oil_next",
"title": "波箱下次换油里程",
"hcolumn": "",
"align": "right",
"width": 120,
"type": "money",
"search": "",
"disablefilter": false,
"fixed": "",
"format": "0",
"isfilter": false,
"isview": true,
"isprint": true,
"ismerge": false,
"istotal": false,
"sortable": false
}
]
,
gridOptions: {
height: '900px',
showFooter: true,
footerMethod:function({ columns, data }){
return [['']];
},
columns: [
{
"isOperate": true,
"title": "操作",
"width": 360,
"align": "center",
"slots": { "default": "operate" },
"fixed": "right",
"resizable": false
},
{
"type": "checkbox",
"width": 48,
"align": "center",
"resizable": false,
"fixed": "left"
},
{
"type": "seq",
"title": "序号",
"width": 70,
"align": "right",
"headerAlign": "center",
"resizable": false,
"fixed": "left",
"slots": { "footer": "seq_filter" }
},
{
"field": "team_name",
"resizable": true,
"headerAlign": "center",
"showOverflow": true,
"showHeaderOverflow": true,
"visible": true,
"title": "所属单位",
"minWidth": 180,
"align": "left",
"sortable": true,
"slots": { "footer": "team_name_filter" },
"isPrint": true
},
{
"field": "no",
"slots": { "footer": "no_filter" },
"headerAlign": "center",
"showOverflow": true,
"showHeaderOverflow": true,
"visible": true,
"title": "车牌号",
"minWidth": 100,
"align": "center",
"sortable": true,
"isPrint": true
},
{
"field": "types",
"resizable": true,
"headerAlign": "center",
"showOverflow": true,
"showHeaderOverflow": true,
"visible": true,
"title": "车牌类型",
"minWidth": 100,
"align": "center",
"slots": { "footer": "types_filter" },
"isPrint": true
},
{
"field": "kinds",
"resizable": true,
"headerAlign": "center",
"showOverflow": true,
"showHeaderOverflow": true,
"visible": true,
"title": "车牌种类",
"minWidth": 100,
"align": "center",
"slots": { "footer": "kinds_filter" },
"isPrint": true
},
{
"field": "status",
"resizable": true,
"headerAlign": "center",
"showOverflow": true,
"showHeaderOverflow": true,
"visible": true,
"title": "使用状态",
"minWidth": 100,
"align": "center",
"slots": { "footer": "status_filter" },
"isPrint": true
},
{
"field": "special",
"resizable": true,
"headerAlign": "center",
"showOverflow": true,
"showHeaderOverflow": true,
"visible": true,
"title": "特殊用车",
"minWidth": 110,
"align": "center",
"slots": { "footer": "special_filter" },
"isPrint": true
},
{
"field": "brand",
"resizable": true,
"headerAlign": "center",
"showOverflow": true,
"showHeaderOverflow": true,
"visible": true,
"title": "品牌",
"minWidth": 100,
"align": "left",
"slots": { "footer": "brand_filter" },
"isPrint": true
},
{
"field": "version",
"resizable": true,
"headerAlign": "center",
"showOverflow": true,
"showHeaderOverflow": true,
"visible": true,
"title": "车系名称",
"minWidth": 100,
"align": "left",
"slots": { "footer": "version_filter" },
"isPrint": true
},
{
"field": "adapter",
"resizable": true,
"headerAlign": "center",
"showOverflow": true,
"showHeaderOverflow": true,
"visible": true,
"title": "车辆型号",
"minWidth": 180,
"align": "left",
"slots": { "footer": "adapter_filter" },
"isPrint": true
},
{
"field": "model",
"resizable": true,
"headerAlign": "center",
"showOverflow": true,
"showHeaderOverflow": true,
"visible": true,
"title": "车辆类型",
"minWidth": 80,
"align": "center",
"slots": { "footer": "model_filter" },
"isPrint": true
},
{
"field": "vin",
"resizable": true,
"headerAlign": "center",
"showOverflow": true,
"showHeaderOverflow": true,
"visible": true,
"title": "车辆识别号",
"minWidth": 170,
"align": "center",
"slots": { "footer": "vin_filter" },
"isPrint": true
},
{
"field": "owner",
"resizable": true,
"headerAlign": "center",
"showOverflow": true,
"showHeaderOverflow": true,
"visible": true,
"title": "所有人",
"minWidth": 200,
"align": "left",
"slots": { "footer": "owner_filter" },
"isPrint": true
},
{
"field": "enroll",
"resizable": true,
"headerAlign": "center",
"showOverflow": true,
"showHeaderOverflow": true,
"visible": true,
"title": "注册日期",
"minWidth": 100,
"align": "center",
"slots": { "footer": "enroll_filter" },
"isPrint": true
},
{
"field": "serial",
"resizable": true,
"headerAlign": "center",
"showOverflow": true,
"showHeaderOverflow": true,
"visible": true,
"title": "档案编号",
"minWidth": 120,
"align": "center",
"slots": { "footer": "serial_filter" },
"isPrint": true
},
{
"field": "upkeep",
"resizable": true,
"headerAlign": "center",
"showOverflow": true,
"showHeaderOverflow": true,
"visible": true,
"title": "免费保养",
"minWidth": 80,
"align": "right",
"slots": { "footer": "upkeep_filter" },
"isPrint": true
},
{
"field": "engine",
"resizable": true,
"headerAlign": "center",
"showOverflow": true,
"showHeaderOverflow": true,
"visible": true,
"title": "传动类型",
"minWidth": 110,
"align": "center",
"slots": { "footer": "engine_filter" },
"isPrint": true
},
{
"field": "patente",
"resizable": true,
"headerAlign": "center",
"showOverflow": true,
"showHeaderOverflow": true,
"visible": true,
"title": "准驾车型",
"minWidth": 120,
"align": "center",
"slots": { "footer": "patente_filter" },
"isPrint": true
},
{
"field": "cc",
"resizable": true,
"headerAlign": "center",
"showOverflow": true,
"showHeaderOverflow": true,
"visible": true,
"title": "排气量",
"minWidth": 70,
"align": "right",
"slots": { "footer": "cc_filter" },
"isPrint": true
},
{
"field": "fuel_type",
"resizable": true,
"headerAlign": "center",
"showOverflow": true,
"showHeaderOverflow": true,
"visible": true,
"title": "燃油类型",
"minWidth": 80,
"align": "center",
"slots": { "footer": "fuel_type_filter" },
"isPrint": true
},
{
"field": "fuel_size",
"resizable": true,
"headerAlign": "center",
"showOverflow": true,
"showHeaderOverflow": true,
"visible": true,
"title": "油箱容积",
"minWidth": 80,
"align": "right",
"slots": { "footer": "fuel_size_filter" },
"isPrint": true
},
{
"field": "seats",
"resizable": true,
"headerAlign": "center",
"showOverflow": true,
"showHeaderOverflow": true,
"visible": true,
"title": "核定载客",
"minWidth": 80,
"align": "right",
"slots": { "footer": "seats_filter" },
"isPrint": true
},
{
"field": "weight",
"resizable": true,
"headerAlign": "center",
"showOverflow": true,
"showHeaderOverflow": true,
"visible": true,
"title": "核定载重",
"minWidth": 80,
"align": "right",
"slots": { "footer": "weight_filter" },
"isPrint": true
},
{
"field": "address",
"resizable": true,
"headerAlign": "center",
"showOverflow": true,
"showHeaderOverflow": true,
"visible": true,
"title": "停放位置",
"minWidth": 180,
"align": "left",
"slots": { "footer": "address_filter" },
"isPrint": true
},
{
"field": "carport",
"resizable": true,
"headerAlign": "center",
"showOverflow": true,
"showHeaderOverflow": true,
"visible": true,
"title": "车位编号",
"minWidth": 80,
"align": "center",
"slots": { "footer": "carport_filter" },
"isPrint": true
},
{
"field": "box_name",
"resizable": true,
"headerAlign": "center",
"showOverflow": true,
"showHeaderOverflow": true,
"visible": true,
"title": "钥匙柜",
"minWidth": 150,
"align": "left",
"slots": { "footer": "box_name_filter" },
"isPrint": true
},
{
"field": "box_no",
"resizable": true,
"headerAlign": "center",
"showOverflow": true,
"showHeaderOverflow": true,
"visible": true,
"title": "钥匙编号",
"minWidth": 80,
"align": "center",
"slots": { "footer": "box_no_filter" },
"isPrint": true
},
{
"field": "box_ic",
"resizable": true,
"headerAlign": "center",
"showOverflow": true,
"showHeaderOverflow": true,
"visible": true,
"title": "钥匙IC号",
"minWidth": 90,
"align": "center",
"slots": { "footer": "box_ic_filter" },
"isPrint": true
},
{
"field": "id",
"resizable": true,
"headerAlign": "center",
"showOverflow": true,
"showHeaderOverflow": true,
"visible": true,
"title": "钥匙二维码",
"minWidth": 160,
"align": "center",
"slots": { "footer": "id_filter" },
"isPrint": true
},
{
"field": "box_on",
"resizable": true,
"headerAlign": "center",
"showOverflow": true,
"showHeaderOverflow": true,
"visible": true,
"title": "钥匙卡状态",
"minWidth": 100,
"align": "left",
"slots": { "footer": "box_on_filter" },
"isPrint": true
},
{
"field": "sn",
"resizable": true,
"headerAlign": "center",
"showOverflow": true,
"showHeaderOverflow": true,
"visible": true,
"title": "终端序号",
"minWidth": 130,
"align": "center",
"slots": { "footer": "sn_filter" },
"isPrint": true
},
{
"field": "sim",
"resizable": true,
"headerAlign": "center",
"showOverflow": true,
"showHeaderOverflow": true,
"visible": true,
"title": "卡号",
"minWidth": 130,
"align": "center",
"slots": { "footer": "sim_filter" },
"isPrint": true
},
{
"field": "mileage",
"resizable": true,
"headerAlign": "center",
"showOverflow": true,
"showHeaderOverflow": true,
"visible": true,
"title": "终端最新里程",
"minWidth": 120,
"align": "right",
"slots": { "footer": "mileage_filter" },
"isPrint": true
},
{
"field": "remark",
"resizable": true,
"headerAlign": "center",
"showOverflow": true,
"showHeaderOverflow": true,
"visible": true,
"title": "备注",
"minWidth": 300,
"align": "left",
"slots": { "footer": "remark_filter" },
"isPrint": true
},
{
"field": "secrecy",
"resizable": true,
"headerAlign": "center",
"showOverflow": true,
"showHeaderOverflow": true,
"visible": true,
"title": "保密",
"minWidth": 50,
"align": "center",
"slots": { "footer": "secrecy_filter" },
"isPrint": true
},
{
"field": "stoped",
"resizable": true,
"headerAlign": "center",
"showOverflow": true,
"showHeaderOverflow": true,
"visible": true,
"title": "停用",
"minWidth": 50,
"align": "center",
"slots": { "footer": "stoped_filter" },
"isPrint": true
},
{
"field": "explain",
"resizable": true,
"headerAlign": "center",
"showOverflow": true,
"showHeaderOverflow": true,
"visible": true,
"title": "状态说明",
"minWidth": 100,
"align": "left",
"slots": { "footer": "explain_filter" },
"isPrint": true
},
{
"field": "issue",
"resizable": true,
"headerAlign": "center",
"showOverflow": true,
"showHeaderOverflow": true,
"visible": true,
"title": "发证日期",
"minWidth": 100,
"align": "center",
"slots": { "footer": "issue_filter" },
"isPrint": true
},
{
"field": "oil_next",
"resizable": true,
"headerAlign": "center",
"showOverflow": true,
"showHeaderOverflow": true,
"visible": true,
"title": "波箱下次换油里程",
"minWidth": 120,
"align": "right",
"slots": { "footer": "oil_next_filter" },
"isPrint": true
}
]
,
data: []
}
}
},
created() {
var list = []
for (var index = 0; index < 30; index++) {
var item = {
"idx": index,
"id": index + 1,
"team_id": "1002850482340757504",
"team_name": "XXX中心",
"stoped": 0,
"status": 0,
"status_fmt": "正常",
"special": 0,
"no": "粤XXXXXX",
"types": 3,
"kinds": 2,
"brand": "宇通牌",
"version": "宇通牌客车",
"model": 5,
"adapter": "宇通牌ZXXXXXXXX",
"vin": "LZYTGTXXXXXXXXXXX",
"ein": "YV30YA70734",
"owner": "分分分分分分分分分分",
"enroll": "XXXXXXXXXXX",
"issue": "0",
"serial": "",
"upkeep": 0,
"engine": 1,
"patente": "A1",
"cc": 0,
"oil_next": 0,
"fuel_type": 1,
"fuel_size": 0,
"kwh": 0,
"seats": 26,
"weight": 0,
"address": "XXX中心",
"carport": "",
"box_id": "ZZZZZZZZZZZZZZZZ",
"box_name": "XXX中心",
"box_ic": "",
"box_no": "",
"sn": "123213213123",
"sim": "123213213213",
"mileage": 11271.5,
"remark": "",
"secrecy": false,
"ctime": "2024-10-30 15:49:00",
"utime": "2025-01-12 23:38:49"
}
list.push(item)
}
this.gridOptions.data = list
}
};
VxeUI.setConfig({
table: {
border: true,
autoResize: false,
stripe: true,
headerAlign: 'center',
showOverflow: true,
showHeaderOverflow: true,
showFooterOverflow: true,
tooltipConfig: {
enterable: true,
},
columnConfig: {
resizable: true,
isHover: true,
},
rowConfig: { isCurrent: true, isHover: true },
sortConfig: { trigger: 'cell' },
round: true,
emptyText: '暂无数据',
scrollY: {
enabled: true,
},
checkboxConfig: { highlight: true },
},
});
Vue.createApp(Main).use(VXETable).mount('#app')
<script src="https://unpkg.com/vue@3.5.13">
</script>
<script src="https://unpkg.com/xe-utils">
</script>
<script src="https://unpkg.com/vxe-pc-ui@4.3.71">
</script>
<script src="https://unpkg.com/vxe-table@4.10.6-beta.15">
</script>
<!-- 使用 cdn 引用方式需要注意是否锁定版本，默认指向最新版本 -->
<div id="app">
<div>
<vxe-grid v-bind="gridOptions"
:column-config="{
useKey: true,
}">
<!--操作列-->
<template #operate="{ row }">
<div>
查看
</div>
</template>
<template #[`${item.column}_filter`]="{ _columnIndex, $rowIndex, items }" v-for="(item, key) in filterOptions" :key="key">
<div>
<input placeholder="筛选" >
</div>
</template>
</vxe-grid>
</div>
</div>
@import url("https://unpkg.com/vxe-pc-ui@4.3.71/lib/style.css");
@import url("https://unpkg.com/vxe-table@4.10.6-beta.15/lib/style.css");