Other/hb_roma
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

提交

Browse Source
This commit is contained in:
hzj
2024-07-02 17:45:04 +08:00
parent 59f47a0c35
commit 4e15d707b1
9 changed files with 74425 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/main/resources/static/element.css Normal file
View File

File diff suppressed because one or more lines are too long

57311
src/main/resources/static/element.js Normal file
View File

File diff suppressed because one or more lines are too long

211
src/main/resources/static/index.html Normal file
View File

@@ -0,0 +1,211 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>迁移</title>
<link rel="stylesheet" href="./element.css" />
<script src="./vue.js"></script>
</head>
<body>
<div id="app" >
<div id="table" class="col-sm-12">
<table id="areaTable" class="table table-striped table-bordered dataTable no-footer" style="width:100%;cellspacing:0;margin-bottom: 0px;" role="grid" aria-describedby="example_info">
<thead>
<tr role="row">
<th class="table-middle" colspan="3">电压有效值(kV)</th>
<th class="table-middle" colspan="3">电流有效值(A)</th>
<th class="table-middle" colspan="3">基波电压幅值(kV)</th>
<th class="table-middle" colspan="3">基波电压相位(°)</th>
<th class="table-middle" colspan="3">基波电流幅值(A)</th>
<th class="table-middle" colspan="3">基波电流相位(°)</th>
</tr>
<tr>
<th id="title1" class="table-middle">A相</th>
<th id="title2" class="table-middle">B相</th>
<th id="title3" class="table-middle">C相</th>
<th class="table-middle">A相</th>
<th class="table-middle">B相</th>
<th class="table-middle">C相</th>
<th class="table-middle">A相</th>
<th class="table-middle">B相</th>
<th class="table-middle">C相</th>
<th class="table-middle">A相</th>
<th class="table-middle">B相</th>
<th class="table-middle">C相</th>
<th class="table-middle">A相</th>
<th class="table-middle">B相</th>
<th class="table-middle">C相</th>
<th class="table-middle">A相</th>
<th class="table-middle">B相</th>
<th class="table-middle">C相</th>
</tr>
</thead>
<tbody><tr>
<td id="data1">{{data.PhV_phsA}}</td>
<td id="data2">{{data.PhV_phsB}}</td>
<td id="data3">{{data.PhV_phsC}}</td>
<td id="data4">{{data.A_phsA}}</td>
<td id="data5">{{data.A_phsB}}</td>
<td id="data6">{{data.A_phsC}}</td>
<td id="data7">\</td>
<td id="data8">\</td>
<td id="data9">\</td>
<td id="data10">\</td>
<td id="data11">\</td>
<td id="data12">\</td>
<td id="data13">\</td>
<td id="data14">\</td>
<td id="data15">\</td>
<td id="data16">\</td>
<td id="data17">\</td>
<td id="data18">\</td>
</tr>
</tbody></table>
</div>
<div id="table2" class="col-sm-12">
<table id="areaTable2" class="table table-striped table-bordered dataTable no-footer" style="width:100%;cellspacing:0;margin-bottom: 0px;" role="grid" aria-describedby="example_info">
<thead>
<tr role="row">
<th class="table-middle" colspan="3">电压偏差(%)</th>
<th class="table-middle" colspan="3">电压总谐波畸变率(%)</th>
<th class="table-middle" colspan="3">电流总谐波畸变率(%)</th>
<th class="table-middle" rowspan="2">电压不平<br>衡度(%)</th>
<th class="table-middle" rowspan="2">电流不平<br>衡度(%)</th>
<th class="table-middle" rowspan="2">频率(Hz)</th>
</tr>
<tr>
<th id="title4" class="table-middle">A相</th>
<th id="title5" class="table-middle">B相</th>
<th id="title6" class="table-middle">C相</th>
<th id="title7" class="table-middle">A相</th>
<th id="title8" class="table-middle">B相</th>
<th id="title9" class="table-middle">C相</th>
<th class="table-middle">A相</th>
<th class="table-middle">B相</th>
<th class="table-middle">C相</th>
</tr>
</thead>
<tbody><tr>
<td id="sdata1">{{data.PhVDev_phsA}}</td>
<td id="sdata2">{{data.PhVDev_phsB}}</td>
<td id="sdata3">{{data.PhVDev_phsC}}</td>
<td id="sdata4">{{data.ThdPhV_phsA}}</td>
<td id="sdata5">{{data.ThdPhV_phsB}}</td>
<td id="sdata6">{{data.ThdPhV_phsC}}</td>
<td id="sdata7">\</td>
<td id="sdata8">\</td>
<td id="sdata9">\</td>
<td id="sdata10">{{data.ImbNgV}}</td>
<td id="sdata11">\</td>
<td id="sdata12">{{data.Freq}}</td>
</tr>
</tbody></table>
</div>
<div id="table3" class="col-sm-12">
<table id="areaTable3" class="table table-striped table-bordered dataTable no-footer" style="width:100%;cellspacing:0;margin-bottom: 0px;" role="grid" aria-describedby="example_info">
<thead>
<tr role="row">
<th class="table-middle" colspan="4">有功功率(kW)</th>
<th class="table-middle" colspan="4">无功功率(kVar)</th>
<th class="table-middle" colspan="4">视在功率(kVA)</th>
<th class="table-middle" colspan="4">功率因数</th>
<th class="table-middle" colspan="4">基波功率因数</th>
</tr>
<tr>
<th class="table-middle">A相</th>
<th class="table-middle">B相</th>
<th class="table-middle">C相</th>
<th class="table-middle">总有功功率</th>
<th class="table-middle">A相</th>
<th class="table-middle">B相</th>
<th class="table-middle">C相</th>
<th class="table-middle">总无功功率</th>
<th class="table-middle">A相</th>
<th class="table-middle">B相</th>
<th class="table-middle">C相</th>
<th class="table-middle">总视在功率</th>
<th class="table-middle">A相</th>
<th class="table-middle">B相</th>
<th class="table-middle">C相</th>
<th class="table-middle">总功率因数</th>
<th class="table-middle">A相</th>
<th class="table-middle">B相</th>
<th class="table-middle">C相</th>
<th class="table-middle">总基波功率因数</th>
</tr>
</thead>
<tbody><tr>
<td id="gdata1">\</td>
<td id="gdata2">\</td>
<td id="gdata3">\</td>
<td id="gdata4">{{data.TotW}}</td>
<td id="gdata5">\</td>
<td id="gdata6">\</td>
<td id="gdata7">\</td>
<td id="gdata8">{{data.TotVar}}</td>
<td id="gdata9">\</td>
<td id="gdata10">\</td>
<td id="gdata11">\</td>
<td id="gdata12">{{data.TotVA}}</td>
<td id="gdata13">\</td>
<td id="gdata14">\</td>
<td id="gdata15">\</td>
<td id="gdata16">{{data.TotPF}}</td>
<td id="gdata17">\</td>
<td id="gdata18">\</td>
<td id="gdata19">\</td>
<td id="gdata20">\</td>
</tr>
</tbody></table>
</div>
</div>
<script type="importmap">
{
"imports": {
"vue": "https://unpkg.com/vue@3/dist/vue.esm-browser.js"
}
}
</script>
<script type="module">
import {createApp, onMounted, ref} from 'vue'
createApp({
setup() {
const data = ref([]);
const fetchData = async () => {
try {
const response = await fetch('/message');
if (!response.ok) {
throw new Error('Network response was not ok');
}
data.value = await response.json();
console.log(111111111,data.value)
} catch (error) {
console.error('Fetch error:', error);
}
};
setInterval(fetchData, 1000);
return {
fetchData,
data
}
}
}).mount('#app');
</script>
</body>
<style>
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
#app {
padding: 10px;
}
</style>
</html>

