From 48a89349ef9f49f4d4c3abf7deaff940693ad12d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=AD=A5=E5=B1=A5=E4=B8=8D=E5=81=9C?= <1873501479@qq.com>
Date: Wed, 27 Jul 2022 14:35:18 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E9=86=92=E8=AE=BE=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/index.js                           |  14 +
 src/utils/DevicePixelRatio.js                 |   0
 src/utils/config.js                           |   4 +-
 src/views/DataManagement/ReminderSettings.vue | 318 ++++++++++++++++++
 src/views/FacilityManagement/RealTimeDate.vue |   0
 5 files changed, 334 insertions(+), 2 deletions(-)
 create mode 100644 src/utils/DevicePixelRatio.js
 create mode 100644 src/views/DataManagement/ReminderSettings.vue
 create mode 100644 src/views/FacilityManagement/RealTimeDate.vue

diff --git a/src/router/index.js b/src/router/index.js
index 8f96980..bd5cb2c 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -32,6 +32,13 @@ const routes = [
           requireAuth: true // 该路由项需要权限校验
         }
       },
+      {
+        path: '/ReminderSettings', // 提醒设置
+        component: () => import('../views/DataManagement/ReminderSettings'),
+        meta: {
+          requireAuth: true // 该路由项需要权限校验
+        }
+      },
       {
         path: '/roleManage',
         component: () => import('../views/SystemSetting/RoleManagement'),
@@ -59,6 +66,13 @@ const routes = [
         meta: {
           requireAuth: true // 该路由项需要权限校验
         }
+      },
+      {
+        path: '/RealTimeDate',
+        component: () => import('../views/FacilityManagement/RealTimeDate'),
+        meta: {
+          requireAuth: true // 该路由项需要权限校验
+        }
       }
     ]
   }
diff --git a/src/utils/DevicePixelRatio.js b/src/utils/DevicePixelRatio.js
new file mode 100644
index 0000000..e69de29
diff --git a/src/utils/config.js b/src/utils/config.js
index 987f7c2..82238f9 100644
--- a/src/utils/config.js
+++ b/src/utils/config.js
@@ -1,5 +1,5 @@
 module.exports = {
-  baseUrl: 'localhost:2011'
+  // baseUrl: 'localhost:2011'
   // baseUrl: '49.234.81.196:2011'
-  // baseUrl: '192.168.0.100:2011'
+  baseUrl: '192.168.0.100:2011'
 }
diff --git a/src/views/DataManagement/ReminderSettings.vue b/src/views/DataManagement/ReminderSettings.vue
new file mode 100644
index 0000000..027788b
--- /dev/null
+++ b/src/views/DataManagement/ReminderSettings.vue
@@ -0,0 +1,318 @@
+<!--  报表导出 -->
+<template>
+  <div>
+    <BreadCrumb :inner="inner" />
+    <EmptyCard>
+      <div slot="EmptyCard">
+        <!-- 查询模块 -->
+        <el-form
+          :inline="true"
+          :model="searchFrom"
+          class="demo-form-inline"
+          style="text-align: center"
+          @submit.native.prevent
+        >
+          <el-form-item>
+            <el-date-picker
+              v-model="searchFrom.startTime"
+              type="date"
+              format="yyyy 年 MM 月 dd 日"
+              value-format="yyyy-MM-dd"
+              placeholder="开始时间"
+            />
+          </el-form-item>
+          <el-form-item>
+            <el-date-picker
+              v-model="searchFrom.endTime"
+              type="date"
+              format="yyyy 年 MM 月 dd 日"
+              value-format="yyyy-MM-dd"
+              placeholder="结束时间"
+            />
+          </el-form-item>
+          <el-form-item>
+            <el-input
+              v-model="searchFrom.deviceId"
+              placeholder="请输入设备编号"
+              @input="inputClear"
+              @keyup.enter.native="getData"
+            />
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" @click="getData">
+              查询
+            </el-button>
+          </el-form-item>
+        </el-form>
+        <!-- 查询模块  /-->
+
+        <div style="float: left">
+          <el-button :loading="downloadLoading" type="primary" icon="el-icon-download" @click="download">
+            批量导出
+          </el-button>
+        </div>
+        <!-- 数据表格模块 -->
+        <div v-loading="loading" class="tableContainer" style="height: calc(100% - 186px)">
+          <el-table :data="tableData" stripe size="mini" style="width: 100%" height="100%" @selection-change="handleSelectionChange">
+            <el-table-column
+              type="selection"
+              width="55"
+            />
+            <el-table-column prop="deviceId" align="center" label="设备编号" width="80" />
+            <el-table-column prop="passQuantity" align="center" label="通过计数" width="80" />
+            <el-table-column prop="policeQuantity" align="center" label="报警计数" width="80" />
+            <el-table-column prop="unpoliceQuantity" align="center" label="未报警计数" width="80" />
+            <el-table-column prop="randomPolices" align="center" label="随机报警计数" width="100" />
+            <el-table-column prop="naturePolices" align="center" label="自然报警计数" width="100" />
+            <el-table-column prop="policeRandomQuantity" align="center" label="报警人群随机报警计数" width="150" />
+            <el-table-column prop="aDir1Direction" align="center" label="A1D1R1方向报警计数" width="150" />
+            <el-table-column prop="aDir2Direction" align="center" label="A2D1R2方向报警计数" width="150" />
+            <el-table-column prop="pDir1Direction" align="center" label="P1D1R1方向报警计数" width="140" />
+            <el-table-column prop="pDir2Direction" align="center" label="P2D1R2方向报警计数" width="140" />
+            <el-table-column prop="operationHours" align="center" label="总运行时间计数" width="120" />
+            <el-table-column prop="electromagneticInformation" align="center" label="电磁噪音信息" width="120" />
+            <el-table-column prop="noiseInformation" align="center" label="噪音信息" width="120" />
+            <el-table-column prop="call1Id" align="center" label="call1光电感应" width="120" />
+            <el-table-column prop="call2Id" align="center" label="call2光电感应" width="120" />
+          </el-table>
+        </div>
+        <!-- 数据表格模块 -->
+
+        <!-- 分页 -->
+        <div
+          v-if="pager.totalPage > 10"
+          style="
+              text-align: center;
+              position: relative;
+              bottom: 0;
+              left: 50%;
+              transform: translateX(-50%)
+            "
+        >
+          <el-pagination
+            background
+            layout="prev, pager, next"
+            :total="pager.totalPage"
+            :current-page.sync="pager.currentPage"
+            @current-change="change"
+          />
+        </div>
+        <!-- 分页 /-->
+      </div>
+    </EmptyCard>
+  </div>
+</template>
+
+<script>
+
+import BreadCrumb from '@/components/BreadCrumb'
+import EmptyCard from '@/components/EmptyCard'
+import { downloadExcel, getReportData } from '@/utils/api'
+import fileDownload from 'js-file-download'
+
+export default {
+  components: {
+    EmptyCard,
+    BreadCrumb
+  },
+  data() {
+    return {
+      inner: {
+        title: '导出报表'
+      },
+      searchFrom: {
+        deviceId: '',
+        startTime: '',
+        endTime: ''
+      },
+      loading: false,
+      downloadLoading: false,
+      tableData: [
+        {
+          deviceId: '001',
+          parameter: '122222222',
+          remark: '无',
+          updateTime: '2022-03-22 18:09:09',
+          username: '超级管理员'
+        },
+        {
+          deviceId: '001',
+          parameter: '122222222',
+          remark: '无',
+          updateTime: '2022-03-22 18:09:09',
+          username: '超级管理员'
+        },
+        {
+          deviceId: '001',
+          parameter: '122222222',
+          remark: '无',
+          updateTime: '2022-03-22 18:09:09',
+          username: '超级管理员'
+        },
+        {
+          deviceId: '001',
+          parameter: '122222222',
+          remark: '无',
+          updateTime: '2022-03-22 18:09:09',
+          username: '超级管理员'
+        },
+        {
+          deviceId: '001',
+          parameter: '122222222',
+          remark: '无',
+          updateTime: '2022-03-22 18:09:09',
+          username: '超级管理员'
+        },
+        {
+          deviceId: '001',
+          parameter: '122222222',
+          remark: '无',
+          updateTime: '2022-03-22 18:09:09',
+          username: '超级管理员'
+        },
+        {
+          deviceId: '001',
+          parameter: '122222222',
+          remark: '无',
+          updateTime: '2022-03-22 18:09:09',
+          username: '超级管理员'
+        },
+        {
+          deviceId: '001',
+          parameter: '122222222',
+          remark: '无',
+          updateTime: '2022-03-22 18:09:09',
+          username: '超级管理员'
+        },
+        {
+          deviceId: '001',
+          parameter: '122222222',
+          remark: '无',
+          updateTime: '2022-03-22 18:09:09',
+          username: '超级管理员'
+        },
+        {
+          deviceId: '001',
+          parameter: '122222222',
+          remark: '无',
+          updateTime: '2022-03-22 18:09:09',
+          username: '超级管理员'
+        },
+        {
+          deviceId: '001',
+          parameter: '122222222',
+          remark: '无',
+          updateTime: '2022-03-22 18:09:09',
+          username: '超级管理员'
+        }
+      ],
+      pager: {
+        currentPage: 1,
+        pageSize: 10,
+        totalPage: 10
+      },
+      multipleSelection: [] // 选中值
+    }
+  },
+  computed: {},
+  watch: {},
+  created() {
+
+  },
+  mounted() {
+    this.getData()
+  },
+  methods: {
+    async getData() {
+      this.loading = true
+      if (this.searchFrom.endTime === null) {
+        this.searchFrom.endTime = ''
+      }
+      if (this.searchFrom.startTime === null) {
+        this.searchFrom.startTime = ''
+      }
+      try {
+        const { currentPage, pageSize } = this.pager
+        const query = {
+          pager: { currentPage, pageSize },
+          searchObject: this.searchFrom
+        }
+        const res = await getReportData(query)
+        if (res.code === 200) {
+          this.pager.totalPage = JSON.parse(JSON.stringify(res.data.result.totalPage)) * 10
+          this.tableData = res.data.result.tableData
+        }
+      } catch (err) {
+        this.$message.error(err.message)
+      } finally {
+        this.loading = false
+      }
+    },
+    // 分页
+    change(val) {
+      this.pager.currentPage = val
+      this.getData()
+    },
+    // 输入框清空回调
+    inputClear(val) {
+      if (val === '') {
+        this.getData()
+      }
+    },
+    // 选择函数
+    handleSelectionChange(val) {
+      this.multipleSelection = val
+    },
+    async download() {
+      if (this.multipleSelection.length < 1) {
+        this.$message.warning('至少选择一项')
+      } else {
+        this.downloadLoading = true
+        const date = new Date()
+        const year = date.getFullYear()
+        const month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1
+        const day = date.getDate() < 10 ? '0' + date.getDate() : date.getDate()
+        try {
+          const Array = []
+          this.multipleSelection.forEach(i => {
+            Array.push(i.id)
+          })
+          const res = await downloadExcel(Array)
+          const time = year + '-' + month + '-' + day
+          fileDownload(res, `${time}.xlsx`)
+        } catch (err) {
+          console.log(err)
+          this.$message.error(err)
+        } finally {
+          this.downloadLoading = false
+        }
+      }
+    }
+  }
+}
+</script>
+<style lang='less' scoped>
+//@import url(); 引入公共css类
+.tableContainer {
+  &::v-deep {
+    .el-table__body-wrapper::-webkit-scrollbar {
+      /*width: 0;宽度为0隐藏*/
+      width: 4px;
+      height: 10px;
+    }
+
+    .el-table__body-wrapper::-webkit-scrollbar-thumb {
+      border-radius: 6px;
+      height: 50px;
+      background: rgba(0, 0, 0, 0.2); //滚动条颜色
+    }
+
+    .el-table__body-wrapper::-webkit-scrollbar-track {
+      box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+      border-radius: 6px;
+      background: #eee; //滚动条背景色
+    }
+  }
+}
+</style>
+
diff --git a/src/views/FacilityManagement/RealTimeDate.vue b/src/views/FacilityManagement/RealTimeDate.vue
new file mode 100644
index 0000000..e69de29
-- 
Gitee