callback提交

src/router/index.js

@@ -1174,7 +1174,7 @@ export const asyncRoutes = [
             {
                 path: "scrbTest",
                 name: "scrbTest",
-                component: () => import("@/views/nxReport/scrbTest"),
+                component: () => import("@/views/nxReport/scrbTest/scrbCallback.vue"),
                 meta: {
                     title: "生产日报(试运行)",
                     icon: "svg-自定制报表管理",

src/views/nxReport/scrbTest/scrbCallback.vue

@@ -1,7 +1,36 @@
 <template>
   <div class="scrbCallback">
-      <h2>新能源分公司生产日报 2026-01-20</h2>
-      <div class="callbackTable">
+    <div class="main_top">
+      <div class="form-wrapper">
+        <div class="station">
+          时间
+          <el-date-picker
+            size="mini"
+            v-model="reportParamDate"
+            type="date"
+            value-format="YYYY-MM-DD"
+            placeholder="请选择"
+            popper-class="date-select"
+          >
+          </el-date-picker>
+        </div>
+        <div class="but">
+          <el-button type="primary" round size="mini">查询</el-button>
+          <el-button type="warning" round size="mini">保存</el-button>
+          <el-button
+            round
+            size="mini"
+            type="danger"
+            @click="exportPDFop"
+            :loading="loading"
+            >导出
+          </el-button>
+        </div>
+      </div>
+    </div>
+    <div class="main_bot">
+      <h2>新能源分公司生产日报 {{reportParamDate}}</h2>
+      <div class="callbackTable warn-table">
         <el-table :data="tableData" border style="width: 100%;">
           <el-table-column label="生产指标完成情况" align="center">
             <!-- 主要指标列 -->
@@ -28,9 +57,8 @@
               </el-table-column>
             </el-table-column>
           </el-table-column>
-          
         </el-table>
-        <el-table :data="tableData1" border style="width: 100%;">
+        <el-table :data="tableData1" border style="width: 100%;" class="tableH">
           <el-table-column label="当前运行方式" align="center">
             <el-table-column label="" prop="name" align="center" />
             <el-table-column label="" prop="phase1" align="center" />
@@ -45,8 +73,8 @@
         </el-table>
         <el-table :data="tableData2" border style="width: 100%;">
           <el-table-column label="风功率预测" align="center">
-            <el-table-column label="" prop="name1" align="center" />
-            <el-table-column label="" prop="name2" align="center" />
+            <el-table-column label="超短期功率预测准确率（%）" prop="name1" align="center" />
+            <el-table-column label="短期功率预测准确率（%）" prop="name2" align="center" />
           </el-table-column>
         </el-table>
         <el-table :data="tableData3" border style="width: 100%;">
@@ -83,13 +111,13 @@
             <el-table-column label="年发生" prop="phase1" align="center" />
           </el-table-column>
         </el-table>
-        <el-table :data="tableData5" border style="width: 100%;">
+        <el-table :data="tableData5" border style="width: 100%;" class="tableH">
           <el-table-column label="重要缺陷处理进度" align="center">
             <el-table-column label="" prop="name1" align="center" />
             <el-table-column label="" prop="phase1" align="center" />
           </el-table-column>
         </el-table>
-        <el-table :data="tableData6" border style="width: 100%;">
+        <el-table :data="tableData6" border style="width: 100%;" class="tableH">
           <el-table-column label="主要工作" align="center">
             <el-table-column label="" prop="name1" align="center" />
             <el-table-column label="" prop="phase1" align="center" />
@@ -97,12 +125,15 @@
         </el-table>
       </div>
     </div>
+  </div>
 </template>
 
 <script>
+import dayjs from "dayjs";
 export default {
   data() {
     return {
+      reportParamDate: "",
       tableData: [],
       tableData1: [],
       tableData2: [],
@@ -113,6 +144,7 @@ export default {
     }
   },
   mounted() {
+    this.reportParamDate = dayjs(new Date()).format("YYYY-MM-DD")
     this.tableData = [
       {
         indicator: '风机发电数量（台）',
@@ -322,31 +354,31 @@ export default {
     this.tableData1 = [
       {
         name: "惠安风电",
-        phase1: "-",
-        phase2: "-",
-        phase3: "-",
-        phase4: "-",
-        phase5: "-",
-        phase6: "-",
-        phase7: "-",
-        phase8: "-",
+        phase1: "#1主变",
+        phase2: "宋四风场线",
+        phase3: "35kv集电一线",
+        phase4: "35kv集电三线",
+        phase5: "#1接地变",
+        phase6: "#1SVG",
+        phase7: "一期风机",
+        phase8: "运行25台，故障0台",
       },
       {
         name: "惠安风电",
-        phase1: "-",
-        phase2: "-",
-        phase3: "-",
-        phase4: "-",
-        phase5: "-",
-        phase6: "-",
-        phase7: "-",
-        phase8: "-",
+        phase1: "#2主变",
+        phase2: "110kv母线",
+        phase3: "35kv集电二线",
+        phase4: "35kv集电四线",
+        phase5: "#2接地变",
+        phase6: "#2SVG",
+        phase7: "二期风机",
+        phase8: "运行25台，故障0台",
       }
     ]
     this.tableData2 = [
       {
-        name1: "超短期功率预测准确率（%）",
-        name2: "短期功率预测准确率（%）"
+        name1: "-",
+        name2: "-"
       }
     ]
     this.tableData3 = [
@@ -381,51 +413,85 @@ export default {
 .scrbCallback{
   width: 100%;
   height: 100%;
-  padding: 0 10px;
+  padding: 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;
-                        }
-                    }
-                }
-            }
-        }
+  .main_top {
+    height: 40px;
+    display: flex;
+    align-items: center;
 
-        .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;
-                        }
-                    }
+    .form-wrapper {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      margin: 10px 0 10px 20px;
 
-                    .el-table__row--striped {
-                        .el-table__cell {
-                            background: #202329;
-                        }
-                    }
-                }
-            }
+      .station {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        font-size: 14px;
+        font-family: Microsoft YaHei;
+        font-weight: 400;
+        color: #b3b3b3;
+        margin-right: 10px;
+      }
+
+      .search-input {
+        margin-left: 10px;
+      }
+
+      .but {
+        display: flex;
+        flex-direction: row;
+        align-content: center;
+        margin-left: 20px;
+      }
+
+      .buttons {
+        background-color: rgba(5, 187, 76, 0.2);
+        border: 1px solid #3b6c53;
+        color: #b3b3b3;
+        font-size: 14px;
+
+        &:hover {
+          background-color: rgba(5, 187, 76, 0.5);
+          color: #ffffff;
         }
+      }
+    }
+  }
+  .main_bot{
+    .callbackTable{
+      .el-table {
+          .el-table__header-wrapper {
+              .el-table__header {
+                  thead {
+                      tr {
+                        background: #e4e4e4 !important;
+                          th {
+                              background: #284071 !important;
+                              border: 1px solid #fff !important; // 确保文本垂直居中
+                          }
+                          .el-table__cell {
+                            line-height: 50px;
+                            border: 1px solid #fff !important; // 确保文本垂直居中
+                          }
+                      }
+                  }
+              }
+          }
+      }
+      .tableH{
+        .el-table__header thead tr:nth-child(2) th {
+          display: none;
+        }
+      }
     }
   }
+  
 }