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

运输页面

This commit is contained in:
shijing 2024-02-05 17:02:41 +08:00
parent 3cf1e45762
commit e60973b274
8 changed files with 280 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/api/model/enp.js
View File

@ -6,7 +6,7 @@ export default {
drain: {
list: {
name: "列表",
req: async function(data){
req: async function (data) {
return await http.get(
`${config.API_URL}/enp/drain/`,
data
@ -15,7 +15,7 @@ export default {
},
create: {
name: "创建",
req: async function(data){
req: async function (data) {
return await http.post(
`${config.API_URL}/enp/drain/`,
data);
@ -23,7 +23,7 @@ export default {
},
item: {
name: "详情",
req: async function(id){
req: async function (id) {
return await http.get(
`${config.API_URL}/enp/drain/${id}/`
);
@ -31,7 +31,7 @@ export default {
},
update: {
name: "更新",
req: async function(id, data){
req: async function (id, data) {
return await http.put(
`${config.API_URL}/enp/drain/${id}/`,
data);
@ -39,7 +39,7 @@ export default {
},
delete: {
name: "删除",
req: async function(id){
req: async function (id) {
return await http.delete(
`${config.API_URL}/enp/drain/${id}/`);
}
@ -49,7 +49,7 @@ export default {
drain_equip: {
list: {
name: "排口/设备关系",
req: async function(data){
req: async function (data) {
return await http.get(
`${config.API_URL}/enp/drain_equip/`,
data
@ -58,7 +58,7 @@ export default {
},
create: {
name: "创建",
req: async function(data){
req: async function (data) {
return await http.post(
`${config.API_URL}/enp/drain_equip/`,
data);
@ -67,16 +67,24 @@ export default {
,
delete: {
name: "删除",
req: async function(id){
req: async function (id) {
return await http.delete(
`${config.API_URL}/enp/drain_equips/${id}/`);
}
}
},
vehicle_access: {
name: "车辆出入记录",
req: async function (data) {
return await http.get(
`${config.API_URL}/enp/vehicle_access/`,
data);
}
},
envdata: {
export_excel: {
name: "导出Excel",
req: async function(data){
req: async function (data) {
return await http.post(
`${config.API_URL}/enp/envdata/export_excel/`,
data);

55
src/style/dark.scss
View File

@ -81,6 +81,10 @@ html.dark {
background-color: rgba(163, 166, 173, 0.5);
}
.el-main {
// padding: 13px 15px;
}
.el-main.nopadding {
background: transparent;
background-color: transparent;
@ -106,7 +110,34 @@ html.dark {
padding: 0;
}
.el-input {
--el-input-text-color: #ffffff;
--el-input-placeholder-color: #ffffff;
--el-input-transparent-border: #ffffff;
--el-input-border-color: #ffffff;
--el-input-hover-border-color: #ffffff;
}
.el-button {
color: #ffffff;
border-color: #ffffff;
}
.el-select {
margin: 0 5px;
}
.el-select .el-input .el-select__caret {
color: #ffffff;
}
.el-select-dropdown__item.selected {
color: #ffffff;
}
.el-date-editor {
--el-input-border-color: #ffffff;
}
.el-main {
background: transparent;
@ -134,8 +165,12 @@ html.dark {
border-right: none;
}
.el-drawer {
box-shadow: 0 0 20px 5px rgb(4, 50, 83);
}
.scTable-table {
padding: 30px;
padding: 1vw;
border-radius: 20px;
background: rgb(4, 50, 83);
background-color: rgb(4, 50, 83);
@ -174,17 +209,25 @@ html.dark {
background: #111;
}
.el-pagination.is-background .el-pager li.is-active {
background-color: #1e789a;
}
.el-pagination__jump,
.el-pagination__total {
color: #ffffff;
}
////
///
///
//页面标题
.panel_title {
height: 3.5vh;
height: 55px;
width: 100%;
line-height: 3.5vh;
line-height: 55px;
color: #ffffff;
font-size: 1.5vh;
font-size: 2vh;
padding-left: 1vw;
position: relative;
border-left: 5px solid #1279c3;
@ -194,10 +237,10 @@ html.dark {
//条件搜索
.searchWrap {
width: 100%;
height: 4vh;
height: 50px;
display: flex;
justify-content: space-between;
line-height: 4vh;
line-height: 50px;
border-radius: 5px;
padding: 0 1vw;
align-items: center;

8
src/views/bigScreen/enpComponents/cems.vue
View File

@ -1,6 +1,6 @@
<template>
<el-container>
<el-header style="height: 40%">
<el-header style="height: 40%;padding: 0;">
<el-container>
<el-header>
<div class="panel_title">CEMS监测清单</div>
@ -59,8 +59,10 @@
<el-main class="nopadding">
<el-container>
<el-header>
<div class="panel_title">
<div style="display: flex;justify-content: space-between;">
<div class="left-panel">
<div class="panel_title">CEMS监测详情</div>
CEMS监测详情
</div>
<div class="right-panel">
<el-date-picker v-model="timeRange" type="datetimerange" range-separator="至"
@ -72,6 +74,8 @@
:value="item.value" />
</el-select>
</div>
</div>
</div>
</el-header>
<el-main class="nppadding">
<div v-show="currentEquipmentId != ''" id="cChart" style="width: 100%; height:100%;"></div>

10
src/views/bigScreen/enpComponents/cems2.vue
View File

@ -1,15 +1,19 @@
<template>
<el-container>
<el-header>
<div class="panel_title">
<div style="display: flex;justify-content: space-between;">
<div class="left-panel">
<div class="panel_title">CEMS监测预警</div>
CEMS监测预警
</div>
<div class="right-panel">
<el-button @click="getTableData">刷新</el-button>
</div>
</div>
</div>
</el-header>
<el-main class="nopadding">
<el-table :data="tableData" style="width: 100%;" size="large" row-key="id" v-loading="tableLoading">
<scTable :data="tableData" style="width: 100%;" size="large" row-key="id" v-loading="tableLoading">
<el-table-column type="index" width="50" />
<el-table-column prop="equipment_number" label="设备编号" width="120" />
<el-table-column prop="drain_name" label="排口名称" width="180" />
@ -34,7 +38,7 @@
<span v-else style="color:red;font-weight: bold;">未达标</span>
</template>
</el-table-column>
</el-table>
</scTable>
</el-main>
</el-container>
</template>

76
src/views/bigScreen/enpComponents/innerclean.vue Normal file
View File

@ -0,0 +1,76 @@
<template>
<el-container>
<el-header>
<div class="panel_title">厂内清洁
<div class="backMap" @click="backtoMap">
切换地图
<el-icon>
<Switch />
</el-icon>
</div>
</div>
</el-header>
<el-main class="nopadding">
<el-container>
<el-header>
<div class="searchWrap">
<div style="font-size: 1vh;">
车辆总数：<span class="totalNumber">0</span>
</div>
<div>
<el-select v-model="query.cate" placeholder="车辆分类" @change="handleQuery" clearable>
<el-option v-for="item in cateOptions" :key="item.id" :label="item.name"
:value="item.id"></el-option>
</el-select>
<el-select v-model="query.area" placeholder="" style="width:7vw">
<el-option v-for="item in options" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
</el-select>
<el-input :input-style="searchInputStyle" style="width:7vw;margin:0 5px" v-model="query.search"
placeholder=""></el-input>
<el-button @click="handleQuery">查询</el-button>
</div>
</div>
</el-header>
<el-main>
<scTable :data="tableData" :apiObj="apiObj" size="large" style="" @row-click="rowClick">
<el-table-column prop="index" label="序号"></el-table-column>
<el-table-column prop="number" label="车牌号"></el-table-column>
<el-table-column prop="name" label="内部管理号牌"></el-table-column>
<el-table-column prop="level" label="环保登记编码"></el-table-column>
<el-table-column prop="mgroup" label="注册日期"></el-table-column>
<el-table-column prop="eqpment" label="车辆识别代号（VIN）"></el-table-column>
<el-table-column prop="mgroup" label="发动机号码"></el-table-column>
<el-table-column prop="mgroup" label="排放阶段"></el-table-column>
<el-table-column prop="mgroup" label="随车清单"></el-table-column>
<el-table-column prop="mgroup" label="行驶证"></el-table-column>
</scTable>
</el-main>
</el-container>
</el-main>
</el-container>
</template>
<script>
export default {
data() {
return {
query: {},
cateOptions: [
{ id: 1, name: '场内运输车辆（白名单）' },
{ id: 2, name: '非路道移动机械' },
{ id: 3, name: '环卫车辆' },
{ id: 4, name: '其他车辆' },
],
apiObj: this.$API.enp.vehicle_access,
params: { type: 1 },
}
},
methods: {
handleQuery() {
this.$refs.table.queryData(this.query);
}
}
}
</script>

6
src/views/bigScreen/enpComponents/orgwryList.vue
View File

@ -484,11 +484,11 @@ export default {
}
.backMap {
height: 2vh;
line-height: 2vh;
height: 25px;
line-height: 25px;
position: absolute;
right: 1vw;
top: 0.7vh;
top: 15px;
font-size: 1vh;
width: -moz-fit-content;
width: fit-content;

96
src/views/bigScreen/enpComponents/transport.vue Normal file
View File

@ -0,0 +1,96 @@
<template>
<el-container>
<el-header>
<div class="panel_title">进出厂记录
<div class="backMap" @click="backtoMap">
切换地图
<el-icon>
<Switch />
</el-icon>
</div>
</div>
</el-header>
<el-main class="nopadding">
<el-container>
<el-header>
<div class="searchWrap">
<div style="font-size: 1vh;">
车辆总数：<span class="totalNumber">0</span>
</div>
<div>
<el-select v-model="query.timetype" placeholder="时间类型" @change="timeHandleQuery" clearable>
<el-option v-for="item in timeOptions" :key="item" :label="item" :value="item"></el-option>
</el-select>
<!-- 时间 -->
<el-date-picker v-model="query.time" v-if="query.timetype == '日'" type="date" placeholder="选择时间"
format="YYYY-MM-DD" value-format="YYYY-MM-DD" :picker-options="pickerOptions" />
<el-date-picker v-model="query.time" v-else-if="query.timetype == '月'" type="month"
placeholder="选择月" format="YYYY-MM" value-format="YYYY-MM" :picker-options="pickerOptions" />
<el-date-picker v-model="query.time" v-else-if="query.timetype == '年'" type="year"
placeholder="选择年" format="YYYY" value-format="YYYY" :picker-options="pickerOptions" />
<el-select v-model="query.cate" placeholder="车辆分类" @change="carHandleQuery" clearable>
<el-option v-for="item in cateOptions" :key="item.id" :label="item.name"
:value="item.id"></el-option>
</el-select>
<el-select v-model="query.type" placeholder="出入类型" style="width:7vw">
<el-option v-for="item in typeOptions" :key="item.id" :label="item.name" :value="item.id">
</el-option>
</el-select>
<el-select v-model="query.status" placeholder="行驶证状态" style="width:7vw">
<el-option v-for="item in statusOptions" :key="item.id" :label="item.name" :value="item.id">
</el-option>
</el-select>
<el-input :input-style="searchInputStyle" style="width:7vw;margin:0 5px" v-model="query.search"
placeholder=""></el-input>
<el-button @click="handleQuery">查询</el-button>
</div>
</div>
</el-header>
<el-main>
<scTable :data="tableData" :apiObj="apiObj" size="large" style="" @row-click="rowClick">
<el-table-column prop="index" label="序号"></el-table-column>
<el-table-column prop="number" label="车牌号码"></el-table-column>
<el-table-column prop="level" label="过门禁时间"></el-table-column>
<el-table-column prop="mgroup" label="进出厂类型"></el-table-column>
<el-table-column prop="eqpment" label="门禁名称"></el-table-column>
<el-table-column prop="mgroup" label="车辆识别代号（VIN）"></el-table-column>
<el-table-column prop="mgroup" label="行驶证状态"></el-table-column>
</scTable>
</el-main>
</el-container>
</el-main>
</el-container>
</template>
<script>
export default {
data() {
return {
query: {},
cateOptions: [
{ id: 1, name: '货车' },
{ id: 2, name: '罐车' },
],
typeOptions: [
{ id: '', name: '全部' },
{ id: 1, name: '进厂' },
{ id: 2, name: '出厂' }
],
statusOptions: [
{ id: '', name: '全部' },
{ id: 10, name: '已录入' },
{ id: 20, name: '未录入' }
],
timeOptions: ['日', '月', '年'],
apiObj: this.$API.enp.vehicle_access,
params: { type: 2 },
}
},
methods: {
handleQuery() {
this.$refs.table.queryData(this.query);
},
timeHandleQuery() { },
carHandleQuery() { },
}
}
</script>

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

@ -64,8 +64,8 @@
</span>
<template #dropdown>
<el-dropdown-menu class="enpMenu">
<el-dropdown-item command="changwai">场外运输</el-dropdown-item>
<el-dropdown-item command="inner">场内清洁</el-dropdown-item>
<el-dropdown-item command="transport">场外运输</el-dropdown-item>
<el-dropdown-item command="innerClean">场内清洁</el-dropdown-item>
</el-dropdown-menu>
</template>
</el-dropdown>
@ -293,6 +293,8 @@
<cems2-drawer v-else-if="activeDrawerName == 'cems2'" @close="closeDialog"></cems2-drawer>
<cems-export v-else-if="activeDrawerName == 'cemsExport'" @close="closeDialog"></cems-export>
<pollutant v-else-if="activeDrawerName == 'pollutant'" @close="closeDialog"></pollutant>
<transport v-else-if="activeDrawerName == 'transport'" @close="closeDialog"></transport>
<innerclean v-else-if="activeDrawerName == 'innerClean'" @close="closeDialog"></innerclean>
</el-drawer>
</div>
</el-main>
@ -309,6 +311,8 @@ import cemsDrawer from './enpComponents/cems.vue'
import cems2Drawer from './enpComponents/cems2.vue'
import cemsExport from './enpComponents/cemsExport.vue'
import pollutant from "./enpComponents/pollutant.vue"
import innerclean from "./enpComponents/innerclean.vue"
import transport from "./enpComponents/transport.vue"
import 'babylonjs-loaders';
import 'animate.css';
export default {
@ -317,7 +321,9 @@ export default {
cemsDrawer,
cems2Drawer,
cemsExport,
pollutant
pollutant,
innerclean,
transport
},
data() {
return {