From 829f5116884f98643ffc5b2a548a600d40c0cedb Mon Sep 17 00:00:00 2001
From: zhanghua <314079846@qq.com>
Date: 星期一, 14 四月 2025 23:09:32 +0800
Subject: [PATCH] 处理图片显示问题
---
src/views/smoke/realTime/components/intimeData.vue | 160 ++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 158 insertions(+), 2 deletions(-)
diff --git a/src/views/smoke/realTime/components/intimeData.vue b/src/views/smoke/realTime/components/intimeData.vue
index 17bcab3..c3bca4b 100644
--- a/src/views/smoke/realTime/components/intimeData.vue
+++ b/src/views/smoke/realTime/components/intimeData.vue
@@ -1,13 +1,169 @@
<template>
-
+ <div>
+ <div style="width: 100%; overflow-x: scroll">
+ <el-table
+ border
+ stripe
+ ref="multipleTable"
+ :header-cell-style="{
+ background: '#F5F5F5',
+ 'font-weight': '650',
+ 'line-height': '45px'
+ }"
+ :data="tableData"
+ :row-class-name="tableRowClassName"
+ >
+ <el-table-column label="搴忓彿" type="index" width="60px">
+ </el-table-column>
+ <el-table-column
+ prop="acquit_at_str"
+ label="閲囬泦鏃堕棿"
+ min-width="150px"
+ >
+ </el-table-column>
+ <el-table-column
+ prop="fan_status_str"
+ label="椋庢満鐘舵��"
+ min-width="120px"
+ >
+ </el-table-column>
+ <el-table-column
+ prop="hydrocarbon_conc"
+ label="椋庢満鐢垫祦锛圓锛�"
+ min-width="120px"
+ >
+ </el-table-column>
+ <el-table-column
+ prop="filter_status"
+ label="鍑�鍖栧櫒鐘舵��"
+ min-width="95px"
+ >
+ </el-table-column>
+ <el-table-column
+ prop="emissions_conc"
+ label="娌圭儫娴撳害(mg/m鲁)"
+ min-width="180px"
+ >
+ </el-table-column>
+ <el-table-column
+ prop="granule_conc"
+ label="棰楃矑鐗╂祿搴�(mg/m鲁)"
+ min-width="180px"
+ >
+ </el-table-column>
+ <el-table-column
+ prop="hydrocarbon_conc"
+ label="闈炵敳鐑锋�荤儍娴撳害(mg/m鲁)"
+ min-width="190px"
+ >
+ </el-table-column>
+ <el-table-column prop="status" label="璁惧鐘舵��" width="120px">
+ </el-table-column>
+ </el-table>
+ </div>
+ <div class="tools">
+ <div class="pagination">
+ <el-pagination
+ background
+ @prev-click="handlePrev"
+ @next-click="handleNext"
+ :current-page="currentPage"
+ layout="prev, pager, next"
+ :total="totalNum"
+ :page-size="pageSize"
+ @current-change="changeCurrentPage"
+ >
+ </el-pagination>
+ </div>
+ </div>
+ </div>
</template>
<script>
+import statisticsApi from "@/api/smoke/statistics";
export default {
+ data() {
+ return {
+ currentPage: 1,
+ pageSize: 20,
+ totalNum: 0,
+ tableData: []
+ }
+ },
+ created() {
+ this.getRealTimeList();
+ },
+ methods: {
+ getRealTimeList() {
+ let param = {
+ field: "intimeData",
+ localeId: this.inTimeData.Lid
+ }
+ statisticsApi.getDocument(param).then(jsonStr => {
+ const res = JSON.parse(jsonStr)
+ let list = res.Data.content
+ list.forEach(o => {
+ o.acquit_at_str = this.dateFormat(
+ "YYYY-mm-dd HH:MM:SS",
+ new Date(o.acquit_at * 1000)
+ );
+ o.fan_status_str = o.fan_status == '1' ? '寮�' : '鍏�'
+ o.status = '杈炬爣'
+ });
+ this.tableData = list
+ this.totalNum = res.Data.total
+ })
+ },
+ // 璁剧疆琛ㄦ牸鏂戦┈绾�
+ tableRowClassName({ row, rowIndex }) {
+ if ((rowIndex + 1) % 2 === 0) {
+ return "warning-row";
+ } else {
+ return "success-row";
+ }
+ },
+ // 褰撳墠椤垫敼鍙樿Е鍙戜簨浠�
+ changeCurrentPage(page) {
+ this.currentPage = page;
+ this.getRealTimeList();
+ },
+ // 涓婁竴椤电偣鍑讳簨浠�
+ handlePrev(page) {
+ this.currentPage = page;
+ this.getRealTimeList();
+ },
+ // 涓嬩竴椤电偣鍑讳簨浠�
+ handleNext(page) {
+ this.currentPage = page;
+ this.getRealTimeList();
+ },
+ dateFormat(fmt, date) {
+ let ret;
+ const opt = {
+ "Y+": date.getFullYear().toString(), // 骞�
+ "m+": (date.getMonth() + 1).toString(), // 鏈�
+ "d+": date.getDate().toString(), // 鏃�
+ "H+": date.getHours().toString(), // 鏃�
+ "M+": date.getMinutes().toString(), // 鍒�
+ "S+": date.getSeconds().toString(), // 绉�
+ // 鏈夊叾浠栨牸寮忓寲瀛楃闇�姹傚彲浠ョ户缁坊鍔狅紝蹇呴』杞寲鎴愬瓧绗︿覆
+ };
+ for (let k in opt) {
+ ret = new RegExp("(" + k + ")").exec(fmt);
+ if (ret) {
+ fmt = fmt.replace(
+ ret[1],
+ ret[1].length == 1 ? opt[k] : opt[k].padStart(ret[1].length, "0")
+ );
+ }
+ }
+ return fmt;
+ },
+ },
+ props: ['inTimeData']
}
</script>
<style>
-
</style>
\ No newline at end of file
--
Gitblit v1.8.0