139
src/main/resources/static/locale.js Normal file
View File

@@ -0,0 +1,139 @@
/*! Element Plus v2.4.4 */
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
typeof define === 'function' && define.amd ? define(factory) :
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.ElementPlusLocaleZhCn = factory());
})(this, (function () { 'use strict';
var zhCn = {
name: "zh-cn",
el: {
colorpicker: {
confirm: "\u786E\u5B9A",
clear: "\u6E05\u7A7A"
},
datepicker: {
now: "\u6B64\u523B",
today: "\u4ECA\u5929",
cancel: "\u53D6\u6D88",
clear: "\u6E05\u7A7A",
confirm: "\u786E\u5B9A",
selectDate: "\u9009\u62E9\u65E5\u671F",
selectTime: "\u9009\u62E9\u65F6\u95F4",
startDate: "\u5F00\u59CB\u65E5\u671F",
startTime: "\u5F00\u59CB\u65F6\u95F4",
endDate: "\u7ED3\u675F\u65E5\u671F",
endTime: "\u7ED3\u675F\u65F6\u95F4",
prevYear: "\u524D\u4E00\u5E74",
nextYear: "\u540E\u4E00\u5E74",
prevMonth: "\u4E0A\u4E2A\u6708",
nextMonth: "\u4E0B\u4E2A\u6708",
year: "\u5E74",
month1: "1 \u6708",
month2: "2 \u6708",
month3: "3 \u6708",
month4: "4 \u6708",
month5: "5 \u6708",
month6: "6 \u6708",
month7: "7 \u6708",
month8: "8 \u6708",
month9: "9 \u6708",
month10: "10 \u6708",
month11: "11 \u6708",
month12: "12 \u6708",
weeks: {
sun: "\u65E5",
mon: "\u4E00",
tue: "\u4E8C",
wed: "\u4E09",
thu: "\u56DB",
fri: "\u4E94",
sat: "\u516D"
},
months: {
jan: "\u4E00\u6708",
feb: "\u4E8C\u6708",
mar: "\u4E09\u6708",
apr: "\u56DB\u6708",
may: "\u4E94\u6708",
jun: "\u516D\u6708",
jul: "\u4E03\u6708",
aug: "\u516B\u6708",
sep: "\u4E5D\u6708",
oct: "\u5341\u6708",
nov: "\u5341\u4E00\u6708",
dec: "\u5341\u4E8C\u6708"
}
},
select: {
loading: "\u52A0\u8F7D\u4E2D",
noMatch: "\u65E0\u5339\u914D\u6570\u636E",
noData: "\u65E0\u6570\u636E",
placeholder: "\u8BF7\u9009\u62E9"
},
cascader: {
noMatch: "\u65E0\u5339\u914D\u6570\u636E",
loading: "\u52A0\u8F7D\u4E2D",
placeholder: "\u8BF7\u9009\u62E9",
noData: "\u6682\u65E0\u6570\u636E"
},
pagination: {
goto: "\u524D\u5F80",
pagesize: "\u6761/\u9875",
total: "\u5171 {total} \u6761",
pageClassifier: "\u9875",
page: "\u9875",
prev: "\u4E0A\u4E00\u9875",
next: "\u4E0B\u4E00\u9875",
currentPage: "\u7B2C {pager} \u9875",
prevPages: "\u5411\u524D {pager} \u9875",
nextPages: "\u5411\u540E {pager} \u9875",
deprecationWarning: "\u4F60\u4F7F\u7528\u4E86\u4E00\u4E9B\u5DF2\u88AB\u5E9F\u5F03\u7684\u7528\u6CD5\uFF0C\u8BF7\u53C2\u8003 el-pagination \u7684\u5B98\u65B9\u6587\u6863"
},
messagebox: {
title: "\u63D0\u793A",
confirm: "\u786E\u5B9A",
cancel: "\u53D6\u6D88",
error: "\u8F93\u5165\u7684\u6570\u636E\u4E0D\u5408\u6CD5!"
},
upload: {
deleteTip: "\u6309 delete \u952E\u53EF\u5220\u9664",
delete: "\u5220\u9664",
preview: "\u67E5\u770B\u56FE\u7247",
continue: "\u7EE7\u7EED\u4E0A\u4F20"
},
table: {
emptyText: "\u6682\u65E0\u6570\u636E",
confirmFilter: "\u7B5B\u9009",
resetFilter: "\u91CD\u7F6E",
clearFilter: "\u5168\u90E8",
sumText: "\u5408\u8BA1"
},
tree: {
emptyText: "\u6682\u65E0\u6570\u636E"
},
transfer: {
noMatch: "\u65E0\u5339\u914D\u6570\u636E",
noData: "\u65E0\u6570\u636E",
titles: ["\u5217\u8868 1", "\u5217\u8868 2"],
filterPlaceholder: "\u8BF7\u8F93\u5165\u641C\u7D22\u5185\u5BB9",
noCheckedFormat: "\u5171 {total} \u9879",
hasCheckedFormat: "\u5DF2\u9009 {checked}/{total} \u9879"
},
image: {
error: "\u52A0\u8F7D\u5931\u8D25"
},
pageHeader: {
title: "\u8FD4\u56DE"
},
popconfirm: {
confirmButtonText: "\u786E\u5B9A",
cancelButtonText: "\u53D6\u6D88"
}
}
};
return zhCn;
}));

