This commit is contained in:
shijing 2024-08-16 10:23:27 +08:00
commit 0dd28c95c5
5 changed files with 241 additions and 9 deletions

View File

@ -6,7 +6,7 @@ NODE_ENV = development
VUE_APP_TITLE = '托克逊能源管理平台'
# VUE_APP_TITLE = '中建材光子科技有限公司'
# VUE_APP_TITLE = '超低排放系统'
VUE_APP_PJ = 'gx'
VUE_APP_PJ = 'pf'
# 接口地址
#VUE_APP_API_BASEURL = http://1.203.161.103:2800/api
@ -16,10 +16,10 @@ VUE_APP_PJ = 'gx'
# VUE_APP_API_BASEURL = http://127.0.0.1:2226/api
#测试环境
# VUE_APP_API_BASEURL = http://49.232.14.174:2226/api
VUE_APP_API_BASEURL = http://127.0.0.1:2226/api
# VUE_APP_BASEURL = http://49.232.14.174:2226
VUE_APP_BASEURL = http://127.0.0.1:2226
VUE_APP_API_BASEURL = http://49.232.14.174:2226/api
#VUE_APP_API_BASEURL = http://127.0.0.1:2226/api
VUE_APP_BASEURL = http://49.232.14.174:2226
#VUE_APP_BASEURL = http://127.0.0.1:2226
# #光子
# VUE_APP_API_BASEURL = http://49.232.14.174:2250/api

View File

@ -10,6 +10,14 @@ html.dark {
--el-color-primary-light-5: var(--el-color-primary-dark-4) !important;
--el-color-primary-light-3: var(--el-color-primary-dark-3) !important;
--el-menu-active-color: #ffffff !important;
// --el-bg-color: #1e789a;
// --el-text-color-regular: #ffffff;
.el-dialog__close {
color: #ffffff;
}
.el-dialog__title {
color: #ffffff;
}
.el-tag {
background-color: #f8f5f5 !important;

View File

@ -376,3 +376,27 @@ body .el-table th.gutter {
.el-dialog__footer {
padding: 6px 6px 6px;
}
.aside_one,
.aside_side {
height: 100%;
background: var(--el-bg-color-overlay);
border-color: var(--el-border-color-light);
// border-radius: 4px;
background: rgb(4, 50, 83);
background-color: rgb(4, 50, 83);
box-shadow: inset 0px 0px 30px 15px rgb(7, 79, 109);
border: 1px solid #1279c3;
}
.el-aside:has(> .aside_one) {
padding: 8px;
border-right: none;
}
.infoLine {
color: #ffffff;
}
.typeLine {
color: #ffffff;
}

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>

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"
>报警记录
@ -179,8 +184,14 @@
</el-dropdown>
</div>
</div>
<div class="wraning_icon"></div>
<div class="wraning_icon">
</div>
<div class="user_icon" @click="backSystem"></div>
<div class="dark_config">
<el-button :icon="config.dark ? 'el-icon-sunny' : 'el-icon-moon'" circle type="info"
@click="configDark" size="small"></el-button>
</div>
</div>
</div>
</el-header>
@ -460,6 +471,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 +511,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 +534,7 @@ export default {
envirmonitor,
pollutecalendar,
eqments,
carlist,
alarmrecord,
pollutant2,
carwash,
@ -635,6 +652,17 @@ export default {
intervalinfo: null, //
};
},
watch: {
'config.dark'(val) {
if (val) {
document.documentElement.classList.add("dark")
this.$TOOL.data.set("APP_DARK", val)
} else {
document.documentElement.classList.remove("dark")
this.$TOOL.data.remove("APP_DARK")
}
}
},
created() {
document.documentElement.classList.add("dark");
this.$TOOL.data.set("APP_DARK", true);
@ -1150,6 +1178,12 @@ header {
background-size: cover;
background-image: url("/public/img/enp_blue/user_enp.png");
}
.dark_config {
width: 2.3vh;
height: 2.3vh;
margin-top: 0.9vh;
margin-left: 2vh;
}
.model {
top: 8%;