修改报表样式

This commit is contained in:
guanj
2025-12-09 13:58:37 +08:00
parent 4e0db29ab1
commit 4e6bd55089
13 changed files with 39 additions and 37 deletions

View File

@@ -22,7 +22,6 @@
<el-dialog v-model="isWaveCharts" v-if="isWaveCharts" draggable :title="dialogTitle" append-to-body width="70%"> <el-dialog v-model="isWaveCharts" v-if="isWaveCharts" draggable :title="dialogTitle" append-to-body width="70%">
<waveFormAnalysis <waveFormAnalysis
v-loading="loading" v-loading="loading"
ref="waveFormAnalysisRef" ref="waveFormAnalysisRef"
@handleHideCharts="isWaveCharts = false" @handleHideCharts="isWaveCharts = false"
:wp="wp" :wp="wp"
@@ -447,7 +446,7 @@ const handleTolerableEventClick = async (row: any) => {
nextTick(() => { nextTick(() => {
if (waveFormAnalysisRef.value) { if (waveFormAnalysisRef.value) {
//waveFormAnalysisRef.value.setHeight(false, 360) //waveFormAnalysisRef.value.setHeight(false, 360)
waveFormAnalysisRef.value.setHeight(999, 130, 1.6666666) // waveFormAnalysisRef.value.setHeight(999, 130, 1.6666666)
} }
}) })
const messageInstance = ElMessage.info(`正在加载,请稍等...`) const messageInstance = ElMessage.info(`正在加载,请稍等...`)
@@ -475,6 +474,7 @@ const handleTolerableEventClick = async (row: any) => {
}) })
nextTick(() => { nextTick(() => {
waveFormAnalysisRef.value && waveFormAnalysisRef.value.setHeight(999, 130, 1.6666666)
waveFormAnalysisRef.value && waveFormAnalysisRef.value.getWpData(wp.value, boxoList.value, true) waveFormAnalysisRef.value && waveFormAnalysisRef.value.getWpData(wp.value, boxoList.value, true)
}) })
} }

View File

