库位看板调整

src/views/ccgl/dpkb/22kwkb/dialog.vue

 <template>
   <DefaultDialog :appendToBody='false' :app='app'>
     <div slot="form" class="min_full" style="height: 60vh;">
-      <div id='infoCar' ref="infoCar" class="infoCar">
+      <div  ref="infoBox" class="infoCar">
       </div>
 
       <svgComponent st ref="svgComponent" />
@@ -32,7 +32,7 @@
     },
     mounted() {
       this.$nextTick(()=>{
-        var infoBox = this.$refs.infoCar;
+        var infoBox = this.$refs.infoBox;
         console.log(this.$refs.svgComponent)
         $(this.$refs.svgComponent.$el).find("[TAGID]").attr("fill", 'red').each((index, element)=> {
           element.addEventListener('mouseover', function(event) {
@@ -56,10 +56,6 @@
             // 隐藏信息框
             infoBox.style.display = 'none';
           });
-          element.addEventListener('click', (event)=>{
-            // 隐藏信息框
-            this.showDialog=true
-          });
         });
       })
     },

src/views/ccgl/dpkb/22kwkb/index.vue

 <template>
-  <div id='lxylkwkb01' class="min_full dbAllBody  ">
+  <div ref='lxylkwkb01' class="min_full dbAllBody  ">
     <Dialog :svgComponent='svgComponent' :app='this' v-if="showDialog" />
     <!-- 绝对定位展示框-->
-    <div id='infoCar' class="infoCar">
+    <div ref="infoBox" class="infoCar">
     </div>
     <!-- 日期内容-->
     <span class='kbtime'>{{newTime}}</span>
@@ -681,11 +681,11 @@
           this.getzbt()
 
 
-        $('#lxylkwkb01').dblclick(() => {
-          fullScreen(document.getElementById('lxylkwkb01'));
+        $(this.$refs.lxylkwkb01).dblclick(() => {
+          fullScreen(this.$refs.lxylkwkb01);
         })
         /* 改变触摸事件*/
-        var infoBox = document.getElementById('infoCar');
+        var infoBox = this.$refs.infoBox
 
         $(this.$refs.svg).find("[TAGID]").attr("fill", 'red').each((index, element) => {
           element.addEventListener('mouseover', function(event) {
@@ -716,6 +716,7 @@
             if( hjsvg[$(element).attr('HJ')]){
               this.svgComponent =  hjsvg[$(element).attr('HJ')]
               // 隐藏信息框
+              // this.DialogTitle= $(element).attr('TAGID')+'货架详情'
               this.showDialog = true
             }else{
               this.$warning('暂未配置货架点位')