diff --git a/src/api/ManufacturingCenter/EquipmentMonitoring.js b/src/api/ManufacturingCenter/EquipmentMonitoring.js
index 867714f8..f38dab0e 100644
--- a/src/api/ManufacturingCenter/EquipmentMonitoring.js
+++ b/src/api/ManufacturingCenter/EquipmentMonitoring.js
@@ -28,7 +28,31 @@ export function searchtooltip(num) {
     method: 'post',
     data: {
       type: '1',
-      name: 'MES_机加工MES_工位零件图号查询',
+      name: 'MES_机加工MES_工位零件图号查询_设备监控',
+      param: '工位号=' + num
+    }
+  })
+}
+// 查询工位状态
+export function getOP_state2(num) {
+  return request({
+    url: '',
+    method: 'post',
+    data: {
+      type: '1',
+      name: 'MES_机加工MES_设备数据采集_工位状态_查询_按工位号',
+      param: '工位号=' + num
+    }
+  })
+}
+// 查询待加工零件
+export function getDaijiagong(num) {
+  return request({
+    url: '',
+    method: 'post',
+    data: {
+      type: '1',
+      name: 'MES_机加工MES_待加工零件_查询_设备监控',
       param: '工位号=' + num
     }
   })
diff --git a/src/assets/img/img26.jpg b/src/assets/img/img26.jpg
new file mode 100644
index 00000000..cde40701
Binary files /dev/null and b/src/assets/img/img26.jpg differ
diff --git a/src/utils/request.js b/src/utils/request.js
index 25262f70..0965402e 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -24,7 +24,7 @@ export const downloadFileMachine = `http://192.168.1.231:8411/submit/downloadFil
 export const MESUploadFile = `http://192.168.1.231:8411/submit/MESUploadFile.ashx`
 export const MESDownloadFile = `http://192.168.1.231:8411/submit/MESDownloadFile.ashx`
 const service = axios.create({
-  baseURL: `http://192.168.1.231:8411/submit/MESCommonBase.ashx`,
+  baseURL: `http://192.168.0.110:8005/submit/MESCommonBase.ashx`,
   timeout: 1500000 // 请求超时时间
 })
 export default service
diff --git a/src/views/ManufacturingCenter/EquipmentMonitoring/index.vue b/src/views/ManufacturingCenter/EquipmentMonitoring/index.vue
index 50e85d8d..71659433 100644
--- a/src/views/ManufacturingCenter/EquipmentMonitoring/index.vue
+++ b/src/views/ManufacturingCenter/EquipmentMonitoring/index.vue
@@ -1,356 +1,522 @@
 <template>
   <el-card>
     <div class="process">
-      <div :id="OPNAME137" :title="tooltip" style="position: relative;left:48px;top:375px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <!--<div :id="OPNAME137+fang" class="fang"/>-->
-          <div :id="OPNAME137+circle" class="circle" style="margin-left: 11px;"/>
-          <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME137 }}</div>
-        </el-row>
-      </div>
-      <div :id="OPNAME138" :title="tooltip" style="position: relative;left:48px;top:382px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <!--<div :id="OPNAME138+fang" class="fang"/>-->
-          <div :id="OPNAME138+circle" class="circle" style="margin-left: 11px;"/>
-          <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME138 }}</div>
-        </el-row>
-      </div>
-      <div :id="OPNAME139" :title="tooltip" style="position: relative;left:48px;top:389px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <!--<div :id="OPNAME139+fang" class="fang"/>-->
-          <div :id="OPNAME139+circle" class="circle" style="margin-left: 11px;"/>
-          <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME139 }}</div>
-        </el-row>
-      </div>
-      <div :id="OPNAME140" :title="tooltip" style="position: relative;left:48px;top:396px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <!--<div :id="OPNAME140+fang" class="fang"/>-->
-          <div :id="OPNAME140+circle" class="circle" style="margin-left: 11px;"/>
-          <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME140 }}</div>
-        </el-row>
-      </div>
-      <div :id="OPNAME141" :title="tooltip" style="position: relative;left:48px;top:403px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <!--<div :id="OPNAME141+fang" class="fang"/>-->
-          <div :id="OPNAME141+circle" class="circle" style="margin-left: 11px;"/>
-          <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME141 }}</div>
-        </el-row>
-      </div>
-      <div :id="OPNAME142" :title="tooltip" style="position: relative;left:48px;top:410px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <!--<div :id="OPNAME142+fang" class="fang"/>-->
-          <div :id="OPNAME142+circle" class="circle" style="margin-left: 11px;"/>
-          <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME142 }}</div>
-        </el-row>
-      </div>
-      <div :id="OPNAME143" :title="tooltip" style="position: relative;left:48px;top:417px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <!--<div :id="OPNAME143+fang" class="fang"/>-->
-          <div :id="OPNAME143+circle" class="circle" style="margin-left: 11px;"/>
-          <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME143 }}</div>
-        </el-row>
-      </div>
-      <div :id="OPNAME144" :title="tooltip" style="position: relative;left:48px;top:424px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <!--<div :id="OPNAME144+fang" class="fang"/>-->
-          <div :id="OPNAME144+circle" class="circle" style="margin-left: 11px;"/>
-          <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME144 }}</div>
-        </el-row>
-      </div>
-      <div :id="OPNAME136" :title="tooltip" style="position: relative;left:149px;top:395px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <!--<div :id="OPNAME136+fang" class="fang"/>-->
-          <div :id="OPNAME136+circle" class="circle" style="margin-left: 11px;"/>
-          <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME136 }}</div>
-        </el-row>
-      </div>
-      <div :id="OPNAME102" :title="tooltip" style="position: relative;left:788px;top:76px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <div style="float: left;text-align: center;width: 60px;line-height: 12px;font-size: 15px;font-weight: bold">{{ OPNAME102 }}</div>
-          <div :id="OPNAME102+circle" class="circle"/>
-          <!--<div :id="OPNAME102+fang" class="fang" style="margin-left: 9px"/>-->
-        </el-row>
-      </div>
-      <div :id="OPNAME103" :title="tooltip" style="position: relative;left:788px;top:71px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <div style="float: left;text-align: center;width: 60px;line-height: 12px;font-size: 15px;font-weight: bold">{{ OPNAME103 }}</div>
-          <div :id="OPNAME103+circle" class="circle"/>
-          <!--<div :id="OPNAME103+fang" class="fang" style="margin-left: 9px"/>-->
-        </el-row>
-      </div>
-      <div :id="OPNAME104" :title="tooltip" style="position: relative;left:788px;top:66px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <div style="float: left;text-align: center;width: 60px;line-height: 12px;font-size: 15px;font-weight: bold">{{ OPNAME104 }}</div>
-          <div :id="OPNAME104+circle" class="circle"/>
-          <!--<div :id="OPNAME104+fang" class="fang" style="margin-left: 9px"/>-->
-        </el-row>
-      </div>
-      <div :id="OPNAME105" :title="tooltip" style="position: relative;left:788px;top:61px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <div style="float: left;text-align: center;width: 60px;line-height: 12px;font-size: 15px;font-weight: bold">{{ OPNAME105 }}</div>
-          <div :id="OPNAME105+circle" class="circle"/>
-          <!--<div :id="OPNAME105+fang" class="fang" style="margin-left: 9px"/>-->
-        </el-row>
-      </div>
-      <div :id="OPNAME145" :title="tooltip" style="position: relative;left:788px;top:55px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <div style="float: left;text-align: center;width: 60px;line-height: 12px;font-size: 15px;font-weight: bold">{{ OPNAME145 }}</div>
-          <div :id="OPNAME145+circle" class="circle"/>
-          <!--<div :id="OPNAME105+fang" class="fang" style="margin-left: 9px"/>-->
-        </el-row>
-      </div>
-      <div :id="OPNAME106" :title="tooltip" style="position: relative;left:788px;top:50px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <div style="float: left;text-align: center;width: 60px;line-height: 12px;font-size: 15px;font-weight: bold">{{ OPNAME106 }}</div>
-          <div :id="OPNAME106+circle" class="circle"/>
-          <!--<div :id="OPNAME106+fang" class="fang" style="margin-left: 9px"/>-->
-        </el-row>
-      </div>
-      <div :id="OPNAME107" :title="tooltip" style="position: relative;left:788px;top:43px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <div style="float: left;text-align: center;width: 60px;line-height: 12px;font-size: 15px;font-weight: bold">{{ OPNAME107 }}</div>
-          <div :id="OPNAME107+circle" class="circle"/>
-          <!--<div :id="OPNAME107+fang" class="fang" style="margin-left: 9px"/>-->
-        </el-row>
-      </div>
-      <div :id="OPNAME108" :title="tooltip" style="position: relative;left:788px;top:38px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <div style="float: left;text-align: center;width: 60px;line-height: 12px;font-size: 15px;font-weight: bold">{{ OPNAME108 }}</div>
-          <div :id="OPNAME108+circle" class="circle"/>
-          <!--<div :id="OPNAME108+fang" class="fang" style="margin-left: 9px"/>-->
-        </el-row>
-      </div>
-      <div :id="OPNAME109" :title="tooltip" style="position: relative;left:788px;top:32px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <div style="float: left;text-align: center;width: 60px;line-height: 12px;font-size: 15px;font-weight: bold">{{ OPNAME109 }}</div>
-          <div :id="OPNAME109+circle" class="circle"/>
-          <!--<div :id="OPNAME109+fang" class="fang" style="margin-left: 9px"/>-->
-        </el-row>
-      </div>
-      <div :id="OPNAME110" :title="tooltip" style="position: relative;left:788px;top:27px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <div style="float: left;text-align: center;width: 60px;line-height: 12px;font-size: 15px;font-weight: bold">{{ OPNAME110 }}</div>
-          <div :id="OPNAME110+circle" class="circle"/>
-          <!--<div :id="OPNAME110+fang" class="fang" style="margin-left: 9px"/>-->
-        </el-row>
-      </div>
-      <div :id="OPNAME111" :title="tooltip" style="position: relative;left:788px;top:21px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <div style="float: left;text-align: center;width: 60px;line-height: 12px;font-size: 15px;font-weight: bold">{{ OPNAME111 }}</div>
-          <div :id="OPNAME111+circle" class="circle"/>
-          <!--<div :id="OPNAME111+fang" class="fang" style="margin-left: 9px"/>-->
-        </el-row>
-      </div>
-      <div :id="OPNAME112" :title="tooltip" style="position: relative;left:788px;top:15px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <div style="float: left;text-align: center;width: 60px;line-height: 12px;font-size: 15px;font-weight: bold">{{ OPNAME112 }}</div>
-          <div :id="OPNAME112+circle" class="circle"/>
-          <!--<div :id="OPNAME112+fang" class="fang" style="margin-left: 9px"/>-->
-        </el-row>
-      </div>
-      <div :id="OPNAME113" :title="tooltip" style="position: relative;left:889px;top:-300px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <div style="float: left;text-align: center;width: 60px;line-height: 12px;font-size: 15px;font-weight: bold">{{ OPNAME113 }}</div>
-          <div :id="OPNAME113+circle" class="circle"/>
-          <!--<div :id="OPNAME113+fang" class="fang" style="margin-left: 12px"/>-->
-        </el-row>
-      </div>
-      <div :id="OPNAME114" :title="tooltip" style="position: relative;left:889px;top:-245px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <div style="float: left;text-align: center;width: 60px;line-height: 12px;font-size: 15px;font-weight: bold">{{ OPNAME114 }}</div>
-          <div :id="OPNAME114+circle" class="circle"/>
-          <!--<div :id="OPNAME114+fang" class="fang" style="margin-left: 12px"/>-->
-        </el-row>
-      </div>
-      <div :id="OPNAME101" :title="tooltip" style="position: relative;left:895px;top:-225px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <div style="float: left;text-align: center;width: 60px;line-height: 12px;font-size: 15px;font-weight: bold">{{ OPNAME101 }}</div>
-          <div :id="OPNAME101+circle" class="circle"/>
-          <!--<div :id="OPNAME101+fang" class="fang" style="margin-left: 12px"/>-->
-        </el-row>
-      </div>
-      <div :id="OPNAME149" :title="tooltip" style="position: relative;left:895px;top:-190px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <div style="float: left;text-align: center;width: 60px;line-height: 12px;font-size: 15px;font-weight: bold">{{ OPNAME149 }}</div>
-          <div :id="OPNAME149+circle" class="circle"/>
-          <!--<div :id="OPNAME149+fang" class="fang" style="margin-left: 12px"/>-->
-        </el-row>
-      </div>
-      <div :id="OPNAME115" :title="tooltip" style="position: relative;left:895px;top:-186px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <div style="float: left;text-align: center;width: 60px;line-height: 12px;font-size: 15px;font-weight: bold">{{ OPNAME115 }}</div>
-          <div :id="OPNAME115+circle" class="circle"/>
-          <!--<div :id="OPNAME115+fang" class="fang" style="margin-left: 9px"/>-->
-        </el-row>
-      </div>
-      <div :id="OPNAME116" :title="tooltip" style="position: relative;left:895px;top:-152px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <div style="float: left;text-align: center;width: 60px;line-height: 12px;font-size: 15px;font-weight: bold">{{ OPNAME116 }}</div>
-          <div :id="OPNAME116+circle" class="circle"/>
-          <!--<div :id="OPNAME116+fang" class="fang" style="margin-left: 9px"/>-->
-        </el-row>
-      </div>
-      <div :id="OPNAME117" :title="tooltip" style="position: relative;left:895px;top:-150px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <div style="float: left;text-align: center;width: 60px;line-height: 12px;font-size: 15px;font-weight: bold">{{ OPNAME117 }}</div>
-          <div :id="OPNAME117+circle" class="circle"/>
-          <!--<div :id="OPNAME117+fang" class="fang" style="margin-left: 9px"/>-->
-        </el-row>
-      </div>
-      <div :id="OPNAME118" :title="tooltip" style="position: relative;left:1032px;top:-381px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <!--<div :id="OPNAME118+fang" class="fang"/>-->
-          <div :id="OPNAME118+circle" class="circle" style="margin-left: 13px"/>
-          <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME118 }}</div>
-        </el-row>
-      </div>
-      <div :id="OPNAME119" :title="tooltip" style="position: relative;left:1032px;top:-366px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <!--<div :id="OPNAME119+fang" class="fang"/>-->
-          <div :id="OPNAME119+circle" class="circle" style="margin-left: 13px"/>
-          <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME119 }}</div>
-        </el-row>
-      </div>
-      <div :id="OPNAME120" :title="tooltip" style="position: relative;left:1032px;top:-350px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <!--<div :id="OPNAME120+fang" class="fang"/>-->
-          <div :id="OPNAME120+circle" class="circle" style="margin-left: 13px"/>
-          <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME120 }}</div>
-        </el-row>
-      </div>
-      <div :id="OPNAME121" :title="tooltip" style="position: relative;left:1032px;top:-255px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <!--<div :id="OPNAME121+fang" class="fang"/>-->
-          <div :id="OPNAME121+circle" class="circle" style="margin-left: 13px"/>
-          <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME121 }}</div>
-        </el-row>
-      </div>
-      <div :id="OPNAME122" :title="tooltip" style="position: relative;left:1032px;top:-175px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <!--<div :id="OPNAME122+fang" class="fang"/>-->
-          <div :id="OPNAME122+circle" class="circle" style="margin-left: 13px"/>
-          <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME122 }}</div>
-        </el-row>
-      </div>
-      <div :id="OPNAME123" :title="tooltip" style="position: relative;left:1128px;top:-685px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <!--<div :id="OPNAME123+fang" class="fang"/>-->
-          <div :id="OPNAME123+circle" class="circle" style="margin-left: 13px"/>
-          <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME123 }}</div>
-        </el-row>
-      </div>
-      <div :id="OPNAME124" :title="tooltip" style="position: relative;left:1128px;top:-666px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <!--<div :id="OPNAME124+fang" class="fang"/>-->
-          <div :id="OPNAME124+circle" class="circle" style="margin-left: 13px"/>
-          <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME124 }}</div>
-        </el-row>
-      </div>
-      <div :id="OPNAME125" :title="tooltip" style="position: relative;left:1128px;top:-651px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <!--<div :id="OPNAME125+fang" class="fang"/>-->
-          <div :id="OPNAME125+circle" class="circle" style="margin-left: 13px"/>
-          <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME125 }}</div>
-        </el-row>
-      </div>
-      <div :id="OPNAME126" :title="tooltip" style="position: relative;left:1128px;top:-635px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <!--<div :id="OPNAME126+fang" class="fang"/>-->
-          <div :id="OPNAME126+circle" class="circle" style="margin-left: 13px"/>
-          <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME126 }}</div>
-        </el-row>
-      </div>
-      <div :id="OPNAME127" :title="tooltip" style="position: relative;left:1128px;top:-395px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <!--<div :id="OPNAME127+fang" class="fang"/>-->
-          <div :id="OPNAME127+circle" class="circle" style="margin-left: 13px"/>
-          <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME127 }}</div>
-        </el-row>
-      </div>
-      <div :id="OPNAME128" :title="tooltip" style="position: relative;left:1128px;top:-374px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <!--<div :id="OPNAME128+fang" class="fang"/>-->
-          <div :id="OPNAME128+circle" class="circle" style="margin-left: 13px"/>
-          <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME128 }}</div>
-        </el-row>
-      </div>
-      <div :id="OPNAME129" :title="tooltip" style="position: relative;left:1280px;top:-828px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <!--<div :id="OPNAME129+fang" class="fang"/>-->
-          <div :id="OPNAME129+circle" class="circle" style="margin-left: 13px"/>
-          <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME129 }}</div>
-        </el-row>
-      </div>
-      <div :id="OPNAME130" :title="tooltip" style="position: relative;left:1280px;top:-818px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <!--<div :id="OPNAME130+fang" class="fang"/>-->
-          <div :id="OPNAME130+circle" class="circle" style="margin-left: 13px"/>
-          <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME130 }}</div>
-        </el-row>
-      </div>
-      <div :id="OPNAME131" :title="tooltip" style="position: relative;left:1280px;top:-778px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <!--<div :id="OPNAME131+fang" class="fang"/>-->
-          <div :id="OPNAME131+circle" class="circle" style="margin-left: 13px"/>
-          <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME131 }}</div>
-        </el-row>
-      </div>
-      <div :id="OPNAME132" :title="tooltip" style="position: relative;left:1280px;top:-700px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <!--<div :id="OPNAME132+fang" class="fang"/>-->
-          <div :id="OPNAME132+circle" class="circle" style="margin-left: 13px"/>
-          <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME132 }}</div>
-        </el-row>
-      </div>
-      <div :id="OPNAME133" :title="tooltip" style="position: relative;left:1283px;top:-697px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <!--<div :id="OPNAME133+fang" class="fang"/>-->
-          <div :id="OPNAME133+circle" class="circle" style="margin-left: 10px"/>
-          <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME133 }}</div>
-        </el-row>
-      </div>
-      <div :id="OPNAME134" :title="tooltip" style="position: relative;left:1280px;top:-605px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <!--<div :id="OPNAME134+fang" class="fang"/>-->
-          <div :id="OPNAME134+circle" class="circle" style="margin-left: 13px"/>
-          <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME134 }}</div>
-        </el-row>
-      </div>
-      <div :id="OPNAME135" :title="tooltip" style="position: relative;left:1280px;top:-590px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <!--<div :id="OPNAME135+fang" class="fang"/>-->
-          <div :id="OPNAME135+circle" class="circle" style="margin-left: 13px"/>
-          <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME135 }}</div>
-        </el-row>
-      </div>
-      <div :id="OPNAME146" :title="tooltip" style="position: relative;left:1450px;top:-1057px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <!--<div :id="OPNAME135+fang" class="fang"/>-->
-          <div :id="OPNAME146+circle" class="circle" style="margin-left: 13px"/>
-          <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME146 }}</div>
-        </el-row>
-      </div>
-      <div :id="OPNAME148" :title="tooltip" style="position: relative;left:1568px;top:-1085px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <!--<div :id="OPNAME135+fang" class="fang"/>-->
-          <div :id="OPNAME148+circle" class="circle" style="margin-left: 13px"/>
-          <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME148 }}</div>
-        </el-row>
-      </div>
-      <div :id="OPNAME147" :title="tooltip" style="position: relative;left:1336px;top:-548px; width: 100px;height: 28px;" @mouseover="changeActive($event)" @mouseout="removeActive($event)" @click="opclickshowPanel($event)">
-        <el-row>
-          <div style="float: left;text-align: center;width: 60px;line-height: 12px;font-size: 15px;font-weight: bold">{{ OPNAME147 }}</div>
-          <div :id="OPNAME147+circle" class="circle"/>
-          <!--<div :id="OPNAME117+fang" class="fang" style="margin-left: 9px"/>-->
-        </el-row>
-      </div>
+      <el-tooltip :enterable="false" :id="OPNAME137" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME137" :title="tooltip" style="position: relative;left:48px;top:375px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <!--<div :id="OPNAME137+fang" class="fang"/>-->
+            <div :id="OPNAME137+circle" class="circle" style="margin-left: 11px;"/>
+            <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME137 }}</div>
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME138" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME138" :title="tooltip" style="position: relative;left:48px;top:382px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <!--<div :id="OPNAME138+fang" class="fang"/>-->
+            <div :id="OPNAME138+circle" class="circle" style="margin-left: 11px;"/>
+            <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME138 }}</div>
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME139" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME139" :title="tooltip" style="position: relative;left:48px;top:389px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <!--<div :id="OPNAME139+fang" class="fang"/>-->
+            <div :id="OPNAME139+circle" class="circle" style="margin-left: 11px;"/>
+            <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME139 }}</div>
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME140" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME140" :title="tooltip" style="position: relative;left:48px;top:396px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <!--<div :id="OPNAME140+fang" class="fang"/>-->
+            <div :id="OPNAME140+circle" class="circle" style="margin-left: 11px;"/>
+            <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME140 }}</div>
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME141" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME141" :title="tooltip" style="position: relative;left:48px;top:403px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <!--<div :id="OPNAME141+fang" class="fang"/>-->
+            <div :id="OPNAME141+circle" class="circle" style="margin-left: 11px;"/>
+            <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME141 }}</div>
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME142" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME142" :title="tooltip" style="position: relative;left:48px;top:410px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <!--<div :id="OPNAME142+fang" class="fang"/>-->
+            <div :id="OPNAME142+circle" class="circle" style="margin-left: 11px;"/>
+            <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME142 }}</div>
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME143" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME143" :title="tooltip" style="position: relative;left:48px;top:417px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <!--<div :id="OPNAME143+fang" class="fang"/>-->
+            <div :id="OPNAME143+circle" class="circle" style="margin-left: 11px;"/>
+            <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME143 }}</div>
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME144" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME144" :title="tooltip" style="position: relative;left:48px;top:424px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <!--<div :id="OPNAME144+fang" class="fang"/>-->
+            <div :id="OPNAME144+circle" class="circle" style="margin-left: 11px;"/>
+            <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME144 }}</div>
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME136" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME136" :title="tooltip" style="position: relative;left:149px;top:395px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <!--<div :id="OPNAME136+fang" class="fang"/>-->
+            <div :id="OPNAME136+circle" class="circle" style="margin-left: 11px;"/>
+            <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME136 }}</div>
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME102" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME102" :title="tooltip" style="position: relative;left:788px;top:76px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <div style="float: left;text-align: center;width: 60px;line-height: 12px;font-size: 15px;font-weight: bold">{{ OPNAME102 }}</div>
+            <div :id="OPNAME102+circle" class="circle"/>
+            <!--<div :id="OPNAME102+fang" class="fang" style="margin-left: 9px"/>-->
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME103" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME103" :title="tooltip" style="position: relative;left:788px;top:71px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <div style="float: left;text-align: center;width: 60px;line-height: 12px;font-size: 15px;font-weight: bold">{{ OPNAME103 }}</div>
+            <div :id="OPNAME103+circle" class="circle"/>
+            <!--<div :id="OPNAME103+fang" class="fang" style="margin-left: 9px"/>-->
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME104" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME104" :title="tooltip" style="position: relative;left:788px;top:66px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <div style="float: left;text-align: center;width: 60px;line-height: 12px;font-size: 15px;font-weight: bold">{{ OPNAME104 }}</div>
+            <div :id="OPNAME104+circle" class="circle"/>
+            <!--<div :id="OPNAME104+fang" class="fang" style="margin-left: 9px"/>-->
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME105" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME105" :title="tooltip" style="position: relative;left:788px;top:61px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <div style="float: left;text-align: center;width: 60px;line-height: 12px;font-size: 15px;font-weight: bold">{{ OPNAME105 }}</div>
+            <div :id="OPNAME105+circle" class="circle"/>
+            <!--<div :id="OPNAME105+fang" class="fang" style="margin-left: 9px"/>-->
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME145" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME145" :title="tooltip" style="position: relative;left:788px;top:55px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <div style="float: left;text-align: center;width: 60px;line-height: 12px;font-size: 15px;font-weight: bold">{{ OPNAME145 }}</div>
+            <div :id="OPNAME145+circle" class="circle"/>
+            <!--<div :id="OPNAME105+fang" class="fang" style="margin-left: 9px"/>-->
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME106" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME106" :title="tooltip" style="position: relative;left:788px;top:50px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <div style="float: left;text-align: center;width: 60px;line-height: 12px;font-size: 15px;font-weight: bold">{{ OPNAME106 }}</div>
+            <div :id="OPNAME106+circle" class="circle"/>
+            <!--<div :id="OPNAME106+fang" class="fang" style="margin-left: 9px"/>-->
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME107" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME107" :title="tooltip" style="position: relative;left:788px;top:43px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <div style="float: left;text-align: center;width: 60px;line-height: 12px;font-size: 15px;font-weight: bold">{{ OPNAME107 }}</div>
+            <div :id="OPNAME107+circle" class="circle"/>
+            <!--<div :id="OPNAME107+fang" class="fang" style="margin-left: 9px"/>-->
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME108" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME108" :title="tooltip" style="position: relative;left:788px;top:38px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <div style="float: left;text-align: center;width: 60px;line-height: 12px;font-size: 15px;font-weight: bold">{{ OPNAME108 }}</div>
+            <div :id="OPNAME108+circle" class="circle"/>
+            <!--<div :id="OPNAME108+fang" class="fang" style="margin-left: 9px"/>-->
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME109" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME109" :title="tooltip" style="position: relative;left:788px;top:32px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <div style="float: left;text-align: center;width: 60px;line-height: 12px;font-size: 15px;font-weight: bold">{{ OPNAME109 }}</div>
+            <div :id="OPNAME109+circle" class="circle"/>
+            <!--<div :id="OPNAME109+fang" class="fang" style="margin-left: 9px"/>-->
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME110" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME110" :title="tooltip" style="position: relative;left:788px;top:27px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <div style="float: left;text-align: center;width: 60px;line-height: 12px;font-size: 15px;font-weight: bold">{{ OPNAME110 }}</div>
+            <div :id="OPNAME110+circle" class="circle"/>
+            <!--<div :id="OPNAME110+fang" class="fang" style="margin-left: 9px"/>-->
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME111" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME111" :title="tooltip" style="position: relative;left:788px;top:21px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <div style="float: left;text-align: center;width: 60px;line-height: 12px;font-size: 15px;font-weight: bold">{{ OPNAME111 }}</div>
+            <div :id="OPNAME111+circle" class="circle"/>
+            <!--<div :id="OPNAME111+fang" class="fang" style="margin-left: 9px"/>-->
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME112" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME112" :title="tooltip" style="position: relative;left:788px;top:15px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <div style="float: left;text-align: center;width: 60px;line-height: 12px;font-size: 15px;font-weight: bold">{{ OPNAME112 }}</div>
+            <div :id="OPNAME112+circle" class="circle"/>
+            <!--<div :id="OPNAME112+fang" class="fang" style="margin-left: 9px"/>-->
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME113" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME113" :title="tooltip" style="position: relative;left:889px;top:-300px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <div style="float: left;text-align: center;width: 60px;line-height: 12px;font-size: 15px;font-weight: bold">{{ OPNAME113 }}</div>
+            <div :id="OPNAME113+circle" class="circle"/>
+            <!--<div :id="OPNAME113+fang" class="fang" style="margin-left: 12px"/>-->
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME114" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME114" :title="tooltip" style="position: relative;left:889px;top:-245px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <div style="float: left;text-align: center;width: 60px;line-height: 12px;font-size: 15px;font-weight: bold">{{ OPNAME114 }}</div>
+            <div :id="OPNAME114+circle" class="circle"/>
+            <!--<div :id="OPNAME114+fang" class="fang" style="margin-left: 12px"/>-->
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME101" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME101" :title="tooltip" style="position: relative;left:895px;top:-225px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <div style="float: left;text-align: center;width: 60px;line-height: 12px;font-size: 15px;font-weight: bold">{{ OPNAME101 }}</div>
+            <div :id="OPNAME101+circle" class="circle"/>
+            <!--<div :id="OPNAME101+fang" class="fang" style="margin-left: 12px"/>-->
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME149" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME149" :title="tooltip" style="position: relative;left:895px;top:-190px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <div style="float: left;text-align: center;width: 60px;line-height: 12px;font-size: 15px;font-weight: bold">{{ OPNAME149 }}</div>
+            <div :id="OPNAME149+circle" class="circle"/>
+            <!--<div :id="OPNAME149+fang" class="fang" style="margin-left: 12px"/>-->
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME115" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME115" :title="tooltip" style="position: relative;left:895px;top:-186px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <div style="float: left;text-align: center;width: 60px;line-height: 12px;font-size: 15px;font-weight: bold">{{ OPNAME115 }}</div>
+            <div :id="OPNAME115+circle" class="circle"/>
+            <!--<div :id="OPNAME115+fang" class="fang" style="margin-left: 9px"/>-->
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME116" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME116" :title="tooltip" style="position: relative;left:895px;top:-152px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <div style="float: left;text-align: center;width: 60px;line-height: 12px;font-size: 15px;font-weight: bold">{{ OPNAME116 }}</div>
+            <div :id="OPNAME116+circle" class="circle"/>
+            <!--<div :id="OPNAME116+fang" class="fang" style="margin-left: 9px"/>-->
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME117" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME117" :title="tooltip" style="position: relative;left:895px;top:-150px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <div style="float: left;text-align: center;width: 60px;line-height: 12px;font-size: 15px;font-weight: bold">{{ OPNAME117 }}</div>
+            <div :id="OPNAME117+circle" class="circle"/>
+            <!--<div :id="OPNAME117+fang" class="fang" style="margin-left: 9px"/>-->
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME118" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME118" :title="tooltip" style="position: relative;left:1032px;top:-381px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <!--<div :id="OPNAME118+fang" class="fang"/>-->
+            <div :id="OPNAME118+circle" class="circle" style="margin-left: 13px"/>
+            <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME118 }}</div>
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME119" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME119" :title="tooltip" style="position: relative;left:1032px;top:-366px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <!--<div :id="OPNAME119+fang" class="fang"/>-->
+            <div :id="OPNAME119+circle" class="circle" style="margin-left: 13px"/>
+            <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME119 }}</div>
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME120" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME120" :title="tooltip" style="position: relative;left:1032px;top:-350px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <!--<div :id="OPNAME120+fang" class="fang"/>-->
+            <div :id="OPNAME120+circle" class="circle" style="margin-left: 13px"/>
+            <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME120 }}</div>
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME121" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME121" :title="tooltip" style="position: relative;left:1032px;top:-255px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <!--<div :id="OPNAME121+fang" class="fang"/>-->
+            <div :id="OPNAME121+circle" class="circle" style="margin-left: 13px"/>
+            <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME121 }}</div>
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME122" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME122" :title="tooltip" style="position: relative;left:1032px;top:-175px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <!--<div :id="OPNAME122+fang" class="fang"/>-->
+            <div :id="OPNAME122+circle" class="circle" style="margin-left: 13px"/>
+            <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME122 }}</div>
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME123" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME123" :title="tooltip" style="position: relative;left:1128px;top:-685px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <!--<div :id="OPNAME123+fang" class="fang"/>-->
+            <div :id="OPNAME123+circle" class="circle" style="margin-left: 13px"/>
+            <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME123 }}</div>
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME124" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME124" :title="tooltip" style="position: relative;left:1128px;top:-666px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <!--<div :id="OPNAME124+fang" class="fang"/>-->
+            <div :id="OPNAME124+circle" class="circle" style="margin-left: 13px"/>
+            <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME124 }}</div>
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME125" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME125" :title="tooltip" style="position: relative;left:1128px;top:-651px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <!--<div :id="OPNAME125+fang" class="fang"/>-->
+            <div :id="OPNAME125+circle" class="circle" style="margin-left: 13px"/>
+            <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME125 }}</div>
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME126" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME126" :title="tooltip" style="position: relative;left:1128px;top:-635px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <!--<div :id="OPNAME126+fang" class="fang"/>-->
+            <div :id="OPNAME126+circle" class="circle" style="margin-left: 13px"/>
+            <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME126 }}</div>
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME127" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME127" :title="tooltip" style="position: relative;left:1128px;top:-395px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <!--<div :id="OPNAME127+fang" class="fang"/>-->
+            <div :id="OPNAME127+circle" class="circle" style="margin-left: 13px"/>
+            <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME127 }}</div>
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME128" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME128" :title="tooltip" style="position: relative;left:1128px;top:-374px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <!--<div :id="OPNAME128+fang" class="fang"/>-->
+            <div :id="OPNAME128+circle" class="circle" style="margin-left: 13px"/>
+            <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME128 }}</div>
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME129" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME129" :title="tooltip" style="position: relative;left:1280px;top:-828px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <!--<div :id="OPNAME129+fang" class="fang"/>-->
+            <div :id="OPNAME129+circle" class="circle" style="margin-left: 13px"/>
+            <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME129 }}</div>
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME130" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME130" :title="tooltip" style="position: relative;left:1280px;top:-818px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <!--<div :id="OPNAME130+fang" class="fang"/>-->
+            <div :id="OPNAME130+circle" class="circle" style="margin-left: 13px"/>
+            <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME130 }}</div>
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME131" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME131" :title="tooltip" style="position: relative;left:1280px;top:-778px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <!--<div :id="OPNAME131+fang" class="fang"/>-->
+            <div :id="OPNAME131+circle" class="circle" style="margin-left: 13px"/>
+            <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME131 }}</div>
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME132" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME132" :title="tooltip" style="position: relative;left:1280px;top:-700px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <!--<div :id="OPNAME132+fang" class="fang"/>-->
+            <div :id="OPNAME132+circle" class="circle" style="margin-left: 13px"/>
+            <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME132 }}</div>
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME133" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME133" :title="tooltip" style="position: relative;left:1283px;top:-697px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <!--<div :id="OPNAME133+fang" class="fang"/>-->
+            <div :id="OPNAME133+circle" class="circle" style="margin-left: 10px"/>
+            <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME133 }}</div>
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME134" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME134" :title="tooltip" style="position: relative;left:1280px;top:-605px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <!--<div :id="OPNAME134+fang" class="fang"/>-->
+            <div :id="OPNAME134+circle" class="circle" style="margin-left: 13px"/>
+            <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME134 }}</div>
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME135" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME135" :title="tooltip" style="position: relative;left:1280px;top:-590px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <!--<div :id="OPNAME135+fang" class="fang"/>-->
+            <div :id="OPNAME135+circle" class="circle" style="margin-left: 13px"/>
+            <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME135 }}</div>
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME146" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME146" :title="tooltip" style="position: relative;left:1460px;top:-1057px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <!--<div :id="OPNAME135+fang" class="fang"/>-->
+            <!--<div :id="OPNAME146+circle" class="circle" style="margin-left: 13px"/>-->
+            <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME146 }}</div>
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME148" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :id="OPNAME148" :title="tooltip" style="position: relative;left:1578px;top:-1085px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <!--<div :id="OPNAME135+fang" class="fang"/>-->
+            <!--<div :id="OPNAME148+circle" class="circle" style="margin-left: 13px"/>-->
+            <div style="float: left;text-align: center;width: 50px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ OPNAME148 }}</div>
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="OPNAME147" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}<br>单击查看MES系统</div>
+        <div :title="tooltip" style="position: relative;left:1346px;top:-548px; width: 100px;height: 28px;" @click="opclickshowPanel($event)">
+          <el-row>
+            <div style="float: left;text-align: center;width: 60px;line-height: 12px;font-size: 15px;font-weight: bold">{{ OPNAME147 }}</div>
+            <!--<div :id="OPNAME147+circle" class="circle"/>-->
+            <!--<div :id="OPNAME117+fang" class="fang" style="margin-left: 9px"/>-->
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="机床总装" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}</div>
+        <div :title="tooltip" style="position: relative;left:520px;top:-1170px; width: 100px;height: 28px;">
+          <el-row>
+            <!--<div :id="机床总装+circle" class="circle" style="margin-left: 13px"/>-->
+            <div style="float: left;text-align: center;width: 60px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ 机床总装 }}</div>
+          </el-row>
+        </div>
+      </el-tooltip>
+      <el-tooltip :enterable="false" :id="部件装配" placement="top" @mouseover.native.prevent="changeActive($event)">
+        <div slot="content">{{ tooltip1 }}<br>{{ tooltip2 }}<br>{{ tooltip3 }}</div>
+        <div :title="tooltip" style="position: relative;left:660px;top:-1198px; width: 100px;height: 28px;">
+          <el-row>
+            <!--<div :id="部件装配+circle" class="circle" style="margin-left: 13px"/>-->
+            <div style="float: left;text-align: center;width: 60px;line-height: 12px;font-size: 15px;font-weight: bold;margin-left: 3px">{{ 部件装配 }}</div>
+          </el-row>
+        </div>
+      </el-tooltip>
     </div>
   </el-card>
 </template>
 
 <script>
 import $ from 'jquery'
