添加报警钻取风机详情

src/components/area/AlarmArea.vue

@@ -18,6 +18,7 @@
                 'border-bottom':'solid 1px black'
               }"
       :cell-style="{ background: '#1e1e1e', color: 'rgb(220,220,220)',padding:'3px',fontSize:'12px'}"
+      @row-dblclick="itemDblclick"
       >
       <el-table-column
         prop="lastUpdateTime"
@@ -39,34 +40,30 @@
       </el-table-column>
     </el-table>
     </div>
-<!--     <div>
-      <table class="table-main">
-        <tr>
-          <td width="150px">时间</td>
-          <td idth="400px">描述</td>
-          <td width="50px">确认</td>
-        </tr>
-        <tr v-for="v in values" :key="v">
-          <td width="150px">{{ v.lastUpdateTime }}</td>
-          <td width="400px">{{ v.alertText }}</td>
-          <td width="50px"><input type="checkbox" disabled="disabled" /></td>
-        </tr>
-      </table>
-    </div> -->
   </gy-card>
+  <WindturbineDetailPages
+    v-model="dialogVisible"
+    :windturbine="currentWindturbine"
+  ></WindturbineDetailPages>
 </template>
 
 <script>
 import MessageBridge from "../../assets/script/MessageBridge";
+import WindturbineDetailPages from '../area/windturbine/WindturbineDetailPages.vue'
 export default {
   name: "AlarmArea",
+  components:{
+    WindturbineDetailPages,
+  },
   created: function () {
     this.initData();
   },
   props: {},
   data() {
     return {
-      values: ['-','-','-','-','-','-']
+      values: ['-','-','-','-','-','-'],
+      dialogVisible:false,
+      currentWindturbine: {},
     };
   },
   methods: {
@@ -87,6 +84,11 @@ export default {
       }
       console.log(val);
     },
+    itemDblclick(row){
+      if(row.category1!='FJ')return;
+      this.dialogVisible = true;
+      this.currentWindturbine=row;
+    },
   },
 };
 </script>

src/components/area/windturbine/WindturbineDetailPages.vue

@@ -9,27 +9,6 @@
     <div style="margin-top:-10px;">风机详情</div>
   </template>
     <div style="background-color: black;margin-top:-30px;margin-left:-10px;margin-right:-10px;margin-bottom:-30px;">
-      <!-- <div class="titeldiv">
-      <div class="chunkdiv" width="15%">
-        <img src="../../../assets/img/WindturbineDetailPages/pic_01.png"/>
-        <div>MA B401</div>
-      </div>
-      <div class="chunkdiv" width="15%">
-        <div>所属线路&emsp;</div>
-        <div>某某某1线</div>
-      </div>
-      <div class="chunkdiv" width="15%">
-        <div>机型&emsp;</div>
-        <div>GW1000</div>
-      </div>
-      <div class="chunkdiv" width="15%">
-        <div>告警时间：</div>
-        <div>2021年5月10日&emsp;12：23：31</div>
-      </div>
-      <div class="chunkdiv" width="15%">
-        <div>告警内容：</div>
-        <div>通讯中断</div>
-      </div> -->
       <table width="99.8%">
         <tr>
           <td>