167 lines
6.8 KiB
Vue
167 lines
6.8 KiB
Vue
<template>
|
||
<el-container>
|
||
<el-header class="panel_title">
|
||
<div class="left-panel">
|
||
车辆清单
|
||
</div>
|
||
<div class="right-panel">
|
||
<!-- <div class="backMap" @click="backtoMap">
|
||
切换地图
|
||
<el-icon>
|
||
<Switch />
|
||
</el-icon>
|
||
</div> -->
|
||
<el-button type="primary" @click="backtoMap"> 返回地图 </el-button>
|
||
</div>
|
||
|
||
</el-header>
|
||
<el-main class="nopadding">
|
||
<el-container>
|
||
<el-header class="searchWrap">
|
||
<el-tabs
|
||
v-model="activeName"
|
||
class="demo-tabs"
|
||
@tab-click="handleClick"
|
||
type="card"
|
||
|
||
>
|
||
<el-tab-pane
|
||
v-for="item in tabOptions"
|
||
v-bind:key="item.name"
|
||
:label="item.label"
|
||
:name="item.name"
|
||
>
|
||
</el-tab-pane>
|
||
</el-tabs>
|
||
|
||
|
||
</el-header>
|
||
<el-main class="nopadding">
|
||
<scTable v-if="activeName==10" ref="table" :data="data1" :params="params" :query="query" size="large" >
|
||
<el-table-column prop="index" label="序号"></el-table-column>
|
||
<el-table-column prop="cphm" label="车牌号码/登记号码"></el-table-column>
|
||
<el-table-column prop="clsbdm" label="车辆识别代码（VIN）"></el-table-column>
|
||
<el-table-column prop="scrq" label="生产日期"></el-table-column>
|
||
<el-table-column prop="cpys" label="车牌颜色"></el-table-column>
|
||
<el-table-column prop="zcdjrq" label="注册登记日期"></el-table-column>
|
||
<el-table-column prop="clppxh" label="车辆品牌型号"></el-table-column>
|
||
<el-table-column prop="fdjhm" label="发动机号码"></el-table-column>
|
||
<el-table-column prop="rllx" label="燃料类型"></el-table-column>
|
||
<el-table-column prop="pfjd" label="排放阶段"></el-table-column>
|
||
<el-table-column prop="lwzt" label="联网状态"></el-table-column>
|
||
<el-table-column prop="scqd" label="随车清单"></el-table-column>
|
||
<el-table-column prop="xsz" label="行驶证"></el-table-column>
|
||
<el-table-column prop="clsyr" label="车辆所有人（单位）"></el-table-column>
|
||
|
||
</scTable>
|
||
<scTable v-else-if="activeName==20" ref="table" :data="data2" :params="params" :query="query" size="large" style=""
|
||
@row-click="rowClick" @dataChange="updateCount">
|
||
<el-table-column prop="index" label="序号"></el-table-column>
|
||
<el-table-column prop="cphm" label="车牌号码/登记号码"></el-table-column>
|
||
<el-table-column prop="clsbdm" label="车辆识别代码（VIN）"></el-table-column>
|
||
<el-table-column prop="scrq" label="生产日期"></el-table-column>
|
||
<el-table-column prop="cpys" label="车牌颜色"></el-table-column>
|
||
<el-table-column prop="zcdjrq" label="注册登记日期"></el-table-column>
|
||
<el-table-column prop="clppxh" label="车辆品牌型号"></el-table-column>
|
||
<el-table-column prop="fdjhm" label="发动机号码"></el-table-column>
|
||
<el-table-column prop="rllx" label="燃料类型"></el-table-column>
|
||
<el-table-column prop="pfjd" label="排放阶段"></el-table-column>
|
||
<el-table-column prop="lwzt" label="联网状态"></el-table-column>
|
||
<el-table-column prop="scqd" label="随车清单"></el-table-column>
|
||
<el-table-column prop="xsz" label="行驶证"></el-table-column>
|
||
<el-table-column prop="clsyr" label="车辆所有人（单位）"></el-table-column>
|
||
|
||
</scTable>
|
||
<scTable v-else-if="activeName==30" ref="table" :data="data3" :params="params" :query="query" size="large" style=""
|
||
@row-click="rowClick" @dataChange="updateCount">
|
||
<el-table-column prop="index" label="序号"></el-table-column>
|
||
<el-table-column prop="hbdjbh" label="环保登记编号"></el-table-column>
|
||
<el-table-column prop="jxscrq" label="机械生产日期"></el-table-column>
|
||
<el-table-column prop="pfjd" label="排放阶段"></el-table-column>
|
||
<el-table-column prop="rllx" label="燃料类型"></el-table-column>
|
||
<el-table-column prop="jxzl" label="机械种类"></el-table-column>
|
||
<el-table-column prop="jxhbdm" label="机械环保代码"></el-table-column>
|
||
<el-table-column prop="jxlx" label="机械型号"></el-table-column>
|
||
<el-table-column prop="fdjxh" label="发动机型号"></el-table-column>
|
||
<el-table-column prop="fdjscc" label="发动机生产厂"></el-table-column>
|
||
<el-table-column prop="fdjbh" label="发动机编号"></el-table-column>
|
||
<el-table-column prop="zczp" label="整车（机）铭牌照片"></el-table-column>
|
||
<el-table-column prop="fdjzp" label="发动机名牌照片"></el-table-column>
|
||
<el-table-column prop="jxhbzp" label="机械环保标签照片"></el-table-column>
|
||
<el-table-column prop="ssrdw" label="所属人单位"></el-table-column>
|
||
|
||
</scTable>
|
||
|
||
</el-main>
|
||
|
||
</el-container>
|
||
</el-main>
|
||
</el-container>
|
||
</template>
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
data1:[{index:1,
|
||
cphm:'123456',
|
||
clsbdm:'25356',
|
||
scrq:"2024-08-02",
|
||
cpys:"红色",
|
||
zcdjrq:"2024-08-02",
|
||
clppxh:"大众",
|
||
fdjhm:"白色",
|
||
rllx:"煤炭",
|
||
pfjd:"初始",
|
||
lwzt:"正常",
|
||
scqd:"无",
|
||
xsz:"无",
|
||
clsyr:"管理员",
|
||
}],
|
||
data2:[{index:1,
|
||
cphm:'123456',
|
||
clsbdm:'25356',
|
||
scrq:"2024-08-02",
|
||
cpys:"红色",
|
||
zcdjrq:"2024-08-02",
|
||
clppxh:"大众",
|
||
fdjhm:"白色",
|
||
rllx:"煤炭",
|
||
pfjd:"初始",
|
||
lwzt:"正常",
|
||
scqd:"无",
|
||
xsz:"无",
|
||
clsyr:"管理员",
|
||
}],
|
||
data3:[{index:1,
|
||
hbdjbh:'123456',
|
||
jxscrq:'2024-08-02',
|
||
pfjd:"初始",
|
||
rllx:"煤炭",
|
||
jxzl:"无",
|
||
jxhbdm:"无",
|
||
jxlx:"白色",
|
||
fdjxh:"无",
|
||
fdjscc:"无",
|
||
fdjbh:"无",
|
||
zczp:"无",
|
||
fdjzp:"无",
|
||
jxhbzp:"无",
|
||
ssrdw:"无"
|
||
}],
|
||
activeName:10,
|
||
tabOptions:[
|
||
{ label: "进出厂车辆运输台账", name: 10 },
|
||
{ label: "进出厂车辆运输台账", name: 20 },
|
||
{ label: "非道路移动机械电子台账", name: 30 },
|
||
]
|
||
|
||
}
|
||
},
|
||
methods: {
|
||
|
||
|
||
|
||
}
|
||
}
|
||
</script>
|