sunzehao 12 godzin temu
rodzic
commit
52b6c477f0

+ 4 - 0
src/views/nxReport/scrbTest/index.vue

@@ -49,9 +49,11 @@ export default {
   height: 100%;
   .el-tabs{
     .el-tabs__content{
+      background: #061e29;
       .el-tab-pane{
         height: calc(100vh - 50px);
       }
+      
     }
   }
   .scrbReportNewBtn{
@@ -71,4 +73,6 @@ export default {
     }
   }
 }
+
+
 </style>

+ 293 - 5
src/views/nxReport/scrbTest/scrbCallback.vue

@@ -1,19 +1,307 @@
 <template>
   <div class="scrbCallback">
-    <span style="color: #000">test</span>
-  </div>
+      <h2>新能源分公司生产日报 2026-01-20</h2>
+      <div class="callbackTable">
+        <el-table :data="tableData" border style="width: 100%;">
+          <el-table-column label="生产指标完成情况" align="center">
+            <!-- 主要指标列 -->
+            <el-table-column prop="indicator" label="主要指标" width="300" />
+            <!-- 风电合计(惠安全场) -->
+            <el-table-column label="风电合计" align="center">
+              <el-table-column label="惠安全场" align="center">
+                <el-table-column prop="total_current" label="本期" />
+                <el-table-column prop="total_month" label="月累/均" />
+                <el-table-column prop="total_year" label="年累/均" />
+              </el-table-column>
+              <!-- 一期风机 -->
+              <el-table-column label="一期风机" align="center">
+                <el-table-column prop="phase1_current" label="本期" />
+                <el-table-column prop="phase1_month" label="月累/均" />
+                <el-table-column prop="phase1_year" label="年累/均" />
+              </el-table-column>
+
+              <!-- 二期风机 -->
+              <el-table-column label="二期风机" align="center">
+                <el-table-column prop="phase2_current" label="本期" />
+                <el-table-column prop="phase2_month" label="月累/均" />
+                <el-table-column prop="phase2_year" label="年累/均" />
+              </el-table-column>
+            </el-table-column>
+          </el-table-column>
+          
+        </el-table>
+      </div>
+    </div>
 </template>
 
 <script>
 export default {
-
+  data() {
+    return {
+      tableData: []
+    }
+  },
+  mounted() {
+    this.tableData = [
+      {
+        indicator: '风机发电数量(台)',
+        total_current: 50,
+        total_month: 50,
+        total_year: 50,
+        phase1_current: 25,
+        phase1_month: 25,
+        phase1_year: 25,
+        phase2_current: 25,
+        phase2_month: 25,
+        phase2_year: 25,
+      },
+      {
+        indicator: '发电量(万kW·h)\n计划',
+        total_current: '',
+        total_month: '',
+        total_year: '',
+        phase1_current: '',
+        phase1_month: '',
+        phase1_year: '',
+        phase2_current: '',
+        phase2_month: '',
+        phase2_year: '',
+      },
+      {
+        indicator: '发电量(万kW·h)\n实发',
+        total_current: '',
+        total_month: '',
+        total_year: '',
+        phase1_current: '区域集控.惠安风场.一期本期实际发电量',
+        phase1_month: '',
+        phase1_year: '',
+        phase2_current: '区域集控.惠安风场.二期本期实际发电量',
+        phase2_month: '',
+        phase2_year: '',
+      },
+      {
+        indicator: '利用小时数(h)',
+        total_current: '',
+        total_month: '',
+        total_year: '',
+        phase1_current: '',
+        phase1_month: '',
+        phase1_year: '',
+        phase2_current: '',
+        phase2_month: '',
+        phase2_year: '',
+      },
+      {
+        indicator: '平均风速(m/s)',
+        total_current: '',
+        total_month: '',
+        total_year: '',
+        phase1_current: '区域集控.惠安风场.一期本期平均风速',
+        phase1_month: '',
+        phase1_year: '',
+        phase2_current: '区域集控.惠安风场.二期本期平均风速',
+        phase2_month: '',
+        phase2_year: '',
+      },
+      {
+        indicator: '上网电量(万kWh)',
+        total_current: '区域集控.惠安风场.全场本期上网电量',
+        total_month: '',
+        total_year: '',
+        phase1_current: '',
+        phase1_month: '',
+        phase1_year: '',
+        phase2_current: '',
+        phase2_month: '',
+        phase2_year: '',
+      },
+      {
+        indicator: '网购电量(万kWh)',
+        total_current: '区域集控.惠安风场.全场本期购网电量',
+        total_month: '',
+        total_year: '',
+        phase1_current: '',
+        phase1_month: '',
+        phase1_year: '',
+        phase2_current: '',
+        phase2_month: '',
+        phase2_year: '',
+      },
+      {
+        indicator: '限电量Y(万kWh)',
+        total_current: '区域集控.惠安风场.全场本期限电量',
+        total_month: '',
+        total_year: '',
+        phase1_current: '区域集控.惠安风场.一期本期限电量',
+        phase1_month: '',
+        phase1_year: '',
+        phase2_current: '',
+        phase2_month: '',
+        phase2_year: '',
+      },
+      {
+        indicator: '限电率Y(%)',
+        total_current: '',
+        total_month: '',
+        total_year: '',
+        phase1_current: '',
+        phase1_month: '',
+        phase1_year: '',
+        phase2_current: '',
+        phase2_month: '',
+        phase2_year: '',
+      },
+      {
+        indicator: '损失电量(万kWh)\n故障损失',
+        total_current: '区域集控.惠安风场.全场本期故障损失电量',
+        total_month: '',
+        total_year: '',
+        phase1_current: '区域集控.惠安风场.一期本期故障损失电量',
+        phase1_month: '',
+        phase1_year: '',
+        phase2_current: '',
+        phase2_month: '',
+        phase2_year: '',
+      },
+      {
+        indicator: '损失电量(万kWh)\n定检维护',
+        total_current: '区域集控.惠安风场.全场本期定检维护电量',
+        total_month: '',
+        total_year: '',
+        phase1_current: '区域集控.惠安风场.一期本期定检维护电量',
+        phase1_month: '',
+        phase1_year: '',
+        phase2_current: '',
+        phase2_month: '',
+        phase2_year: '',
+      },
+      {
+        indicator: '损失电量(万kWh)\n受累损失',
+        total_current: '区域集控.惠安风场.全场本期受累损失电量',
+        total_month: '',
+        total_year: '',
+        phase1_current: '区域集控.惠安风场.一期本期受累损失电量',
+        phase1_month: '',
+        phase1_year: '',
+        phase2_current: '',
+        phase2_month: '',
+        phase2_year: '',
+      },
+      {
+        indicator: '场用电量(万kWh)',
+        total_current: '区域集控.惠安风场.全场本期场用电量',
+        total_month: '区域集控.惠安风场.全场月累场用电量',
+        total_year: '区域集控.惠安风场.全场年累场用电量',
+        phase1_current: '',
+        phase1_month: '',
+        phase1_year: '',
+        phase2_current: '',
+        phase2_month: '',
+        phase2_year: '',
+      },
+      {
+        indicator: '场用电率(%)',
+        total_current: '',
+        total_month: '',
+        total_year: '',
+        phase1_current: '',
+        phase1_month: '',
+        phase1_year: '',
+        phase2_current: '',
+        phase2_month: '',
+        phase2_year: '',
+      },
+      {
+        indicator: '综合场用电量(万kWh)',
+        total_current: '',
+        total_month: '',
+        total_year: '',
+        phase1_current: '',
+        phase1_month: '',
+        phase1_year: '',
+        phase2_current: '',
+        phase2_month: '',
+        phase2_year: '',
+      },
+      {
+        indicator: '综合场用电率(%)',
+        total_current: '',
+        total_month: '',
+        total_year: '',
+        phase1_current: '',
+        phase1_month: '',
+        phase1_year: '',
+        phase2_current: '',
+        phase2_month: '',
+        phase2_year: '',
+      },
+      {
+        indicator: '设备可利用率(%)',
+        total_current: '',
+        total_month: '',
+        total_year: '',
+        phase1_current: '区域集控.惠安风场.一期本期设备可利用率',
+        phase1_month: '区域集控.惠安风场.一期月累设备可利用率',
+        phase1_year: '区域集控.惠安风场.一期年累设备可利用率',
+        phase2_current: '区域集控.惠安风场.二期本期设备可利用率',
+        phase2_month: '区域集控.惠安风场.二期月累设备可利用率',
+        phase2_year: '区域集控.惠安风场.二期年累设备可利用率',
+      },
+    ] 
+  }
 }
 </script>
 
 <style lang="less">
 .scrbCallback{
   width: 100%;
-  height: 100vh;
-  background: #fff;
+  height: 100%;
+  padding: 0 10px;
+  // background: #fff;
+  overflow-y: auto;
+  text-align: center;
+  .callbackTable{
+    .el-table {
+        .el-table__header-wrapper {
+            .el-table__header {
+                thead {
+                    tr {
+                        th {
+                            background: #284071 !important;
+                        }
+                    }
+                }
+            }
+        }
+
+        .el-table__body-wrapper {
+            .el-table__body {
+                tbody {
+                  tr {
+                    height: 50px; 
+                    
+                    .el-table__cell {
+                      line-height: 50px; // 确保文本垂直居中
+                    }
+                  }
+                    .el-table__row {
+                        .el-table__cell {
+                            background: #16181e;
+                            color: #989898;
+                        }
+                    }
+
+                    .el-table__row--striped {
+                        .el-table__cell {
+                            background: #202329;
+                        }
+                    }
+                }
+            }
+        }
+    }
+  }
 }
+
+
 </style>