34
src/main/resources/static/sjzb.json Normal file
View File

@@ -0,0 +1,34 @@
{
"DataFlicker": "电压闪变数据表",
"DataFluc": "电压波动数据表",
"DataHarmphasicI": "谐波电流角度数据表",
"DataHarmphasicV": "谐波电压角度数据表",
"DataHarmpowerP": "有功功率数据表",
"DataHarmpowerQ": "无功功率数据表",
"DataHarmpowerS": "视在功率数据表",
"DataHarmrateI": "谐波电流含有率数据表",
"DataHarmrateV": "谐波电压含有率数据表",
"DataInharmI": "电流简谐波幅值数据表",
"DataInharmV": "电压间谐波幅值数据表",
"DataI": "谐波电流幅值数据表",
"DataPlt": "长时闪变数据表",
"DataV": "谐波电压幅值数据表",
"DayFlicker": "电压闪变日统计表",
"DayFluc": "电压波动日统计表",
"DayHarmphasicI": "谐波电流角度日统计表",
"DayHarmphasicV": "谐波电压角度日统计表",
"DayHarmpowerP": "有功功率日统计表",
"DayHarmpowerQ": "无功功率日统计表",
"DayHarmpowerS": "视在功率日统计表",
"DayHarmrateI": "谐波电流含有率日统计表",
"DayHarmrateV": "谐波电压含有率日统计表",
"DayInharmI": "电流简谐波幅值日统计表",
"DayInharmV": "电压间谐波幅值日统计表",
"DayI": "谐波电流幅值日统计表",
"DayPlt": "长时闪变日统计表",
"DayV": "谐波电压幅值日统计表",
"LimitRate": "合格率统计表",
"LimitTarget": "合格率指标表"
}
帮我转换成标签
<el-option label="电压闪变数据表" value="DataFlicker" />

16508
src/main/resources/static/vue.js Normal file
View File

File diff suppressed because it is too large Load Diff