vue2-client 1.22.20 → 1.22.22

package/src/base-client/components/common/XInspectionDetailDrawer/components/AiDeviceStatus.vue

@@ -106,7 +106,7 @@
                       :image-size="60"
                       :gap="8"
                       :no-preview="true"
-                      @image-click="handleFileImageClick"
+                      @image-click="handleFileImageAnnotationShow(item.inspectorImg, item)"
                       :ref="el => registerFig(el)"
                     />
                     <span v-else></span></div>
@@ -171,7 +171,7 @@
                       :image-size="60"
                       :gap="8"
                       :no-preview="true"
-                      @image-click="handleFileImageClick"
+                      @image-click="handleFileImageAnnotationShow(item.aiImg, item)"
                       :ref="el => registerFig(el)"
                     />
                     <span v-else></span></div>
@@ -188,6 +188,15 @@
           <p style="color: #999; margin-top: 16px;">暂无设备信息</p>
         </div>
       </div>
+
+      <ImageAnnotationShow
+        v-if="imageAnnotationShow"
+        fullScreenMode
+        @closeFullscreen="imageAnnotationShow = false"
+        ref="annotationShow"
+        :image-url="currentResult.imageUrl"
+        :annotations="currentResult.annotations"
+      />
     </a-card>
   </div>
 </template>
@@ -195,12 +204,14 @@
 <script>
 import {FileImageGroup} from '@vue2-client/base-client/components/common/FileImage'
 import DeviceIcon from './DeviceIcon.vue'
+import ImageAnnotationShow from './ImageAnnotationShow.vue'
 
 export default {
   name: 'AiDeviceStatus',
   components: {
     FileImageGroup,
-    DeviceIcon
+    DeviceIcon,
+    ImageAnnotationShow
   },
   inject: {
     serviceName: {default: ''}
@@ -234,7 +245,12 @@ export default {
   data () {
     return {
       /** 储存本组件内所有 FileImageGroup 实例（通过函数 ref 注册） */
-      figInstances: []
+      figInstances: [],
+      imageAnnotationShow: false,
+      currentResult: {
+        imageUrl: '',
+        annotations: []
+      }
     }
   },
   watch: {
@@ -340,6 +356,11 @@ export default {
         const globalIdx = url ? urls.indexOf(url) : Math.min(index, urls.length - 1)
         this.$emit('preview-photos', urls, globalIdx >= 0 ? globalIdx : 0)
       }
+    },
+    handleFileImageAnnotationShow (url, row) {
+      this.currentResult.imageUrl = url
+      this.currentResult.annotations = row.detection ? [row.detection] : []
+      this.imageAnnotationShow = true
     }
   }
 }