zcdsj
/
factory_web
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: "车辆清单"

This commit is contained in:
Li xia 2024-08-15 18:08:49 +08:00
parent 05727aebed
commit e75402ec94
2 changed files with 180 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

166
src/views/bigScreen/enpComponents/carlist.vue Normal file
View File

@ -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>

17
src/views/bigScreen/index_enp_blue.vue
View File

@ -114,10 +114,12 @@
command="transport"
>厂外运输</el-dropdown-item
>
<!--
<el-dropdown-item
command="innerClean"
>厂内清洁</el-dropdown-item
>
-->
</el-dropdown-menu>
</template>
</el-dropdown>
@ -161,9 +163,12 @@
</span>
<template #dropdown>
<el-dropdown-menu class="enpMenu">
<el-dropdown-item command="eqments"
>设备清单</el-dropdown-item
>
<el-dropdown-item command="eqments">
设备清单
</el-dropdown-item>
<el-dropdown-item command="carlist">
车辆清单
</el-dropdown-item>
<el-dropdown-item
command="alarmrecord"
>报警记录
@ -460,6 +465,10 @@
v-else-if="activeDrawerName == 'eqments'"
@close="closeDialog"
></eqments>
<carlist
v-else-if="activeDrawerName == 'carlist'"
@close="closeDialog"
></carlist>
<alarmrecord
v-else-if="activeDrawerName == 'alarmrecord'"
@close="closeDialog"
@ -496,6 +505,7 @@ import envirqualmonitor from "./enpComponents/envirqualmonitor.vue";
import envirmonitor from "./enpComponents/envirmonitor.vue";
import pollutecalendar from "./enpComponents/pollutecalendar.vue";
import eqments from "./enpComponents/eqments.vue"; //台账
import carlist from "./enpComponents/carlist.vue"; //车辆清单
import alarmrecord from "./enpComponents/alarmrecord.vue";
import pollutant2 from "./enpComponents/pollutant2.vue";
import carwash from "./enpComponents/smartg_carwash.vue";
@ -518,6 +528,7 @@ export default {
envirmonitor,
pollutecalendar,
eqments,
carlist,
alarmrecord,
pollutant2,
carwash,