Merge branch 'master' of https://e.coding.net/ctcdevteam/ehs/ehs_web
This commit is contained in:
commit
0dd28c95c5
|
@ -6,7 +6,7 @@ NODE_ENV = development
|
||||||
VUE_APP_TITLE = '托克逊能源管理平台'
|
VUE_APP_TITLE = '托克逊能源管理平台'
|
||||||
# VUE_APP_TITLE = '中建材光子科技有限公司'
|
# 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
|
#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://127.0.0.1:2226/api
|
||||||
|
|
||||||
#测试环境
|
#测试环境
|
||||||
# VUE_APP_API_BASEURL = http://49.232.14.174: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_API_BASEURL = http://127.0.0.1:2226/api
|
||||||
# VUE_APP_BASEURL = http://49.232.14.174:2226
|
VUE_APP_BASEURL = http://49.232.14.174:2226
|
||||||
VUE_APP_BASEURL = http://127.0.0.1:2226
|
#VUE_APP_BASEURL = http://127.0.0.1:2226
|
||||||
|
|
||||||
# #光子
|
# #光子
|
||||||
# VUE_APP_API_BASEURL = http://49.232.14.174:2250/api
|
# VUE_APP_API_BASEURL = http://49.232.14.174:2250/api
|
||||||
|
|
|
@ -10,6 +10,14 @@ html.dark {
|
||||||
--el-color-primary-light-5: var(--el-color-primary-dark-4) !important;
|
--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-color-primary-light-3: var(--el-color-primary-dark-3) !important;
|
||||||
--el-menu-active-color: #ffffff !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 {
|
.el-tag {
|
||||||
background-color: #f8f5f5 !important;
|
background-color: #f8f5f5 !important;
|
||||||
|
|
|
@ -375,4 +375,28 @@ body .el-table th.gutter {
|
||||||
|
|
||||||
.el-dialog__footer {
|
.el-dialog__footer {
|
||||||
padding: 6px 6px 6px;
|
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;
|
||||||
}
|
}
|
|
@ -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"
|
||||||
>报警记录
|
>报警记录
|
||||||
|
@ -179,8 +184,14 @@
|
||||||
</el-dropdown>
|
</el-dropdown>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="wraning_icon"></div>
|
<div class="wraning_icon">
|
||||||
|
</div>
|
||||||
<div class="user_icon" @click="backSystem"></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>
|
||||||
</div>
|
</div>
|
||||||
</el-header>
|
</el-header>
|
||||||
|
@ -460,6 +471,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 +511,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 +534,7 @@ export default {
|
||||||
envirmonitor,
|
envirmonitor,
|
||||||
pollutecalendar,
|
pollutecalendar,
|
||||||
eqments,
|
eqments,
|
||||||
|
carlist,
|
||||||
alarmrecord,
|
alarmrecord,
|
||||||
pollutant2,
|
pollutant2,
|
||||||
carwash,
|
carwash,
|
||||||
|
@ -635,6 +652,17 @@ export default {
|
||||||
intervalinfo: null, //窗口数据更新定时器
|
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() {
|
created() {
|
||||||
document.documentElement.classList.add("dark");
|
document.documentElement.classList.add("dark");
|
||||||
this.$TOOL.data.set("APP_DARK", true);
|
this.$TOOL.data.set("APP_DARK", true);
|
||||||
|
@ -1150,6 +1178,12 @@ header {
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-image: url("/public/img/enp_blue/user_enp.png");
|
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 {
|
.model {
|
||||||
top: 8%;
|
top: 8%;
|
||||||
|
|
Loading…
Reference in New Issue