@@ -258,7 +258,7 @@ self.onmessage = function (e) {
boxoList.measurementPointName + boxoList.measurementPointName +
' 发生时刻:' + ' 发生时刻:' +
boxoList.startTime + boxoList.startTime +
' 残余电压' + ' 暂降(骤升)幅值' +
(boxoList.featureAmplitude * 100).toFixed(2) + (boxoList.featureAmplitude * 100).toFixed(2) +
'% 持续时间:' + '% 持续时间:' +
boxoList.duration + boxoList.duration +
@@ -269,7 +269,7 @@ self.onmessage = function (e) {
boxoList.equipmentName + boxoList.equipmentName +
' 发生时刻:' + ' 发生时刻:' +
boxoList.startTime + boxoList.startTime +
' 残余电压' + ' 暂降(骤升)幅值' +
boxoList.evtParamVVaDepth + boxoList.evtParamVVaDepth +
' 持续时间:' + ' 持续时间:' +
boxoList.evtParamTm + boxoList.evtParamTm +
@@ -280,7 +280,7 @@ self.onmessage = function (e) {
boxoList.lineName + boxoList.lineName +
' 发生时刻:' + ' 发生时刻:' +
boxoList.startTime + boxoList.startTime +
' 残余电压' + ' 暂降(骤升)幅值' +
(boxoList.featureAmplitude * 100).toFixed(2) + (boxoList.featureAmplitude * 100).toFixed(2) +
'% 持续时间:' + '% 持续时间:' +
boxoList.persistTime + boxoList.persistTime +
@@ -293,7 +293,7 @@ self.onmessage = function (e) {
boxoList.lineName + boxoList.lineName +
' 发生时刻:' + ' 发生时刻:' +
boxoList.startTime + boxoList.startTime +
' 残余电压' + ' 暂降(骤升)幅值' +
(boxoList.featureAmplitude * 100).toFixed(2) + (boxoList.featureAmplitude * 100).toFixed(2) +
'% 持续时间:' + '% 持续时间:' +
boxoList.duration + boxoList.duration +

View File

@@ -109,7 +109,7 @@ const myChartess5 = ref<echarts.ECharts | null>(null)
const vh = computed(() => { const vh = computed(() => {
if (props.parentHeight == 999) { if (props.parentHeight == 999) {
return '310px' return `calc((60vh - 150px) / 2 )`
} else if (props.parentHeight != 0) { } else if (props.parentHeight != 0) {
return mainHeight(props.parentHeight, 2).height return mainHeight(props.parentHeight, 2).height
} }
@@ -600,7 +600,7 @@ const initWave = (
$(`#${rmsId}`).css('height', picHeight).css('width', vw.value) $(`#${rmsId}`).css('height', picHeight).css('width', vw.value)
} }
} else { } else {
titleText = `变电站名称:${subName.value} 监测点名称:${lineName.value} 发生时刻:${time} 残余电压${( titleText = `变电站名称:${subName.value} 监测点名称:${lineName.value} 发生时刻:${time} 暂降(骤升)幅值${(
Number(eventValue.value) * 1 Number(eventValue.value) * 1
).toFixed(0)}% 持续时间:${persistTime.value}s` ).toFixed(0)}% 持续时间:${persistTime.value}s`
} }
@@ -837,7 +837,7 @@ const initWave = (
data: rmscu data: rmscu
}, },
{ {
name: '最小残余电压', name: '最小暂降(骤升)幅值',
type: 'scatter', type: 'scatter',
symbol: 'image://' + url2, symbol: 'image://' + url2,
itemStyle: { width: 45, height: 45 }, itemStyle: { width: 45, height: 45 },

View File

@@ -131,7 +131,7 @@ self.addEventListener('message', function (e) {
boxoList.measurementPointName + boxoList.measurementPointName +
' 发生时刻:' + ' 发生时刻:' +
boxoList.startTime + boxoList.startTime +
' 残余电压' + ' 暂降(骤升)幅值' +
(boxoList.featureAmplitude * 100).toFixed(2) + (boxoList.featureAmplitude * 100).toFixed(2) +
'% 持续时间:' + '% 持续时间:' +
boxoList.duration + boxoList.duration +
@@ -142,7 +142,7 @@ self.addEventListener('message', function (e) {
boxoList.equipmentName + boxoList.equipmentName +
' 发生时刻:' + ' 发生时刻:' +
boxoList.startTime + boxoList.startTime +
' 残余电压' + ' 暂降(骤升)幅值' +
boxoList.evtParamVVaDepth + boxoList.evtParamVVaDepth +
' 持续时间:' + ' 持续时间:' +
boxoList.evtParamTm + boxoList.evtParamTm +
@@ -153,7 +153,7 @@ self.addEventListener('message', function (e) {
boxoList.lineName + boxoList.lineName +
' 发生时刻:' + ' 发生时刻:' +
boxoList.startTime + boxoList.startTime +
' 残余电压' + ' 暂降(骤升)幅值' +
(boxoList.featureAmplitude * 100).toFixed(2) + (boxoList.featureAmplitude * 100).toFixed(2) +
'% 持续时间:' + '% 持续时间:' +
boxoList.persistTime + boxoList.persistTime +
@@ -166,7 +166,7 @@ self.addEventListener('message', function (e) {
boxoList.lineName + boxoList.lineName +
' 发生时刻:' + ' 发生时刻:' +
boxoList.startTime + boxoList.startTime +
' 残余电压' + ' 暂降(骤升)幅值' +
(boxoList.featureAmplitude * 100).toFixed(2) + (boxoList.featureAmplitude * 100).toFixed(2) +
'% 持续时间:' + '% 持续时间:' +
boxoList.duration + boxoList.duration +

View File

@@ -88,7 +88,7 @@ const myChartess5 = ref<echarts.ECharts | null>(null)
const vh = computed(() => { const vh = computed(() => {
if (props.parentHeight == 999) { if (props.parentHeight == 999) {
return '310px' return `calc((60vh - 150px) / 2 )`
} else if (props.parentHeight != 0) { } else if (props.parentHeight != 0) {
return mainHeight(props.parentHeight, 2).height return mainHeight(props.parentHeight, 2).height
} }
@@ -334,7 +334,7 @@ const initWave = (
$(`#${waveId}`).css('height', picHeight).css('width', vw.value) $(`#${waveId}`).css('height', picHeight).css('width', vw.value)
} }
} else { } else {
titleText = `变电站名称:${subName.value} 监测点名称:${lineName.value} 发生时刻:${time} 残余电压${( titleText = `变电站名称:${subName.value} 监测点名称:${lineName.value} 发生时刻:${time} 暂降(骤升)幅值${(
Number(eventValue.value) * 1 Number(eventValue.value) * 1
).toFixed(0)}% 持续时间:${persistTime.value}s` ).toFixed(0)}% 持续时间:${persistTime.value}s`
} }

View File

@@ -1,5 +1,5 @@
<template> <template>
<Tree ref="treRef" :width="width" :data="tree" default-expand-all @changePointType="changePointType" @onAdd="onAdd"/> <Tree ref="treRef" :width="width" :showPush="props.showPush" :data="tree" default-expand-all @changePointType="changePointType" @onAdd="onAdd"/>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
@@ -12,9 +12,11 @@ import { useDictData } from '@/stores/dictData'
interface Props { interface Props {
template?: boolean template?: boolean
showPush?: boolean
} }
const props = withDefaults(defineProps<Props>(), { const props = withDefaults(defineProps<Props>(), {
template: false template: false,
showPush: false
}) })
defineOptions({ defineOptions({
name: 'govern/deviceTree' name: 'govern/deviceTree'
@@ -95,13 +97,16 @@ const info = (selectedNodeId?: string) => {
tree.value = [] tree.value = []
} }
nextTick(() => { nextTick(() => {
if (arr1.length) { if (arr1.length) {
// 安全检查 treRef 和 treeRef1 是否存在 // 安全检查 treRef 和 treeRef 是否存在
if (treRef.value && treRef.value.treeRef1 && treRef.value.treeRef1.setCurrentKey) { console.log("🚀 ~ info ~ treRef.value && treRef.value.treeRef && treRef.value.treeRef.setCurrentKey:", treRef.value && treRef.value.treeRef1 && treRef.value.treeRef1.setCurrentKey)
if (treRef.value && treRef.value.treeRef && treRef.value.treeRef.setCurrentKey) {
// 如果传入了要选中的节点ID则选中该节点否则选中第一个节点 // 如果传入了要选中的节点ID则选中该节点否则选中第一个节点
console.log('selectedNodeId:', selectedNodeId); console.log('selectedNodeId:', selectedNodeId);
if (selectedNodeId) { if (selectedNodeId) {
treRef.value.treeRef1.setCurrentKey(selectedNodeId); treRef.value.treeRef.setCurrentKey(selectedNodeId);
// 查找对应的节点数据并触发事件 // 查找对应的节点数据并触发事件
let selectedNode = null; let selectedNode = null;
const findNode = (nodes: any[]) => { const findNode = (nodes: any[]) => {
@@ -127,7 +132,7 @@ const info = (selectedNodeId?: string) => {
} }
} else { } else {
// 初始化选中第一个节点 // 初始化选中第一个节点
treRef.value.treeRef1.setCurrentKey(arr1[0].id); treRef.value.treeRef.setCurrentKey(arr1[0].id);
emit('init', { emit('init', {
level: 2, level: 2,
...arr1[0] ...arr1[0]

View File

@@ -124,9 +124,7 @@ getDeviceTree().then(res => {
}) })
return return
} }
console.log("🚀 ~ file: deviceTree.vue ~ line 33 ~ getDeviceTree ~ tree:", arr3.length)
if (arr3.length) { if (arr3.length) {
console.log("🚀 ~ file: deviceTree.vue ~ line 33 ~ getDeviceTree ~ tree:", arr3)
treRef.value.treeRef3.setCurrentKey(arr3[0].id) treRef.value.treeRef3.setCurrentKey(arr3[0].id)
// 注册父组件事件 // 注册父组件事件
emit('init', { emit('init', {

View File

@@ -10,7 +10,7 @@
<Icon name='el-icon-Search' style='font-size: 16px' /> <Icon name='el-icon-Search' style='font-size: 16px' />
</template> </template>
</el-input> </el-input>
<el-tooltip placement="bottom" :hide-after="0"> <el-tooltip placement="bottom" :hide-after="0" v-if="props.showPush">
<template #content> <template #content>
<span>台账推送</span> <span>台账推送</span>
</template> </template>
@@ -23,7 +23,7 @@
:style="{ color: config.getColorVal('elementUiPrimary') }" :style="{ color: config.getColorVal('elementUiPrimary') }"
@click="onAdd" /> @click="onAdd" />
</el-tooltip> </el-tooltip>
<!-- <Icon @click='onMenuCollapse' :name="menuCollapse ? 'el-icon-Expand' : 'el-icon-Fold'" <!-- <Icon @click='onMenuCollapse' :name="menuCollapse ? 'el-icon-Expand' : 'el-icon-Fold'" v-else
:class="menuCollapse ? 'unfold' : ''" size='18' class='fold ml10 menu-collapse' :class="menuCollapse ? 'unfold' : ''" size='18' class='fold ml10 menu-collapse'
style='cursor: pointer' v-if='props.canExpand' /> --> style='cursor: pointer' v-if='props.canExpand' /> -->
</div> </div>
@@ -58,11 +58,13 @@ defineOptions({
interface Props { interface Props {
width?: string width?: string
canExpand?: boolean canExpand?: boolean
showPush?: boolean
} }
const props = withDefaults(defineProps<Props>(), { const props = withDefaults(defineProps<Props>(), {
width: '280px', width: '280px',
canExpand: true canExpand: true,
showPush: false
}) })
const config = useConfig() const config = useConfig()
const { proxy } = useCurrentInstance() const { proxy } = useCurrentInstance()

View File

@@ -7,6 +7,7 @@
@node-click="nodeClick" @node-click="nodeClick"
@init="nodeClick" @init="nodeClick"
@onAdd="onAdd" @onAdd="onAdd"
:showPush="true"
></CloudDeviceEntryTree> ></CloudDeviceEntryTree>
</pane> </pane>
<pane style="background: #fff"> <pane style="background: #fff">

View File

@@ -139,6 +139,7 @@ const handleBack = () => {
emit('handleHideCharts') emit('handleHideCharts')
} }
const setHeight = (h: any, vh: any, num = 1) => { const setHeight = (h: any, vh: any, num = 1) => {
console.log('🚀 ~ setHeight ~ h:', h)
if (h != false) { if (h != false) {
parentHeight.value = h parentHeight.value = h
} }

View File

@@ -142,7 +142,7 @@ const editd = (e: any) => {
const Aclick = (e: any) => { const Aclick = (e: any) => {
//window.open(window.location.origin + `/zutai/?id=${e.id}&&name=${e.name}&&preview=false&&graphicDisplay=zl`) //window.open(window.location.origin + `/zutai/?id=${e.id}&&name=${e.name}&&preview=false&&graphicDisplay=zl`)
window.open( window.open(
'http://192.168.1.128:4001' + window.location.origin +
`/zutai/?id=${e.id}&&name=${e.name}&&preview=false&&graphicDisplay=${VITE_FLAG ? 'ypt' : 'zl'}` `/zutai/?id=${e.id}&&name=${e.name}&&preview=false&&graphicDisplay=${VITE_FLAG ? 'ypt' : 'zl'}`
) )
} }

View File

@@ -1,13 +1,8 @@
<template> <template>
<div class="default-main" :style="height"> <div class="default-main" :style="height">
<splitpanes style="height: 100%" class="default-theme" id="navigation-splitpanes"> <splitpanes style="height: 100%" id="navigation-splitpanes">
<pane :size="size"> <pane :size="size">
<!-- <pointTreeWx
:default-expand-all="false"
template
@node-click="handleNodeClick"
@init="handleNodeClick"
></pointTreeWx> -->
<CloudDeviceEntryTree <CloudDeviceEntryTree
ref="TerminalRef" ref="TerminalRef"
@node-click="handleNodeClick" @node-click="handleNodeClick"
@@ -81,7 +76,7 @@ import type { UploadProps, UploadUserFile } from 'element-plus'
import CloudDeviceEntryTree from '@/components/tree/govern/cloudDeviceEntryTree.vue' import CloudDeviceEntryTree from '@/components/tree/govern/cloudDeviceEntryTree.vue'
import { exportModel } from '@/api/cs-harmonic-boot/datatrend' import { exportModel } from '@/api/cs-harmonic-boot/datatrend'
defineOptions({ defineOptions({
// name: 'harmonic-boot/report/word' name: 'harmonic-boot/report/word'
}) })
const height = mainHeight(20) const height = mainHeight(20)
const size = ref(0) const size = ref(0)

View File

@@ -186,7 +186,7 @@ const iframeSrc = ref('')
onMounted(() => { onMounted(() => {
iframeSrc.value = iframeSrc.value =
'http://192.168.2.179:4001' + `/zutai/?id=4b4f7f4260198776594f5f9d93a532e8&&name=stt&&preview=true#/preview_YPT` window.location.origin + `/zutai/?id=4b4f7f4260198776594f5f9d93a532e8&&name=stt&&preview=true#/preview_YPT`
// tableStore.index() // tableStore.index()