-import { getwork_state, getOP_state, searchtooltip } from '@/api/ManufacturingCenter/EquipmentMonitoring'
+import { mapGetters } from 'vuex'
+import { getwork_state, getOP_state, searchtooltip, getOP_state2, getDaijiagong } from '@/api/ManufacturingCenter/EquipmentMonitoring'
 import { wsuri, name3 } from '@/utils/request'
 export default {
   data() {
@@ -358,7 +524,12 @@ export default {
       fang: '_fang',
       circle: '_circle',
       tooltip: '',
+      tooltip1: '',
+      tooltip2: '',
+      tooltip3: '',
       socketConnect: true,
+      机床总装: '机床总装',
+      部件装配: '部件装配',
       OPNAME101: 'OP1010',
       OPNAME102: 'OP1020',
       OPNAME103: 'OP1030',
@@ -412,9 +583,19 @@ export default {
       opname: ''
     }
   },
+  computed: {
+    ...mapGetters([
+      'sidebar'
+    ])
+  },
+  watch: {
+    sidebar(val) {
+      console.log(val)
+    }
+  },
   mounted() {
     this.connect()
-    this.getwork_state()
+    // this.getwork_state()
     this.getOP_state()
     this.timer = setInterval(this.getwork_state, 60 * 1000) // 工位状态 60秒 一刷新
   },
@@ -426,7 +607,6 @@ export default {
     // 工作状态 0 黄色 1 绿色
     getwork_state() {
       this.getOP_state()
-
       // function opclickshowPanel() {
       //   console.log(this.opname)
       //   if (this.opname != undefined) {
@@ -434,9 +614,7 @@ export default {
       //     window.open(aaa)
       //   }
       // }
-
       getwork_state().then(response => {
-        console.log(response.data)
         // 通过jQuery添加类选择器和移除类选择器
         for (let i = 0; i < response.data.length; i++) {
           // 点击工位事件
@@ -490,18 +668,86 @@ export default {
     },
     // 鼠标移入加入class
     changeActive($event) {
-      searchtooltip($event.path[2].id).then(response => {
-        console.log(response.data)
-        if (response.data.length > 0) {
-          if (response.data[0].工艺计划流水号 === 0) {
-            response.data[0].零件图号_零件工艺计划 = '-'
-          }
-          this.tooltip = '当前正在加工:' + response.data[0].零件图号_零件工艺计划
+      if ($event.path[2].id) {
+        this.tooltip1 = ''
+        this.tooltip2 = ''
+        this.tooltip3 = ''
+        if ($event.path[2].id === '机床总装') {
+          this.tooltip1 = '无装配机床'
+        } else if ($event.path[2].id === '部件装配') {
+          this.tooltip1 = '无装配部件'
+        } else if ($event.path[2].id === 'OP1470') {
+          searchtooltip($event.path[2].id).then(response => {
+            if (response.data[0].工艺计划流水号 === 0 || response.data[0].工艺计划流水号 === null) {
+              this.tooltip1 = '设备名称：' + response.data[0].设备名称
+              getDaijiagong($event.path[2].id).then(res1 => {
+                if (res1.data.length !== 0) {
+                  this.tooltip3 = '待热处理零件：' + res1.data[0].零件图号
+                } else {
+                  this.tooltip3 = '无零件热处理'
+                }
+              })
+            } else {
+              this.tooltip1 = '设备名称：' + response.data[0].设备名称
+              this.tooltip3 = '正在热处理：' + response.data[0].零件图号_零件工艺计划
+            }
+            this.tooltip2 = ''
+          })
+        } else if ($event.path[2].id === 'OP1460') {
+          searchtooltip($event.path[2].id).then(response => {
+            if (response.data[0].工艺计划流水号 === 0 || response.data[0].工艺计划流水号 === null) {
+              this.tooltip1 = '设备名称：' + response.data[0].设备名称
+              getDaijiagong($event.path[2].id).then(res1 => {
+                if (res1.data.length !== 0) {
+                  this.tooltip3 = '待处理零件：' + res1.data[0].零件图号
+                } else {
+                  this.tooltip3 = '无零件待处理'
+                }
+              })
+            } else {
+              this.tooltip1 = '设备名称：' + response.data[0].设备名称
+              this.tooltip3 = '正在处理：' + response.data[0].零件图号_零件工艺计划
+            }
+            this.tooltip2 = ''
+          })
+        } else if ($event.path[2].id === 'OP1480') {
+          searchtooltip($event.path[2].id).then(response => {
+            if (response.data[0].工艺计划流水号 === 0 || response.data[0].工艺计划流水号 === null) {
+              this.tooltip1 = '设备名称：' + response.data[0].设备名称
+              getDaijiagong($event.path[2].id).then(res1 => {
+                if (res1.data.length !== 0) {
+                  this.tooltip3 = '待处理零件：' + res1.data[0].零件图号
+                } else {
+                  this.tooltip3 = '无零件待处理'
+                }
+              })
+            } else {
+              this.tooltip1 = '设备名称：' + response.data[0].设备名称
+              this.tooltip3 = '正在处理：' + response.data[0].零件图号_零件工艺计划
+            }
+            this.tooltip2 = ''
+          })
         } else {
-          this.tooltip = '没有零件加工'
+          searchtooltip($event.path[2].id).then(response => {
+            if (response.data[0].工艺计划流水号 === 0 || response.data[0].工艺计划流水号 === null) {
+              this.tooltip1 = '设备名称：' + response.data[0].设备名称
+              getDaijiagong($event.path[2].id).then(res1 => {
+                if (res1.data.length !== 0) {
+                  this.tooltip3 = '待加工零件：' + res1.data[0].零件图号
+                } else {
+                  this.tooltip3 = '无加工零件'
+                }
+              })
+            } else {
+              this.tooltip1 = '设备名称：' + response.data[0].设备名称
+              this.tooltip3 = '正在加工零件：' + response.data[0].零件图号_零件工艺计划
+            }
+            getOP_state2($event.path[2].id).then(res => {
+              if (res.data[0].状态代码 === '1') { this.tooltip2 = '设备状态：关机' } else if (res.data[0].状态代码 === '2') { this.tooltip2 = '设备状态：等待' } else if (res.data[0].状态代码 === '3') { this.tooltip2 = '设备状态：运行' } else if (res.data[0].状态代码 === '4') { this.tooltip2 = '设备状态：报警' }
+            })
+          })
         }
-      })
-      // $event.currentTarget.className="active";
+      }
     },
     removeActive($event) {
       // $event.currentTarget.className="";
@@ -588,8 +834,7 @@ export default {
     websocketerror() {
       console.log('WebSocket连接失败')
       this.socketConnect = false
-    },
-    searchState() {}
+    }
   }
 }
 </script>
@@ -602,7 +847,7 @@ export default {
     width: 1690px;
     height: 830px;
     /*border: 1px solid red;*/
-    background: url('../../../assets/img/img25.png') repeat;
+    background: url('../../../assets/img/img26.jpg') repeat;
     background-repeat:no-repeat;
     background-size:100% 100%;-moz-background-size:100% 100%;
   }