告警--历史图片

src/utils/api/index.js

@@ -91,7 +91,6 @@ export function getAlarmList(data) {
   });
 }
 //获取告警label
-
 export function getAlarmTypeList(data) {
   return request({
     url: "/api/getAlarmTypeList",
@@ -107,6 +106,14 @@ export function readAlarm(data) {
     data,
   });
 }
+//获取历史图片
+export function getHistoryList(data) {
+  return request({
+    url: "/api/getHistoryList",
+    method: "post",
+    data,
+  });
+}
 
 //历史图片
 //获取电压-线路-杆塔等信息

src/views/alarmHandling/components/historyimg.vue

@@ -0,0 +1,61 @@
+<template>
+  <el-dialog
+    title="历史图片"
+    :visible.sync="isShow"
+    :close-on-click-modal="false"
+    width="80%"
+  >
+    <el-carousel :loop="false" :autoplay="false" height="600px" indicator-position="none" @change="changebtn">
+      <el-carousel-item v-for="(item,index) in imglist" :key="index" >
+        <el-image :src="item.path" fit="contain"></el-image>
+      </el-carousel-item>
+    </el-carousel>
+  </el-dialog>
+</template>
+<script>
+import { getHistoryList } from "@/utils/api/index";
+export default {
+  data() {
+    return {
+      isShow: false,
+      imglist:[],
+      page: 1, // 当前页数
+      pageSize: 10, // 每页数量
+      total: 0, //总条数
+    };
+  },
+  mounted() {},
+  methods: {
+    //获取图片数据
+    getdataform(val) {
+      getHistoryList({
+        channelId: val.channelId,
+        termId: val.termId,
+        pageindex: this.page,
+        pagesize: this.pageSize
+      })
+        .then((res) => {
+          this.imglist = res.data.list;
+          this.total = res.data.total;
+        })
+    },
+    //下一页
+    changebtn(e){
+      console.log(e)
+      
+    },
+    display() {
+      this.isShow = true;
+    },
+    hide() {
+      this.isShow = false;
+    },
+  },
+};
+</script>
+<style lang="less" scoped>
+.imgnr{
+  height: 600px;
+}
+
+</style>

src/views/alarmHandling/index.vue

@@ -166,7 +166,7 @@
           </div>
           <div class="editorBtn">
             <el-button type="primary" :loading="btnpicloading" @click="handleCommandpic">主动拍照</el-button>
-            <el-button type="primary">历史图片</el-button>
+            <el-button type="primary" @click="handleHistory">历史图片</el-button>
           </div>
         </div>
       </div>
@@ -179,6 +179,7 @@
         <i @click="closePic" class="el-icon-circle-close"></i>
       </div>
     </div>
+    <historyimg ref="historyimg_ref"></historyimg>
   </div>
 </template>
 
@@ -191,8 +192,12 @@ import {
   getReturnedPhotoJoggle,
   readAlarm,
 } from "@/utils/api/index";
+import historyimg from './components/historyimg.vue'
 import moment from "moment";
 export default {
+  components: {
+    historyimg
+  },
   data() {
     return {
       dyOptions: [{ id: 0, name: "全部" }], //电压数据
@@ -435,6 +440,11 @@ export default {
         }
       });
     },
+    //历史图片
+    handleHistory(){
+      this.$refs.historyimg_ref.display();
+      this.$refs.historyimg_ref.getdataform(this.selectRow);
+    },
     dateFormat(row, column) {
       var date = row[column.property];
       if (date == undefined) {