log

src/views/system/logManage/deviceLog/index.vue

@@ -3,13 +3,13 @@
     <div class="head-container">
       <!-- <crudOperation /> -->
       <!-- <el-button v-permission="permission.download" :loading="crud.downloadLoading" :disabled="!selections.length" size="mini" icon="el-icon-download" @click="handleDownload">导出</el-button> -->
-      <el-button :loading="crud.downloadLoading" size="mini" icon="el-icon-download" @click="handleDownload">导出</el-button>
+      <!-- <el-button :loading="crud.downloadLoading" size="mini" icon="el-icon-download" @click="handleDownload">导出</el-button> -->
       <el-input
         v-model="keyWord"
         size="small"
         clearable
         placeholder="请输入关键词"
-        style="width: 300px;margin-right:10px;padding-left:10px"
+        style="width: 300px;"
         class="input-prepend filter-item"
         @keyup.enter.native="crud.toQuery"
       >
@@ -36,8 +36,9 @@
       @selection-change="selectionChangeHandler"
     >
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column prop="storeCode" label="库房" align="center" min-width="150" />
-      <el-table-column prop="QuNo" label="区号" align="center" width="150" />
+      <el-table-column prop="cContext" label="日志信息" :show-overflow-tooltip="true" align="center" min-width="120" />
+      <!-- <el-table-column prop="storeCode" label="库房" align="center" min-width="150" />
+      <el-table-column prop="QuNo" label="区号" align="center" width="150" /> -->
       <el-table-column prop="temperature" label="温度" align="center" />
       <el-table-column prop="humidity" label="湿度" align="center" />
       <el-table-column prop="co2" label="二氧化碳" align="center" />
@@ -55,7 +56,6 @@
           <div>{{ scope.row.i64Ts | parseTime }}</div>
         </template>
       </el-table-column>
-      <el-table-column prop="cContext" label="日志信息" :show-overflow-tooltip="true" align="center" width="180" />
     </el-table>
     <pagination />
   </div>
@@ -113,9 +113,12 @@ export default {
       } else if (this.optionVal === 'roomName') {
         this.crud.query.roomName = this.keyWord
       }
-      if (this.queryTime.length > 0) {
+      if (this.queryTime && this.queryTime.length !== 0) {
         this.crud.query.startTime = this.queryTime[0]
         this.crud.query.endTime = this.queryTime[1]
+      } else {
+        this.crud.query.startTime = null
+        this.crud.query.endTime = null
       }
     },
     // 导出

src/views/system/logManage/index.vue

@@ -11,6 +11,7 @@
         <li :class="{ 'active-tab-nav': activeIndex == 3 }" @click="changeActiveTab(3)">通道门日志<i /></li>
         <li :class="{ 'active-tab-nav': activeIndex == 4 }" @click="changeActiveTab(4)">门禁日志<i /></li>
         <li :class="{ 'active-tab-nav': activeIndex == 5 }" @click="changeActiveTab(5)">密集架日志<i /></li>
+        <li :class="{ 'active-tab-nav': activeIndex == 6 }" @click="changeActiveTab(6)">库房环控日志<i /></li>
         <!-- <li :class="{ 'active-tab-nav': activeIndex == 4 }" @click="changeActiveTab(4)">接口访问日志<i /></li> -->
         <!-- 最右侧装饰img -->
         <span class="tab-right-img" />
@@ -28,6 +29,7 @@ import doorLog from './doorLog/index.vue'
 import accessDoorLog from './accessDoorLog/index.vue'
 import portLog from './portLog/index.vue'
 import deviceLog from './deviceLog/index.vue'
