优化

src/views/alarmHandling/index.vue

@@ -209,18 +209,17 @@
               v-if="selectRow.path !== '' && tableData.length !== 0"
             >
               <!-- v-viewer="OptionssalseImg" -->
-              <img
+              <img ref="picJpg" class="animImg" :src="photoPic + '!1366x768'" />
-                ref="picJpg"
-                class="animImg"
-                @load="imgOnload"
-                :src="photoPic + '!1366x768'"
-              />
               <canvas id="myCanvas" class="myCanvas" ref="myCanvas"></canvas>
             </div>
             <img
               ref="picJpg"
               src="../../assets/img/nopic.jpg"
-              v-if="selectRow.path == '' || tableData.length == 0"
+              v-if="
+                selectRow.path == '' ||
+                selectRow.path == null ||
+                tableData.length == 0
+              "
             />
           </div>
           <div class="editorBtn">
@@ -233,7 +232,7 @@
             >
             <el-button
               type="primary"
-              @click="handleHistory"
+              @click="handleHistory(selectRow)"
               :disabled="tableData.length == 0"
               >历史图片</el-button
             >
@@ -265,6 +264,11 @@
               </div>
               <div class="picshow" @click="handlePicAlarm(item)">
                 <img
+                  v-if="item.path == '' || null"
+                  src="../../assets/img/nodatapic2.jpg"
+                />
+                <img
+                  v-else
                   :id="'img' + index"
                   :ref="'imgref' + index"
                   :src="item.path + '!1366x768'"
@@ -759,8 +763,10 @@ export default {
       //this.$refs.multipleTable.toggleRowSelection(row);
       console.log(this.$refs.picJpg.complete);
       this.alarmLoading = true;
+      if (row.path == "" || row.path == null) {
+        this.alarmLoading = false;
+      }
       this.photoPic = row.path;
-
       this.selectRow = row;
       //未读变已读
       if (row.isread == 0) {