From e6639fea147601d6130e115a1f136042dff69865 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E9=91=AB?= <zhangxin@zhehekeji.com>
Date: Mon, 22 Mar 2021 15:04:57 +0800
Subject: [PATCH] =?UTF-8?q?=E5=91=8A=E8=AD=A6=E6=97=A5=E5=BF=97=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E6=8E=A5=E5=8F=A3=E8=81=94=E8=B0=83=E5=8F=8A=E5=85=B6?=
 =?UTF-8?q?=E4=BB=96=E4=B8=80=E4=BA=9B=E9=A1=B5=E9=9D=A2=E5=B8=83=E5=B1=80?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/scss/style.scss               |   5 +
 src/router/index.js                      |   2 +-
 src/views/alarmVideos/alarmLog.vue       | 256 +++++++++++++++++++++++
 src/views/alarmVideos/index.vue          |  29 +--
 src/views/checkManage/checkOperation.vue |  33 +--
 src/views/checkManage/index.vue          |   6 +-
 src/views/historyMonitoring/index.vue    |  27 +--
 7 files changed, 299 insertions(+), 59 deletions(-)
 create mode 100644 src/views/alarmVideos/alarmLog.vue

diff --git a/src/assets/scss/style.scss b/src/assets/scss/style.scss
index e69de29..d6e2615 100644
--- a/src/assets/scss/style.scss
+++ b/src/assets/scss/style.scss
@@ -0,0 +1,5 @@
+.alarm{
+  .ant-form-item-label{
+    text-align:left;
+  }
+}
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index bd4680b..9aaaadd 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -70,7 +70,7 @@ const routes = [{
             path: 'alarmLog',
             name: 'alarmLog',
             meta: {
-                icon: 'alert',
+                icon: 'exception',
                 name: '告警日志'
             },
             component: () => import('@/views/alarmVideos/alarmLog')
diff --git a/src/views/alarmVideos/alarmLog.vue b/src/views/alarmVideos/alarmLog.vue
new file mode 100644
index 0000000..e503bd4
--- /dev/null
+++ b/src/views/alarmVideos/alarmLog.vue
@@ -0,0 +1,256 @@
+<template>
+    <div class="history bg-white">
+        <div class="ant-advanced-search-form">
+            <a-form layout="inline" :form="queryParam">
+                <a-row :gutter="24">
+                    <a-col :span="4" style="text-align: left">
+                        <a-select :default-value="0" style="width: 180px" @change="handleChange">
+                            <a-select-option :value="0">
+                                全部
+                            </a-select-option>
+                            <a-select-option  v-for="(item,index) in streetList" :key="index" :value="item.id">
+                                {{item.name}}
+                            </a-select-option>
+                        </a-select>
+                    </a-col>
+                    <a-col :span="10">
+                        <a-form-item class="ageInput" label="告警时间">
+                            <a-range-picker @change="onTimeChange" v-model="time">
+                                <a-icon slot="suffixIcon" type="calendar"/>
+                            </a-range-picker>
+                        </a-form-item>
+                    </a-col>
+                    <a-col :span="10" style="text-align: right">
+                        <a-button type="primary" @click="handleSearch">搜索</a-button>
+                        <a-button style="margin-left: 8px" @click="reset">重置</a-button>
+                    </a-col>
+                </a-row>
+            </a-form>
+        </div>
+
+        <a-table
+            :columns="columns"
+            :row-key="record => record.id"
+            :data-source="data"
+            :pagination="pagination"
+            @change="handleGetalarmLog"
+        >
+          <span slot="streetType" slot-scope="text">
+               {{ text === null ? '-' : text === 0 ? '单伸' : '双伸' }}
+          </span>
+            <span slot="pics" slot-scope="text" style="width:auto">
+
+          <template>
+              <span v-if="text.pics" style="height:100%;">
+                  <happy-scroll color="rgba(100,100,100,0.5)" size="8" class="scroll-box" style="width:320px;height:90px;">
+                      <viewer :images="text.pics">
+                         <img class="historyImg" v-for="(src,index) in text.pics" :src="imgUrl+src"
+                              :key="index"/>
+                      </viewer>
+                  </happy-scroll>
+              </span>
+              <span v-else>
+                  暂无图片
+              </span>
+          </template>
+
+          </span>
+            <span slot="status" slot-scope="text">
+              <span :style="text.status == 1 ?' color:red': ''">
+                 {{ text.status == null ? ' ' : text.status == 0 ? '正常' : '告警' }}
+              </span>
+          </span>
+            <span slot="videoPath1" slot-scope="text">
+              <a-button type="link" v-if="text.videoPath1" @click="showModel(text.videoPath1)">
+                  查看视频
+              </a-button>
+              <span v-else>
+
+              </span>
+          </span>
+            <span slot="videoPath2" slot-scope="text">
+              <a-button type="link" v-if="text.videoPath2" @click="showModel(text.videoPath2)">
+                  查看视频
+              </a-button>
+              <span v-else>
+
+              </span>
+          </span>
+        </a-table>
+        <Model
+            :visible.sync="visible"
+            :vid.sync="vid"
+            @close="closeModel"
+        />
+    </div>
+</template>
+<script>
+import {imgUrl, videoUrl} from "@/api/importExcel";
+import Model from "./model.vue"
+export default {
+    name: "alarmLog",
+    data() {
+        return {
+            queryParam: {},
+            time:[],
+            pageNum: 1,
+            pageSize: 10,
+            data: [],
+            pagination: {
+                total: 0,
+                defaultPageSize: 10, // 默认每页显示数量
+                current:1,
+                showTotal: total => `共 ${total} 条数据`, // 显示总数
+                showSizeChanger: true, // 显示可改变每页数量
+                pageSizeOptions: ['10', '20', '30'],
+                onShowSizeChange: (current, pageSize) => this.pageSize = pageSize // 改变每页数量时更新显示
+            },
+            loading: false,
+            imgUrl: imgUrl,
+            columns: [
+                {
+                    title: '序号',
+                    // dataIndex: 'id',
+                    customRender: (text, record, index) => {
+                        return (
+                            (record.pageNumber - 1) * 10 + index + 1
+                        )
+                    }
+                },
+                {
+                    title: "告警信号",
+                    dataIndex: "signal",
+                },
+                {
+                    title: "告警时间",
+                    dataIndex: "startTime",
+                },
+                {
+                    title: "复位时间",
+                    dataIndex: "endTime",
+                },
+                {
+                    title: "巷道",
+                    dataIndex: "streetName",
+                },
+                {
+                    title: "涉及货位",
+                    dataIndex: "location",
+                }
+            ],
+            visible: false,
+            vid: '',
+            streetList:[]
+        }
+    },
+    mounted() {
+        this.getStreetList()
+        this.handleGetalarmLog()
+        console.log(this.imgUrl)
+    },
+    methods: {
+        getStreetList(){
+            this.$api.httpApi.getStreetList({
+                data: {
+                    pageNum:0,
+                    pageSize:0,
+                }
+            }).then(res => {
+                this.streetList = res.data.list;
+            }).catch(err => {
+
+            });
+        },
+        handleChange(value) {
+            console.log(`selected ${value}`);
+            this.queryParam.streetId=value
+        },
+        handleSearch() {
+            console.log(this.queryParam)
+            this.handleGetalarmLog()
+
+        },
+        handleGetalarmLog(pagination) {
+            console.log(pagination)
+            if(pagination){
+                this.pagination.current = pagination.current;
+                this.pagination.pageSize = pagination.pageSize;
+                this.pageNum = pagination.current;
+                this.pageSize = pagination.pageSize;
+            }
+            this.request();
+        },
+        request() {
+            this.$api.httpApi.warnList({
+                data: {
+                    pageNum: this.pageNum,
+                    pageSize: this.pageSize,
+                    ...this.queryParam
+                }
+            }).then(res => {
+                const pagination = { ...this.pagination };
+                pagination.total = res.data.total;
+                this.data = res.data.list;
+                this.pagination = pagination;
+                res.data.list.forEach((value,index) => {
+                    value.pageNumber = this.pagination.current
+                });
+            }).catch(err => {
+
+            });
+        },
+        onTimeChange(date, dateString) {
+            this.handleReset()
+            console.log(date)
+            console.log(date[0].format('YYYY-MM-DD HH:mm:ss'))
+            this.queryParam.startTime = date[0].format('YYYY-MM-DD HH:mm:ss')
+            this.queryParam.endTime = date[1].format('YYYY-MM-DD HH:mm:ss')
+        },
+        handleReset() {
+            this.queryParam.startTime = ""
+            this.queryParam.endTime = ""
+        },
+        reset() {
+            this.queryParam.startTime = ""
+            this.queryParam.endTime = ""
+            this.time = ""
+            this.handleGetalarmLog()
+        },
+        showModel(data) {
+            this.visible = true
+            this.vid = videoUrl + data
+        },
+        closeModel(visible, data) {
+            this.visible = visible
+            this.vid = data
+        },
+    },
+    components: {
+        Model
+    }
+};
+</script>
+
+<style lang="scss" scoped>
+    .history {
+        padding: 24px;
+    }
+    .ant-drawer-content-wrapper {
+        height: auto !important;
+    }
+
+    .ant-drawer-body {
+        text-align: center;
+    }
+
+    .ant-advanced-search-form .ant-form-item {
+        display: flex;
+        width: 100%;
+    }
+
+    .historyImg {
+        width: 80px;
+        height:auto;
+        margin: 5px;
+    }
+</style>
diff --git a/src/views/alarmVideos/index.vue b/src/views/alarmVideos/index.vue
index 4a0ce7d..6e891cc 100644
--- a/src/views/alarmVideos/index.vue
+++ b/src/views/alarmVideos/index.vue
@@ -2,16 +2,16 @@
     <div class="alarm bg-white">
         <div class="ant-advanced-search-form">
             <a-form layout="inline" :label-col="labelCol" :wrapper-col="wrapperCol" :form="queryParam">
-                <a-row :gutter="12">
-                    <a-col :span="8">
-                        <a-form-item class="ageInput" label="时间">
-                            <a-range-picker @change="onTimeChange" v-model="queryParam.time"
+                <a-row :gutter="24">
+                    <a-col :span="5" style="text-align: left">
+                        <a-form-item  label="时间">
+                            <a-range-picker @change="onTimeChange" v-model="time"
                                             format="YYYY-MM-DD HH:mm">
                                 <a-icon slot="suffixIcon" type="calendar"/>
                             </a-range-picker>
                         </a-form-item>
                     </a-col>
-                    <a-col :span="16" style="text-align: right">
+                    <a-col :span="19" style="text-align: right">
                         <a-button type="primary" @click="handleSearch">搜索</a-button>
                         <!--                        <a-button style="margin-left: 8px" @click="reset">重置</a-button>-->
                     </a-col>
@@ -23,14 +23,14 @@
             :row-key="record => record.id"
             :data-source="data"
             :pagination="pagination"
-            @change="handleGetHistoryList"
+            @change="handleGetalarmList"
         >
           <span slot="videoPath1" slot-scope="text">
               <a-button type="link" v-if="text.videoPath1" @click="showModel(text.videoPath1)">
                   查看视频
               </a-button>
               <span v-else>
-
+                --
               </span>
           </span>
             <span slot="videoPath2" slot-scope="text">
@@ -38,7 +38,7 @@
                   查看视频
               </a-button>
               <span v-else>
-
+                --
               </span>
           </span>
         </a-table>
@@ -52,6 +52,7 @@
 
 <script>
 import Model from "./model.vue"
+import {videoUrl} from "@/api/importExcel";
 export default {
     name: "historyMonitoring",
     components: {
@@ -63,6 +64,7 @@ export default {
             labelCol: { span: 6 },
             wrapperCol: { span: 18 },
             queryParam: {},
+            time:[],
             pageNum:1,
             pageSize:10,
             data: [],
@@ -104,14 +106,14 @@ export default {
         };
     },
     mounted() {
-        this.handleGetHistoryList()
+        this.handleGetalarmList()
     },
     methods: {
         handleSearch(){
             console.log(this.queryParam)
-            this.handleGetHistoryList()
+            this.handleGetalarmList()
         },
-        handleGetHistoryList(pagination) {
+        handleGetalarmList(pagination) {
             console.log(pagination)
             if(pagination){
                 this.pagination.current = pagination.current;
@@ -129,7 +131,9 @@ export default {
                     ...this.queryParam
                 }
             }).then(res => {
-                console.log(res)
+                const pagination = {...this.pagination};
+                pagination.total = res.data.total;
+                this.pagination = pagination;
                 this.data = res.data.list
             }).catch(err => {
 
@@ -145,7 +149,6 @@ export default {
         handleReset() {
             this.queryParam.startTime = ""
             this.queryParam.endTime = ""
-            this.time = ""
         },
         showModel(data) {
             this.visible = true
diff --git a/src/views/checkManage/checkOperation.vue b/src/views/checkManage/checkOperation.vue
index 1c35e68..86203ae 100644
--- a/src/views/checkManage/checkOperation.vue
+++ b/src/views/checkManage/checkOperation.vue
@@ -26,7 +26,7 @@
                 @change="handleTypeChange2"
                 style="width: 160px"
                 :value="selectType2"
-                v-if="selectType2 !== 'none'"
+                v-if="selectType2 !== 'none' && selectType2 !== '' "
             >
                 <a-select-option value="out">
                     外
@@ -44,7 +44,7 @@
                     <div v-for="(columnItem,index) in key" :key="index">
                         <div class="carousel-page"
                              v-if="columnItem.row == checkObj.row && columnItem.column == checkObj.column">
-                            <p class="carousel-page-title">工单号：{{checkObj.orderNum}}</p>
+                            <p class="carousel-page-title" @click="goHistory">工单号：{{checkObj.orderNum}}</p>
                             <div class="carousel-page-content">
                                 <div class="img-box">
                                     <img
@@ -246,6 +246,7 @@ export default {
                 this.selectType = 'right'
             }
         }
+        console.log(this.selectType2)
     },
     components: {
         Model
@@ -374,28 +375,6 @@ export default {
                 }
             }
         },
-        prev1(index) {
-            console.log(index)
-            for (let x in this.checkList) {
-                if (this.shelveId == this.checkList[x][index].shelveId) {
-                    console.log(this.checkList[x][index].row)
-                    console.log(this.checkList[x][index].column)
-                    console.log(this.checkList[x][index].shelveId)
-                    this.getStockInfo(this.checkList[x][index].row, this.checkList[x][index].column, this.checkList[x][index].shelveId)
-                }
-            }
-        },
-        next1(index) {
-            console.log(index)
-            for (let x in this.checkList) {
-                if (this.shelveId == this.checkList[x][index].shelveId) {
-                    console.log(this.checkList[x][index].row)
-                    console.log(this.checkList[x][index].column)
-                    console.log(this.checkList[x][index].shelveId)
-                    this.getStockInfo(this.checkList[x][index].row, this.checkList[x][index].column, this.checkList[x][index].shelveId)
-                }
-            }
-        },
         checkSure(row, column, shelveId, index) {
             this.$api.httpApi.stockCheckCorrect({
                 data: {
@@ -423,6 +402,12 @@ export default {
             this.visible = visible
             this.modelData = data
         },
+        goHistory(){
+            const href = this.$router.resolve({
+                name: 'historyMonitoring'
+            });
+            window.open(href.href, '_blank');
+        },
     }
 }
 </script>
diff --git a/src/views/checkManage/index.vue b/src/views/checkManage/index.vue
index 43d05dc..9a5c874 100644
--- a/src/views/checkManage/index.vue
+++ b/src/views/checkManage/index.vue
@@ -3,15 +3,15 @@
         <div class="title-info">
             <span class="explain">颜色说明：</span>
             <span class="info-text">
-               <a-tag color="#d81e06" style="width:30px;height:20px"></a-tag>
+               <a-tag color="#d81e06" style="width:30px;height:20px;margin-right:6px"></a-tag>
                盘点错误
            </span>
             <span class="info-text">
-                <a-tag color="#1afa29" style="width:30px;height:20px"></a-tag>
+                <a-tag color="#1afa29" style="width:30px;height:20px;margin-right:6px"></a-tag>
                盘点正确
            </span>
             <span class="info-text">
-                <a-tag color="#bfbfbf" style="width:30px;height:20px"></a-tag>
+                <a-tag color="#bfbfbf" style="width:30px;height:20px;margin-right:6px"></a-tag>
                未盘点
            </span>
         </div>
diff --git a/src/views/historyMonitoring/index.vue b/src/views/historyMonitoring/index.vue
index cef49c1..2866822 100644
--- a/src/views/historyMonitoring/index.vue
+++ b/src/views/historyMonitoring/index.vue
@@ -2,20 +2,20 @@
     <div class="history bg-white">
         <div class="ant-advanced-search-form">
             <a-form layout="inline" :form="queryParam">
-                <a-row :gutter="12">
-                    <a-col :span="8" style="text-align: left">
+                <a-row :gutter="24">
+                    <a-col :span="6" style="text-align: left">
                         <a-form-item label="工单号">
-                            <a-input v-model="queryParam.orderNum" placeholder="请输入"/>
+                            <a-input v-model="queryParam.orderNum" placeholder="请输入" style="width:270px;"/>
                         </a-form-item>
                     </a-col>
                     <a-col :span="8">
                         <a-form-item class="ageInput" label="时间">
-                            <a-range-picker @change="onTimeChange" v-model="queryParam.time">
+                            <a-range-picker @change="onTimeChange" v-model="time">
                                 <a-icon slot="suffixIcon" type="calendar"/>
                             </a-range-picker>
                         </a-form-item>
                     </a-col>
-                    <a-col :span="8" style="text-align: right">
+                    <a-col :span="10" style="text-align: right">
                         <a-button type="primary" @click="handleSearch">搜索</a-button>
 <!--                        <a-button style="margin-left: 8px" @click="reset">重置</a-button>-->
                     </a-col>
@@ -60,7 +60,7 @@
                   查看视频
               </a-button>
               <span v-else>
-
+                    --
               </span>
           </span>
             <span slot="videoPath2" slot-scope="text">
@@ -68,7 +68,7 @@
                   查看视频
               </a-button>
               <span v-else>
-
+                  --
               </span>
           </span>
         </a-table>
@@ -87,6 +87,7 @@ export default {
     data() {
         return {
             queryParam: {},
+            time:[],
             pageNum: 1,
             pageSize: 10,
             data: [],
@@ -137,7 +138,7 @@ export default {
                 },
                 {
                     title: "视频时长",
-                    dataIndex: "mediaTime",
+                    dataIndex: "timeLength",
                 },
                 {
                     title: "球机1",
@@ -182,15 +183,6 @@ export default {
                     ...this.queryParam
                 }
             }).then(res => {
-                // let pics =new Array()
-                // res.data.list.map(function (item) {
-                //     console.log(item)
-                //     console.log('000')
-                //     var pic = [
-                //         item.putPath, item.goodsPath, item.outputPath
-                //     ]
-                //     item.pics = pic
-                // })
                 console.log(res.data)
                 const pagination = {...this.pagination};
                 pagination.total = res.data.total;
@@ -210,7 +202,6 @@ export default {
         handleReset() {
             this.queryParam.startTimestamp = ""
             this.queryParam.endTimestamp = ""
-            this.time = ""
         },
         showModel(data) {
             this.visible = true