From e60973b27465ed14ae1dcbc4937f86aa5b28d10a Mon Sep 17 00:00:00 2001
From: shijing <sj_mzw@163.com>
Date: Mon, 5 Feb 2024 17:02:41 +0800
Subject: [PATCH] =?UTF-8?q?=E8=BF=90=E8=BE=93=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/model/enp.js                          | 30 +++---
 src/style/dark.scss                           | 55 +++++++++--
 src/views/bigScreen/enpComponents/cems.vue    | 30 +++---
 src/views/bigScreen/enpComponents/cems2.vue   | 18 ++--
 .../bigScreen/enpComponents/innerclean.vue    | 76 +++++++++++++++
 .../bigScreen/enpComponents/orgwryList.vue    |  6 +-
 .../bigScreen/enpComponents/transport.vue     | 96 +++++++++++++++++++
 src/views/bigScreen/index_enp_blue.vue        | 12 ++-
 8 files changed, 280 insertions(+), 43 deletions(-)
 create mode 100644 src/views/bigScreen/enpComponents/innerclean.vue
 create mode 100644 src/views/bigScreen/enpComponents/transport.vue

diff --git a/src/api/model/enp.js b/src/api/model/enp.js
index e681d98c..8210cb2b 100644
--- a/src/api/model/enp.js
+++ b/src/api/model/enp.js
@@ -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,16 +49,16 @@ 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
 				);
 			}
 		},
-        create: {
+		create: {
 			name: "创建",
-			req: async function(data){
+			req: async function (data) {
 				return await http.post(
 					`${config.API_URL}/enp/drain_equip/`,
 					data);
@@ -67,20 +67,28 @@ 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);
 			}
 		}
-    }
+	}
 }
diff --git a/src/style/dark.scss b/src/style/dark.scss
index 0ca45eec..ee4d10fe 100644
--- a/src/style/dark.scss
+++ b/src/style/dark.scss
@@ -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;
diff --git a/src/views/bigScreen/enpComponents/cems.vue b/src/views/bigScreen/enpComponents/cems.vue
index 6908d173..b0b78cda 100644
--- a/src/views/bigScreen/enpComponents/cems.vue
+++ b/src/views/bigScreen/enpComponents/cems.vue
@@ -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,18 +59,22 @@
                 <el-main class="nopadding">
                     <el-container>
                         <el-header>
-                            <div class="left-panel">
-                                <div class="panel_title">CEMS监测详情</div>
-                            </div>
-                            <div class="right-panel">
-                                <el-date-picker v-model="timeRange" type="datetimerange" range-separator="至"
-                                    start-placeholder="开始时间" end-placeholder="结束时间" @change="handleQuery"
-                                    style="width: 100%" />
-                                <el-select v-model="query.time_bucket" placeholder="周期" style="margin-left:4px"
-                                    @change="handleQuery">
-                                    <el-option v-for="item in timeOptions" :key="item.value" :label="item.label"
-                                        :value="item.value" />
-                                </el-select>
+                            <div class="panel_title">
+                                <div style="display: flex;justify-content: space-between;">
+                                    <div class="left-panel">
+                                        CEMS监测详情
+                                    </div>
+                                    <div class="right-panel">
+                                        <el-date-picker v-model="timeRange" type="datetimerange" range-separator="至"
+                                            start-placeholder="开始时间" end-placeholder="结束时间" @change="handleQuery"
+                                            style="width: 100%" />
+                                        <el-select v-model="query.time_bucket" placeholder="周期" style="margin-left:4px"
+                                            @change="handleQuery">
+                                            <el-option v-for="item in timeOptions" :key="item.value" :label="item.label"
+                                                :value="item.value" />
+                                        </el-select>
+                                    </div>
+                                </div>
                             </div>
                         </el-header>
                         <el-main class="nppadding">
diff --git a/src/views/bigScreen/enpComponents/cems2.vue b/src/views/bigScreen/enpComponents/cems2.vue
index af647343..162ed35d 100644
--- a/src/views/bigScreen/enpComponents/cems2.vue
+++ b/src/views/bigScreen/enpComponents/cems2.vue
@@ -1,15 +1,19 @@
 <template>
     <el-container>
         <el-header>
-            <div class="left-panel">
-                <div class="panel_title">CEMS监测预警</div>
-            </div>
-            <div class="right-panel">
-                <el-button @click="getTableData">刷新</el-button>
+            <div class="panel_title">
+                <div style="display: flex;justify-content: space-between;">
+                    <div class="left-panel">
+                        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>
diff --git a/src/views/bigScreen/enpComponents/innerclean.vue b/src/views/bigScreen/enpComponents/innerclean.vue
new file mode 100644
index 00000000..c661e083
--- /dev/null
+++ b/src/views/bigScreen/enpComponents/innerclean.vue
@@ -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>
\ No newline at end of file
diff --git a/src/views/bigScreen/enpComponents/orgwryList.vue b/src/views/bigScreen/enpComponents/orgwryList.vue
index 634564f2..361e3c21 100644
--- a/src/views/bigScreen/enpComponents/orgwryList.vue
+++ b/src/views/bigScreen/enpComponents/orgwryList.vue
@@ -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;
diff --git a/src/views/bigScreen/enpComponents/transport.vue b/src/views/bigScreen/enpComponents/transport.vue
new file mode 100644
index 00000000..ee78d845
--- /dev/null
+++ b/src/views/bigScreen/enpComponents/transport.vue
@@ -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>
\ No newline at end of file
diff --git a/src/views/bigScreen/index_enp_blue.vue b/src/views/bigScreen/index_enp_blue.vue
index f42a5920..6c46e1e0 100644
--- a/src/views/bigScreen/index_enp_blue.vue
+++ b/src/views/bigScreen/index_enp_blue.vue
@@ -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 {