修改有功功率排版

src/views/overview/components/power_curve/index.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2025-01-09 18:10:08
- * @LastEditTime: 2025-01-16 17:23:31
+ * @LastEditTime: 2025-01-16 17:32:41
  * @LastEditors: bogon
  * @Description: In User Settings Edit
  * @FilePath: /performance-test/src/views/overview/components/power_curve/index.vue
@@ -39,7 +39,16 @@
           :style="{ marginTop: '50px' }"
         >
           <el-row class="charts">
-            <el-col :span="12" :key="ind + 'leftTable'">
+            <el-col :span="24" :key="ind + 'rightTable'">
+              <div class="rightTable">
+                <PlotlyCharts
+                  :lineMarkerData="powerCurveDom.chartsData"
+                  :comType="'generalDrawing'"
+                  :inds="`zong${ind}`"
+                ></PlotlyCharts>
+              </div>
+            </el-col>
+            <el-col :span="24" :key="ind + 'leftTable'">
               <div class="leftTable">
                 <el-button
                   @click="
@@ -68,15 +77,6 @@
                 </el-table>
               </div>
             </el-col>
-            <el-col :span="12" :key="ind + 'rightTable'">
-              <div class="rightTable">
-                <PlotlyCharts
-                  :lineMarkerData="powerCurveDom.chartsData"
-                  :comType="'generalDrawing'"
-                  :inds="`zong${ind}`"
-                ></PlotlyCharts>
-              </div>
-            </el-col>
           </el-row>
         </template>
       </div>
@@ -90,7 +90,22 @@
         >
           <el-row class="charts">
             <el-col
-              :span="12"
+              v-if="
+                powerCurveDom && powerCurveDom.powerCurveTableData.length > 0
+              "
+              :key="ind + 'powerCurveDom' + 'rightTable'"
+              :span="24"
+            >
+              <div class="rightTable">
+                <PlotlyCharts
+                  :lineMarkerData="powerCurveDom.chartsData"
+                  :comType="'graph'"
+                  :inds="`fen${ind}`"
+                ></PlotlyCharts>
+              </div>
+            </el-col>
+            <el-col
+              :span="24"
               :key="ind + 'powerCurveDom' + 'leftTable'"
               v-if="
                 powerCurveDom && powerCurveDom.powerCurveTableData.length > 0
@@ -116,21 +131,7 @@
                 </el-table>
               </div>
             </el-col>
-            <el-col
-              v-if="
-                powerCurveDom && powerCurveDom.powerCurveTableData.length > 0
-              "
-              :key="ind + 'powerCurveDom' + 'rightTable'"
-              :span="12"
-            >
-              <div class="rightTable">
-                <PlotlyCharts
-                  :lineMarkerData="powerCurveDom.chartsData"
-                  :comType="'graph'"
-                  :inds="`fen${ind}`"
-                ></PlotlyCharts>
-              </div>
-            </el-col>
+
             <el-col v-else :span="24">
               <el-empty description="暂无分图"></el-empty>
             </el-col>