样式

src/components/area/windturbine/BasicInformationDetail.vue

@@ -120,7 +120,7 @@ export default {
 
 <style scoped>
 .firstdiv {
-  height: 49vh;
+  height: 50vh;
 }
 .onediv {
   float: right;

src/components/area/windturbine/WindturbineDetailPages.vue

@@ -72,35 +72,35 @@
         <el-tab-pane label="基本信息">
           <BasicInformationDetail ref="BasicInfo"></BasicInformationDetail>
         </el-tab-pane>
-        <!-- <el-tab-pane label="机舱信息">
+        <el-tab-pane label="机舱信息" disabled>
           <BasicInformationDetail></BasicInformationDetail>
         </el-tab-pane>
-        <el-tab-pane label="故障信息">
+        <el-tab-pane label="故障信息" disabled>
           <BasicInformationDetail></BasicInformationDetail>
         </el-tab-pane>
-        <el-tab-pane label="齿轮箱" >
+        <el-tab-pane label="齿轮箱" disabled>
           <BasicInformationDetail></BasicInformationDetail>
         </el-tab-pane>
-        <el-tab-pane label="变桨">
+        <el-tab-pane label="变桨" disabled>
           <BasicInformationDetail></BasicInformationDetail>
         </el-tab-pane>
-        <el-tab-pane label="偏航">
+        <el-tab-pane label="偏航" disabled>
           <YawDetail></YawDetail>
         </el-tab-pane>
-        <el-tab-pane label="液压">
+        <el-tab-pane label="液压" disabled>
           <BasicInformationDetail></BasicInformationDetail>
         </el-tab-pane>
-        <el-tab-pane label="发电机">
+        <el-tab-pane label="发电机" disabled>
           <BasicInformationDetail></BasicInformationDetail>
-        </el-tab-pane> -->
+        </el-tab-pane>
       </el-tabs>
     </div>
   </el-dialog>
 </template>
 
 <script>
-/* import YawDetail from "./YawDetail.vue";
- */import BasicInformationDetail from "./BasicInformationDetail.vue";
+import YawDetail from "./YawDetail.vue";
+import BasicInformationDetail from "./BasicInformationDetail.vue";
 import UniformCodes from "../../../assets/script/UniformCodes";
 import {config} from '../../../config';
 import axios from 'axios';
@@ -108,7 +108,7 @@ import BackgroundData from "../../../assets/script/BackgroundData"
 
 export default {
   components: {
-    /* YawDetail, */
+    YawDetail, 
     BasicInformationDetail,
   },
   props: {

src/components/area/windturbine/YawDetail.vue

@@ -1,5 +1,11 @@
 <template>
-    <img style="float:left;" src="../../../assets/img/WindturbineDetailPages/偏航.png" object-fit="fill">
+    <div class="firstdiv">
+    <img
+      style="float: left; margin-left: 40px; margin-top: 90px;width:50vh;height:25vh;"
+      src="../../../assets/img/WindturbineDetailPages/变桨.png"
+      object-fit="fill"
+    />
+    <div class="twodiv">
     <table>
         <tr>
             <th>状态信息</th>
@@ -41,14 +47,53 @@
             <td>度</td>
         </tr>
     </table>
+    </div>
+  </div>
 </template>
 <script>
-import red from './red.vue'
-import green from './green.vue'
 
 export default{
     components: {
-        red,green
+        
     }
 }
 </script>
+
+<style scoped>
+.firstdiv {
+  height: 50vh;
+}
+.onediv {
+  float: right;
+  margin-right: 30px;
+}
+.twodiv {
+  float: right;
+  margin-right: 30px;
+}
+td:nth-child(1) {
+  height: 25px;
+  width: 130px;
+  text-align: right;
+}
+td:nth-child(2) {
+  width: 78px;
+  text-align: right;
+  color: rgb(5, 176, 71);
+}
+td:nth-child(3) {
+  text-align: center;
+  width: 30px;
+}
+tr:nth-child(1) {
+  font-size: 20px;
+  width: 90px;
+  text-align: right;
+}
+th {
+  height: 40px;
+}
+table{
+  margin-top: 30px;
+}
+</style>