feat: "车辆清单"
This commit is contained in:
parent
05727aebed
commit
e75402ec94
|
|
@ -0,0 +1,166 @@
|
||||||
|
<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>
|
||||||
|
|
@ -114,10 +114,12 @@
|
||||||
command="transport"
|
command="transport"
|
||||||
>厂外运输</el-dropdown-item
|
>厂外运输</el-dropdown-item
|
||||||
>
|
>
|
||||||
|
<!--
|
||||||
<el-dropdown-item
|
<el-dropdown-item
|
||||||
command="innerClean"
|
command="innerClean"
|
||||||
>厂内清洁</el-dropdown-item
|
>厂内清洁</el-dropdown-item
|
||||||
>
|
>
|
||||||
|
-->
|
||||||
</el-dropdown-menu>
|
</el-dropdown-menu>
|
||||||
</template>
|
</template>
|
||||||
</el-dropdown>
|
</el-dropdown>
|
||||||
|
|
@ -161,9 +163,12 @@
|
||||||
</span>
|
</span>
|
||||||
<template #dropdown>
|
<template #dropdown>
|
||||||
<el-dropdown-menu class="enpMenu">
|
<el-dropdown-menu class="enpMenu">
|
||||||
<el-dropdown-item command="eqments"
|
<el-dropdown-item command="eqments">
|
||||||
>设备清单</el-dropdown-item
|
设备清单
|
||||||
>
|
</el-dropdown-item>
|
||||||
|
<el-dropdown-item command="carlist">
|
||||||
|
车辆清单
|
||||||
|
</el-dropdown-item>
|
||||||
<el-dropdown-item
|
<el-dropdown-item
|
||||||
command="alarmrecord"
|
command="alarmrecord"
|
||||||
>报警记录
|
>报警记录
|
||||||
|
|
@ -460,6 +465,10 @@
|
||||||
v-else-if="activeDrawerName == 'eqments'"
|
v-else-if="activeDrawerName == 'eqments'"
|
||||||
@close="closeDialog"
|
@close="closeDialog"
|
||||||
></eqments>
|
></eqments>
|
||||||
|
<carlist
|
||||||
|
v-else-if="activeDrawerName == 'carlist'"
|
||||||
|
@close="closeDialog"
|
||||||
|
></carlist>
|
||||||
<alarmrecord
|
<alarmrecord
|
||||||
v-else-if="activeDrawerName == 'alarmrecord'"
|
v-else-if="activeDrawerName == 'alarmrecord'"
|
||||||
@close="closeDialog"
|
@close="closeDialog"
|
||||||
|
|
@ -496,6 +505,7 @@ import envirqualmonitor from "./enpComponents/envirqualmonitor.vue";
|
||||||
import envirmonitor from "./enpComponents/envirmonitor.vue";
|
import envirmonitor from "./enpComponents/envirmonitor.vue";
|
||||||
import pollutecalendar from "./enpComponents/pollutecalendar.vue";
|
import pollutecalendar from "./enpComponents/pollutecalendar.vue";
|
||||||
import eqments from "./enpComponents/eqments.vue"; //台账
|
import eqments from "./enpComponents/eqments.vue"; //台账
|
||||||
|
import carlist from "./enpComponents/carlist.vue"; //车辆清单
|
||||||
import alarmrecord from "./enpComponents/alarmrecord.vue";
|
import alarmrecord from "./enpComponents/alarmrecord.vue";
|
||||||
import pollutant2 from "./enpComponents/pollutant2.vue";
|
import pollutant2 from "./enpComponents/pollutant2.vue";
|
||||||
import carwash from "./enpComponents/smartg_carwash.vue";
|
import carwash from "./enpComponents/smartg_carwash.vue";
|
||||||
|
|
@ -518,6 +528,7 @@ export default {
|
||||||
envirmonitor,
|
envirmonitor,
|
||||||
pollutecalendar,
|
pollutecalendar,
|
||||||
eqments,
|
eqments,
|
||||||
|
carlist,
|
||||||
alarmrecord,
|
alarmrecord,
|
||||||
pollutant2,
|
pollutant2,
|
||||||
carwash,
|
carwash,
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue