Web/admin-govern
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改测试bug

Browse Source
This commit is contained in:
GGJ
2024-12-11 16:33:23 +08:00
parent 26c971f3b0
commit fb462e3936
10 changed files with 58 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
.gitignore vendored
View File

@@ -11,14 +11,15 @@ node_modules
dist
dist-ssr
*.local
# Editor directories and files
.vscode/*
!.vscode/extensions.json
.idea
.DS_Store
*.suo
*.zip*
*.ntvs*
*.njsproj
*.sln
*.sw?
pnpm-lock.yaml

1
package.json
View File

@@ -36,6 +36,7 @@
"pinia": "^2.1.7",
"pinia-plugin-persistedstate": "^3.2.1",
"screenfull": "^6.0.2",
"socket.io-client": "^4.0.0",
"splitpanes": "3.1.5",
"use-element-plus-theme": "^0.0.5",
"vue": "^3.3.11",

2
src/components/echarts/MyEchart.vue
View File

@@ -66,7 +66,7 @@ const initChart = () => {
opacity: 0.35,
fontSize: 14
},
backgroundColor: 'rgba(0,0,0,0.35)',
backgroundColor: 'rgba(0,0,0,0.55)',
borderWidth: 0,
confine: true,
...(props.options?.tooltip || null)

7
src/components/echarts/MyEchartMap.vue
View File

@@ -10,7 +10,7 @@
import { onBeforeUnmount, ref, watch, onMounted, defineEmits } from 'vue'
import * as echarts from 'echarts4'
import { useDictData } from '@/stores/dictData'
const dictData = useDictData()
const dictData = useDictData()
const props = defineProps(['options'])
const myCharts = ref()
const showCircle = ref(false)
@@ -23,7 +23,7 @@ const fetchConfig = async (name: string) => {
// fetchConfig()
const emit = defineEmits(['getRegionByRegion', 'eliminate'])
onMounted(() => {})
onMounted(() => { })
const GetEchar = async (name: string) => {
let chartDom = document.getElementById('chartMap')
@@ -53,7 +53,7 @@ const GetEchar = async (name: string) => {
opacity: 0.35,
fontSize: 14
},
backgroundColor: 'rgba(0,0,0,0.35)',
backgroundColor: 'rgba(0,0,0,0.55)',
...(props.options.tooltip || null)
},
@@ -206,6 +206,7 @@ watch(
width: 100%;
height: 100%;
}
.iconfont {
cursor: pointer;
position: absolute;

48
src/components/echarts/rmsboxi.vue
View File

@@ -209,8 +209,8 @@ export default {
this.boxoList.evtParamTm +
"s";
} else if (this.boxoList.systemType == 'WX') {
this.titles =
' 监测点名称：' +
@@ -218,7 +218,7 @@ export default {
' 发生时刻：' +
this.boxoList.startTime +
' 暂降(骤升)幅值：' +
(this.boxoList.featureAmplitude ) +
(this.boxoList.featureAmplitude) +
'% 持续时间：' +
(this.boxoList.persistTime ? this.boxoList.persistTime.toFixed(2) : '-') +
's'
@@ -907,12 +907,12 @@ export default {
opacity: 0.35,
fontSize: 14,
},
backgroundColor: "rgba(0,0,0,0.35)",
backgroundColor: "rgba(0,0,0,0.55)",
borderWidth: 0,
},
title: {
left: "center",
text: title,
text: title,
subtitle: {
text: "电压",
align: "left",
@@ -1079,9 +1079,9 @@ export default {
color: "#FFCC00",
},
progressive: 500,
// 渲染阈值，大于此值则启动渐进渲染
progressiveThreshold: 1000,
large: true,
// 渲染阈值，大于此值则启动渐进渲染
progressiveThreshold: 1000,
large: true,
data: radata,
},
{
@@ -1094,9 +1094,9 @@ export default {
color: "#009900",
},
progressive: 500,
// 渲染阈值，大于此值则启动渐进渲染
progressiveThreshold: 1000,
large: true,
// 渲染阈值，大于此值则启动渐进渲染
progressiveThreshold: 1000,
large: true,
data: rbdata,
},
{
@@ -1109,9 +1109,9 @@ export default {
color: "#CC0000",
},
progressive: 500,
// 渲染阈值，大于此值则启动渐进渲染
progressiveThreshold: 1000,
large: true,
// 渲染阈值，大于此值则启动渐进渲染
progressiveThreshold: 1000,
large: true,
data: rcdata,
},
{
@@ -1338,7 +1338,7 @@ export default {
opacity: 0.35,
fontSize: 14,
},
backgroundColor: "rgba(0,0,0,0.35)",
backgroundColor: "rgba(0,0,0,0.55)",
borderWidth: 0,
},
title: {
@@ -1509,9 +1509,9 @@ export default {
color: "#FFCC00",
},
progressive: 500,
// 渲染阈值，大于此值则启动渐进渲染
progressiveThreshold: 1000,
large: true,
// 渲染阈值，大于此值则启动渐进渲染
progressiveThreshold: 1000,
large: true,
data: radata,
},
{
@@ -1524,9 +1524,9 @@ export default {
color: "#009900",
},
progressive: 500,
// 渲染阈值，大于此值则启动渐进渲染
progressiveThreshold: 1000,
large: true,
// 渲染阈值，大于此值则启动渐进渲染
progressiveThreshold: 1000,
large: true,
data: rbdata,
},
{
@@ -1539,9 +1539,9 @@ export default {
color: "#CC0000",
},
progressive: 500,
// 渲染阈值，大于此值则启动渐进渲染
progressiveThreshold: 1000,
large: true,
// 渲染阈值，大于此值则启动渐进渲染
progressiveThreshold: 1000,
large: true,
data: rcdata,
},
],

4
src/components/echarts/shushiboxi.vue
View File

@@ -577,7 +577,7 @@ export default {
opacity: 0.35,
fontSize: 14
},
backgroundColor: 'rgba(0,0,0,0.35)',
backgroundColor: 'rgba(0,0,0,0.55)',
borderWidth: 0,
},
@@ -941,7 +941,7 @@ export default {
opacity: 0.35,
fontSize: 14
},
backgroundColor: 'rgba(0,0,0,0.35)',
backgroundColor: 'rgba(0,0,0,0.55)',
borderWidth: 0
},
title: {

2
src/views/govern/device/control/detail.vue
View File

@@ -179,7 +179,7 @@ const init = () => {
opacity: 0.35,
fontSize: 14
},
backgroundColor: 'rgba(0,0,0,0.35)',
backgroundColor: 'rgba(0,0,0,0.55)',
borderWidth: 0
},

37
src/views/govern/device/control/tabs/components/harmonicSpectrum.vue
View File

@@ -4,33 +4,18 @@
<div class="harmonic_select" v-if="!loading">
<el-form :model="searchForm" id="history_select">
<el-form-item label="稳态指标">
<el-select
multiple
collapse-tags
collapse-tags-tooltip
v-model="searchForm.index"
placeholder="请选择统计指标"
:multiple-limit="3"
value-key="id"
>
<el-option
v-for="(item, index) in indexOptions"
:label="item.name"
:key="index"
:value="item"
></el-option>
<el-select multiple collapse-tags collapse-tags-tooltip v-model="searchForm.index"
placeholder="请选择统计指标" :multiple-limit="3" value-key="id">
<el-option v-for="(item, index) in indexOptions" :label="item.name" :key="index"
:value="item"></el-option>
</el-select>
</el-form-item>
<!-- <el-button type="primary" :loading="loading" @click="init">查询</el-button> -->
</el-form>
</div>
<div class="harmonic_body">
<div
class="harmonic_body_charts"
:style="{ height: height }"
v-for="(item, index) in searchForm.index"
:key="index"
>
<div class="harmonic_body_charts" :style="{ height: height }" v-for="(item, index) in searchForm.index"
:key="index">
<MyEchart :ref="setChildRef(index)" :options="item.echartsData" :isInterVal="true"></MyEchart>
</div>
</div>
@@ -286,8 +271,8 @@ const init = () => {
searchForm.value.index.map((item: any, index: any) => {
item?.children.map((vv: any, vvs: any) => {
if (mqttMessage.value[vv.name] !=undefined) {
if (mqttMessage.value[vv.name] != undefined) {
item.data.push({
// time: mqttMessage.value.dataTime,
value: mqttMessage.value[vv.name],
@@ -305,7 +290,7 @@ const init = () => {
xAixsTimeList.value.push(mqttMessage.value.dataTime.split(" ")[1])
searchForm.value.index.map((item: any, index: any) => {
//循环渲染图表
const refName = setChildRef(index)
childRefs[refName] = ref(null) // 初始化ref
@@ -334,7 +319,7 @@ const init = () => {
opacity: 0.35,
fontSize: 14
},
backgroundColor: 'rgba(0,0,0,0.35)',
backgroundColor: 'rgba(0,0,0,0.55)',
borderWidth: 0
},
xAxis: {
@@ -386,7 +371,7 @@ const init = () => {
loading.value = false
}
onMounted(() => {})
onMounted(() => { })
defineExpose({ resetData, setHarmonicSpectrumData })
</script>
<style lang="scss" scoped>

2
src/views/govern/device/control/tabs/trend.vue
View File

@@ -277,7 +277,7 @@ const init = async () => {
opacity: 0.35,
fontSize: 14
},
backgroundColor: 'rgba(0,0,0,0.35)',
backgroundColor: 'rgba(0,0,0,0.55)',
borderWidth: 0,
formatter(params: any) {
const xname = params[0].value[0]

22
src/views/govern/device/planData/index.vue
View File

@@ -34,9 +34,9 @@
</span>
</template>
<el-descriptions size="small" width="180" :column="4" border>
<el-descriptions-item label="测试项名称" width="160">
<!-- <el-descriptions-item label="测试项名称" width="160">
{{ item.itemName }}
</el-descriptions-item>
</el-descriptions-item> -->
<el-descriptions-item label="测量间隔" width="160">
{{ item.statisticalInterval }}分钟
</el-descriptions-item>
@@ -205,7 +205,7 @@ const voltageLevelList = dictData.getBasicData('Dev_Voltage_Stand')
const volConTypeList = dictData.getBasicData('Dev_Connect')
//值类型
const pageHeight = mainHeight(20)
const EcharHeight = ref(mainHeight(483))
const EcharHeight = ref(mainHeight(451))
const loading = ref(false)
const searchForm: any = ref({})
const typeOptions = [
@@ -554,7 +554,7 @@ const init = (flag: boolean) => {
opacity: 0.35,
fontSize: 14
},
backgroundColor: 'rgba(0,0,0,0.35)',
backgroundColor: 'rgba(0,0,0,0.55)',
borderWidth: 0,
formatter(params: any) {
const xname = params[0].value[0]
@@ -564,7 +564,7 @@ const init = (flag: boolean) => {
if (el.value[3] == 'dashed') {
for (let i = 0; i < 3; i++) {
marker+= `<span style="display:inline-block;border: 2px ${el.color} solid;margin-right:5px;width:10px;height:0px;background-color:#ffffff00;"></span>`
marker += `<span style="display:inline-block;border: 2px ${el.color} solid;margin-right:5px;width:10px;height:0px;background-color:#ffffff00;"></span>`
}
} else {
marker = `<span style="display:inline-block;border: 2px ${el.color} ${el.value[3]};margin-right:5px;width:40px;height:0px;background-color:#ffffff00;"></span>`
@@ -889,13 +889,13 @@ const selectChange = (e: boolean) => {
if (activeColName.value == '0') {
if (flag.value) {
EcharHeight.value = mainHeight(527)
EcharHeight.value = mainHeight(495)
} else {
EcharHeight.value = mainHeight(483)
EcharHeight.value = mainHeight(451)
}
} else {
if (flag.value) {
EcharHeight.value = mainHeight(357)
EcharHeight.value = mainHeight(355)
} else {
EcharHeight.value = mainHeight(315)
}
@@ -905,13 +905,13 @@ const selectChange = (e: boolean) => {
const handleChange = () => {
if (activeColName.value == '0') {
if (flag.value) {
EcharHeight.value = mainHeight(527)
EcharHeight.value = mainHeight(495)
} else {
EcharHeight.value = mainHeight(483)
EcharHeight.value = mainHeight(451)
}
} else {
if (flag.value) {
EcharHeight.value = mainHeight(357)
EcharHeight.value = mainHeight(355)
} else {
EcharHeight.value = mainHeight(315)
}