功率曲线拟合模块i需改

src/views/sampleDatabase/totalCurve/chart.vue

@@ -74,54 +74,66 @@
           </el-table>
         </div>
         <div class="r">
-          <el-table
-            :data="lassoTable"
-            style="width: 100%; height: 600px; overflow-y: scroll"
-            height="250"
-            border
-            row-key="value"
-          >
-            <el-table-column prop="label" label="故障分类" width="130" />
-            <el-table-column prop="warntime" label="故障时间" align="center" />
-            <el-table-column prop="warndes" label="故障描述" align="center" />
-            <el-table-column
-              prop="model"
-              label="机型"
-              align="center"
-              width="100"
-            />
-          </el-table>
-          <el-table
-            :data="lassoTable"
-            style="width: 100%; height: 600px; overflow-y: scroll"
-            height="250"
-            border
-            v-if="false"
-          >
-            <el-table-column type="expand">
-              <template #default="props">
-                <el-table
-                  :data="props.row.children"
-                  style="width: 100%"
-                  height="250"
-                  border
-                >
-                  <el-table-column
-                    prop="warntime"
-                    label="故障时间"
-                    align="center"
-                  />
-                  <el-table-column
-                    prop="warndes"
-                    label="故障描述"
-                    align="center"
-                  />
-                  <el-table-column prop="model" label="机型" align="center" />
-                </el-table>
-              </template>
-            </el-table-column>
-            <el-table-column prop="label" label="故障类型" />
-          </el-table>
+          <el-tabs v-model="activeName" @tab-click="getLassoData">
+            <el-tab-pane
+              label="SCADA报警"
+              name="SCADA报警"
+              style="width: 100%; heigth: 100%"
+            >
+              <el-table
+                :data="lassoTable"
+                style="width: 100%; height: 600px; overflow-y: scroll"
+                height="250"
+                border
+                row-key="value"
+              >
+                <el-table-column prop="label" label="故障分类" width="130" />
+                <el-table-column
+                  prop="warntime"
+                  label="故障时间"
+                  align="center"
+                />
+                <el-table-column
+                  prop="warndes"
+                  label="故障描述"
+                  align="center"
+                />
+                <el-table-column
+                  prop="model"
+                  label="机型"
+                  align="center"
+                  width="100"
+                />
+              </el-table>
+            </el-tab-pane>
+            <el-tab-pane label="自定义报警" name="自定义报警">
+              <el-table
+                :data="lassoTable"
+                style="width: 100%; height: 600px; overflow-y: scroll"
+                height="250"
+                border
+                row-key="value"
+              >
+                <el-table-column prop="label" label="故障分类" width="130" />
+                <el-table-column
+                  prop="warntime"
+                  label="故障时间"
+                  align="center"
+                />
+                <el-table-column
+                  prop="warndes"
+                  label="故障描述"
+                  align="center"
+                />
+                <el-table-column
+                  prop="model"
+                  label="机型"
+                  align="center"
+                  width="100"
+                />
+              </el-table>
+            </el-tab-pane>
+          </el-tabs>
         </div>
       </div>
       <template #footer>
@@ -183,6 +195,7 @@ export default {
       gzItem: null,
       currentNodeKey: "",
       lassoTimeArray: [],
+      activeName: "SCADA报警",
       lassoTable: [],
     };
   },
@@ -193,6 +206,7 @@ export default {
   methods: {
     getLassoData() {
       const that = this;
+      that.lassoTable = [];
       that.API.requestData({
         method: "POST",
         baseURL: "http://192.168.10.5:9002/",
@@ -201,6 +215,7 @@ export default {
           station: that.station,
           wtid: that.wtId,
           time: that.lassoTimeArray.toString(),
+          category: that.activeName === "SCADA报警" ? "windturbine" : "custom",
         },
         success(res) {
           let lassoTable = res.data;
@@ -527,6 +542,7 @@ export default {
     .l,
     .r {
       width: 50%;
+      height: 100%;
     }
   }
 }
@@ -541,5 +557,24 @@ export default {
   .el-table__expand-icon {
     color: #b3bdc0;
   }
+  .el-tabs__item.is-active {
+    color: #05bb4c;
+  }
+
+  .el-tabs__active-bar {
+    background: #05bb4c;
+  }
+
+  .el-tabs__item {
+    color: #7a8385;
+  }
+
+  .el-tabs__item:hover {
+    color: #05bb4c;
+  }
+
+  .el-tabs__nav-wrap::after {
+    background: #7a8385;
+  }
 }
 </style>