优化

src/views/alarmHandling/components/historyimg.vue

@@ -5,8 +5,14 @@
     :close-on-click-modal="false"
     width="80%"
   >
-    <el-carousel :loop="false" :autoplay="false" height="600px" indicator-position="none" @change="changebtn">
+    <el-carousel
-      <el-carousel-item v-for="(item,index) in imglist" :key="index" >
+      :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>
@@ -18,7 +24,7 @@ export default {
   data() {
     return {
       isShow: false,
-      imglist:[],
+      imglist: [],
       page: 1, // 当前页数
       pageSize: 10, // 每页数量
       total: 0, //总条数
@@ -32,17 +38,15 @@ export default {
         channelId: val.channelId,
         termId: val.termId,
         pageindex: this.page,
-        pagesize: this.pageSize
+        pagesize: this.pageSize,
-      })
+      }).then((res) => {
-        .then((res) => {
+        this.imglist = res.data.list;
-          this.imglist = res.data.list;
+        this.total = res.data.total;
-          this.total = res.data.total;
+      });
-        })
     },
     //下一页
-    changebtn(e){
+    changebtn(e) {
-      console.log(e)
+      console.log(e);
-      
     },
     display() {
       this.isShow = true;
@@ -54,8 +58,7 @@ export default {
 };
 </script>
 <style lang="less" scoped>
-.imgnr{
+.imgnr {
   height: 600px;
 }
-
 </style>