+import storeLog from './storeLog/index.vue'
 
 export default {
   name: 'LogManage',
@@ -38,7 +40,8 @@ export default {
     doorLog,
     portLog,
     accessDoorLog,
-    deviceLog
+    deviceLog,
+    storeLog
   },
   data() {
     return {
@@ -59,6 +62,8 @@ export default {
         return 'doorLog'
       } else if (this.activeIndex === 5) {
         return 'deviceLog'
+      } else if (this.activeIndex === 6) {
+        return 'storeLog'
       }
       //  else if (this.activeIndex === 4) {
       //   return 'portLog'

src/views/system/logManage/storeLog/index.vue

@@ -0,0 +1,136 @@
+<template>
+  <div>
+    <div class="head-container">
+      <!-- <crudOperation /> -->
+      <!-- <el-button v-permission="permission.download" :loading="crud.downloadLoading" :disabled="!selections.length" size="mini" icon="el-icon-download" @click="handleDownload">导出</el-button> -->
+      <!-- <el-button :loading="crud.downloadLoading" size="mini" icon="el-icon-download" @click="handleDownload">导出</el-button> -->
+      <!-- <el-input
+        v-model="keyWord"
+        size="small"
+        clearable
+        placeholder="请输入关键词"
+        style="width: 300px;margin-right:10px;padding-left:10px"
+        class="input-prepend filter-item"
+        @keyup.enter.native="crud.toQuery"
+      >
+        <el-select slot="prepend" v-model="optionVal" style="width: 80px">
+          <el-option
+            v-for="item in options"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-input> -->
+      <date-range-picker v-model="queryTime" class="date-item" />
+      <rrOperation />
+    </div>
+    <el-table
+      ref="table"
+      :data="crud.data"
+      style="width: 100%;"
+      height="calc(100vh - 356px)"
+      :cell-class-name="cell"
+      @row-click="clickRowHandler"
+      @selection-change="selectionChangeHandler"
+    >
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column prop="storeCode" label="库房" align="center" min-width="150">
+        <template>
+          <div>5F档案库</div>
+        </template>
+      </el-table-column>
+      <el-table-column prop="temperature" label="温度" align="center" />
+      <el-table-column prop="humidity" label="湿度" align="center" />
+      <el-table-column prop="co2" label="二氧化碳" align="center" />
+      <el-table-column prop="pm25" label="PM2.5" align="center" />
+      <el-table-column prop="pm10" label="PM10" align="center" />
+      <el-table-column prop="tvoc" label="TVOC" align="center" />
+      <el-table-column prop="update_time" label="发生时间" align="center" min-width="180">
+        <template slot-scope="scope">
+          <div>{{ scope.row.update_time | parseTime }}</div>
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination />
+  </div>
+</template>
+
+<script>
+import rrOperation from '@crud/RR.operation'
+import CRUD, { presenter, crud } from '@crud/crud'
+import DateRangePicker from '@/components/DateRangePicker'
+import pagination from '@crud/Pagination'
+import { parseTime, saveAs, getBlob } from '@/utils/index'
+import { mapGetters } from 'vuex'
+import qs from 'qs'
+export default {
+  name: 'StoreLog',
+  components: { rrOperation, DateRangePicker, pagination },
+  mixins: [presenter(), crud()],
+  cruds() {
+    return CRUD({
+      url: 'api/device/initEnvironmentControlLog',
+      optShow: {
+        add: false,
+        edit: false,
+        del: false,
+        download: true
+      },
+      sort: []
+    })
+  },
+  data() {
+    return {
+      selections: [],
+      queryTime: []
+    }
+  },
+  computed: {
+    ...mapGetters([
+      'baseApi'
+    ])
+  },
+  methods: {
+    [CRUD.HOOK.beforeRefresh]() {
+      this.crud.query.startTime = null
+      this.crud.query.endTime = null
+      if (this.queryTime && this.queryTime.length !== 0) {
+        this.crud.query.startTime = this.queryTime[0]
+        this.crud.query.endTime = this.queryTime[1]
+      } else {
+        this.crud.query.startTime = null
+        this.crud.query.endTime = null
+      }
+    },
+    // 导出
+    handleDownload() {
+      this.crud.downloadLoading = true
+      const fileName = parseTime(new Date()) + '-库房环控日志.xlsx'
+      getBlob(this.baseApi + '/api/securitydoor/exportSecurityDoorLog1List' + '?' + qs.stringify(this.crud.query, { indices: false }), function(blob) {
+        saveAs(blob, fileName)
+      })
+      this.crud.downloadLoading = false
+    },
+    clickRowHandler(row) {
+      this.$refs.table.toggleRowSelection(row) // 单击选中
+    },
+    selectionChangeHandler(val) {
+      this.selections = val
+    },
+    cell({ row, columnIndex }) {
+      if (row.alarmLevel === 1 && columnIndex === 2) {
+        return 'have-clear'
+      } else if (row.alarmLevel === 0 && columnIndex === 2) {
+        return 'fail-clear'
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import '~@/assets/styles/lend-manage.scss';
+@import "~@/assets/styles/archives-manage.scss";
+
+</style>