From d0f98ad8e1047e3161a458399ad3005404ed87b8 Mon Sep 17 00:00:00 2001
From: whychdw <496960745@qq.com>
Date: 星期五, 06 六月 2025 15:52:15 +0800
Subject: [PATCH] 标准参数管理
---
src/views/dcPowerStatus/standardParams.vue | 218 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 218 insertions(+), 0 deletions(-)
diff --git a/src/views/dcPowerStatus/standardParams.vue b/src/views/dcPowerStatus/standardParams.vue
new file mode 100644
index 0000000..0dc0d10
--- /dev/null
+++ b/src/views/dcPowerStatus/standardParams.vue
@@ -0,0 +1,218 @@
+<script setup name="StandardParams">
+import {ref} from "vue";
+import ycCard from "@/components/ycCard/index.vue";
+import PwButton from "@/components/pwButton.vue";
+import TabButton from "@/components/TabButton/index.vue";
+import HdwButton from "@/components/HdwButton/index.vue";
+import NoData from "@/components/noData.vue";
+const headers = [
+ {
+ prop: "standName",
+ label: "鏍囧噯缂栧彿",
+ width: "160",
+ },
+ {
+ prop: "paramType",
+ label: "鍙傛暟绫诲瀷",
+ width: "160",
+ },
+ {
+ prop: "basisVal",
+ label: "鍩哄噯鍊�",
+ width: "160",
+ },
+ {
+ prop: "alarmLimith",
+ label: "涓婇檺",
+ width: "160",
+ },
+ {
+ prop: "alarmLimithUpeper",
+ label: "涓婁笂闄�",
+ width: "160",
+ },
+ {
+ prop: "alarmLimitl",
+ label: "涓嬮檺",
+ width: "160",
+ },
+ {
+ prop: "alarmLimitlLower",
+ label: "涓嬩笅闄�",
+ width: "160",
+ },
+ {
+ prop: "fileName",
+ label: "瑙勮寖鏂囦欢鍚嶇О",
+ width: "160",
+ },
+];
+const listRef = ref([]);
+const acButton = ref(1);
+function changeAcButton(num) {
+ acButton.value = num;
+}
+
+const searchText = ref("");
+const downloadText =ref("");
+const fileList = ref([]);
+</script>
+
+<template>
+ <div class="page-wrapper">
+ <div class="page-content">
+ <yc-card is-full>
+ <div class="page-content-wrapper">
+ <div class="page-content-tools page-filter">
+ <div class="tools-left">
+ <tab-button :active="acButton === 1" @click="changeAcButton(1)">鐩存祦鐢垫簮</tab-button>
+ <tab-button style="margin-left: 24px;" :active="acButton === 2" @click="changeAcButton(2)">閫氫俊鐢垫簮</tab-button>
+ </div>
+ <div class="tools-right">
+ <hdw-button>瀵煎嚭</hdw-button>
+ </div>
+ </div>
+ <div class="page-content-table-wrapper">
+ <div class="page-content-table">
+ <div class="pos-rel">
+ <div class="pos-abs">
+ <el-table class="yc-table" stripe height="100%" :data="listRef" style="width: 100%">
+ <el-table-column show-overflow-tooltip v-for="header in headers" :key="header.prop" :prop="header.prop" :label="header.label"
+ :min-width="header.width" align="center">
+ </el-table-column>
+ <el-table-column label="鎿嶄綔" fixed="right" width="180" align="center">
+ <template #default="scope">
+ <el-button type="primary" size="small">鍙傛暟璁惧畾</el-button>
+ <el-button type="success" size="small">涓婁紶</el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ </div>
+ </div>
+ </div>
+ <div class="file-list-wrapper">
+ <div class="file-tools">
+ <div class="file-tools-item">
+ <input class="file-tools-input" type="text" v-model="searchText" />
+ <hdw-button icon-class="search-data">鏌� 璇�</hdw-button>
+ </div>
+ <div class="file-tools-item bottom">
+ <input disabled class="file-tools-input" type="text" v-model="downloadText" />
+ <hdw-button type="warning" icon-class="download">涓� 杞�</hdw-button>
+ </div>
+ </div>
+ <div class="file-list-content">
+ <div class="pos-rel">
+ <div class="pos-abs">
+ <el-scrollbar v-if="fileList.length !== 0"></el-scrollbar>
+ <no-data v-else text="鏆傛棤瑙勮寖鏂囦欢"></no-data>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </yc-card>
+ </div>
+ </div>
+</template>
+
+<style scoped lang="less">
+.page-wrapper {
+ display: flex;
+ flex-direction: row;
+ height: 100%;
+ .page-content {
+ flex: 1;
+ }
+}
+
+.page-content-wrapper {
+ display: flex;
+ flex-direction: column;
+ height: 100%;
+ .page-content-tools {
+ padding-bottom: 8px;
+ margin-left: 26px;
+ margin-right: 26px;
+ display: flex;
+ flex-direction: row;
+ .tools-left {
+ flex: 1;
+ }
+ }
+ .page-content-table-wrapper {
+ flex: 1;
+ display: flex;
+ flex-direction: row;
+ .page-content-table {
+ box-sizing: border-box;
+ flex: 1;
+ margin-left: 26px;
+ margin-right: 8px;
+ }
+ .file-list-wrapper {
+ min-width: 200px;
+ padding: 16px;
+ background-color: #073451;
+ margin-right: 26px;
+ display: flex;
+ flex-direction: column;
+ .file-list-content {
+ flex:1;
+ }
+ }
+ }
+ .page-content-page {
+ padding: 8px 8px 0 8px;
+ text-align: center;
+
+ .el-page-container {
+ display: inline-block;
+ padding: 0 16px;
+ }
+
+ .page-tool {
+ display: inline-block;
+ }
+ }
+}
+
+.pos-rel {
+ position: relative;
+ width: 100%;
+ height: 100%;
+
+ .pos-abs {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ width: 100%;
+ height: 100%;
+ }
+}
+.file-tools {
+ .file-tools-item {
+ &.bottom {
+ margin-top: 32px;
+ }
+ .file-tools-input {
+ width: 240px;
+ height: 38px;
+ border: 0;
+ background-color: #FFFFFF10;
+ margin-right: 8px;
+ color: #FFFFFF;
+ font-size: 16px;
+ &:hover {
+ background-color: #076FE810;
+ }
+ &:focus {
+ outline: 0;
+ }
+ }
+ }
+}
+</style>
--
Gitblit v1.9.1