|
@@ -73,6 +73,69 @@
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
</div>
|
|
|
+
|
|
|
+ <!-- 入库信息 -->
|
|
|
+<!--
|
|
|
+ <div class="BOX">
|
|
|
+ <h3 class="centeredh3">入库数据 <span @click="more">更多</span></h3>
|
|
|
+ <div>
|
|
|
+ <el-table
|
|
|
+ :data="tableData"
|
|
|
+ :max-height="maxHeight"
|
|
|
+ ref="shujuscroll_Table"
|
|
|
+ strip
|
|
|
+ id="Tabtab"
|
|
|
+ show-overflow-tooltip
|
|
|
+ :header-cell-style="{ backgroundColor: 'red' }"
|
|
|
+ >
|
|
|
+ <el-table-column
|
|
|
+ prop="windFarmName"
|
|
|
+ label="风场名称"
|
|
|
+ width="100"
|
|
|
+ show-overflow-tooltip
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="date"
|
|
|
+ label="时间"
|
|
|
+ width="100"
|
|
|
+ show-overflow-tooltip
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="dataType"
|
|
|
+ label="数据类型"
|
|
|
+ show-overflow-tooltip
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <el-dialog title="入库信息" :visible.sync="dialogTableVisible">
|
|
|
+ <el-button size="small" @click="importdata">导入数据</el-button>
|
|
|
+ <el-table :data="gridData">
|
|
|
+ <el-table-column
|
|
|
+ property="date"
|
|
|
+ label="风场名称"
|
|
|
+ width="150"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ property="name"
|
|
|
+ label="SCADA分钟级"
|
|
|
+ width="200"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column property="address" label="SCADA秒级"></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ property="address"
|
|
|
+ label="故障数据
|
|
|
+
|
|
|
+"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column property="address" label="报警数据"></el-table-column>
|
|
|
+ <el-table-column property="address" label="振动数据"></el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </el-dialog> -->
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -102,8 +165,38 @@ export default {
|
|
|
abnormal: "",
|
|
|
glShow: false,
|
|
|
YCShow: false,
|
|
|
+ dialogTableVisible: false,
|
|
|
glData: [],
|
|
|
FXData: [],
|
|
|
+ tableData: [
|
|
|
+ {
|
|
|
+ windFarmName: "风场A",
|
|
|
+ date: "2023-01-01",
|
|
|
+ dataType: "风速数据",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ windFarmName: "风场B",
|
|
|
+ date: "2023-01-02",
|
|
|
+ dataType: "温度数据",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ windFarmName: "风场C",
|
|
|
+ date: "2023-01-03",
|
|
|
+ dataType: "湿度数据",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ windFarmName: "风场D",
|
|
|
+ date: "2023-01-04",
|
|
|
+ dataType: "风向数据",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ windFarmName: "风场D",
|
|
|
+ date: "2023-01-04",
|
|
|
+ dataType: "风向数据",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ maxHeight: "200",
|
|
|
+ gridData:[]
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
@@ -162,6 +255,13 @@ export default {
|
|
|
newWindow.postMessage({ fieldName, errState }, "*");
|
|
|
};
|
|
|
},
|
|
|
+
|
|
|
+ more() {
|
|
|
+ this.dialogTableVisible = true;
|
|
|
+ },
|
|
|
+ importdata(){
|
|
|
+ window.open(this.$router.resolve({ path: "/transition" }).href, "_blank");
|
|
|
+ }
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
@@ -182,9 +282,19 @@ export default {
|
|
|
padding-bottom: 15px;
|
|
|
color: #fff;
|
|
|
border-radius: 5px;
|
|
|
+ margin-bottom: 10px;
|
|
|
h3 {
|
|
|
margin-top: 5px;
|
|
|
}
|
|
|
+ .centeredh3 {
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ span {
|
|
|
+ font-size: 12px;
|
|
|
+ padding-right: 10px;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.YC01 {
|
|
@@ -285,5 +395,62 @@ export default {
|
|
|
margin: 0 45px 0 30px;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+#Tabtab {
|
|
|
+ font-size: 12px;
|
|
|
+}
|
|
|
+
|
|
|
+::v-deep.el-table .el-table__cell {
|
|
|
+ padding: 2px 0 !important;
|
|
|
+}
|
|
|
+
|
|
|
+/* 去掉最下面的那一条线 */
|
|
|
+.el-table::before {
|
|
|
+ height: 0px;
|
|
|
+}
|
|
|
+
|
|
|
+/* 滚动条样式 */
|
|
|
+::v-deep .el-table__body-wrapper::-webkit-scrollbar-track {
|
|
|
+ background-color: #004f5f;
|
|
|
+}
|
|
|
+
|
|
|
+::v-deep .el-table__body-wrapper::-webkit-scrollbar {
|
|
|
+ width: 0px;
|
|
|
+ opacity: 0.5;
|
|
|
+}
|
|
|
+
|
|
|
+::v-deep .el-table__body-wrapper::-webkit-scrollbar-thumb {
|
|
|
+ border-radius: 15px;
|
|
|
+ // background-color: rgba(0, 79, 95, 0.75);
|
|
|
+}
|
|
|
+
|
|
|
+// 。。。。。。。。。。。。。。。。。。。。。。。。。。
|
|
|
+#Tabtab {
|
|
|
+ font-size: 12px;
|
|
|
+}
|
|
|
+
|
|
|
+::v-deep.el-table .el-table__cell {
|
|
|
+ padding: 2px 0 !important;
|
|
|
+}
|
|
|
+
|
|
|
+/* 去掉最下面的那一条线 */
|
|
|
+.el-table::before {
|
|
|
+ height: 0px;
|
|
|
+}
|
|
|
+
|
|
|
+/* 滚动条样式 */
|
|
|
+::v-deep .el-table__body-wrapper::-webkit-scrollbar-track {
|
|
|
+ background-color: #004f5f;
|
|
|
+}
|
|
|
+
|
|
|
+::v-deep .el-table__body-wrapper::-webkit-scrollbar {
|
|
|
+ width: 0px;
|
|
|
+ opacity: 0.5;
|
|
|
+}
|
|
|
+
|
|
|
+::v-deep .el-table__body-wrapper::-webkit-scrollbar-thumb {
|
|
|
+ border-radius: 15px;
|
|
|
+ // background-color: rgba(0, 79, 95, 0.75);
|
|
|
+}
|
|
|
</style>
|
|
|
|