Merge branch 'master' of http://192.168.1.22:3000/Web/admin-sjzx
This commit is contained in:
@@ -165,3 +165,12 @@ export function getSupervisionDetailsData(data: any) {
|
|||||||
export function getSupervisionCityDetailsData(data: any) {
|
export function getSupervisionCityDetailsData(data: any) {
|
||||||
return request({ url: '/supervision-boot/gridDiagram/getSupervisionCityDetailsData', method: 'post', data })
|
return request({ url: '/supervision-boot/gridDiagram/getSupervisionCityDetailsData', method: 'post', data })
|
||||||
}
|
}
|
||||||
|
|
||||||
|
//区域污染值统计
|
||||||
|
export function getAreaPollution(data: any) {
|
||||||
|
return request({ url: '/harmonic-boot/PollutionSubstation/getAreaPollution', method: 'post', data })
|
||||||
|
}
|
||||||
|
//场站级评估
|
||||||
|
export function downPollutionSubCalc(data: any) {
|
||||||
|
return request({ url: 'harmonic-boot/PollutionSubstation/downPollutionSubCalc', method: 'post', data })
|
||||||
|
}
|
||||||
@@ -301,7 +301,7 @@ const options1 = [
|
|||||||
const height = mainHeight(20)
|
const height = mainHeight(20)
|
||||||
const heightB = mainHeight(448)
|
const heightB = mainHeight(448)
|
||||||
const heightA = mainHeight(180)
|
const heightA = mainHeight(180)
|
||||||
const size = ref(0)
|
const size = ref(23)
|
||||||
const TableHeaderRef = ref()
|
const TableHeaderRef = ref()
|
||||||
const detailRef = ref()
|
const detailRef = ref()
|
||||||
const dotList: any = ref({})
|
const dotList: any = ref({})
|
||||||
@@ -493,35 +493,35 @@ const tableStore = new TableStore({
|
|||||||
{
|
{
|
||||||
label: '0%~10%',
|
label: '0%~10%',
|
||||||
quantity: res.minsNum0,
|
quantity: res.minsNum0,
|
||||||
percentage: res.proportion0.toFixed(2) + '%',
|
percentage: res.proportion0.toFixed(2) + '%',
|
||||||
crossTheLine: res.isOrNot0,
|
crossTheLine: res.isOrNot0,
|
||||||
value: '0%~10%'
|
value: '0%~10%'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: '10%~20%',
|
label: '10%~20%',
|
||||||
quantity: res.minsNum1,
|
quantity: res.minsNum1,
|
||||||
percentage: res.proportion1.toFixed(2) + '%',
|
percentage: res.proportion1.toFixed(2) + '%',
|
||||||
crossTheLine: res.isOrNot1,
|
crossTheLine: res.isOrNot1,
|
||||||
value: '10%~10%'
|
value: '10%~10%'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: '20%~30%',
|
label: '20%~30%',
|
||||||
quantity: res.minsNum2,
|
quantity: res.minsNum2,
|
||||||
percentage: res.proportion2.toFixed(2) + '%',
|
percentage: res.proportion2.toFixed(2) + '%',
|
||||||
crossTheLine: res.isOrNot2,
|
crossTheLine: res.isOrNot2,
|
||||||
value: '10%~30%'
|
value: '10%~30%'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: '30%~40%',
|
label: '30%~40%',
|
||||||
quantity: res.minsNum3,
|
quantity: res.minsNum3,
|
||||||
percentage: res.proportion3.toFixed(2) + '%',
|
percentage: res.proportion3.toFixed(2) + '%',
|
||||||
crossTheLine: res.isOrNot3,
|
crossTheLine: res.isOrNot3,
|
||||||
value: '30%~40%'
|
value: '30%~40%'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: '40%~50%',
|
label: '40%~50%',
|
||||||
quantity: res.minsNum4,
|
quantity: res.minsNum4,
|
||||||
percentage: res.proportion4.toFixed(2) + '%',
|
percentage: res.proportion4.toFixed(2) + '%',
|
||||||
crossTheLine: res.isOrNot4,
|
crossTheLine: res.isOrNot4,
|
||||||
value: '40%~50%'
|
value: '40%~50%'
|
||||||
}
|
}
|
||||||
@@ -530,35 +530,35 @@ const tableStore = new TableStore({
|
|||||||
{
|
{
|
||||||
label: '50%~60%',
|
label: '50%~60%',
|
||||||
quantity: res.minsNum5,
|
quantity: res.minsNum5,
|
||||||
percentage: res.proportion5.toFixed(2) + '%',
|
percentage: res.proportion5.toFixed(2) + '%',
|
||||||
crossTheLine: res.isOrNot5,
|
crossTheLine: res.isOrNot5,
|
||||||
value: '50%~60%'
|
value: '50%~60%'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: '60%~70%',
|
label: '60%~70%',
|
||||||
quantity: res.minsNum6,
|
quantity: res.minsNum6,
|
||||||
percentage: res.proportion6.toFixed(2) + '%',
|
percentage: res.proportion6.toFixed(2) + '%',
|
||||||
crossTheLine: res.isOrNot6,
|
crossTheLine: res.isOrNot6,
|
||||||
value: '60%~70%'
|
value: '60%~70%'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: '70%~80%',
|
label: '70%~80%',
|
||||||
quantity: res.minsNum7,
|
quantity: res.minsNum7,
|
||||||
percentage: res.proportion7.toFixed(2) + '%',
|
percentage: res.proportion7.toFixed(2) + '%',
|
||||||
crossTheLine: res.isOrNot7,
|
crossTheLine: res.isOrNot7,
|
||||||
value: '70%~80%'
|
value: '70%~80%'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: '80%~90%',
|
label: '80%~90%',
|
||||||
quantity: res.minsNum8,
|
quantity: res.minsNum8,
|
||||||
percentage: res.proportion8.toFixed(2) + '%',
|
percentage: res.proportion8.toFixed(2) + '%',
|
||||||
crossTheLine: res.isOrNot8,
|
crossTheLine: res.isOrNot8,
|
||||||
value: '80%~90%'
|
value: '80%~90%'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: '90%~100%',
|
label: '90%~100%',
|
||||||
quantity: res.minsNum9,
|
quantity: res.minsNum9,
|
||||||
percentage: res.proportion9.toFixed(2) + '%',
|
percentage: res.proportion9.toFixed(2) + '%',
|
||||||
crossTheLine: res.isOrNot9,
|
crossTheLine: res.isOrNot9,
|
||||||
value: '90%~100%'
|
value: '90%~100%'
|
||||||
}
|
}
|
||||||
@@ -589,7 +589,7 @@ const tableStore = new TableStore({
|
|||||||
lineHeight: 8,
|
lineHeight: 8,
|
||||||
minMargin: 10,
|
minMargin: 10,
|
||||||
formatter: function (e) {
|
formatter: function (e) {
|
||||||
return '{name|' + e.name + '}{percent|' + e.data.percentage+ '}'
|
return '{name|' + e.name + '}{percent|' + e.data.percentage + '}'
|
||||||
},
|
},
|
||||||
rich: {
|
rich: {
|
||||||
name: {
|
name: {
|
||||||
|
|||||||
@@ -321,7 +321,7 @@ const options1 = [
|
|||||||
]
|
]
|
||||||
const height = mainHeight(20)
|
const height = mainHeight(20)
|
||||||
const heightB = mainHeight(445)
|
const heightB = mainHeight(445)
|
||||||
const size = ref(0)
|
const size = ref(23)
|
||||||
const TableHeaderRef = ref()
|
const TableHeaderRef = ref()
|
||||||
const detailRef = ref()
|
const detailRef = ref()
|
||||||
const dotList: any = ref({})
|
const dotList: any = ref({})
|
||||||
|
|||||||
@@ -205,7 +205,7 @@ const props = defineProps(['rowList'])
|
|||||||
const harmonic = harmonicOptions.filter(item => item.value < 26)
|
const harmonic = harmonicOptions.filter(item => item.value < 26)
|
||||||
const currentLod = ref(false)
|
const currentLod = ref(false)
|
||||||
const monitoringPoint = useMonitoringPoint()
|
const monitoringPoint = useMonitoringPoint()
|
||||||
const size = ref(0)
|
const size = ref(23)
|
||||||
const dictData = useDictData()
|
const dictData = useDictData()
|
||||||
const datePickerRef = ref()
|
const datePickerRef = ref()
|
||||||
const height = mainHeight(80).height
|
const height = mainHeight(80).height
|
||||||
|
|||||||
@@ -54,14 +54,17 @@
|
|||||||
</el-button>
|
</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item style="right: 500px; position: absolute; overflow: hidden">
|
<el-form-item style="right: 500px; position: absolute; overflow: hidden">
|
||||||
<LocationInformation style="width: 16px; margin-right: 8px; color: var(--el-color-primary)" />
|
<LocationInformation
|
||||||
<span style="font-size: 16px; font-weight: bold; color: var(--el-color-primary)">当前操作节点:</span>
|
style="width: 16px; margin-right: 8px; color: var(--el-color-primary)"
|
||||||
|
/>
|
||||||
|
<span style="font-size: 16px; font-weight: bold; color: var(--el-color-primary)">
|
||||||
|
当前操作节点:
|
||||||
|
</span>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item style="right: 0; position: absolute; overflow: hidden">
|
<el-form-item style="right: 0; position: absolute; overflow: hidden">
|
||||||
<div class="title" :class="titleList.length > 5 ? 'titleScroll' : ''">
|
<div class="title" :class="titleList.length > 5 ? 'titleScroll' : ''">
|
||||||
<span v-for="(item, index) in titleList">{{ index == 0 ? '' : ' > ' }}{{ item }}</span>
|
<span v-for="(item, index) in titleList">{{ index == 0 ? '' : ' > ' }}{{ item }}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<div id="scrollBox" :style="{ height: Height.height }" style="overflow-y: auto">
|
<div id="scrollBox" :style="{ height: Height.height }" style="overflow-y: auto">
|
||||||
@@ -1691,7 +1694,7 @@ import { useDictData } from '@/stores/dictData'
|
|||||||
import { ref, reactive, onMounted } from 'vue'
|
import { ref, reactive, onMounted } from 'vue'
|
||||||
import { ElMessage, ElMessageBox } from 'element-plus'
|
import { ElMessage, ElMessageBox } from 'element-plus'
|
||||||
import { getYwZtSubstation } from '@/api/device-boot/device'
|
import { getYwZtSubstation } from '@/api/device-boot/device'
|
||||||
const size = ref(0)
|
const size = ref(23)
|
||||||
const TerminalRef = ref()
|
const TerminalRef = ref()
|
||||||
const pageHeight = mainHeight(20)
|
const pageHeight = mainHeight(20)
|
||||||
const Height = mainHeight(100)
|
const Height = mainHeight(100)
|
||||||
@@ -2024,12 +2027,12 @@ const latff: any = ref((rule: any, value: any, callback: any) => {
|
|||||||
}
|
}
|
||||||
})
|
})
|
||||||
const plevel = ref(0)
|
const plevel = ref(0)
|
||||||
const nodeDataList=ref()
|
const nodeDataList = ref()
|
||||||
const nodeEventList=ref()
|
const nodeEventList = ref()
|
||||||
const nodeLevel1=ref(0)
|
const nodeLevel1 = ref(0)
|
||||||
const nodeClick = (e: anyObj, data: any) => {
|
const nodeClick = (e: anyObj, data: any) => {
|
||||||
nodeDataList.value = data
|
nodeDataList.value = data
|
||||||
nodeEventList.value = e
|
nodeEventList.value = e
|
||||||
plevel.value = data.data.plevel
|
plevel.value = data.data.plevel
|
||||||
treeClickCount.value++
|
treeClickCount.value++
|
||||||
if (treeClickCount.value > 2) return
|
if (treeClickCount.value > 2) return
|
||||||
@@ -2338,7 +2341,9 @@ const next = async () => {
|
|||||||
break
|
break
|
||||||
case 600:
|
case 600:
|
||||||
addLine()
|
addLine()
|
||||||
selectChanged(AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].scale)
|
selectChanged(
|
||||||
|
AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].scale
|
||||||
|
)
|
||||||
nextfalg.value = false
|
nextfalg.value = false
|
||||||
break
|
break
|
||||||
case 700:
|
case 700:
|
||||||
@@ -2355,8 +2360,7 @@ const black = () => {
|
|||||||
busBarIndex.value = '0'
|
busBarIndex.value = '0'
|
||||||
deviceIndex.value = '0'
|
deviceIndex.value = '0'
|
||||||
lineIndex.value = '0'
|
lineIndex.value = '0'
|
||||||
nodeClick(nodeEventList.value,nodeDataList.value)
|
nodeClick(nodeEventList.value, nodeDataList.value)
|
||||||
|
|
||||||
}
|
}
|
||||||
// 确认提交
|
// 确认提交
|
||||||
const onsubmit = () => {
|
const onsubmit = () => {
|
||||||
|
|||||||
@@ -3,10 +3,15 @@
|
|||||||
<!-- 算法库 -->
|
<!-- 算法库 -->
|
||||||
<splitpanes style="height: 100%" class="default-theme" id="navigation-splitpanes">
|
<splitpanes style="height: 100%" class="default-theme" id="navigation-splitpanes">
|
||||||
<pane :size="size">
|
<pane :size="size">
|
||||||
<algorithmTree ref="treeRef" :default-expand-all="false"
|
<algorithmTree
|
||||||
|
ref="treeRef"
|
||||||
|
:default-expand-all="false"
|
||||||
:default-expanded-keys="monitoringPoint.state.lineId ? [monitoringPoint.state.lineId] : []"
|
:default-expanded-keys="monitoringPoint.state.lineId ? [monitoringPoint.state.lineId] : []"
|
||||||
:current-node-key="monitoringPoint.state.lineId" @node-click="handleNodeClick"
|
:current-node-key="monitoringPoint.state.lineId"
|
||||||
@init="handleNodeClick" @onAddTree="onAddTree"></algorithmTree>
|
@node-click="handleNodeClick"
|
||||||
|
@init="handleNodeClick"
|
||||||
|
@onAddTree="onAddTree"
|
||||||
|
></algorithmTree>
|
||||||
</pane>
|
</pane>
|
||||||
<pane style="background: #fff" :style="height">
|
<pane style="background: #fff" :style="height">
|
||||||
<div class="boxTop">
|
<div class="boxTop">
|
||||||
@@ -16,9 +21,7 @@
|
|||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="information">
|
<div v-if="information">
|
||||||
<el-button icon="el-icon-Plus" type="primary" @click="addUser">
|
<el-button icon="el-icon-Plus" type="primary" @click="addUser">新增</el-button>
|
||||||
新增
|
|
||||||
</el-button>
|
|
||||||
<el-button icon="el-icon-Edit" type="primary" @click="revise">修改</el-button>
|
<el-button icon="el-icon-Edit" type="primary" @click="revise">修改</el-button>
|
||||||
<el-button icon="el-icon-Delete" type="primary" @click="deletes">删除</el-button>
|
<el-button icon="el-icon-Delete" type="primary" @click="deletes">删除</el-button>
|
||||||
</div>
|
</div>
|
||||||
@@ -35,12 +38,12 @@
|
|||||||
row.period == 0
|
row.period == 0
|
||||||
? '日'
|
? '日'
|
||||||
: row.period == 1
|
: row.period == 1
|
||||||
? '月'
|
? '月'
|
||||||
: row.period == 2
|
: row.period == 2
|
||||||
? '季'
|
? '季'
|
||||||
: row.period == 3
|
: row.period == 3
|
||||||
? '年'
|
? '年'
|
||||||
: ''
|
: ''
|
||||||
}}
|
}}
|
||||||
</template>
|
</template>
|
||||||
</vxe-column>
|
</vxe-column>
|
||||||
@@ -55,10 +58,8 @@
|
|||||||
</vxe-column> -->
|
</vxe-column> -->
|
||||||
<vxe-column field="definition" title="定义">
|
<vxe-column field="definition" title="定义">
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
|
|
||||||
<el-button type="primary" link @click="view(row)">查看</el-button>
|
<el-button type="primary" link @click="view(row)">查看</el-button>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
</vxe-column>
|
</vxe-column>
|
||||||
<!-- <vxe-column title="操作" width="150px">
|
<!-- <vxe-column title="操作" width="150px">
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
@@ -78,19 +79,28 @@
|
|||||||
<!-- 树弹框 -->
|
<!-- 树弹框 -->
|
||||||
<addTree ref="addTreeRef" @getTree="treeRef.loadData(dotList.id)" />
|
<addTree ref="addTreeRef" @getTree="treeRef.loadData(dotList.id)" />
|
||||||
<!-- 弹框 -->
|
<!-- 弹框 -->
|
||||||
<PopupEdit ref="popupEditRef" v-if="popupEditFlag"
|
<PopupEdit
|
||||||
@getTree="treeRef.loadData(dotList.id), (popupEditFlag = false)" />
|
ref="popupEditRef"
|
||||||
|
v-if="popupEditFlag"
|
||||||
|
@getTree="treeRef.loadData(dotList.id), (popupEditFlag = false)"
|
||||||
|
/>
|
||||||
<!-- 定义 -->
|
<!-- 定义 -->
|
||||||
<el-dialog draggable v-model="viewFlag" title="定义" width="60%">
|
<el-dialog draggable v-model="viewFlag" title="定义" width="60%">
|
||||||
<div style="min-height: 300px; max-height: 55vh;">
|
<div style="min-height: 300px; max-height: 55vh">
|
||||||
<div class="editor" ref="editorRef" v-html="summary" />
|
<div class="editor" ref="editorRef" v-html="summary" />
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<!-- 删除 -->
|
<!-- 删除 -->
|
||||||
<el-dialog draggable v-model="dialogVisible" title="请选择需要删除的数据" width="400">
|
<el-dialog draggable v-model="dialogVisible" title="请选择需要删除的数据" width="400">
|
||||||
<el-tree-select v-model="TreeValue" :data="TreeData" filterable check-strictly :props="defaultProps"
|
<el-tree-select
|
||||||
default-expand-all :render-after-expand="false" />
|
v-model="TreeValue"
|
||||||
|
:data="TreeData"
|
||||||
|
filterable
|
||||||
|
check-strictly
|
||||||
|
:props="defaultProps"
|
||||||
|
default-expand-all
|
||||||
|
:render-after-expand="false"
|
||||||
|
/>
|
||||||
<template #footer>
|
<template #footer>
|
||||||
<div class="dialog-footer">
|
<div class="dialog-footer">
|
||||||
<el-button @click="dialogVisible = false">取消</el-button>
|
<el-button @click="dialogVisible = false">取消</el-button>
|
||||||
@@ -115,8 +125,8 @@ import { ElMessage, ElMessageBox } from 'element-plus'
|
|||||||
import { deleteyById } from '@/api/supervision-boot/database/index'
|
import { deleteyById } from '@/api/supervision-boot/database/index'
|
||||||
import { queryAllAlgorithmLibrary, updateAlgorithmLibrary } from '@/api/supervision-boot/database/index'
|
import { queryAllAlgorithmLibrary, updateAlgorithmLibrary } from '@/api/supervision-boot/database/index'
|
||||||
import { useAdminInfo } from '@/stores/adminInfo'
|
import { useAdminInfo } from '@/stores/adminInfo'
|
||||||
import katex from "katex";
|
import katex from 'katex'
|
||||||
import "katex/dist/katex.css";
|
import 'katex/dist/katex.css'
|
||||||
const adminInfo = useAdminInfo()
|
const adminInfo = useAdminInfo()
|
||||||
defineOptions({
|
defineOptions({
|
||||||
name: 'database/algorithm'
|
name: 'database/algorithm'
|
||||||
@@ -124,7 +134,7 @@ defineOptions({
|
|||||||
const monitoringPoint = useMonitoringPoint()
|
const monitoringPoint = useMonitoringPoint()
|
||||||
const height = mainHeight(20)
|
const height = mainHeight(20)
|
||||||
const heightTab = mainHeight(82)
|
const heightTab = mainHeight(82)
|
||||||
const size = ref(0)
|
const size = ref(23)
|
||||||
const addTreeRef = ref()
|
const addTreeRef = ref()
|
||||||
const editorRef = ref()
|
const editorRef = ref()
|
||||||
const dialogVisible = ref(false)
|
const dialogVisible = ref(false)
|
||||||
@@ -213,31 +223,26 @@ onMounted(() => {
|
|||||||
})
|
})
|
||||||
|
|
||||||
const view = (row: any) => {
|
const view = (row: any) => {
|
||||||
|
|
||||||
viewFlag.value = true
|
viewFlag.value = true
|
||||||
summary.value = row.definition
|
summary.value = row.definition
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
|
const spans = document.querySelectorAll('span[data-value]')
|
||||||
const spans = document.querySelectorAll('span[data-value]');
|
|
||||||
// 遍历每个 span 标签
|
// 遍历每个 span 标签
|
||||||
spans.forEach(function (span) {
|
spans.forEach(function (span) {
|
||||||
|
|
||||||
let val = katex.renderToString(span.getAttribute('data-value'), {
|
let val = katex.renderToString(span.getAttribute('data-value'), {
|
||||||
throwOnError: false,
|
throwOnError: false
|
||||||
})
|
})
|
||||||
// var newDiv = document.createElement('div');
|
// var newDiv = document.createElement('div');
|
||||||
var newDiv = span
|
var newDiv = span
|
||||||
newDiv.innerHTML = val;
|
newDiv.innerHTML = val
|
||||||
|
|
||||||
span.parentNode.replaceChild(newDiv, span);
|
|
||||||
});
|
|
||||||
|
|
||||||
|
span.parentNode.replaceChild(newDiv, span)
|
||||||
|
})
|
||||||
}, 100)
|
}, 100)
|
||||||
|
|
||||||
//
|
//
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
const handleNodeClick = (data: any, node: any) => {
|
const handleNodeClick = (data: any, node: any) => {
|
||||||
if (data.pid != '0') {
|
if (data.pid != '0') {
|
||||||
dotList.value = data
|
dotList.value = data
|
||||||
|
|||||||
@@ -63,7 +63,7 @@ defineOptions({
|
|||||||
const excelOptions = ref({})
|
const excelOptions = ref({})
|
||||||
const monitoringPoint = useMonitoringPoint()
|
const monitoringPoint = useMonitoringPoint()
|
||||||
const height = mainHeight(20)
|
const height = mainHeight(20)
|
||||||
const size = ref(0)
|
const size = ref(23)
|
||||||
const treeRef = ref()
|
const treeRef = ref()
|
||||||
const addTreeRef = ref()
|
const addTreeRef = ref()
|
||||||
const url = ref('')
|
const url = ref('')
|
||||||
|
|||||||
@@ -194,7 +194,7 @@ const dotList: any = ref({})
|
|||||||
const height = mainHeight(20)
|
const height = mainHeight(20)
|
||||||
const heightB = mainHeight(70)
|
const heightB = mainHeight(70)
|
||||||
const harmonic = harmonicOptions.slice(1)
|
const harmonic = harmonicOptions.slice(1)
|
||||||
const size = ref(0)
|
const size = ref(23)
|
||||||
const showTabs = ref(false)
|
const showTabs = ref(false)
|
||||||
const loadDataOptions: any = ref([])
|
const loadDataOptions: any = ref([])
|
||||||
const form: any = reactive({
|
const form: any = reactive({
|
||||||
|
|||||||
@@ -45,7 +45,7 @@
|
|||||||
<Shishishuju v-if="activeName == '7'" />
|
<Shishishuju v-if="activeName == '7'" />
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
<el-tab-pane label="统计报表" name="8" lazy v-if="!isReload && VITE_FLAG">
|
<el-tab-pane label="统计报表" name="8" lazy v-if="!isReload && VITE_FLAG">
|
||||||
<StatisticalReport v-if="activeName == '8'" />
|
<StatisticalReport v-if="activeName == '8'" />
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
</el-tabs>
|
</el-tabs>
|
||||||
<!-- <div
|
<!-- <div
|
||||||
@@ -83,7 +83,7 @@ defineOptions({
|
|||||||
|
|
||||||
const monitoringPoint = useMonitoringPoint()
|
const monitoringPoint = useMonitoringPoint()
|
||||||
const pointTree = ref()
|
const pointTree = ref()
|
||||||
const size = ref(0)
|
const size = ref(23)
|
||||||
const isReload = ref(false)
|
const isReload = ref(false)
|
||||||
const height = mainHeight(40)
|
const height = mainHeight(40)
|
||||||
const activeName = ref('2')
|
const activeName = ref('2')
|
||||||
|
|||||||
@@ -1,46 +1,44 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="" :style="height">
|
<div class="" :style="height">
|
||||||
|
<TableHeader ref="TableHeaderRef" datePicker @selectChange="selectChange">
|
||||||
<TableHeader ref="TableHeaderRef" datePicker @selectChange="selectChange">
|
<template v-slot:select>
|
||||||
<template v-slot:select>
|
<el-form-item label="模板策略">
|
||||||
<el-form-item label="模板策略">
|
<el-select v-model="Template" @change="changetype" placeholder="请选择模版" value-key="id">
|
||||||
<el-select v-model="Template" @change="changetype" placeholder="请选择模版" value-key="id">
|
<el-option
|
||||||
<el-option
|
v-for="item in templatePolicy"
|
||||||
v-for="item in templatePolicy"
|
:key="item.id"
|
||||||
:key="item.id"
|
:label="item.name"
|
||||||
:label="item.name"
|
:value="item"
|
||||||
:value="item"
|
></el-option>
|
||||||
></el-option>
|
</el-select>
|
||||||
</el-select>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="报表类型">
|
||||||
<el-form-item label="报表类型">
|
<el-input readonly type="text" value="分析报表"></el-input>
|
||||||
<el-input readonly type="text" value="分析报表"></el-input>
|
<!-- <el-select-->
|
||||||
<!-- <el-select-->
|
<!-- :disabled="true"-->
|
||||||
<!-- :disabled="true"-->
|
<!-- v-model="reportForm"-->
|
||||||
<!-- v-model="reportForm"-->
|
<!-- :popper-append-to-body="false"-->
|
||||||
<!-- :popper-append-to-body="false"-->
|
<!-- placeholder="请选择报表类型"-->
|
||||||
<!-- placeholder="请选择报表类型"-->
|
<!-- >-->
|
||||||
<!-- >-->
|
<!-- <el-option-->
|
||||||
<!-- <el-option-->
|
<!-- v-for="item in reportFormList"-->
|
||||||
<!-- v-for="item in reportFormList"-->
|
<!-- :key="item.value"-->
|
||||||
<!-- :key="item.value"-->
|
<!-- :label="item.label"-->
|
||||||
<!-- :label="item.label"-->
|
<!-- :value="item.value"-->
|
||||||
<!-- :value="item.value"-->
|
<!-- ></el-option>-->
|
||||||
<!-- ></el-option>-->
|
<!-- </el-select>-->
|
||||||
<!-- </el-select>-->
|
</el-form-item>
|
||||||
</el-form-item>
|
</template>
|
||||||
</template>
|
<template #operation>
|
||||||
<template #operation>
|
<el-button icon="el-icon-Download" type="primary" @click="exportEvent">导出excel</el-button>
|
||||||
<el-button icon="el-icon-Download" type="primary" @click="exportEvent">导出excel</el-button>
|
<el-button icon="el-icon-Download" :loading="loading" @click="exportReport" type="primary">
|
||||||
<el-button icon="el-icon-Download" :loading="loading" @click="exportReport" type="primary">
|
下载报告
|
||||||
下载报告
|
</el-button>
|
||||||
</el-button>
|
</template>
|
||||||
</template>
|
</TableHeader>
|
||||||
</TableHeader>
|
<div class="box">
|
||||||
<div class="box">
|
<div id="luckysheet" :style="`height: calc(${tableStore.table.height} )`"></div>
|
||||||
<div id="luckysheet" :style="`height: calc(${tableStore.table.height} )`"></div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
@@ -63,7 +61,7 @@ defineOptions({
|
|||||||
const monitoringPoint = useMonitoringPoint()
|
const monitoringPoint = useMonitoringPoint()
|
||||||
const showTree = ref(false)
|
const showTree = ref(false)
|
||||||
const height = mainHeight(20)
|
const height = mainHeight(20)
|
||||||
const size = ref(0)
|
const size = ref(23)
|
||||||
const dictData = useDictData()
|
const dictData = useDictData()
|
||||||
const TableHeaderRef = ref()
|
const TableHeaderRef = ref()
|
||||||
const dotList: any = ref({})
|
const dotList: any = ref({})
|
||||||
@@ -79,7 +77,7 @@ const tableStore = new TableStore({
|
|||||||
publicHeight: 30,
|
publicHeight: 30,
|
||||||
beforeSearchFun: () => {
|
beforeSearchFun: () => {
|
||||||
tableStore.table.params.tempId = Template.value.id
|
tableStore.table.params.tempId = Template.value.id
|
||||||
tableStore.table.params.lineId =monitoringPoint.state.lineId
|
tableStore.table.params.lineId = monitoringPoint.state.lineId
|
||||||
},
|
},
|
||||||
loadCallback: () => {
|
loadCallback: () => {
|
||||||
tableStore.table.data.forEach((item: any) => {
|
tableStore.table.data.forEach((item: any) => {
|
||||||
@@ -135,13 +133,10 @@ const selectChange = () => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
const exportEvent = () => {
|
const exportEvent = () => {
|
||||||
exportExcel(luckysheet.getAllSheets(), '统计报表下载')
|
exportExcel(luckysheet.getAllSheets(), '统计报表下载')
|
||||||
}
|
}
|
||||||
const exportReport = () => {
|
const exportReport = () => {
|
||||||
|
|
||||||
loading.value = true
|
loading.value = true
|
||||||
let form = new FormData()
|
let form = new FormData()
|
||||||
form.append('isUrl', false)
|
form.append('isUrl', false)
|
||||||
|
|||||||
@@ -71,7 +71,7 @@ defineOptions({
|
|||||||
})
|
})
|
||||||
const showTree = ref(false)
|
const showTree = ref(false)
|
||||||
const height = mainHeight(20)
|
const height = mainHeight(20)
|
||||||
const size = ref(0)
|
const size = ref(23)
|
||||||
const dictData = useDictData()
|
const dictData = useDictData()
|
||||||
const TableHeaderRef = ref()
|
const TableHeaderRef = ref()
|
||||||
const dotList: any = ref({})
|
const dotList: any = ref({})
|
||||||
@@ -165,7 +165,6 @@ const exportEvent = () => {
|
|||||||
exportExcel(luckysheet.getAllSheets(), '统计报表下载')
|
exportExcel(luckysheet.getAllSheets(), '统计报表下载')
|
||||||
}
|
}
|
||||||
const exportReport = () => {
|
const exportReport = () => {
|
||||||
|
|
||||||
loading.value = true
|
loading.value = true
|
||||||
let form = new FormData()
|
let form = new FormData()
|
||||||
form.append('isUrl', false)
|
form.append('isUrl', false)
|
||||||
|
|||||||
@@ -1,36 +1,58 @@
|
|||||||
<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%" class="default-theme" id="navigation-splitpanes">
|
||||||
<pane :size='size'>
|
<pane :size="size">
|
||||||
<PointTree :default-expand-all='false' @node-click='handleNodeClick' @init='handleNodeClick'>
|
<PointTree
|
||||||
</PointTree>
|
:default-expand-all="false"
|
||||||
|
@node-click="handleNodeClick"
|
||||||
|
@init="handleNodeClick"
|
||||||
|
></PointTree>
|
||||||
</pane>
|
</pane>
|
||||||
<pane style='background: #fff' :style='height'>
|
<pane style="background: #fff" :style="height">
|
||||||
<TableHeader ref='TableHeaderRef' datePicker :show-search='false'>
|
<TableHeader ref="TableHeaderRef" datePicker :show-search="false">
|
||||||
<template v-slot:select>
|
<template v-slot:select>
|
||||||
<el-form-item label='客户名称'>
|
<el-form-item label="客户名称">
|
||||||
<el-input v-model='tableStore.table.params.crmName' maxlength='32' show-word-limit clearable
|
<el-input
|
||||||
placeholder='请输入客户名称' />
|
v-model="tableStore.table.params.crmName"
|
||||||
|
maxlength="32"
|
||||||
|
show-word-limit
|
||||||
|
clearable
|
||||||
|
placeholder="请输入客户名称"
|
||||||
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label='报表编号'>
|
<el-form-item label="报表编号">
|
||||||
<el-input v-model='tableStore.table.params.reportNumber' clearable
|
<el-input
|
||||||
placeholder='请输入报表编号' maxlength='12' show-word-limit />
|
v-model="tableStore.table.params.reportNumber"
|
||||||
|
clearable
|
||||||
|
placeholder="请输入报表编号"
|
||||||
|
maxlength="12"
|
||||||
|
show-word-limit
|
||||||
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</template>
|
</template>
|
||||||
<template #operation>
|
<template #operation>
|
||||||
<el-upload :show-file-list='false' ref='uploadRef' action='' accept='.png,.jpg'
|
<el-upload
|
||||||
:on-change='choose' :auto-upload='false'>
|
:show-file-list="false"
|
||||||
|
ref="uploadRef"
|
||||||
|
action=""
|
||||||
|
accept=".png,.jpg"
|
||||||
|
:on-change="choose"
|
||||||
|
:auto-upload="false"
|
||||||
|
>
|
||||||
<template #trigger>
|
<template #trigger>
|
||||||
<el-button icon='el-icon-Upload' type='primary' class='mr10 ml10'>上传接线图</el-button>
|
<el-button icon="el-icon-Upload" type="primary" class="mr10 ml10">上传接线图</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-upload>
|
</el-upload>
|
||||||
<el-button icon='el-icon-Download' type='primary' @click='exportEvent'>生成</el-button>
|
<el-button icon="el-icon-Download" type="primary" @click="exportEvent">生成</el-button>
|
||||||
</template>
|
</template>
|
||||||
</TableHeader>
|
</TableHeader>
|
||||||
<div class='box'>
|
<div class="box">
|
||||||
<div id='luckysheet'>
|
<div id="luckysheet">
|
||||||
<img width='100%' :style='`height: calc(${tableStore.table.height} + 40px)`'
|
<img
|
||||||
src='@/assets/img/jss.png' />
|
width="100%"
|
||||||
|
:style="`height: calc(${tableStore.table.height} + 40px)`"
|
||||||
|
src="@/assets/img/jss.png"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</pane>
|
</pane>
|
||||||
@@ -38,7 +60,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang='ts'>
|
<script setup lang="ts">
|
||||||
import { onMounted, ref, provide } from 'vue'
|
import { onMounted, ref, provide } from 'vue'
|
||||||
import 'splitpanes/dist/splitpanes.css'
|
import 'splitpanes/dist/splitpanes.css'
|
||||||
import { Splitpanes, Pane } from 'splitpanes'
|
import { Splitpanes, Pane } from 'splitpanes'
|
||||||
@@ -55,7 +77,7 @@ 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(23)
|
||||||
const dictData = useDictData()
|
const dictData = useDictData()
|
||||||
const TableHeaderRef = ref()
|
const TableHeaderRef = ref()
|
||||||
const dotList: any = ref({})
|
const dotList: any = ref({})
|
||||||
@@ -66,24 +88,19 @@ const tableStore = new TableStore({
|
|||||||
url: '',
|
url: '',
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
column: [],
|
column: [],
|
||||||
beforeSearchFun: () => {
|
beforeSearchFun: () => {},
|
||||||
},
|
loadCallback: () => {}
|
||||||
loadCallback: () => {
|
|
||||||
}
|
|
||||||
})
|
})
|
||||||
provide('tableStore', tableStore)
|
provide('tableStore', tableStore)
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
const dom = document.getElementById('navigation-splitpanes')
|
const dom = document.getElementById('navigation-splitpanes')
|
||||||
|
|
||||||
|
|
||||||
if (dom) {
|
if (dom) {
|
||||||
|
|
||||||
size.value = Math.round((180 / dom.offsetHeight) * 120)
|
size.value = Math.round((180 / dom.offsetHeight) * 120)
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
||||||
const handleNodeClick = (data: any, node: any) => {
|
const handleNodeClick = (data: any, node: any) => {
|
||||||
dotList.value = data
|
dotList.value = data
|
||||||
}
|
}
|
||||||
@@ -117,12 +134,15 @@ const exportEvent = () => {
|
|||||||
form.append('file', uploadList.value?.raw || '')
|
form.append('file', uploadList.value?.raw || '')
|
||||||
// 特殊字符正则表达式
|
// 特殊字符正则表达式
|
||||||
const specialCharRegex = /[!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]/
|
const specialCharRegex = /[!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]/
|
||||||
if (specialCharRegex.test(tableStore.table.params.crmName) || specialCharRegex.test(tableStore.table.params.reportNumber)) {
|
if (
|
||||||
|
specialCharRegex.test(tableStore.table.params.crmName) ||
|
||||||
|
specialCharRegex.test(tableStore.table.params.reportNumber)
|
||||||
|
) {
|
||||||
ElNotification({
|
ElNotification({
|
||||||
type: 'error',
|
type: 'error',
|
||||||
message: '包含特殊字符,请注意修改!'
|
message: '包含特殊字符,请注意修改!'
|
||||||
})
|
})
|
||||||
}else{
|
} else {
|
||||||
ElMessage('生成报告中...')
|
ElMessage('生成报告中...')
|
||||||
exportModel(form).then((res: any) => {
|
exportModel(form).then((res: any) => {
|
||||||
let blob = new Blob([res], {
|
let blob = new Blob([res], {
|
||||||
@@ -138,10 +158,9 @@ const exportEvent = () => {
|
|||||||
document.body.removeChild(link)
|
document.body.removeChild(link)
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang='scss'>
|
<style lang="scss">
|
||||||
.splitpanes.default-theme .splitpanes__pane {
|
.splitpanes.default-theme .splitpanes__pane {
|
||||||
background: #eaeef1;
|
background: #eaeef1;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -6,20 +6,21 @@
|
|||||||
<div class="title">
|
<div class="title">
|
||||||
<span>
|
<span>
|
||||||
稳态综合评估
|
稳态综合评估
|
||||||
<el-popover placement="right" :width="150" trigger="hover">
|
<el-popover placement="right" :width="190" trigger="hover">
|
||||||
<template #reference>
|
<template #reference>
|
||||||
<WarningFilled class="WarningFilled" />
|
<WarningFilled class="WarningFilled" />
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<div class="text">
|
<div class="text">
|
||||||
<span style="color: #00b07d">优质:(4.5 , 5]</span>
|
<span style="color: #00B07D">无污染:0</span>
|
||||||
<br />
|
<br />
|
||||||
<span style="color: #2b7fd3">良好:(4 , 4.5]</span>
|
<span style="color: #3399ff">轻微污染:(0 , 100]</span>
|
||||||
<br />
|
<br />
|
||||||
<span style="color: #ffcc33">合格:(3 , 4]</span>
|
<span style="color: #ffcc33">轻度污染:(100 , 1000]</span>
|
||||||
<br />
|
<br />
|
||||||
<span style="color: #97017e">较差:(2 , 3]</span>
|
<span style="color: #ff9900">中度污染:(1000 , 10000]</span>
|
||||||
<br />
|
<br />
|
||||||
<span style="color: #A52a2a">极差:[1 , 2]</span>
|
<span style="color: #A52a2a">重度污染:(10000</span>
|
||||||
</div>
|
</div>
|
||||||
</el-popover>
|
</el-popover>
|
||||||
</span>
|
</span>
|
||||||
@@ -53,7 +54,6 @@
|
|||||||
}"
|
}"
|
||||||
>
|
>
|
||||||
{{ assessList.score == 3.14159 ? '/' : assessList.score }}
|
{{ assessList.score == 3.14159 ? '/' : assessList.score }}
|
||||||
<!-- {{ assessList.level }} -->
|
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="evaluate">
|
<div class="evaluate">
|
||||||
|
|||||||
@@ -13,8 +13,10 @@
|
|||||||
<div v-for="(item, i) in list" class="cardBox" :style="i == 1 ? 'flex:1.3' : ''">
|
<div v-for="(item, i) in list" class="cardBox" :style="i == 1 ? 'flex:1.3' : ''">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<span style="cursor: pointer" @click="GridDiagram(i)">{{ item.title }}:</span>
|
<span style="cursor: pointer" @click="GridDiagram(i)">{{ item.title }}:</span>
|
||||||
<span :style="`color: ${item.color[0]}; cursor:pointer`"
|
<span
|
||||||
@click="LookMap(item.list[4].numOneList, item.list[4].numTwoList, 0)">
|
:style="`color: ${item.color[0]}; cursor:pointer`"
|
||||||
|
@click="LookMap(item.list[4].numOneList, item.list[4].numTwoList, 0)"
|
||||||
|
>
|
||||||
{{ item.list[4].numOne }}
|
{{ item.list[4].numOne }}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
@@ -23,8 +25,10 @@
|
|||||||
<!-- 监测规模 列表 -->
|
<!-- 监测规模 列表 -->
|
||||||
<div>
|
<div>
|
||||||
<div class="vcl mt5">
|
<div class="vcl mt5">
|
||||||
<p v-for="(item, i) in vList"
|
<p
|
||||||
:style="i == 0 ? 'width: 60px' : i == 5 ? 'width: 32px' : 'flex:1'">
|
v-for="(item, i) in vList"
|
||||||
|
:style="i == 0 ? 'width: 60px' : i == 5 ? 'width: 32px' : 'flex:1'"
|
||||||
|
>
|
||||||
{{ item }}
|
{{ item }}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
@@ -67,17 +71,20 @@
|
|||||||
</div>
|
</div>
|
||||||
<div :style="`height:calc(${boxHeight.height} + 20px);overflow-y: auto;`">
|
<div :style="`height:calc(${boxHeight.height} + 20px);overflow-y: auto;`">
|
||||||
<div v-for="item in countList">
|
<div v-for="item in countList">
|
||||||
<div class="title mt5" style="font-weight: 500">
|
<!-- <div class="title mt5" style="font-weight: 500">
|
||||||
<img src="@/assets/img/TJ.png" />
|
<img src="@/assets/img/TJ.png" />
|
||||||
{{ item.title }}
|
{{ item.title }}
|
||||||
</div>
|
</div> -->
|
||||||
<div class="card-Box" :style="`height:calc((${boxHeight.height} - 50px )/ 3);`"
|
<div
|
||||||
v-for="val in item.children">
|
class="card-Box mt10"
|
||||||
|
:style="`height:calc((${boxHeight.height} - 20px )/ 2);`"
|
||||||
|
v-for="val in item.children"
|
||||||
|
>
|
||||||
<div>
|
<div>
|
||||||
<span class="line"></span>
|
<span class="line"></span>
|
||||||
<span class="vol">{{ val.title }}</span>
|
<span class="vol">{{ val.title }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="num">
|
<div class="num num1">
|
||||||
<div @click="LookMap(val.numList, [], 0)">
|
<div @click="LookMap(val.numList, [], 0)">
|
||||||
投运:
|
投运:
|
||||||
<span>{{ val.num }}</span>
|
<span>{{ val.num }}</span>
|
||||||
@@ -90,6 +97,10 @@
|
|||||||
数据完整性:
|
数据完整性:
|
||||||
<span style="color: #2b7fd3; cursor: text">{{ val.integrityRate }}%</span>
|
<span style="color: #2b7fd3; cursor: text">{{ val.integrityRate }}%</span>
|
||||||
</div>
|
</div>
|
||||||
|
<div>
|
||||||
|
在线率:
|
||||||
|
<span style="color: #2b7fd3; cursor: text">{{ val.integrityRate }}%</span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -119,7 +130,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
{{ item.title[2] }}:
|
{{ item.title[2] }}:
|
||||||
<span style="color: #A52a2a" @click="LookMap([], item.lineListTwo, 1)">
|
<span style="color: #a52a2a" @click="LookMap([], item.lineListTwo, 1)">
|
||||||
{{ item.lineNumTwo || 0 }}
|
{{ item.lineNumTwo || 0 }}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
@@ -129,8 +140,12 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<img class="imgL" :style="show ? 'transform: rotate(0deg);' : 'transform: rotate(180deg);'"
|
<img
|
||||||
@click="show = !show" src="@/assets/img/QH.png" />
|
class="imgL"
|
||||||
|
:style="show ? 'transform: rotate(0deg);' : 'transform: rotate(180deg);'"
|
||||||
|
@click="show = !show"
|
||||||
|
src="@/assets/img/QH.png"
|
||||||
|
/>
|
||||||
|
|
||||||
<!-- 变电站详情 -->
|
<!-- 变电站详情 -->
|
||||||
<stand ref="standRef" />
|
<stand ref="standRef" />
|
||||||
@@ -286,11 +301,11 @@ const countList: any = ref([
|
|||||||
},
|
},
|
||||||
{ title: '非电网侧监测点', num: 0, onLineNum: 0, integrityRate: 0 }
|
{ title: '非电网侧监测点', num: 0, onLineNum: 0, integrityRate: 0 }
|
||||||
]
|
]
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '上送网公司',
|
|
||||||
children: [{ title: '电网侧监测点', num: 0, onLineNum: 0, integrityRate: 0 }]
|
|
||||||
}
|
}
|
||||||
|
// {
|
||||||
|
// title: '上送网公司',
|
||||||
|
// children: [{ title: '电网侧监测点', num: 0, onLineNum: 0, integrityRate: 0 }]
|
||||||
|
// }
|
||||||
])
|
])
|
||||||
const linList: any = ref([
|
const linList: any = ref([
|
||||||
{
|
{
|
||||||
@@ -307,7 +322,7 @@ const linList: any = ref([
|
|||||||
title: ['电能质量指标', '未超标', '超标']
|
title: ['电能质量指标', '未超标', '超标']
|
||||||
}
|
}
|
||||||
])
|
])
|
||||||
const vList = ['', '500kV', '220kV', '110kV', '35kV',]
|
const vList = ['', '500kV', '220kV', '110kV', '35kV']
|
||||||
const formRow: any = ref({})
|
const formRow: any = ref({})
|
||||||
const height = mainHeight(30)
|
const height = mainHeight(30)
|
||||||
const boxHeight = mainHeight(290, 2)
|
const boxHeight = mainHeight(290, 2)
|
||||||
@@ -368,7 +383,7 @@ const info = async (row: any) => {
|
|||||||
getGridDiagramStatistics(form).then(res => {
|
getGridDiagramStatistics(form).then(res => {
|
||||||
countList.value[0].children[0] = { title: '电网侧监测点', ...res.data.data[0] }
|
countList.value[0].children[0] = { title: '电网侧监测点', ...res.data.data[0] }
|
||||||
countList.value[0].children[1] = { title: '非电网侧监测点', ...res.data.data[1] }
|
countList.value[0].children[1] = { title: '非电网侧监测点', ...res.data.data[1] }
|
||||||
countList.value[1].children[0] = { title: '电网侧监测点', ...res.data.gwData[0] }
|
// countList.value[1].children[0] = { title: '电网侧监测点', ...res.data.gwData[0] }
|
||||||
})
|
})
|
||||||
// 监测运行统计
|
// 监测运行统计
|
||||||
getGridDiagramRunData(form).then(res => {
|
getGridDiagramRunData(form).then(res => {
|
||||||
@@ -392,7 +407,7 @@ const LookMap = (coutList: object, alarmList: object, key?: any) => {
|
|||||||
const GridDiagram = (k: any) => {
|
const GridDiagram = (k: any) => {
|
||||||
emit('GridDiagram', k, 3)
|
emit('GridDiagram', k, 3)
|
||||||
}
|
}
|
||||||
onMounted(() => { })
|
onMounted(() => {})
|
||||||
defineExpose({ info, show })
|
defineExpose({ info, show })
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -536,6 +551,18 @@ defineExpose({ info, show })
|
|||||||
font-weight: 550;
|
font-weight: 550;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.num1 {
|
||||||
|
grid-template-columns: 1fr 1fr;
|
||||||
|
grid-template-rows: auto auto;
|
||||||
|
gap: 8px;
|
||||||
|
div {
|
||||||
|
display: flex;
|
||||||
|
padding-left: 20px;
|
||||||
|
span {
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.BoxA {
|
.BoxA {
|
||||||
|
|||||||
@@ -1,137 +1,54 @@
|
|||||||
<template>
|
<template>
|
||||||
<!-- 综合评估详情 -->
|
<!-- 综合评估详情 -->
|
||||||
<el-dialog draggable title="综合评估统计" v-model="dialogVisible" width="1400px">
|
<el-dialog draggable title="区域污染值统计" v-model="dialogVisible" width="1400px">
|
||||||
<div>
|
<div style="display: flex">
|
||||||
<vxe-table v-bind="defaultAttribute" ref="vxeRef" height="300px" :data="tableData">
|
<div style="width: 400px">
|
||||||
<vxe-column field="deptName" title="地市" />
|
<vxe-table
|
||||||
<vxe-column field="assessLevel" title="综合评估结论">
|
v-bind="defaultAttribute"
|
||||||
<template #default="scope">
|
ref="tableRef"
|
||||||
<!-- class="conclusion"
|
@current-change="currentChangeEvent"
|
||||||
:class="
|
height="240px"
|
||||||
scope.row.assessLevel == '特质'
|
:row-config="{ isCurrent: true, isHover: true }"
|
||||||
? 'background1'
|
:data="tableData"
|
||||||
: scope.row.assessLevel == '较差'
|
>
|
||||||
? 'background2'
|
<vxe-column field="deptName" title="地市" />
|
||||||
: scope.row.assessLevel == '极差'
|
<vxe-column field="score" title="污染值" sortable>
|
||||||
? 'background3'
|
|
||||||
: ''
|
|
||||||
" -->
|
|
||||||
<span>
|
|
||||||
{{ scope.row.assessData }}
|
|
||||||
</span>
|
|
||||||
</template>
|
|
||||||
</vxe-column>
|
|
||||||
<vxe-column field="qualifyData" title="指标合格率(%)" />
|
|
||||||
|
|
||||||
<!-- <vxe-colgroup title="评估结论">
|
|
||||||
<vxe-column field="vdevAssessLevel" title="电压偏差">
|
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<span
|
<span
|
||||||
class="conclusion"
|
:style="{
|
||||||
:class="
|
color: setColor(scope.row.score)
|
||||||
scope.row.vdevAssessLevel == '特质'
|
}"
|
||||||
? 'background1'
|
|
||||||
: scope.row.vdevAssessLevel == '较差'
|
|
||||||
? 'background2'
|
|
||||||
: scope.row.vdevAssessLevel == '极差'
|
|
||||||
? 'background3'
|
|
||||||
: ''
|
|
||||||
"
|
|
||||||
>
|
>
|
||||||
{{ scope.row.vdevAssessLevel }}
|
{{ scope.row.score }}
|
||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
</vxe-column>
|
</vxe-column>
|
||||||
|
</vxe-table>
|
||||||
<vxe-column field="freqAssessLevel" title="频率偏差">
|
</div>
|
||||||
|
<div class="ml10" style="width: 990px">
|
||||||
|
<vxe-table v-bind="defaultAttribute" v-loading="loadingTab" ref="vxeRef" height="240px" :data="subdata">
|
||||||
|
<vxe-column type="seq" width="70"></vxe-column>
|
||||||
|
<vxe-column field="devName" title="终端名称"></vxe-column>
|
||||||
|
<vxe-column field="lineName" title="监测点名称" />
|
||||||
|
<vxe-column field="powerFlag" title="电网标志" />
|
||||||
|
<vxe-column field="devType" title="终端型号"></vxe-column>
|
||||||
|
<vxe-column field="manufacturer" title="终端厂家"></vxe-column>
|
||||||
|
<vxe-column field="vharmonicValue" title="污染值" sortable>
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<span
|
<span
|
||||||
class="conclusion"
|
:style="{
|
||||||
:class="
|
color: setColor(scope.row.vharmonicValue)
|
||||||
scope.row.freqAssessLevel == '特质'
|
}"
|
||||||
? 'background1'
|
|
||||||
: scope.row.freqAssessLevel == '较差'
|
|
||||||
? 'background2'
|
|
||||||
: scope.row.freqAssessLevel == '极差'
|
|
||||||
? 'background3'
|
|
||||||
: ''
|
|
||||||
"
|
|
||||||
>
|
>
|
||||||
{{ scope.row.freqAssessLevel }}
|
{{ scope.row.vharmonicValue }}
|
||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
</vxe-column>
|
</vxe-column>
|
||||||
|
</vxe-table>
|
||||||
<vxe-column field="harmAssessLevel" title="电压总谐波畸变率">
|
</div>
|
||||||
<template #default="scope">
|
|
||||||
<span
|
|
||||||
class="conclusion"
|
|
||||||
:class="
|
|
||||||
scope.row.harmAssessLevel == '特质'
|
|
||||||
? 'background1'
|
|
||||||
: scope.row.harmAssessLevel == '较差'
|
|
||||||
? 'background2'
|
|
||||||
: scope.row.harmAssessLevel == '极差'
|
|
||||||
? 'background3'
|
|
||||||
: ''
|
|
||||||
"
|
|
||||||
>
|
|
||||||
{{ scope.row.harmAssessLevel }}
|
|
||||||
</span>
|
|
||||||
</template>
|
|
||||||
</vxe-column>
|
|
||||||
|
|
||||||
<vxe-column field="flickerAssessLevel" title="电压闪变">
|
|
||||||
<template #default="scope">
|
|
||||||
<span
|
|
||||||
class="conclusion"
|
|
||||||
:class="
|
|
||||||
scope.row.flickerAssessLevel == '特质'
|
|
||||||
? 'background1'
|
|
||||||
: scope.row.flickerAssessLevel == '较差'
|
|
||||||
? 'background2'
|
|
||||||
: scope.row.flickerAssessLevel == '极差'
|
|
||||||
? 'background3'
|
|
||||||
: ''
|
|
||||||
"
|
|
||||||
>
|
|
||||||
{{ scope.row.flickerAssessLevel }}
|
|
||||||
</span>
|
|
||||||
</template>
|
|
||||||
</vxe-column>
|
|
||||||
|
|
||||||
<vxe-column field="unbalanceAssessLevel" title="三相电压不平衡度">
|
|
||||||
<template #default="scope">
|
|
||||||
<span
|
|
||||||
class="conclusion"
|
|
||||||
:class="
|
|
||||||
scope.row.unbalanceAssessLevel == '特质'
|
|
||||||
? 'background1'
|
|
||||||
: scope.row.unbalanceAssessLevel == '较差'
|
|
||||||
? 'background2'
|
|
||||||
: scope.row.unbalanceAssessLevel == '极差'
|
|
||||||
? 'background3'
|
|
||||||
: ''
|
|
||||||
"
|
|
||||||
>
|
|
||||||
{{ scope.row.unbalanceAssessLevel }}
|
|
||||||
</span>
|
|
||||||
</template>
|
|
||||||
</vxe-column>
|
|
||||||
</vxe-colgroup> -->
|
|
||||||
</vxe-table>
|
|
||||||
</div>
|
</div>
|
||||||
<div style="height: 300px; margin-top: 10px; position: relative" v-loading="loading">
|
<div style="height: 300px; margin-top: 10px; position: relative" v-loading="loading">
|
||||||
<!-- <el-select
|
<!-- <div style="position: absolute; width: 100px; top: 0px; right: 0px; z-index: 1">
|
||||||
v-model="time"
|
|
||||||
size="small"
|
|
||||||
|
|
||||||
@change="analysis"
|
|
||||||
>
|
|
||||||
<el-option label="年" value="1" />
|
|
||||||
<el-option label="月" value="3" />
|
|
||||||
</el-select> -->
|
|
||||||
<div style="position: absolute; width: 100px; top: 0px; right: 0px; z-index: 1">
|
|
||||||
<el-radio-group v-model="city" size="small" @change="analysis">
|
<el-radio-group v-model="city" size="small" @change="analysis">
|
||||||
<el-radio-button label="0">省</el-radio-button>
|
<el-radio-button label="0">省</el-radio-button>
|
||||||
<el-radio-button label="1">市</el-radio-button>
|
<el-radio-button label="1">市</el-radio-button>
|
||||||
@@ -140,133 +57,119 @@
|
|||||||
<el-radio-button label="1">年</el-radio-button>
|
<el-radio-button label="1">年</el-radio-button>
|
||||||
<el-radio-button label="3">月</el-radio-button>
|
<el-radio-button label="3">月</el-radio-button>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</div>
|
</div> -->
|
||||||
|
|
||||||
<MyEChart style="height: 300px" :options="picEChart" />
|
<MyEChart style="height: 300px" :options="picEChart" />
|
||||||
</div>
|
</div>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</template>
|
</template>
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { ref } from 'vue'
|
import { ref, nextTick } from 'vue'
|
||||||
import MyEChart from '@/components/echarts/MyEchart.vue'
|
import MyEChart from '@/components/echarts/MyEchart.vue'
|
||||||
import { defaultAttribute } from '@/components/table/defaultAttribute'
|
import { defaultAttribute } from '@/components/table/defaultAttribute'
|
||||||
import { getAssessDetail, getAssessTrend } from '@/api/device-boot/panorama'
|
import { useDictData } from '@/stores/dictData'
|
||||||
|
import { getAssessDetail, getAssessTrend, downPollutionSubCalc } from '@/api/device-boot/panorama'
|
||||||
|
const dictData = useDictData()
|
||||||
const dialogVisible: any = ref(false)
|
const dialogVisible: any = ref(false)
|
||||||
const rowList: any = ref({})
|
const rowList: any = ref({})
|
||||||
const type = ref('1')
|
const type = ref('1')
|
||||||
const city = ref('0')
|
const city = ref('0')
|
||||||
const loading = ref(false)
|
const loading = ref(false)
|
||||||
const tableData: any = ref([])
|
const tableData: any = ref([])
|
||||||
|
const subdata: any = ref([])
|
||||||
const picEChart = ref()
|
const picEChart = ref()
|
||||||
const open = async (row: any) => {
|
const tableRef = ref()
|
||||||
getAssessDetail(row).then(res => {
|
const loadingTab = ref(false)
|
||||||
tableData.value = res.data
|
const PollutionList = dictData.getBasicData('Pollution_Calc').filter(item => item.name == '谐波电压')
|
||||||
|
|
||||||
|
const open = async (row: any, list: any) => {
|
||||||
|
console.log('🚀 ~ open ~ list:', list)
|
||||||
|
// getAssessDetail(row).then(res => {
|
||||||
|
tableData.value = list
|
||||||
|
subdata.value = tableData.value[0]?.powerFlagPollutionList || []
|
||||||
|
nextTick(() => {
|
||||||
|
setTimeout(() => {
|
||||||
|
tableRef.value?.setCurrentRow(tableData.value[0])
|
||||||
|
}, 0)
|
||||||
})
|
})
|
||||||
|
// })
|
||||||
rowList.value = row
|
rowList.value = row
|
||||||
analysis()
|
analysis()
|
||||||
dialogVisible.value = true
|
dialogVisible.value = true
|
||||||
}
|
}
|
||||||
|
const currentChangeEvent = async () => {
|
||||||
|
loadingTab.value = true
|
||||||
|
setTimeout(() => {
|
||||||
|
subdata.value = tableRef.value.getCurrentRecord()?.powerFlagPollutionList || []
|
||||||
|
loadingTab.value = false
|
||||||
|
}, 1000)
|
||||||
|
}
|
||||||
|
|
||||||
const analysis = () => {
|
const analysis = () => {
|
||||||
loading.value = true
|
loading.value = true
|
||||||
let time = rowList.value.searchBeginTime.slice(0, 4) + `-01-01`
|
let time = rowList.value.searchBeginTime.slice(0, 4) + `-01-01`
|
||||||
getAssessTrend({ ...rowList.value, searchBeginTime: time, type: type.value, areaType: city.value }).then(res => {
|
downPollutionSubCalc({ ...rowList.value, ids: [PollutionList[0].id] }).then(res => {
|
||||||
|
const first10Items = res.data.slice(0, 10)
|
||||||
picEChart.value = {
|
picEChart.value = {
|
||||||
title: {
|
title: {
|
||||||
text: '各地市综合评估趋势对比'
|
text: '污染值排名前十变电站'
|
||||||
|
},
|
||||||
|
|
||||||
|
xAxis: {
|
||||||
|
name: '',
|
||||||
|
data: first10Items.map((item: any) => item.subStationName),
|
||||||
|
axisLabel: {
|
||||||
|
rotate: 30, // 核心:倾斜 45 度(推荐 30/45/60,角度太大易读性差)
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
grid: {
|
||||||
|
bottom: 10
|
||||||
},
|
},
|
||||||
legend: {
|
legend: {
|
||||||
right: 120,
|
show: false
|
||||||
top: 20
|
|
||||||
},
|
},
|
||||||
// tooltip: {
|
|
||||||
// formatter: function (params: any) {
|
|
||||||
// // console.log(123, params)
|
|
||||||
|
|
||||||
// var tips = ''
|
|
||||||
|
|
||||||
// for (var i = 0; i < params.length; i++) {
|
|
||||||
// console.log('🚀 ~ getAssessTrend ~ params[i].value:', params[i].value)
|
|
||||||
|
|
||||||
// tips +=
|
|
||||||
// params[i].seriesName +
|
|
||||||
// ':' +
|
|
||||||
// `<span style="color:${
|
|
||||||
// params[i].value > 4.5
|
|
||||||
// ? ''
|
|
||||||
// : params[i].value > 4
|
|
||||||
// ? ''
|
|
||||||
// : params[i].value > 3
|
|
||||||
// ? ''
|
|
||||||
// : params[i].value > 2
|
|
||||||
// ? '#97017e'
|
|
||||||
// : params[i].value > 0
|
|
||||||
// ? '#A52a2a'
|
|
||||||
// : ''
|
|
||||||
// }">
|
|
||||||
// ${
|
|
||||||
// params[i].value > 4.5
|
|
||||||
// ? '优质'
|
|
||||||
// : params[i].value > 4
|
|
||||||
// ? '良好'
|
|
||||||
// : params[i].value > 3
|
|
||||||
// ? '一般'
|
|
||||||
// : params[i].value > 2
|
|
||||||
// ? '较差'
|
|
||||||
// : params[i].value > 0
|
|
||||||
// ? '极差'
|
|
||||||
// : ''
|
|
||||||
// }
|
|
||||||
// </span>` +
|
|
||||||
// '</br>'
|
|
||||||
// }
|
|
||||||
// return tips
|
|
||||||
// }
|
|
||||||
// },
|
|
||||||
xAxis: {
|
|
||||||
name: '时间',
|
|
||||||
data: res.data[0].children.map((item: any) => item.dataTime)
|
|
||||||
},
|
|
||||||
|
|
||||||
grid: {
|
|
||||||
bottom: '10px',
|
|
||||||
top: '60px'
|
|
||||||
},
|
|
||||||
|
|
||||||
yAxis: {
|
yAxis: {
|
||||||
name: ''
|
name: ''
|
||||||
},
|
},
|
||||||
options: {
|
options: {
|
||||||
dataZoom: false,
|
dataZoom: false,
|
||||||
series: []
|
series: [
|
||||||
|
{
|
||||||
|
// name: time[i],
|
||||||
|
name: '污染值',
|
||||||
|
type: 'bar',
|
||||||
|
data: first10Items.map((item: any) => item.subVStationValue),
|
||||||
|
itemStyle: {
|
||||||
|
color: function (params) {
|
||||||
|
// params.value 是当前柱子的数值
|
||||||
|
const value = params.value
|
||||||
|
return setColor(value)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
let list: any = []
|
|
||||||
let time: any = []
|
|
||||||
let mun: any = []
|
|
||||||
res.data.forEach((item: any, num: any) => {
|
|
||||||
time.push(item.deptName)
|
|
||||||
list.push([])
|
|
||||||
item.children.forEach((val: any, i: any) => {
|
|
||||||
mun.push(val.score == 3.14159 ? null : val.score)
|
|
||||||
list[num].push(val.score == 3.14159 ? null : val.score)
|
|
||||||
})
|
|
||||||
})
|
|
||||||
|
|
||||||
list.forEach((item: any, i: any) => {
|
|
||||||
picEChart.value.options.series.push({
|
|
||||||
name: time[i],
|
|
||||||
type: 'line',
|
|
||||||
data: item
|
|
||||||
})
|
|
||||||
})
|
|
||||||
picEChart.value.yAxis.min = Math.min(...mun) < 1 ? 0 : (Math.min(...mun) - 0.5).toFixed(2)
|
|
||||||
picEChart.value.yAxis.max = Math.max(...mun) > 4.5 ? 5 : (Math.max(...mun) + 0.5).toFixed(2)
|
|
||||||
loading.value = false
|
loading.value = false
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
const setColor = val => {
|
||||||
|
return val == 3.14159
|
||||||
|
? ''
|
||||||
|
: val > 10000
|
||||||
|
? '#A52a2a'
|
||||||
|
: val > 1000
|
||||||
|
? '#ff9900'
|
||||||
|
: val > 100
|
||||||
|
? '#ffcc33'
|
||||||
|
: val > 0
|
||||||
|
? '#3399ff'
|
||||||
|
: val == 0
|
||||||
|
? '#00B07D'
|
||||||
|
: ''
|
||||||
|
}
|
||||||
defineExpose({ open })
|
defineExpose({ open })
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@@ -290,7 +193,7 @@ defineExpose({ open })
|
|||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
.background3 {
|
.background3 {
|
||||||
background-color: #A52a2a;
|
background-color: #a52a2a;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
:deep(.el-select) {
|
:deep(.el-select) {
|
||||||
|
|||||||
@@ -20,20 +20,20 @@
|
|||||||
<div class="title">
|
<div class="title">
|
||||||
<span>
|
<span>
|
||||||
污染告警
|
污染告警
|
||||||
<el-popover placement="right" :width="170" trigger="hover">
|
<el-popover placement="right" :width="190" trigger="hover">
|
||||||
<template #reference>
|
<template #reference>
|
||||||
<WarningFilled class="WarningFilled" />
|
<WarningFilled class="WarningFilled" />
|
||||||
</template>
|
</template>
|
||||||
<div class="text">
|
<div class="text">
|
||||||
<span style="color: #00b07d">无污染:(0 , 1]</span>
|
<span style="color: #00B07D">无污染:0</span>
|
||||||
<br />
|
<br />
|
||||||
<span style="color: #3399ff">轻微污染:(1 , 1.2]</span>
|
<span style="color: #3399ff">轻微污染:(0 , 100]</span>
|
||||||
<br />
|
<br />
|
||||||
<span style="color: #ffcc33">轻度污染:(1.2 , 1.6]</span>
|
<span style="color: #ffcc33">轻度污染:(100 , 1000]</span>
|
||||||
<br />
|
<br />
|
||||||
<span style="color: #ff9900">中度污染:(1.6 , 2]</span>
|
<span style="color: #ff9900">中度污染:(1000 , 10000]</span>
|
||||||
<br />
|
<br />
|
||||||
<span style="color: #a52a2a">重度污染:(2 , +∞)</span>
|
<span style="color: #A52a2a">重度污染:(10000</span>
|
||||||
</div>
|
</div>
|
||||||
</el-popover>
|
</el-popover>
|
||||||
</span>
|
</span>
|
||||||
|
|||||||
@@ -13,8 +13,10 @@
|
|||||||
<div v-for="(item, i) in list" class="cardBox" :style="i == 1 ? 'flex:1.3' : ''">
|
<div v-for="(item, i) in list" class="cardBox" :style="i == 1 ? 'flex:1.3' : ''">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<span style="cursor: pointer" @click="GridDiagram(i)">{{ item.title }}:</span>
|
<span style="cursor: pointer" @click="GridDiagram(i)">{{ item.title }}:</span>
|
||||||
<span :style="`color: ${item.color[0]}; cursor:pointer`"
|
<span
|
||||||
@click="LookMap(item.list[4].numOneList, item.list[4].numTwoList, 0)">
|
:style="`color: ${item.color[0]}; cursor:pointer`"
|
||||||
|
@click="LookMap(item.list[4].numOneList, item.list[4].numTwoList, 0)"
|
||||||
|
>
|
||||||
{{ item.list[4].numOne }}
|
{{ item.list[4].numOne }}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
@@ -23,8 +25,10 @@
|
|||||||
<!-- 监测规模 列表 -->
|
<!-- 监测规模 列表 -->
|
||||||
<div>
|
<div>
|
||||||
<div class="vcl mt5">
|
<div class="vcl mt5">
|
||||||
<p v-for="(item, i) in vList"
|
<p
|
||||||
:style="i == 0 ? 'width: 60px' : i == 5 ? 'width: 32px' : 'flex:1'">
|
v-for="(item, i) in vList"
|
||||||
|
:style="i == 0 ? 'width: 60px' : i == 5 ? 'width: 32px' : 'flex:1'"
|
||||||
|
>
|
||||||
{{ item }}
|
{{ item }}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
@@ -48,8 +52,10 @@
|
|||||||
<p class="numOne" @click="LookMap(item.list[3].numOneList, item.list[3].numTwoList, 0)">
|
<p class="numOne" @click="LookMap(item.list[3].numOneList, item.list[3].numTwoList, 0)">
|
||||||
{{ item.list[3].numOne }}
|
{{ item.list[3].numOne }}
|
||||||
</p>
|
</p>
|
||||||
<p style="font-size: 12px; width: 32px; cursor: pointer; color: var(--el-color-primary)"
|
<p
|
||||||
@click.stop="open(i)">
|
style="font-size: 12px; width: 32px; cursor: pointer; color: var(--el-color-primary)"
|
||||||
|
@click.stop="open(i)"
|
||||||
|
>
|
||||||
详情
|
详情
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
@@ -66,28 +72,37 @@
|
|||||||
<div :style="`height:calc(${boxHeight.height} + 20px);overflow-y: auto;`">
|
<div :style="`height:calc(${boxHeight.height} + 20px);overflow-y: auto;`">
|
||||||
<div v-for="item in countList">
|
<div v-for="item in countList">
|
||||||
<div class="title mt5" style="font-weight: 500">
|
<div class="title mt5" style="font-weight: 500">
|
||||||
<img src="@/assets/img/TJ.png" />
|
<!-- <img src="@/assets/img/TJ.png" />
|
||||||
{{ item.title }}
|
{{ item.title }} -->
|
||||||
</div>
|
</div>
|
||||||
<div class="card-Box" :style="`height:calc((${boxHeight.height} - 50px )/ 3);`"
|
<div
|
||||||
v-for="val in item.children">
|
class="card-Box mt10"
|
||||||
|
:style="`height:calc((${boxHeight.height} - 20px )/ 2);`"
|
||||||
|
v-for="val in item.children"
|
||||||
|
>
|
||||||
<div>
|
<div>
|
||||||
<span class="line"></span>
|
<span class="line"></span>
|
||||||
<span class="vol">{{ val.title }}</span>
|
<span class="vol">{{ val.title }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="num">
|
<div class="num num1">
|
||||||
<div @click="LookMap(val.numList, [], 0)">
|
<div @click="LookMap(val.numList, [], 0)">
|
||||||
投运:
|
投运:
|
||||||
<span>{{ val.num }}</span>
|
<span>{{ val.num }}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div @click="LookMap(val.onLineNumList, [], 0)">
|
<div @click="LookMap(val.onLineNumList, [], 0)">
|
||||||
在线:
|
在线:
|
||||||
<span style="color: #2dcd28">{{ val.onLineNum }}</span>
|
<span style="color: #2dcd28">{{ val.onLineNum }}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
数据完整性:
|
数据完整性:
|
||||||
<span style="color: #2b7fd3; cursor: text">{{ val.integrityRate }}%</span>
|
<span style="color: #2b7fd3; cursor: text">{{ val.integrityRate }}%</span>
|
||||||
</div>
|
</div>
|
||||||
|
<div>
|
||||||
|
在线率:
|
||||||
|
<span style="color: #2b7fd3; cursor: text">{{ val.integrityRate }}%</span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -117,7 +132,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
{{ item.title[2] }}:
|
{{ item.title[2] }}:
|
||||||
<span style="color: #A52a2a" @click="LookMap([], item.lineListTwo, 1)">
|
<span style="color: #a52a2a" @click="LookMap([], item.lineListTwo, 1)">
|
||||||
{{ item.lineNumTwo || 0 }}
|
{{ item.lineNumTwo || 0 }}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
@@ -127,8 +142,12 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<img class="imgL" :style="show ? 'transform: rotate(0deg);' : 'transform: rotate(180deg);'"
|
<img
|
||||||
@click="show = !show" src="@/assets/img/QH.png" />
|
class="imgL"
|
||||||
|
:style="show ? 'transform: rotate(0deg);' : 'transform: rotate(180deg);'"
|
||||||
|
@click="show = !show"
|
||||||
|
src="@/assets/img/QH.png"
|
||||||
|
/>
|
||||||
<div class="legeng">
|
<div class="legeng">
|
||||||
<div v-for="item in legengList">
|
<div v-for="item in legengList">
|
||||||
<span :style="`background-color: ${item.color};`"></span>
|
<span :style="`background-color: ${item.color};`"></span>
|
||||||
@@ -290,7 +309,7 @@ const countList: any = ref([
|
|||||||
},
|
},
|
||||||
{ title: '非电网侧监测点', num: 0, onLineNum: 0, integrityRate: 0 }
|
{ title: '非电网侧监测点', num: 0, onLineNum: 0, integrityRate: 0 }
|
||||||
]
|
]
|
||||||
},
|
}
|
||||||
// {
|
// {
|
||||||
// title: '上送网公司',
|
// title: '上送网公司',
|
||||||
// children: [{ title: '电网侧监测点', num: 0, onLineNum: 0, integrityRate: 0 }]
|
// children: [{ title: '电网侧监测点', num: 0, onLineNum: 0, integrityRate: 0 }]
|
||||||
@@ -418,7 +437,7 @@ const LookMap = (coutList: object, alarmList: object, key?: any) => {
|
|||||||
const GridDiagram = (k: any) => {
|
const GridDiagram = (k: any) => {
|
||||||
emit('GridDiagram', k)
|
emit('GridDiagram', k)
|
||||||
}
|
}
|
||||||
onMounted(() => { })
|
onMounted(() => {})
|
||||||
defineExpose({ info, show })
|
defineExpose({ info, show })
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -537,7 +556,7 @@ defineExpose({ info, show })
|
|||||||
background-color: #edededc0;
|
background-color: #edededc0;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
min-height: 60px;
|
min-height: 60px;
|
||||||
max-height: 120px;
|
// max-height: 120px;
|
||||||
|
|
||||||
.line {
|
.line {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
@@ -562,6 +581,19 @@ defineExpose({ info, show })
|
|||||||
font-weight: 550;
|
font-weight: 550;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.num1 {
|
||||||
|
grid-template-columns: 1fr 1fr; /* 核心:改为2列,均分宽度 */
|
||||||
|
grid-template-rows: auto auto;
|
||||||
|
gap: 8px; /* 可选:子元素间距,提升美观度 */
|
||||||
|
div {
|
||||||
|
display: flex;
|
||||||
|
padding-left: 20px;
|
||||||
|
// justify-content: center;
|
||||||
|
span {
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.BoxA {
|
.BoxA {
|
||||||
|
|||||||
@@ -6,20 +6,20 @@
|
|||||||
<div class="title">
|
<div class="title">
|
||||||
<span>
|
<span>
|
||||||
稳态综合评估
|
稳态综合评估
|
||||||
<el-popover placement="right" :width="150" trigger="hover">
|
<el-popover placement="right" :width="190" trigger="hover">
|
||||||
<template #reference>
|
<template #reference>
|
||||||
<WarningFilled class="WarningFilled" />
|
<WarningFilled class="WarningFilled" />
|
||||||
</template>
|
</template>
|
||||||
<div class="text">
|
<div class="text">
|
||||||
<span style="color: #00b07d">优质:(4.5 , 5]</span>
|
<span style="color: #00b07d">无污染:0</span>
|
||||||
<br />
|
<br />
|
||||||
<span style="color: #2b7fd3">良好:(4 , 4.5]</span>
|
<span style="color: #3399ff">轻微污染:(0 , 100]</span>
|
||||||
<br />
|
<br />
|
||||||
<span style="color: #ffcc33">合格:(3 , 4]</span>
|
<span style="color: #ffcc33">轻度污染:(100 , 1000]</span>
|
||||||
<br />
|
<br />
|
||||||
<span style="color: #97017e">较差:(2 , 3]</span>
|
<span style="color: #ff9900">中度污染:(1000 , 10000]</span>
|
||||||
<br />
|
<br />
|
||||||
<span style="color: #A52a2a">极差:[1 , 2]</span>
|
<span style="color: #a52a2a">重度污染:(10000</span>
|
||||||
</div>
|
</div>
|
||||||
</el-popover>
|
</el-popover>
|
||||||
</span>
|
</span>
|
||||||
@@ -32,7 +32,7 @@
|
|||||||
<img src="@/assets/img/FGX.png" />
|
<img src="@/assets/img/FGX.png" />
|
||||||
</div>
|
</div>
|
||||||
<div class="mt10 TJTop">
|
<div class="mt10 TJTop">
|
||||||
<img src="@/assets/img/TJ.png" />
|
<!-- <img src="@/assets/img/TJ.png" />
|
||||||
综合评估得分:
|
综合评估得分:
|
||||||
<span
|
<span
|
||||||
:style="{
|
:style="{
|
||||||
@@ -53,35 +53,27 @@
|
|||||||
}"
|
}"
|
||||||
>
|
>
|
||||||
{{ assessList.score == 3.14159 ? '/' : assessList.score }}
|
{{ assessList.score == 3.14159 ? '/' : assessList.score }}
|
||||||
<!-- {{ assessList.level }} -->
|
|
||||||
</span>
|
</span> -->
|
||||||
</div>
|
</div>
|
||||||
<div class="evaluate">
|
<div class="evaluate">
|
||||||
<div v-for="item in assessList.children" style="min-width: 50px">
|
<div v-for="item in assessList" style="min-width: 60px">
|
||||||
<div>
|
<div>
|
||||||
<span class="line"></span>
|
<span
|
||||||
{{ item.name }}
|
class="line"
|
||||||
|
:style="{
|
||||||
|
background: setColor(item.score)
|
||||||
|
}"
|
||||||
|
></span>
|
||||||
|
{{ item.deptName }}
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
style="margin-top: 5px"
|
style="margin-top: 5px"
|
||||||
:style="{
|
:style="{
|
||||||
color:
|
color: setColor(item.score)
|
||||||
item.score == 3.14159
|
|
||||||
? ''
|
|
||||||
: item.score > 4.5
|
|
||||||
? '#339966'
|
|
||||||
: item.score > 4
|
|
||||||
? '#2b7fd3'
|
|
||||||
: item.score > 3
|
|
||||||
? '#ffcc33'
|
|
||||||
: item.score > 2
|
|
||||||
? '#97017e'
|
|
||||||
: item.score > 0
|
|
||||||
? '#A52a2a'
|
|
||||||
: ''
|
|
||||||
}"
|
}"
|
||||||
>
|
>
|
||||||
{{ item.score == 3.14159 ? '/' : item.score }}
|
{{ setVal(item.score) }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -259,6 +251,7 @@ import temporaryState from './details/temporaryState.vue'
|
|||||||
import technique from './details/technique.vue'
|
import technique from './details/technique.vue'
|
||||||
import {
|
import {
|
||||||
getAssessOverview,
|
getAssessOverview,
|
||||||
|
getAreaPollution,
|
||||||
getEvaluationOverview,
|
getEvaluationOverview,
|
||||||
getEventLevelEvaluation,
|
getEventLevelEvaluation,
|
||||||
getSupervisionData
|
getSupervisionData
|
||||||
@@ -314,8 +307,7 @@ const options = ref([
|
|||||||
{
|
{
|
||||||
label: '负序电流',
|
label: '负序电流',
|
||||||
value: '9'
|
value: '9'
|
||||||
},
|
}
|
||||||
|
|
||||||
])
|
])
|
||||||
const technology: any = ref({})
|
const technology: any = ref({})
|
||||||
const harmonicType = ref('6')
|
const harmonicType = ref('6')
|
||||||
@@ -364,17 +356,17 @@ const JDlist = ref([
|
|||||||
{
|
{
|
||||||
name: '试运行问题',
|
name: '试运行问题',
|
||||||
value: 0
|
value: 0
|
||||||
},
|
}
|
||||||
|
|
||||||
])
|
])
|
||||||
const harmonicList: any = ref([])
|
const harmonicList: any = ref([])
|
||||||
const harmonicLineRatio: any = ref(0)
|
const harmonicLineRatio: any = ref(0)
|
||||||
const WTList: any = ref([])
|
const WTList: any = ref([])
|
||||||
|
const PollutionList = dictData.getBasicData('Pollution_Calc').filter(item => item.name == '谐波电压')
|
||||||
|
|
||||||
const value = ref(options1[0].id)
|
const value = ref(options1[0].id)
|
||||||
const open = (e: number) => {
|
const open = (e: number) => {
|
||||||
if (e == 0) {
|
if (e == 0) {
|
||||||
evaluateRef.value.open(formRow.value)
|
evaluateRef.value.open(formRow.value,assessList.value)
|
||||||
} else if (e == 1) {
|
} else if (e == 1) {
|
||||||
steadyStateRef.value.open(formRow.value)
|
steadyStateRef.value.open(formRow.value)
|
||||||
} else if (e == 2) {
|
} else if (e == 2) {
|
||||||
@@ -383,6 +375,36 @@ const open = (e: number) => {
|
|||||||
techniqueRef.value.open(formRow.value)
|
techniqueRef.value.open(formRow.value)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
const setColor = val => {
|
||||||
|
return val == 3.14159
|
||||||
|
? ''
|
||||||
|
: val > 10000
|
||||||
|
? '#A52a2a'
|
||||||
|
: val > 1000
|
||||||
|
? '#ff9900'
|
||||||
|
: val > 100
|
||||||
|
? '#ffcc33'
|
||||||
|
: val > 0
|
||||||
|
? '#3399ff'
|
||||||
|
: val == 0
|
||||||
|
? '#00B07D'
|
||||||
|
: ''
|
||||||
|
}
|
||||||
|
const setVal = val => {
|
||||||
|
return val == 3.14159
|
||||||
|
? '/'
|
||||||
|
: val > 10000
|
||||||
|
? '重度污染'
|
||||||
|
: val > 1000
|
||||||
|
? '中度污染'
|
||||||
|
: val > 100
|
||||||
|
? '轻度污染'
|
||||||
|
: val > 0
|
||||||
|
? '轻微污染'
|
||||||
|
: val == 0
|
||||||
|
? '无污染'
|
||||||
|
: ''
|
||||||
|
}
|
||||||
const info = (row: any) => {
|
const info = (row: any) => {
|
||||||
let form = {
|
let form = {
|
||||||
...row,
|
...row,
|
||||||
@@ -402,7 +424,7 @@ const info = (row: any) => {
|
|||||||
transientChange()
|
transientChange()
|
||||||
// 综合评估
|
// 综合评估
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
getAssessOverview(form).then(res => {
|
getAreaPollution({ ...form, ids: [PollutionList[0].id] }).then(res => {
|
||||||
assessList.value = res.data
|
assessList.value = res.data
|
||||||
})
|
})
|
||||||
}, 300)
|
}, 300)
|
||||||
@@ -413,7 +435,6 @@ const info = (row: any) => {
|
|||||||
JDlist.value[1].value = res.data?.onLineNum || 0
|
JDlist.value[1].value = res.data?.onLineNum || 0
|
||||||
JDlist.value[2].value = res.data?.userNum || 0
|
JDlist.value[2].value = res.data?.userNum || 0
|
||||||
JDlist.value[3].value = res.data?.trialRunNum || 0
|
JDlist.value[3].value = res.data?.trialRunNum || 0
|
||||||
|
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
const harmonicChange = () => {
|
const harmonicChange = () => {
|
||||||
@@ -502,7 +523,7 @@ defineExpose({ info, show })
|
|||||||
width: 0.5rem;
|
width: 0.5rem;
|
||||||
height: 0.5rem;
|
height: 0.5rem;
|
||||||
border-radius: 0.25rem;
|
border-radius: 0.25rem;
|
||||||
background: var(--el-color-primary);
|
// background: var(--el-color-primary);
|
||||||
margin-right: 2px;
|
margin-right: 2px;
|
||||||
margin-bottom: 1px;
|
margin-bottom: 1px;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -17,6 +17,16 @@
|
|||||||
></el-option>
|
></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item> -->
|
</el-form-item> -->
|
||||||
|
<el-form-item label="运行状态">
|
||||||
|
<el-select v-model="tableStore.table.params.lineRunFlag" clearable placeholder="请选择运行状态">
|
||||||
|
<el-option
|
||||||
|
v-for="item in runFlagList"
|
||||||
|
:key="item.id"
|
||||||
|
:label="item.name"
|
||||||
|
:value="item.id"
|
||||||
|
></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
<el-form-item label="终端厂家:">
|
<el-form-item label="终端厂家:">
|
||||||
<el-select
|
<el-select
|
||||||
v-model="tableStore.table.params.manufacturer"
|
v-model="tableStore.table.params.manufacturer"
|
||||||
@@ -221,7 +231,13 @@ const mapList: any = ref([])
|
|||||||
const segmented = ref(1)
|
const segmented = ref(1)
|
||||||
const terminaloption = dictData.getBasicData('Dev_Manufacturers')
|
const terminaloption = dictData.getBasicData('Dev_Manufacturers')
|
||||||
const time = ref(['', ''])
|
const time = ref(['', ''])
|
||||||
|
const runFlagList = [
|
||||||
|
{ id: 0, name: '运行' },
|
||||||
|
{ id: 1, name: '检修' },
|
||||||
|
{ id: 2, name: '停运' },
|
||||||
|
{ id: 3, name: '调试' },
|
||||||
|
{ id: 4, name: '退运' }
|
||||||
|
]
|
||||||
const tableStore = new TableStore({
|
const tableStore = new TableStore({
|
||||||
url: '/device-boot/dataVerify/getMonitorLimitData',
|
url: '/device-boot/dataVerify/getMonitorLimitData',
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
@@ -426,6 +442,7 @@ tableStore.table.params.objType = ''
|
|||||||
tableStore.table.params.alarmDayLimit = 5
|
tableStore.table.params.alarmDayLimit = 5
|
||||||
tableStore.table.params.warnDayLimit = 1
|
tableStore.table.params.warnDayLimit = 1
|
||||||
tableStore.table.params.manufacturer = ''
|
tableStore.table.params.manufacturer = ''
|
||||||
|
tableStore.table.params.lineRunFlag = 0
|
||||||
const quantityClick = (e: any, num: number) => {
|
const quantityClick = (e: any, num: number) => {
|
||||||
if (num == 0 && e.ids?.length == 0) return
|
if (num == 0 && e.ids?.length == 0) return
|
||||||
alarmDetailsRef.value.open(e, time.value, num)
|
alarmDetailsRef.value.open(e, time.value, num)
|
||||||
|
|||||||
@@ -1,67 +1,67 @@
|
|||||||
<template>
|
<template>
|
||||||
<div :style="height">
|
<div :style="height">
|
||||||
<splitpanes style="height: 100%" class="default-theme" id="navigation-splitpanes">
|
<splitpanes style="height: 100%" class="default-theme" id="navigation-splitpanes">
|
||||||
<pane :size="size">
|
<pane :size="size">
|
||||||
<AssessTree
|
<AssessTree
|
||||||
:default-expand-all="false"
|
:default-expand-all="false"
|
||||||
@node-click="handleNodeClick"
|
@node-click="handleNodeClick"
|
||||||
@init="handleNodeClick"
|
@init="handleNodeClick"
|
||||||
ref="assessTreeRef"
|
ref="assessTreeRef"
|
||||||
:highlight-current = 'true'
|
:highlight-current="true"
|
||||||
:current-node-key="currentTreeKey"
|
:current-node-key="currentTreeKey"
|
||||||
:expand-on-click-node="false"
|
:expand-on-click-node="false"
|
||||||
></AssessTree>
|
></AssessTree>
|
||||||
</pane>
|
</pane>
|
||||||
<pane style="background: #fff">
|
<pane style="background: #fff">
|
||||||
<div class="actionButtons mb10">
|
<div class="actionButtons mb10">
|
||||||
<el-button icon="el-icon-Download" type="primary" @click="exportExcelTemplate" :loading="loading">模版下载</el-button>
|
<el-button icon="el-icon-Download" type="primary" @click="exportExcelTemplate" :loading="loading">
|
||||||
<el-button type="primary" icon="el-icon-Upload" @click="handleImportClick">导入数据背景</el-button>
|
模版下载
|
||||||
<el-button type="primary" icon="el-icon-Memo" class="ml10" @click="assess2">评估</el-button>
|
</el-button>
|
||||||
<el-button type="primary" icon="el-icon-Download" @click="exportReport">导出报告</el-button>
|
<el-button type="primary" icon="el-icon-Upload" @click="handleImportClick">导入数据背景</el-button>
|
||||||
</div>
|
<el-button type="primary" icon="el-icon-Memo" class="ml10" @click="assess2">评估</el-button>
|
||||||
<div :style="collapseHeight" style="overflow-y: auto">
|
<el-button type="primary" icon="el-icon-Download" @click="exportReport">导出报告</el-button>
|
||||||
<el-collapse v-model="collapseName" class="pl10 pr10">
|
</div>
|
||||||
<el-collapse-item title="基本信息" :name="1">
|
<div :style="collapseHeight" style="overflow-y: auto">
|
||||||
<div class="loading-container">
|
<el-collapse v-model="collapseName" class="pl10 pr10">
|
||||||
<div v-if="infoLoading" class="loading-wrapper">
|
<el-collapse-item title="基本信息" :name="1">
|
||||||
<el-icon class="is-loading"><Loading /></el-icon>
|
<div class="loading-container">
|
||||||
<span class="loading-text">加载中...</span>
|
<div v-if="infoLoading" class="loading-wrapper">
|
||||||
</div>
|
<el-icon class="is-loading"><Loading /></el-icon>
|
||||||
<information
|
<span class="loading-text">加载中...</span>
|
||||||
v-show="!infoLoading"
|
</div>
|
||||||
:node-id="currentNodeId"
|
<information
|
||||||
@data-loaded="() => infoLoading = false"
|
v-show="!infoLoading"
|
||||||
/>
|
:node-id="currentNodeId"
|
||||||
</div>
|
@data-loaded="() => (infoLoading = false)"
|
||||||
</el-collapse-item>
|
/>
|
||||||
<el-collapse-item title="评估结果信息" :name="2">
|
</div>
|
||||||
<div class="loading-container">
|
</el-collapse-item>
|
||||||
<div v-if="outcomeLoading" class="loading-wrapper">
|
<el-collapse-item title="评估结果信息" :name="2">
|
||||||
<el-icon class="is-loading"><Loading /></el-icon>
|
<div class="loading-container">
|
||||||
<span class="loading-text">加载中...</span>
|
<div v-if="outcomeLoading" class="loading-wrapper">
|
||||||
</div>
|
<el-icon class="is-loading"><Loading /></el-icon>
|
||||||
<Outcome
|
<span class="loading-text">加载中...</span>
|
||||||
v-show="!outcomeLoading"
|
</div>
|
||||||
:node-id="currentNodeId"
|
<Outcome
|
||||||
@data-status="handleDataStatus"
|
v-show="!outcomeLoading"
|
||||||
@data-loaded="() => outcomeLoading = false"
|
:node-id="currentNodeId"
|
||||||
|
@data-status="handleDataStatus"
|
||||||
/>
|
@data-loaded="() => (outcomeLoading = false)"
|
||||||
</div>
|
/>
|
||||||
</el-collapse-item>
|
</div>
|
||||||
</el-collapse>
|
</el-collapse-item>
|
||||||
</div>
|
</el-collapse>
|
||||||
</pane>
|
</div>
|
||||||
</splitpanes>
|
</pane>
|
||||||
</div>
|
</splitpanes>
|
||||||
|
</div>
|
||||||
<AssessTemplate ref="assessTemplate" @data-success = "assess"></AssessTemplate>
|
|
||||||
|
|
||||||
|
<AssessTemplate ref="assessTemplate" @data-success="assess"></AssessTemplate>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { ElMessage, ElLoading } from 'element-plus'
|
import { ElMessage, ElLoading } from 'element-plus'
|
||||||
import { onMounted, ref, provide ,nextTick } from 'vue'
|
import { onMounted, ref, provide, nextTick } from 'vue'
|
||||||
import 'splitpanes/dist/splitpanes.css'
|
import 'splitpanes/dist/splitpanes.css'
|
||||||
import { Splitpanes, Pane } from 'splitpanes'
|
import { Splitpanes, Pane } from 'splitpanes'
|
||||||
import TableStore from '@/utils/tableStore'
|
import TableStore from '@/utils/tableStore'
|
||||||
@@ -70,19 +70,18 @@ import TableHeader from '@/components/table/header/index.vue'
|
|||||||
import { mainHeight } from '@/utils/layout'
|
import { mainHeight } from '@/utils/layout'
|
||||||
import information from './information.vue'
|
import information from './information.vue'
|
||||||
import Outcome from './outcome.vue'
|
import Outcome from './outcome.vue'
|
||||||
import {exportResult,downloadAssessTemplate,assessResult,userGetInfo} from '@/api/advance-boot/assess'
|
import { exportResult, downloadAssessTemplate, assessResult, userGetInfo } from '@/api/advance-boot/assess'
|
||||||
import { Loading } from '@element-plus/icons-vue'
|
import { Loading } from '@element-plus/icons-vue'
|
||||||
import AssessTemplate from './assessTemplate.vue'
|
import AssessTemplate from './assessTemplate.vue'
|
||||||
import { fa, tr } from 'element-plus/es/locale'
|
import { fa, tr } from 'element-plus/es/locale'
|
||||||
|
|
||||||
|
|
||||||
defineOptions({
|
defineOptions({
|
||||||
// name: 'harmonic-boot/report/word'
|
// name: 'harmonic-boot/report/word'
|
||||||
})
|
})
|
||||||
const collapseName = ref([1, 2])
|
const collapseName = ref([1, 2])
|
||||||
const height = mainHeight(80)
|
const height = mainHeight(80)
|
||||||
const collapseHeight = mainHeight(125)
|
const collapseHeight = mainHeight(125)
|
||||||
const size = ref(0)
|
const size = ref(23)
|
||||||
const dotList: any = ref({})
|
const dotList: any = ref({})
|
||||||
const infoLoading = ref(false)
|
const infoLoading = ref(false)
|
||||||
const outcomeLoading = ref(false)
|
const outcomeLoading = ref(false)
|
||||||
@@ -92,93 +91,93 @@ const assessTemplate = ref()
|
|||||||
const currentNodeId = ref<string | number | null>(null)
|
const currentNodeId = ref<string | number | null>(null)
|
||||||
const currentNodeName = ref('')
|
const currentNodeName = ref('')
|
||||||
|
|
||||||
|
|
||||||
const tableStore = new TableStore({
|
const tableStore = new TableStore({
|
||||||
url: '',
|
url: '',
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
column: [],
|
column: [],
|
||||||
beforeSearchFun: () => {},
|
beforeSearchFun: () => {},
|
||||||
loadCallback: () => {}
|
loadCallback: () => {}
|
||||||
})
|
})
|
||||||
provide('tableStore', tableStore)
|
provide('tableStore', tableStore)
|
||||||
|
|
||||||
//有无评估结果
|
//有无评估结果
|
||||||
const result = ref(true)
|
const result = ref(true)
|
||||||
const handleDataStatus = (hasData: boolean) => {
|
const handleDataStatus = (hasData: boolean) => {
|
||||||
if (!hasData) {
|
if (!hasData) {
|
||||||
result.value = false
|
result.value = false
|
||||||
} else {
|
} else {
|
||||||
result.value = true
|
result.value = true
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
//模板下载
|
//模板下载
|
||||||
const exportExcelTemplate = async () => {
|
const exportExcelTemplate = async () => {
|
||||||
loading.value = true
|
loading.value = true
|
||||||
downloadAssessTemplate().then((res: any) => {
|
downloadAssessTemplate().then((res: any) => {
|
||||||
let blob = new Blob([res], {
|
let blob = new Blob([res], {
|
||||||
type: 'application/vnd.ms-excel'
|
type: 'application/vnd.ms-excel'
|
||||||
})
|
})
|
||||||
const url = window.URL.createObjectURL(blob)
|
const url = window.URL.createObjectURL(blob)
|
||||||
const link = document.createElement('a')
|
const link = document.createElement('a')
|
||||||
link.href = url
|
link.href = url
|
||||||
link.download = '评估结果模板'
|
link.download = '评估结果模板'
|
||||||
document.body.appendChild(link)
|
document.body.appendChild(link)
|
||||||
link.click()
|
link.click()
|
||||||
link.remove()
|
link.remove()
|
||||||
})
|
})
|
||||||
await setTimeout(() => {
|
await setTimeout(() => {
|
||||||
loading.value = false
|
loading.value = false
|
||||||
}, 0)
|
}, 0)
|
||||||
}
|
}
|
||||||
|
|
||||||
//导出
|
//导出
|
||||||
const exportReport = () => {
|
const exportReport = () => {
|
||||||
if (!result.value){
|
if (!result.value) {
|
||||||
ElMessage.warning('请先评估!')
|
ElMessage.warning('请先评估!')
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
const loadingMessage = ElMessage({
|
const loadingMessage = ElMessage({
|
||||||
message: '正在导出中',
|
message: '正在导出中',
|
||||||
icon: h(Loading),
|
icon: h(Loading),
|
||||||
duration: 0 // 不自动关闭
|
duration: 0 // 不自动关闭
|
||||||
})
|
})
|
||||||
|
|
||||||
exportResult({}, currentNodeId.value ?? '').then((res: any) => {
|
exportResult({}, currentNodeId.value ?? '')
|
||||||
let blob = new Blob([res], { // 注意使用 res.data 而不是 res
|
.then((res: any) => {
|
||||||
type: 'application/vnd.ms-excel'
|
let blob = new Blob([res], {
|
||||||
})
|
// 注意使用 res.data 而不是 res
|
||||||
const url = window.URL.createObjectURL(blob)
|
type: 'application/vnd.ms-excel'
|
||||||
const link = document.createElement('a')
|
})
|
||||||
link.href = url
|
const url = window.URL.createObjectURL(blob)
|
||||||
link.download = currentNodeName.value + '-评估结果.xls' // 建议添加文件扩展名
|
const link = document.createElement('a')
|
||||||
document.body.appendChild(link)
|
link.href = url
|
||||||
link.click()
|
link.download = currentNodeName.value + '-评估结果.xls' // 建议添加文件扩展名
|
||||||
link.remove()
|
document.body.appendChild(link)
|
||||||
window.URL.revokeObjectURL(url)
|
link.click()
|
||||||
|
link.remove()
|
||||||
|
window.URL.revokeObjectURL(url)
|
||||||
|
|
||||||
// 关闭加载提示并显示成功消息
|
// 关闭加载提示并显示成功消息
|
||||||
loadingMessage.close()
|
loadingMessage.close()
|
||||||
ElMessage.success('导出成功!')
|
ElMessage.success('导出成功!')
|
||||||
}).catch(error => {
|
})
|
||||||
// 处理导出失败情况
|
.catch(error => {
|
||||||
loadingMessage.close()
|
// 处理导出失败情况
|
||||||
ElMessage.error('导出失败,请重试!')
|
loadingMessage.close()
|
||||||
})
|
ElMessage.error('导出失败,请重试!')
|
||||||
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
//导入
|
//导入
|
||||||
const handleImportClick = () => {
|
const handleImportClick = () => {
|
||||||
if (!currentNodeId.value) {
|
if (!currentNodeId.value) {
|
||||||
ElMessage.warning('请选择评估节点!')
|
ElMessage.warning('请选择评估节点!')
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
assessTemplate.value.open('导入背景数据', currentNodeId.value.toString())
|
assessTemplate.value.open('导入背景数据', currentNodeId.value.toString())
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
// 导入弹窗关闭后通知父组件更新
|
// 导入弹窗关闭后通知父组件更新
|
||||||
const assess = async () => {
|
const assess = async () => {
|
||||||
// 展开评估结果
|
// 展开评估结果
|
||||||
@@ -192,71 +191,75 @@ const assess = async () => {
|
|||||||
currentNodeId.value = null // 先置空
|
currentNodeId.value = null // 先置空
|
||||||
|
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
currentNodeId.value = tempId // 再恢复,触发 watch
|
currentNodeId.value = tempId // 再恢复,触发 watch
|
||||||
}, 0)
|
}, 0)
|
||||||
}
|
}
|
||||||
|
|
||||||
//评估
|
//评估
|
||||||
const assess2 = async () => {
|
const assess2 = async () => {
|
||||||
// 显示导出中提示
|
// 显示导出中提示
|
||||||
const loading = ElMessage({
|
const loading = ElMessage({
|
||||||
message: '评估结果中',
|
message: '评估结果中',
|
||||||
icon: h(Loading),
|
icon: h(Loading),
|
||||||
duration: 0 // 不自动关闭
|
duration: 0 // 不自动关闭
|
||||||
})
|
})
|
||||||
|
|
||||||
userGetInfo({ assessId: currentNodeId.value }).then(res => {
|
userGetInfo({ assessId: currentNodeId.value })
|
||||||
// 获取昨天的日期
|
.then(res => {
|
||||||
const yesterday = new Date();
|
// 获取昨天的日期
|
||||||
yesterday.setDate(yesterday.getDate() - 1);
|
const yesterday = new Date()
|
||||||
|
yesterday.setDate(yesterday.getDate() - 1)
|
||||||
|
|
||||||
// 格式化为 yyyy-MM-dd
|
// 格式化为 yyyy-MM-dd
|
||||||
const yyyy = yesterday.getFullYear();
|
const yyyy = yesterday.getFullYear()
|
||||||
const mm = String(yesterday.getMonth() + 1).padStart(2, '0');
|
const mm = String(yesterday.getMonth() + 1).padStart(2, '0')
|
||||||
const dd = String(yesterday.getDate()).padStart(2, '0');
|
const dd = String(yesterday.getDate()).padStart(2, '0')
|
||||||
const yesterdayStr = `${yyyy}-${mm}-${dd}`;
|
const yesterdayStr = `${yyyy}-${mm}-${dd}`
|
||||||
|
|
||||||
const assessData = {
|
const assessData = {
|
||||||
assessId: currentNodeId.value,
|
assessId: currentNodeId.value,
|
||||||
endTime: `${yesterdayStr} 23:59:59`, // 使用动态的昨天日期
|
endTime: `${yesterdayStr} 23:59:59`, // 使用动态的昨天日期
|
||||||
id: res.data.lineId,
|
id: res.data.lineId,
|
||||||
startTime: `${yesterdayStr} 00:00:00` // 使用动态的昨天日期
|
startTime: `${yesterdayStr} 00:00:00` // 使用动态的昨天日期
|
||||||
};
|
}
|
||||||
|
|
||||||
assessResult(assessData).then(res => {
|
assessResult(assessData)
|
||||||
// 关闭加载提示并显示成功消息
|
.then(res => {
|
||||||
loading.close();
|
// 关闭加载提示并显示成功消息
|
||||||
ElMessage.success('评估成功!');
|
loading.close()
|
||||||
|
ElMessage.success('评估成功!')
|
||||||
|
|
||||||
// 展开评估结果
|
// 展开评估结果
|
||||||
collapseName.value = [2];
|
collapseName.value = [2]
|
||||||
// 更新评估状态
|
// 更新评估状态
|
||||||
result.value = true;
|
result.value = true
|
||||||
|
|
||||||
const tempId = currentNodeId.value;
|
const tempId = currentNodeId.value
|
||||||
currentNodeId.value = null; // 先置空
|
currentNodeId.value = null // 先置空
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
currentNodeId.value = tempId; // 再恢复,触发 watch
|
currentNodeId.value = tempId // 再恢复,触发 watch
|
||||||
}, 0);
|
}, 0)
|
||||||
}).catch(error => {
|
})
|
||||||
// 关闭加载提示并显示失败消息
|
.catch(error => {
|
||||||
loading.close();
|
// 关闭加载提示并显示失败消息
|
||||||
ElMessage.error('评估失败');
|
loading.close()
|
||||||
});
|
ElMessage.error('评估失败')
|
||||||
}).catch(error => {
|
})
|
||||||
// 处理 userGetInfo 的错误
|
})
|
||||||
loading.close();
|
.catch(error => {
|
||||||
ElMessage.error('获取用户信息失败');
|
// 处理 userGetInfo 的错误
|
||||||
});
|
loading.close()
|
||||||
};
|
ElMessage.error('获取用户信息失败')
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
const dom = document.getElementById('navigation-splitpanes')
|
const dom = document.getElementById('navigation-splitpanes')
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
if (dom) {
|
if (dom) {
|
||||||
size.value = Math.round((180 / dom.offsetHeight) * 120)
|
size.value = Math.round((180 / dom.offsetHeight) * 120)
|
||||||
}
|
}
|
||||||
}, 100)
|
}, 100)
|
||||||
})
|
})
|
||||||
|
|
||||||
// 添加树组件的引用
|
// 添加树组件的引用
|
||||||
@@ -267,98 +270,96 @@ const currentTreeKey = ref<string | number | null>(null)
|
|||||||
const lastValidNodeKey = ref<string | number | null>(null)
|
const lastValidNodeKey = ref<string | number | null>(null)
|
||||||
|
|
||||||
const handleNodeClick = (data: any, node: any) => {
|
const handleNodeClick = (data: any, node: any) => {
|
||||||
// 阻止点击父节点的逻辑处理
|
// 阻止点击父节点的逻辑处理
|
||||||
if (!data ||
|
if (
|
||||||
(node && !node.isLeaf) ||
|
!data ||
|
||||||
(data.children && data.children.length > 0) ||
|
(node && !node.isLeaf) ||
|
||||||
(node && node.childNodes && node.childNodes.length > 0)) {
|
(data.children && data.children.length > 0) ||
|
||||||
|
(node && node.childNodes && node.childNodes.length > 0)
|
||||||
|
) {
|
||||||
|
// 点击父节点时,保持树的高亮状态为上一次有效的子节点
|
||||||
|
currentTreeKey.value = lastValidNodeKey.value
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
// 点击父节点时,保持树的高亮状态为上一次有效的子节点
|
// 如果点击的是同一个节点,不需要重新加载,但可以提供刷新功能
|
||||||
currentTreeKey.value = lastValidNodeKey.value
|
if (currentNodeId.value === data?.id) {
|
||||||
return
|
// 可选:如果你希望重复点击能刷新数据,可以保留下面的代码
|
||||||
}
|
// 否则可以直接 return 不做任何操作
|
||||||
|
infoLoading.value = true
|
||||||
|
outcomeLoading.value = true
|
||||||
|
// 强制触发子组件重新加载,通过先置空再恢复
|
||||||
|
const tempId = currentNodeId.value
|
||||||
|
currentNodeId.value = null
|
||||||
|
nextTick(() => {
|
||||||
|
currentNodeId.value = tempId
|
||||||
|
})
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
// 点击的是不同的子节点,更新高亮状态
|
||||||
|
lastValidNodeKey.value = data?.id || null
|
||||||
|
currentTreeKey.value = lastValidNodeKey.value
|
||||||
|
dotList.value = data
|
||||||
|
currentNodeId.value = data?.id || null
|
||||||
|
currentNodeName.value = data?.name || ''
|
||||||
|
|
||||||
// 如果点击的是同一个节点,不需要重新加载,但可以提供刷新功能
|
// ✅ 开启两个 loading
|
||||||
if (currentNodeId.value === data?.id) {
|
|
||||||
// 可选:如果你希望重复点击能刷新数据,可以保留下面的代码
|
|
||||||
// 否则可以直接 return 不做任何操作
|
|
||||||
infoLoading.value = true
|
infoLoading.value = true
|
||||||
outcomeLoading.value = true
|
outcomeLoading.value = true
|
||||||
// 强制触发子组件重新加载,通过先置空再恢复
|
|
||||||
const tempId = currentNodeId.value
|
|
||||||
currentNodeId.value = null
|
|
||||||
nextTick(() => {
|
|
||||||
currentNodeId.value = tempId
|
|
||||||
})
|
|
||||||
return
|
|
||||||
}
|
|
||||||
|
|
||||||
// 点击的是不同的子节点,更新高亮状态
|
|
||||||
lastValidNodeKey.value = data?.id || null
|
|
||||||
currentTreeKey.value = lastValidNodeKey.value
|
|
||||||
dotList.value = data
|
|
||||||
currentNodeId.value = data?.id || null
|
|
||||||
currentNodeName.value = data?.name || ''
|
|
||||||
|
|
||||||
// ✅ 开启两个 loading
|
|
||||||
infoLoading.value = true
|
|
||||||
outcomeLoading.value = true
|
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.splitpanes.default-theme .splitpanes__pane {
|
.splitpanes.default-theme .splitpanes__pane {
|
||||||
background: #eaeef1;
|
background: #eaeef1;
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.el-collapse-item__header) {
|
:deep(.el-collapse-item__header) {
|
||||||
// font-family: AlimamaDongFangDaKai;
|
// font-family: AlimamaDongFangDaKai;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
&::before {
|
&::before {
|
||||||
content: '▍'; /* 添加星号 */
|
content: '▍'; /* 添加星号 */
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
color: var(--el-color-primary);
|
color: var(--el-color-primary);
|
||||||
|
}
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.actionButtons {
|
.actionButtons {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: end;
|
justify-content: end;
|
||||||
}
|
}
|
||||||
|
|
||||||
.loading-container {
|
.loading-container {
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 100px; /* 防止空白时高度塌陷 */
|
min-height: 100px; /* 防止空白时高度塌陷 */
|
||||||
}
|
}
|
||||||
|
|
||||||
.loading-wrapper {
|
.loading-wrapper {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.loading-text {
|
.loading-text {
|
||||||
margin-left: 8px;
|
margin-left: 8px;
|
||||||
color: #606266;
|
color: #606266;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.is-loading {
|
.is-loading {
|
||||||
animation: rotating 2s linear infinite;
|
animation: rotating 2s linear infinite;
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes rotating {
|
@keyframes rotating {
|
||||||
0% {
|
0% {
|
||||||
transform: rotate(0deg);
|
transform: rotate(0deg);
|
||||||
}
|
}
|
||||||
100% {
|
100% {
|
||||||
transform: rotate(360deg);
|
transform: rotate(360deg);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.ml10 {
|
.ml10 {
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -1,25 +1,29 @@
|
|||||||
<template>
|
<template>
|
||||||
<!-- 用户投诉 -->
|
<!-- 用户投诉 -->
|
||||||
<!-- 2 有新增 发起 预警单 -->
|
<!-- 2 有新增 发起 预警单 -->
|
||||||
|
|
||||||
<TableHeader area nextFlag theCurrentTime showTimeAll ref="TableHeaderRef" showExport>
|
<TableHeader area nextFlag theCurrentTime showTimeAll ref="TableHeaderRef" showExport>
|
||||||
<template v-slot:select>
|
<template v-slot:select>
|
||||||
<el-form-item label="是否解决">
|
<el-form-item label="是否解决">
|
||||||
<el-select v-model="tableStore.table.params.dealState" clearable placeholder="请选择是否解决">
|
<el-select v-model="tableStore.table.params.dealState" clearable placeholder="请选择是否解决">
|
||||||
<el-option v-for="item in dealStateList" :key="item.value" :label="item.label"
|
<el-option
|
||||||
:value="item.value"></el-option>
|
v-for="item in dealStateList"
|
||||||
</el-select>
|
:key="item.value"
|
||||||
</el-form-item>
|
:label="item.label"
|
||||||
</template>
|
:value="item.value"
|
||||||
<template v-slot:operation>
|
></el-option>
|
||||||
<el-button icon="el-icon-Plus" type="primary" @click="add">新增</el-button>
|
</el-select>
|
||||||
</template>
|
</el-form-item>
|
||||||
</TableHeader>
|
</template>
|
||||||
<Table ref="tableRef" />
|
<template v-slot:operation>
|
||||||
<!-- 新增 -->
|
<el-button icon="el-icon-Plus" type="primary" @click="add">新增</el-button>
|
||||||
<complaintsForm ref="formRef" @onSubmit="tableStore.index()" />
|
</template>
|
||||||
<!-- 详情 -->
|
</TableHeader>
|
||||||
<detail ref="detailRef" />
|
<Table ref="tableRef" />
|
||||||
|
<!-- 新增 -->
|
||||||
|
<complaintsForm ref="formRef" @onSubmit="tableStore.index()" />
|
||||||
|
<!-- 详情 -->
|
||||||
|
<detail ref="detailRef" />
|
||||||
</template>
|
</template>
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { ref, onMounted, provide, nextTick } from 'vue'
|
import { ref, onMounted, provide, nextTick } from 'vue'
|
||||||
@@ -31,7 +35,8 @@ import { useDictData } from '@/stores/dictData'
|
|||||||
import complaintsForm from './form/complaintsForm.vue'
|
import complaintsForm from './form/complaintsForm.vue'
|
||||||
import { useRouter } from 'vue-router'
|
import { useRouter } from 'vue-router'
|
||||||
import { sureInitiateWarningLeaflet } from '@/api/process-boot/electricitymanagement'
|
import { sureInitiateWarningLeaflet } from '@/api/process-boot/electricitymanagement'
|
||||||
import detail from './complaintsDetail.vue';
|
import detail from './complaintsDetail.vue'
|
||||||
|
const VITE_FLAG = import.meta.env.VITE_NAME == 'jibei'
|
||||||
// Steady_Statis
|
// Steady_Statis
|
||||||
const dictData = useDictData()
|
const dictData = useDictData()
|
||||||
const exceeded = dictData.getBasicData('Steady_Statis')
|
const exceeded = dictData.getBasicData('Steady_Statis')
|
||||||
@@ -42,168 +47,162 @@ const TableHeaderRef = ref()
|
|||||||
const detailRef = ref()
|
const detailRef = ref()
|
||||||
const router = useRouter() // 路由对象
|
const router = useRouter() // 路由对象
|
||||||
const dealStateList = ref([
|
const dealStateList = ref([
|
||||||
{
|
{
|
||||||
label: '未解决',
|
label: '未解决',
|
||||||
value: '0'
|
value: '0'
|
||||||
},
|
}
|
||||||
|
|
||||||
])
|
])
|
||||||
const tableStore = new TableStore({
|
const tableStore = new TableStore({
|
||||||
url: '/supervision-boot/SupervisionUserComplaint/list',
|
url: '/supervision-boot/SupervisionUserComplaint/list',
|
||||||
publicHeight: 65,
|
publicHeight: 65,
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
filename:'用户投诉',
|
filename: '用户投诉',
|
||||||
column: [
|
column: [
|
||||||
{
|
|
||||||
title: '序号',
|
|
||||||
|
|
||||||
align: 'center',
|
|
||||||
width: 80,
|
|
||||||
formatter: (row: any) => {
|
|
||||||
return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{ field: 'userName', title: '用户名称' },
|
|
||||||
{ field: 'userNumber', title: '用户编号' },
|
|
||||||
{ field: 'dutyOrgName', title: '负责单位', minWidth: '80' },
|
|
||||||
// { field: 'userCategory', title: '用户类别' },
|
|
||||||
|
|
||||||
{ field: 'complaintText', title: '投诉内容' },
|
|
||||||
{ field: 'steadyIndicator', title: '稳态指标' },
|
|
||||||
{ field: 'transientIndicators', title: '暂态指标' },
|
|
||||||
{
|
|
||||||
field: 'monitorName',
|
|
||||||
title: '监测点名称',
|
|
||||||
formatter: (row: any) => {
|
|
||||||
return row.cellValue ? row.cellValue : '/'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: 'detectionFlag',
|
|
||||||
title: '是否实现监测',
|
|
||||||
|
|
||||||
render: 'tag',
|
|
||||||
custom: {
|
|
||||||
0: 'warning',
|
|
||||||
1: 'primary',
|
|
||||||
|
|
||||||
},
|
|
||||||
replaceValue: {
|
|
||||||
0: '否',
|
|
||||||
1: '是',
|
|
||||||
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
{
|
|
||||||
field: 'createBy',
|
|
||||||
title: '填报人',
|
|
||||||
minWidth: 80,
|
|
||||||
formatter: (row: any) => {
|
|
||||||
return dictData.state.userList.filter(item => item.id == row.cellValue)[0]?.name
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: 'dealState',
|
|
||||||
title: '是否解决',
|
|
||||||
|
|
||||||
render: 'tag',
|
|
||||||
custom: {
|
|
||||||
0: 'warning',
|
|
||||||
1: 'primary',
|
|
||||||
null: 'info'
|
|
||||||
},
|
|
||||||
replaceValue: {
|
|
||||||
0: '未解决',
|
|
||||||
1: '已解决',
|
|
||||||
null: '/'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '操作',
|
|
||||||
minWidth: 120,
|
|
||||||
align: 'center',
|
|
||||||
render: 'buttons',
|
|
||||||
buttons: [
|
|
||||||
{
|
{
|
||||||
name: 'edit',
|
title: '序号',
|
||||||
title: '发起告警单',
|
|
||||||
type: 'warning',
|
|
||||||
icon: 'el-icon-Open',
|
|
||||||
render: 'basicButton',
|
|
||||||
disabled: row => {
|
|
||||||
return row.dealState != 0
|
|
||||||
},
|
|
||||||
// popconfirm: {
|
|
||||||
// confirmButtonText: '确认',
|
|
||||||
// cancelButtonText: '取消',
|
|
||||||
// confirmButtonType: 'primary',
|
|
||||||
// title: '请确认发起告警单!'
|
|
||||||
// },
|
|
||||||
click: async row => {
|
|
||||||
const { value } = await ElMessageBox.prompt('', '整改意见', {
|
|
||||||
confirmButtonText: '确定',
|
|
||||||
cancelButtonText: '取消',
|
|
||||||
|
|
||||||
inputType: 'textarea',
|
align: 'center',
|
||||||
inputPattern: /^[\s\S]*.*\S[\s\S]*$/, // 判断非空,且非空格
|
width: 80,
|
||||||
inputErrorMessage: '请输入整改意见'
|
formatter: (row: any) => {
|
||||||
})
|
return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
|
||||||
sureInitiateWarningLeaflet({ id: row.id, reformAdvice: value }).then(res => {
|
}
|
||||||
ElMessage.success('发起告警单成功!')
|
},
|
||||||
tableStore.index()
|
{ field: 'userName', title: '用户名称' },
|
||||||
})
|
{ field: 'userNumber', title: '用户编号' },
|
||||||
|
{ field: 'dutyOrgName', title: '负责单位', minWidth: '80' },
|
||||||
|
// { field: 'userCategory', title: '用户类别' },
|
||||||
|
|
||||||
}
|
{ field: 'complaintText', title: '投诉内容' },
|
||||||
|
{ field: 'steadyIndicator', title: '稳态指标' },
|
||||||
|
{ field: 'transientIndicators', title: '暂态指标' },
|
||||||
|
{
|
||||||
|
field: 'monitorName',
|
||||||
|
title: '监测点名称',
|
||||||
|
formatter: (row: any) => {
|
||||||
|
return row.cellValue ? row.cellValue : '/'
|
||||||
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'edit',
|
field: 'detectionFlag',
|
||||||
title: '详情',
|
title: '是否实现监测',
|
||||||
type: 'primary',
|
|
||||||
icon: 'el-icon-Open',
|
|
||||||
render: 'basicButton',
|
|
||||||
disabled: row => {
|
|
||||||
return row.dealState == 0
|
|
||||||
},
|
|
||||||
|
|
||||||
click: row => {
|
render: 'tag',
|
||||||
detailRef.value.open({
|
custom: {
|
||||||
row: row,
|
0: 'warning',
|
||||||
title: '详情',
|
1: 'primary'
|
||||||
|
},
|
||||||
|
replaceValue: {
|
||||||
|
0: '否',
|
||||||
|
1: '是'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
})
|
{
|
||||||
|
field: 'createBy',
|
||||||
}
|
title: '填报人',
|
||||||
|
minWidth: 80,
|
||||||
|
formatter: (row: any) => {
|
||||||
|
return dictData.state.userList.filter(item => item.id == row.cellValue)[0]?.name
|
||||||
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'edit',
|
field: 'dealState',
|
||||||
title: '查看告警单',
|
title: '是否解决',
|
||||||
type: 'primary',
|
|
||||||
icon: 'el-icon-Open',
|
render: 'tag',
|
||||||
render: 'basicButton',
|
custom: {
|
||||||
disabled: row => {
|
0: 'warning',
|
||||||
return row.initiateWarningFlag == 0
|
1: 'primary',
|
||||||
},
|
null: 'info'
|
||||||
click: row => {
|
},
|
||||||
router.push({
|
replaceValue: {
|
||||||
name: 'supervision/supervision/manage',
|
0: '未解决',
|
||||||
query: {
|
1: '已解决',
|
||||||
type: 1,
|
null: '/'
|
||||||
t: Date.now()
|
}
|
||||||
}
|
},
|
||||||
})
|
{
|
||||||
}
|
title: '操作',
|
||||||
|
minWidth: 120,
|
||||||
|
align: 'center',
|
||||||
|
render: 'buttons',
|
||||||
|
buttons: [
|
||||||
|
{
|
||||||
|
name: 'edit',
|
||||||
|
title: '发起告警单',
|
||||||
|
type: 'warning',
|
||||||
|
icon: 'el-icon-Open',
|
||||||
|
render: 'basicButton',
|
||||||
|
disabled: row => {
|
||||||
|
return row.dealState != 0
|
||||||
|
},
|
||||||
|
// popconfirm: {
|
||||||
|
// confirmButtonText: '确认',
|
||||||
|
// cancelButtonText: '取消',
|
||||||
|
// confirmButtonType: 'primary',
|
||||||
|
// title: '请确认发起告警单!'
|
||||||
|
// },
|
||||||
|
click: async row => {
|
||||||
|
const { value } = await ElMessageBox.prompt('', '整改意见', {
|
||||||
|
confirmButtonText: '确定',
|
||||||
|
cancelButtonText: '取消',
|
||||||
|
|
||||||
|
inputType: 'textarea',
|
||||||
|
inputPattern: /^[\s\S]*.*\S[\s\S]*$/, // 判断非空,且非空格
|
||||||
|
inputErrorMessage: '请输入整改意见'
|
||||||
|
})
|
||||||
|
sureInitiateWarningLeaflet({ id: row.id, reformAdvice: value }).then(res => {
|
||||||
|
ElMessage.success('发起告警单成功!')
|
||||||
|
tableStore.index()
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'edit',
|
||||||
|
title: '详情',
|
||||||
|
type: 'primary',
|
||||||
|
icon: 'el-icon-Open',
|
||||||
|
render: 'basicButton',
|
||||||
|
disabled: row => {
|
||||||
|
return row.dealState == 0
|
||||||
|
},
|
||||||
|
|
||||||
|
click: row => {
|
||||||
|
detailRef.value.open({
|
||||||
|
row: row,
|
||||||
|
title: '详情'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'edit',
|
||||||
|
title: '查看告警单',
|
||||||
|
type: 'primary',
|
||||||
|
icon: 'el-icon-Open',
|
||||||
|
render: 'basicButton',
|
||||||
|
disabled: row => {
|
||||||
|
return row.initiateWarningFlag == 0
|
||||||
|
},
|
||||||
|
click: row => {
|
||||||
|
router.push({
|
||||||
|
name: 'supervision/supervision/manage' + (VITE_FLAG ? '4' : ''),
|
||||||
|
query: {
|
||||||
|
type: 4,
|
||||||
|
t: Date.now()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
}
|
}
|
||||||
]
|
],
|
||||||
}
|
beforeSearchFun: () => {
|
||||||
],
|
tableStore.table.params.currentPage = tableStore.table.params.pageNum
|
||||||
beforeSearchFun: () => {
|
},
|
||||||
tableStore.table.params.currentPage = tableStore.table.params.pageNum
|
exportProcessingData: () => {
|
||||||
},
|
|
||||||
exportProcessingData: () => {
|
|
||||||
tableStore.table.allData = tableStore.table.allData.filter(item => {
|
tableStore.table.allData = tableStore.table.allData.filter(item => {
|
||||||
item.dealState =item.dealState==0?'未解决':item.dealState==1?'已解决':'/'
|
item.dealState = item.dealState == 0 ? '未解决' : item.dealState == 1 ? '已解决' : '/'
|
||||||
item.detectionFlag=item.detectionFlag==0?'否':item.detectionFlag==1?'是':'/'
|
item.detectionFlag = item.detectionFlag == 0 ? '否' : item.detectionFlag == 1 ? '是' : '/'
|
||||||
|
|
||||||
return item
|
return item
|
||||||
})
|
})
|
||||||
@@ -213,11 +212,11 @@ const tableStore = new TableStore({
|
|||||||
provide('tableStore', tableStore)
|
provide('tableStore', tableStore)
|
||||||
tableStore.table.params.dealState = ''
|
tableStore.table.params.dealState = ''
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
tableStore.index()
|
tableStore.index()
|
||||||
})
|
})
|
||||||
// 新增
|
// 新增
|
||||||
const add = () => {
|
const add = () => {
|
||||||
formRef.value.open({ text: '新增投诉' })
|
formRef.value.open({ text: '新增投诉' })
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<el-dialog draggable v-model="dialogVisible" v-loading="loading" :title="title" width="80%" :before-close="handleClose">
|
<el-dialog draggable v-model="dialogVisible" :title="title" width="80%" :before-close="handleClose">
|
||||||
<div style="height: 45vh">
|
<div style="height: 45vh" v-loading="loading">
|
||||||
<vxe-table show-overflow v-bind="defaultAttribute" :data="List">
|
<vxe-table show-overflow v-bind="defaultAttribute" :data="List">
|
||||||
<vxe-column field="time" title="日期" width="230px"></vxe-column>
|
<vxe-column field="time" title="日期" width="230px"></vxe-column>
|
||||||
<vxe-column field="overLimitInfo" title="越限详情"></vxe-column>
|
<vxe-column field="overLimitInfo" title="越限详情"></vxe-column>
|
||||||
|
|||||||
@@ -1,94 +1,94 @@
|
|||||||
<template>
|
<template>
|
||||||
<!-- <div>1 监测点信息 发起预告警单 </div> -->
|
<!-- <div>1 监测点信息 发起预告警单 </div> -->
|
||||||
|
|
||||||
<TableHeader datePicker nextFlag theCurrentTime ref="TableHeaderRef" showExport>
|
<TableHeader datePicker nextFlag theCurrentTime ref="TableHeaderRef" showExport>
|
||||||
<template v-slot:select>
|
<template v-slot:select>
|
||||||
<el-form-item label="区域">
|
<el-form-item label="区域">
|
||||||
<Area ref="areaRef" v-model="tableStore.table.params.deptId" @changeValue="changeArea"/>
|
<Area ref="areaRef" v-model="tableStore.table.params.deptId" @changeValue="changeArea" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="监测点性质">
|
<el-form-item label="监测点性质">
|
||||||
<el-select v-model="tableStore.table.params.lineType" clearable placeholder="请选择监测点性质">
|
<el-select v-model="tableStore.table.params.lineType" clearable placeholder="请选择监测点性质">
|
||||||
<el-option label="电网侧" value="0"/>
|
<el-option label="电网侧" value="0" />
|
||||||
<el-option label="非电网侧" value="1"/>
|
<el-option label="非电网侧" value="1" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="超标指标">
|
<el-form-item label="超标指标">
|
||||||
<el-select
|
<el-select
|
||||||
v-model="tableStore.table.params.targetList"
|
v-model="tableStore.table.params.targetList"
|
||||||
clearable
|
clearable
|
||||||
multiple
|
multiple
|
||||||
collapse-tags
|
collapse-tags
|
||||||
collapse-tags-tooltip
|
collapse-tags-tooltip
|
||||||
placeholder="请选择超标指标"
|
placeholder="请选择超标指标"
|
||||||
>
|
>
|
||||||
<el-option v-for="item in exceeded" :key="item.id" :label="item.name" :value="item.id"/>
|
<el-option v-for="item in exceeded" :key="item.id" :label="item.name" :value="item.id" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="数据类型">
|
<el-form-item label="数据类型">
|
||||||
<el-switch
|
<el-switch
|
||||||
v-model="tableStore.table.params.dataType"
|
v-model="tableStore.table.params.dataType"
|
||||||
inline-prompt
|
inline-prompt
|
||||||
active-value="1"
|
active-value="1"
|
||||||
inactive-value="0"
|
inactive-value="0"
|
||||||
active-text="超标数据"
|
active-text="超标数据"
|
||||||
inactive-text="无数据"
|
inactive-text="无数据"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="预警阈值">
|
<el-form-item label="预警阈值">
|
||||||
<!-- <el-input v-model="tableStore.table.params.alertThreshold" placeholder="请输入预警阈值" clearable></el-input> -->
|
<!-- <el-input v-model="tableStore.table.params.alertThreshold" placeholder="请输入预警阈值" clearable></el-input> -->
|
||||||
<el-input-number
|
<el-input-number
|
||||||
v-model="tableStore.table.params.alertThreshold"
|
v-model="tableStore.table.params.alertThreshold"
|
||||||
:min="0"
|
:min="0"
|
||||||
:step="1"
|
:step="1"
|
||||||
step-strictly
|
step-strictly
|
||||||
@change="changeAlert"
|
@change="changeAlert"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="告警阈值">
|
<el-form-item label="告警阈值">
|
||||||
<el-input-number
|
<el-input-number
|
||||||
v-model="tableStore.table.params.alarmThreshold"
|
v-model="tableStore.table.params.alarmThreshold"
|
||||||
:min="0"
|
:min="0"
|
||||||
:step="1"
|
:step="1"
|
||||||
step-strictly
|
step-strictly
|
||||||
@change="changeAlarm"
|
@change="changeAlarm"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- <el-form-item label="搜索">
|
<!-- <el-form-item label="搜索">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="tableStore.table.params.searchValue"
|
v-model="tableStore.table.params.searchValue"
|
||||||
placeholder="输入变电站、终端、监测点名称"
|
placeholder="输入变电站、终端、监测点名称"
|
||||||
clearable
|
clearable
|
||||||
></el-input>
|
></el-input>
|
||||||
</el-form-item> -->
|
</el-form-item> -->
|
||||||
</template>
|
</template>
|
||||||
<template #operation>
|
<template #operation>
|
||||||
<el-button icon="el-icon-Plus" :disabled="flag != '2'" type="primary" @click="launch('发起预警单')">
|
<el-button icon="el-icon-Plus" :disabled="flag != '2'" type="primary" @click="launch('发起预警单')">
|
||||||
发起预警单
|
发起预警单
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button icon="el-icon-Plus" :disabled="flag != '2'" type="primary" @click="launch('发起告警单')">
|
<el-button icon="el-icon-Plus" :disabled="flag != '2'" type="primary" @click="launch('发起告警单')">
|
||||||
发起告警单
|
发起告警单
|
||||||
</el-button>
|
</el-button>
|
||||||
</template>
|
</template>
|
||||||
</TableHeader>
|
</TableHeader>
|
||||||
<Table ref="tableRef"/>
|
<Table ref="tableRef" />
|
||||||
<!-- /告警单 -->
|
<!-- /告警单 -->
|
||||||
<alarmList ref="alarmListRef" @onSubmit="tableStore.index()"/>
|
<alarmList ref="alarmListRef" @onSubmit="tableStore.index()" />
|
||||||
<!-- 详情 -->
|
<!-- 详情 -->
|
||||||
<detail ref="detailRef"/>
|
<detail ref="detailRef" />
|
||||||
</template>
|
</template>
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import {ref, onMounted, provide, nextTick} from 'vue'
|
import { ref, onMounted, provide, nextTick } from 'vue'
|
||||||
import TableStore from '@/utils/tableStore'
|
import TableStore from '@/utils/tableStore'
|
||||||
import Area from '@/components/form/area/index.vue'
|
import Area from '@/components/form/area/index.vue'
|
||||||
import Table from '@/components/table/index.vue'
|
import Table from '@/components/table/index.vue'
|
||||||
import TableHeader from '@/components/table/header/index.vue'
|
import TableHeader from '@/components/table/header/index.vue'
|
||||||
import {ElMessage, ElMessageBox} from 'element-plus'
|
import { ElMessage, ElMessageBox } from 'element-plus'
|
||||||
import {useDictData} from '@/stores/dictData'
|
import { useDictData } from '@/stores/dictData'
|
||||||
import alarmList from './form/alarmList.vue'
|
import alarmList from './form/alarmList.vue'
|
||||||
import detail from './form/detail.vue'
|
import detail from './form/detail.vue'
|
||||||
|
const VITE_FLAG = import.meta.env.VITE_NAME == 'jibei'
|
||||||
const dictData = useDictData()
|
const dictData = useDictData()
|
||||||
import {useRouter} from 'vue-router'
|
import { useRouter } from 'vue-router'
|
||||||
|
|
||||||
const router = useRouter() // 路由对象
|
const router = useRouter() // 路由对象
|
||||||
//字典获取超标指标
|
//字典获取超标指标
|
||||||
@@ -100,224 +100,224 @@ const alarmListRef = ref()
|
|||||||
const flagTime = ref(false)
|
const flagTime = ref(false)
|
||||||
const detailRef = ref()
|
const detailRef = ref()
|
||||||
const list: any = ref({
|
const list: any = ref({
|
||||||
deptId: '',
|
deptId: '',
|
||||||
searchBeginTime: '',
|
searchBeginTime: '',
|
||||||
searchEndTime: '',
|
searchEndTime: '',
|
||||||
alertThreshold: '',
|
alertThreshold: '',
|
||||||
alarmThreshold: ''
|
alarmThreshold: ''
|
||||||
})
|
})
|
||||||
const level: any = ref(dictData.state.area[0]?.level)
|
const level: any = ref(dictData.state.area[0]?.level)
|
||||||
const flag: any = ref('')
|
const flag: any = ref('')
|
||||||
const tableStore = new TableStore({
|
const tableStore = new TableStore({
|
||||||
url: '/supervision-boot/onlineMonitor/list',
|
url: '/supervision-boot/onlineMonitor/list',
|
||||||
publicHeight: 65,
|
publicHeight: 65,
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
filename:'在线监测',
|
filename: '在线监测',
|
||||||
// isWebPaging:true,
|
// isWebPaging:true,
|
||||||
column: [
|
column: [
|
||||||
{title: '', type: 'checkbox', width: 40},
|
{ title: '', type: 'checkbox', width: 40 },
|
||||||
{
|
|
||||||
title: '序号',
|
|
||||||
|
|
||||||
align: 'center',
|
|
||||||
width: 80,
|
|
||||||
formatter: (row: any) => {
|
|
||||||
return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{field: 'dept', title: '负责单位'},
|
|
||||||
{field: 'substation', title: '变电站名称'},
|
|
||||||
{field: 'deviceName', title: '终端名称'},
|
|
||||||
{field: 'lineName', title: '监测点名称'},
|
|
||||||
|
|
||||||
{
|
|
||||||
field: 'businessType',
|
|
||||||
title: '监测对象类型',
|
|
||||||
|
|
||||||
formatter: (row: any) => {
|
|
||||||
return industry.find((item: any) => item.id == row.cellValue)?.name || '/'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{field: 'objectName', title: '监测对象名称'},
|
|
||||||
{
|
|
||||||
field: 'targetType',
|
|
||||||
title: '指标类型',
|
|
||||||
formatter: (row: any) => {
|
|
||||||
return exceeded.find((item: any) => item.id == row.cellValue)?.name || '/'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
{
|
|
||||||
field: 'overLimitDay',
|
|
||||||
title: '累计超标天数',
|
|
||||||
formatter: (row: any) => {
|
|
||||||
return row.cellValue != null ? row.cellValue : '/'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: 'updateTime',
|
|
||||||
visible: flagTime,
|
|
||||||
title: '最新数据时间'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '操作',
|
|
||||||
width: '180',
|
|
||||||
align: 'center',
|
|
||||||
render: 'buttons',
|
|
||||||
fixed: 'right',
|
|
||||||
buttons: [
|
|
||||||
{
|
{
|
||||||
name: 'productSetting',
|
title: '序号',
|
||||||
title: '详情',
|
|
||||||
type: 'primary',
|
align: 'center',
|
||||||
icon: 'el-icon-EditPen',
|
width: 80,
|
||||||
render: 'basicButton',
|
formatter: (row: any) => {
|
||||||
disabled: row => {
|
return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
|
||||||
return row.targetType == 0
|
}
|
||||||
},
|
},
|
||||||
click: row => {
|
{ field: 'dept', title: '负责单位' },
|
||||||
detailRef.value.open({
|
{ field: 'substation', title: '变电站名称' },
|
||||||
text: '详情',
|
{ field: 'deviceName', title: '终端名称' },
|
||||||
row: row,
|
{ field: 'lineName', title: '监测点名称' },
|
||||||
list: list.value
|
|
||||||
})
|
{
|
||||||
}
|
field: 'businessType',
|
||||||
|
title: '监测对象类型',
|
||||||
|
|
||||||
|
formatter: (row: any) => {
|
||||||
|
return industry.find((item: any) => item.id == row.cellValue)?.name || '/'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{ field: 'objectName', title: '监测对象名称' },
|
||||||
|
{
|
||||||
|
field: 'targetType',
|
||||||
|
title: '指标类型',
|
||||||
|
formatter: (row: any) => {
|
||||||
|
return exceeded.find((item: any) => item.id == row.cellValue)?.name || '/'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
field: 'overLimitDay',
|
||||||
|
title: '累计超标天数',
|
||||||
|
formatter: (row: any) => {
|
||||||
|
return row.cellValue != null ? row.cellValue : '/'
|
||||||
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'productSetting',
|
field: 'updateTime',
|
||||||
title: '查看预警单',
|
visible: flagTime,
|
||||||
type: 'primary',
|
title: '最新数据时间'
|
||||||
icon: 'el-icon-EditPen',
|
|
||||||
render: 'basicButton',
|
|
||||||
disabled: row => {
|
|
||||||
return row.step != 1
|
|
||||||
},
|
|
||||||
click: row => {
|
|
||||||
router.push({
|
|
||||||
name: 'supervision/supervision/manage',
|
|
||||||
query: {
|
|
||||||
type: 0,
|
|
||||||
t: Date.now()
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'productSetting',
|
title: '操作',
|
||||||
title: '查看告警单',
|
width: '180',
|
||||||
type: 'primary',
|
align: 'center',
|
||||||
icon: 'el-icon-EditPen',
|
render: 'buttons',
|
||||||
render: 'basicButton',
|
fixed: 'right',
|
||||||
disabled: row => {
|
buttons: [
|
||||||
return row.step != 2
|
{
|
||||||
},
|
name: 'productSetting',
|
||||||
click: row => {
|
title: '详情',
|
||||||
router.push({
|
type: 'primary',
|
||||||
name: 'supervision/supervision/manage',
|
icon: 'el-icon-EditPen',
|
||||||
query: {
|
render: 'basicButton',
|
||||||
type: 1,
|
disabled: row => {
|
||||||
t: Date.now()
|
return row.targetType == 0
|
||||||
}
|
},
|
||||||
})
|
click: row => {
|
||||||
}
|
detailRef.value.open({
|
||||||
|
text: '详情',
|
||||||
|
row: row,
|
||||||
|
list: list.value
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'productSetting',
|
||||||
|
title: '查看预警单',
|
||||||
|
type: 'primary',
|
||||||
|
icon: 'el-icon-EditPen',
|
||||||
|
render: 'basicButton',
|
||||||
|
disabled: row => {
|
||||||
|
return row.step != 1
|
||||||
|
},
|
||||||
|
click: row => {
|
||||||
|
router.push({
|
||||||
|
name: 'supervision/supervision/manage' + (VITE_FLAG ? '3' : ''),
|
||||||
|
query: {
|
||||||
|
type: 3,
|
||||||
|
t: Date.now()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'productSetting',
|
||||||
|
title: '查看告警单',
|
||||||
|
type: 'primary',
|
||||||
|
icon: 'el-icon-EditPen',
|
||||||
|
render: 'basicButton',
|
||||||
|
disabled: row => {
|
||||||
|
return row.step != 2
|
||||||
|
},
|
||||||
|
click: row => {
|
||||||
|
router.push({
|
||||||
|
name: 'supervision/supervision/manage' + (VITE_FLAG ? '4' : ''),
|
||||||
|
query: {
|
||||||
|
type: 4,
|
||||||
|
t: Date.now()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// {
|
||||||
|
// name: 'productSetting',
|
||||||
|
// title: '发起告警单',
|
||||||
|
// type: 'warning',
|
||||||
|
// disabled: row => {
|
||||||
|
// return row.overLimitDay < tableStore.table.params.alarmThreshold
|
||||||
|
// },
|
||||||
|
// icon: 'el-icon-EditPen',
|
||||||
|
// render: 'basicButton',
|
||||||
|
|
||||||
|
// click: async row => {
|
||||||
|
// // handleWarningAlarmFlag(row).then(res => {
|
||||||
|
// // console.log(res)
|
||||||
|
// // ElMessage.success('发起告警单成功!')
|
||||||
|
// // tableStore.index()
|
||||||
|
// // })
|
||||||
|
// const { value } = await ElMessageBox.prompt('', '整改意见', {
|
||||||
|
// confirmButtonText: '确定',
|
||||||
|
// cancelButtonText: '取消',
|
||||||
|
|
||||||
|
// inputType: 'textarea',
|
||||||
|
// inputPattern: /^[\s\S]*.*\S[\s\S]*$/, // 判断非空,且非空格
|
||||||
|
// inputErrorMessage: '请输入整改意见'
|
||||||
|
// })
|
||||||
|
// handleWarningAlarmFlag({ ...row, reformAdvice: value }).then(res => {
|
||||||
|
// ElMessage.success('发起告警单成功!')
|
||||||
|
// tableStore.index()
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// name: 'edit',
|
||||||
|
// title: '发起预警单',
|
||||||
|
// type: 'primary',
|
||||||
|
// icon: 'el-icon-Open',
|
||||||
|
// disabled: row => {
|
||||||
|
// return row.overLimitDay >= tableStore.table.params.alarmThreshold
|
||||||
|
// },
|
||||||
|
// render: 'basicButton',
|
||||||
|
|
||||||
|
// click: async row => {
|
||||||
|
// // handleWarningAlarmFlag(row).then(res => {
|
||||||
|
// // console.log(res)
|
||||||
|
// // ElMessage.success('发起预警单成功!')
|
||||||
|
// // tableStore.index()
|
||||||
|
// // })
|
||||||
|
// const { value } = await ElMessageBox.prompt('', '整改意见', {
|
||||||
|
// confirmButtonText: '确定',
|
||||||
|
// cancelButtonText: '取消',
|
||||||
|
|
||||||
|
// inputType: 'textarea',
|
||||||
|
// inputPattern: /^[\s\S]*.*\S[\s\S]*$/, // 判断非空,且非空格
|
||||||
|
// inputErrorMessage: '请输入整改意见'
|
||||||
|
// })
|
||||||
|
// handleWarningAlarmFlag({ ...row, reformAdvice: value }).then(res => {
|
||||||
|
// ElMessage.success('发起预警单成功!')
|
||||||
|
// tableStore.index()
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
]
|
||||||
}
|
}
|
||||||
// {
|
],
|
||||||
// name: 'productSetting',
|
beforeSearchFun: () => {
|
||||||
// title: '发起告警单',
|
tableStore.table.params.currentPage = tableStore.table.params.pageNum
|
||||||
// type: 'warning',
|
list.value.deptId = tableStore.table.params.deptId
|
||||||
// disabled: row => {
|
|
||||||
// return row.overLimitDay < tableStore.table.params.alarmThreshold
|
list.value.searchBeginTime = tableStore.table.params.searchBeginTime
|
||||||
|
list.value.searchEndTime = tableStore.table.params.searchEndTime
|
||||||
|
if (tableStore.table.params.alertThreshold != '') {
|
||||||
|
list.value.alertThreshold = tableStore.table.params.alertThreshold
|
||||||
|
}
|
||||||
|
list.value.lineType = tableStore.table.params.lineType
|
||||||
|
list.value.alarmThreshold = tableStore.table.params.alarmThreshold
|
||||||
|
flag.value = level.value
|
||||||
|
flagTime.value = tableStore.table.params.dataType == 0 ? true : false
|
||||||
|
},
|
||||||
|
loadCallback: () => {
|
||||||
|
// tableStore.table.data = [
|
||||||
|
// {
|
||||||
|
// orgName: '张家口',
|
||||||
|
// subName: '110kV马头山风电场',
|
||||||
|
// lineName: '111口头线',
|
||||||
|
// voltageScale: '110kV',
|
||||||
|
// overDay: '20',
|
||||||
|
// overDays: '10'
|
||||||
// },
|
// },
|
||||||
// icon: 'el-icon-EditPen',
|
// {
|
||||||
// render: 'basicButton',
|
// orgName: '张家口',
|
||||||
|
// subName: '110kV韩家庄风电场',
|
||||||
// click: async row => {
|
// lineName: '111缘韩一线',
|
||||||
// // handleWarningAlarmFlag(row).then(res => {
|
// voltageScale: '110kV',
|
||||||
// // console.log(res)
|
// overDay: '20',
|
||||||
// // ElMessage.success('发起告警单成功!')
|
// overDays: '16'
|
||||||
// // tableStore.index()
|
|
||||||
// // })
|
|
||||||
// const { value } = await ElMessageBox.prompt('', '整改意见', {
|
|
||||||
// confirmButtonText: '确定',
|
|
||||||
// cancelButtonText: '取消',
|
|
||||||
|
|
||||||
// inputType: 'textarea',
|
|
||||||
// inputPattern: /^[\s\S]*.*\S[\s\S]*$/, // 判断非空,且非空格
|
|
||||||
// inputErrorMessage: '请输入整改意见'
|
|
||||||
// })
|
|
||||||
// handleWarningAlarmFlag({ ...row, reformAdvice: value }).then(res => {
|
|
||||||
// ElMessage.success('发起告警单成功!')
|
|
||||||
// tableStore.index()
|
|
||||||
// })
|
|
||||||
// }
|
// }
|
||||||
// },
|
// ]
|
||||||
// {
|
|
||||||
// name: 'edit',
|
|
||||||
// title: '发起预警单',
|
|
||||||
// type: 'primary',
|
|
||||||
// icon: 'el-icon-Open',
|
|
||||||
// disabled: row => {
|
|
||||||
// return row.overLimitDay >= tableStore.table.params.alarmThreshold
|
|
||||||
// },
|
|
||||||
// render: 'basicButton',
|
|
||||||
|
|
||||||
// click: async row => {
|
|
||||||
// // handleWarningAlarmFlag(row).then(res => {
|
|
||||||
// // console.log(res)
|
|
||||||
// // ElMessage.success('发起预警单成功!')
|
|
||||||
// // tableStore.index()
|
|
||||||
// // })
|
|
||||||
// const { value } = await ElMessageBox.prompt('', '整改意见', {
|
|
||||||
// confirmButtonText: '确定',
|
|
||||||
// cancelButtonText: '取消',
|
|
||||||
|
|
||||||
// inputType: 'textarea',
|
|
||||||
// inputPattern: /^[\s\S]*.*\S[\s\S]*$/, // 判断非空,且非空格
|
|
||||||
// inputErrorMessage: '请输入整改意见'
|
|
||||||
// })
|
|
||||||
// handleWarningAlarmFlag({ ...row, reformAdvice: value }).then(res => {
|
|
||||||
// ElMessage.success('发起预警单成功!')
|
|
||||||
// tableStore.index()
|
|
||||||
// })
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
]
|
|
||||||
}
|
}
|
||||||
],
|
|
||||||
beforeSearchFun: () => {
|
|
||||||
tableStore.table.params.currentPage = tableStore.table.params.pageNum
|
|
||||||
list.value.deptId = tableStore.table.params.deptId
|
|
||||||
|
|
||||||
list.value.searchBeginTime = tableStore.table.params.searchBeginTime
|
|
||||||
list.value.searchEndTime = tableStore.table.params.searchEndTime
|
|
||||||
if (tableStore.table.params.alertThreshold != '') {
|
|
||||||
list.value.alertThreshold = tableStore.table.params.alertThreshold
|
|
||||||
}
|
|
||||||
list.value.lineType = tableStore.table.params.lineType
|
|
||||||
list.value.alarmThreshold = tableStore.table.params.alarmThreshold
|
|
||||||
flag.value = level.value
|
|
||||||
flagTime.value = tableStore.table.params.dataType == 0 ? true : false
|
|
||||||
},
|
|
||||||
loadCallback: () => {
|
|
||||||
// tableStore.table.data = [
|
|
||||||
// {
|
|
||||||
// orgName: '张家口',
|
|
||||||
// subName: '110kV马头山风电场',
|
|
||||||
// lineName: '111口头线',
|
|
||||||
// voltageScale: '110kV',
|
|
||||||
// overDay: '20',
|
|
||||||
// overDays: '10'
|
|
||||||
// },
|
|
||||||
// {
|
|
||||||
// orgName: '张家口',
|
|
||||||
// subName: '110kV韩家庄风电场',
|
|
||||||
// lineName: '111缘韩一线',
|
|
||||||
// voltageScale: '110kV',
|
|
||||||
// overDay: '20',
|
|
||||||
// overDays: '16'
|
|
||||||
// }
|
|
||||||
// ]
|
|
||||||
}
|
|
||||||
})
|
})
|
||||||
tableStore.table.params.alertThreshold = 5
|
tableStore.table.params.alertThreshold = 5
|
||||||
tableStore.table.params.alarmThreshold = 5
|
tableStore.table.params.alarmThreshold = 5
|
||||||
@@ -329,50 +329,50 @@ tableStore.table.params.dataType = '1'
|
|||||||
tableStore.table.params.deptId = dictData.state.area[0].id
|
tableStore.table.params.deptId = dictData.state.area[0].id
|
||||||
provide('tableStore', tableStore)
|
provide('tableStore', tableStore)
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
// TableHeaderRef.value.setDatePicker([{label: '月', value: 3}])
|
// TableHeaderRef.value.setDatePicker([{label: '月', value: 3}])
|
||||||
|
|
||||||
tableStore.index()
|
tableStore.index()
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
TableHeaderRef.value.showSelectChange()
|
TableHeaderRef.value.showSelectChange()
|
||||||
}, 10)
|
}, 10)
|
||||||
})
|
})
|
||||||
|
|
||||||
const changeAlert = e => {
|
const changeAlert = e => {
|
||||||
if (e == null) {
|
if (e == null) {
|
||||||
tableStore.table.params.alertThreshold = 5
|
tableStore.table.params.alertThreshold = 5
|
||||||
} else {
|
} else {
|
||||||
if (e > tableStore.table.params.alarmThreshold) {
|
if (e > tableStore.table.params.alarmThreshold) {
|
||||||
ElMessage.warning('预警阈值不能大于报警阈值')
|
ElMessage.warning('预警阈值不能大于报警阈值')
|
||||||
tableStore.table.params.alertThreshold = 5
|
tableStore.table.params.alertThreshold = 5
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
}
|
}
|
||||||
const changeAlarm = e => {
|
const changeAlarm = e => {
|
||||||
if (e == null) {
|
if (e == null) {
|
||||||
tableStore.table.params.alarmThreshold = 5
|
tableStore.table.params.alarmThreshold = 5
|
||||||
} else {
|
} else {
|
||||||
if (e < tableStore.table.params.alertThreshold) {
|
if (e < tableStore.table.params.alertThreshold) {
|
||||||
ElMessage.warning('报警阈值不能小于预警阈值')
|
ElMessage.warning('报警阈值不能小于预警阈值')
|
||||||
tableStore.table.params.alarmThreshold = 5
|
tableStore.table.params.alarmThreshold = 5
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
}
|
}
|
||||||
// 发起预警单
|
// 发起预警单
|
||||||
const launch = (title: string) => {
|
const launch = (title: string) => {
|
||||||
if (tableStore.table.selection.length == 0) {
|
if (tableStore.table.selection.length == 0) {
|
||||||
ElMessage.warning('请选择一条数据')
|
ElMessage.warning('请选择一条数据')
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
alarmListRef.value.open({
|
alarmListRef.value.open({
|
||||||
text: title,
|
text: title,
|
||||||
form: list.value,
|
form: list.value,
|
||||||
row: tableStore.table.selection
|
row: tableStore.table.selection
|
||||||
})
|
})
|
||||||
console.log('🚀 ~ launch ~ list.value:', list.value)
|
console.log('🚀 ~ launch ~ list.value:', list.value)
|
||||||
}
|
}
|
||||||
const changeArea = e => {
|
const changeArea = e => {
|
||||||
level.value = e.data.level
|
level.value = e.data.level
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|||||||
@@ -1,25 +1,33 @@
|
|||||||
<template>
|
<template>
|
||||||
<!-- <div> 普测结果 发起预告警单</div> -->
|
<!-- <div> 普测结果 发起预告警单</div> -->
|
||||||
<TableHeader area nextFlag theCurrentTime showTimeAll ref="TableHeaderRef" showExport>
|
<TableHeader area nextFlag theCurrentTime showTimeAll ref="TableHeaderRef" showExport>
|
||||||
<template v-slot:select>
|
<template v-slot:select>
|
||||||
<el-form-item label="计划名称">
|
<el-form-item label="计划名称">
|
||||||
<el-input style="width: 200px" v-model="tableStore.table.params.searchValue" clearable
|
<el-input
|
||||||
placeholder="请输入计划名称"></el-input>
|
style="width: 200px"
|
||||||
</el-form-item>
|
v-model="tableStore.table.params.searchValue"
|
||||||
<el-form-item label="是否解决">
|
clearable
|
||||||
<el-select v-model="tableStore.table.params.dealState" clearable placeholder="请选择是否解决">
|
placeholder="请输入计划名称"
|
||||||
<el-option v-for="item in dealStateList" :key="item.value" :label="item.label"
|
></el-input>
|
||||||
:value="item.value"></el-option>
|
</el-form-item>
|
||||||
</el-select>
|
<el-form-item label="是否解决">
|
||||||
</el-form-item>
|
<el-select v-model="tableStore.table.params.dealState" clearable placeholder="请选择是否解决">
|
||||||
</template>
|
<el-option
|
||||||
</TableHeader>
|
v-for="item in dealStateList"
|
||||||
<Table ref="tableRef" />
|
:key="item.value"
|
||||||
<testQuestionsForm ref="testQuestionsFormRef" />
|
:label="item.label"
|
||||||
<!-- 详情 -->
|
:value="item.value"
|
||||||
<el-dialog draggable v-model="dialogVisible" v-if="dialogVisible" title="详情" width="1000">
|
></el-option>
|
||||||
<detail :id="detailId" :flag="flag" />
|
</el-select>
|
||||||
</el-dialog>
|
</el-form-item>
|
||||||
|
</template>
|
||||||
|
</TableHeader>
|
||||||
|
<Table ref="tableRef" />
|
||||||
|
<testQuestionsForm ref="testQuestionsFormRef" />
|
||||||
|
<!-- 详情 -->
|
||||||
|
<el-dialog draggable v-model="dialogVisible" v-if="dialogVisible" title="详情" width="1000">
|
||||||
|
<detail :id="detailId" :flag="flag" />
|
||||||
|
</el-dialog>
|
||||||
</template>
|
</template>
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { ref, onMounted, provide, nextTick } from 'vue'
|
import { ref, onMounted, provide, nextTick } from 'vue'
|
||||||
@@ -32,7 +40,7 @@ import { ElMessage, ElMessageBox } from 'element-plus'
|
|||||||
import { useRouter } from 'vue-router'
|
import { useRouter } from 'vue-router'
|
||||||
import { useDictData } from '@/stores/dictData'
|
import { useDictData } from '@/stores/dictData'
|
||||||
import detail from '@/views/pqs/supervise/harmonicSurvey/test/detail.vue'
|
import detail from '@/views/pqs/supervise/harmonicSurvey/test/detail.vue'
|
||||||
|
const VITE_FLAG = import.meta.env.VITE_NAME == 'jibei'
|
||||||
const dictData = useDictData()
|
const dictData = useDictData()
|
||||||
const { push } = useRouter()
|
const { push } = useRouter()
|
||||||
const router = useRouter() // 路由对象
|
const router = useRouter() // 路由对象
|
||||||
@@ -151,9 +159,9 @@ const tableStore = new TableStore({
|
|||||||
},
|
},
|
||||||
click: row => {
|
click: row => {
|
||||||
router.push({
|
router.push({
|
||||||
name: 'supervision/supervision/manage',
|
name: 'supervision/supervision/manage' + (VITE_FLAG ? '4' : ''),
|
||||||
query: {
|
query: {
|
||||||
type: 1,
|
type: 4,
|
||||||
t: Date.now()
|
t: Date.now()
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -1,25 +1,34 @@
|
|||||||
<!---试运行列表-->
|
<!---试运行列表-->
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<TableHeader area nextFlag theCurrentTime showTimeAll ref="TableHeaderRef" showExport>
|
<TableHeader area nextFlag theCurrentTime showTimeAll ref="TableHeaderRef" showExport>
|
||||||
<template #select>
|
<template #select>
|
||||||
<el-form-item label="流程状态">
|
<el-form-item label="流程状态">
|
||||||
<el-select v-model="tableStore.table.params.status" clearable placeholder="请选择流程状态">
|
<el-select v-model="tableStore.table.params.status" clearable placeholder="请选择流程状态">
|
||||||
<el-option v-for="item in statusSelect" :key="item.id" :label="item.name" :value="item.id"></el-option>
|
<el-option
|
||||||
</el-select>
|
v-for="item in statusSelect"
|
||||||
</el-form-item>
|
:key="item.id"
|
||||||
<el-form-item label="是否解决">
|
:label="item.name"
|
||||||
<el-select v-model="tableStore.table.params.dealState" clearable placeholder="请选择是否解决">
|
:value="item.id"
|
||||||
<el-option v-for="item in dealStateList" :key="item.value" :label="item.label"
|
></el-option>
|
||||||
:value="item.value"></el-option>
|
</el-select>
|
||||||
</el-select>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="是否解决">
|
||||||
</template>
|
<el-select v-model="tableStore.table.params.dealState" clearable placeholder="请选择是否解决">
|
||||||
</TableHeader>
|
<el-option
|
||||||
<Table ref="tableRef" :checkbox-config="checkboxConfig" />
|
v-for="item in dealStateList"
|
||||||
<!-- 详情 -->
|
:key="item.value"
|
||||||
<detail ref="detailRef" />
|
:label="item.label"
|
||||||
</div>
|
:value="item.value"
|
||||||
|
></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</template>
|
||||||
|
</TableHeader>
|
||||||
|
<Table ref="tableRef" :checkbox-config="checkboxConfig" />
|
||||||
|
<!-- 详情 -->
|
||||||
|
<detail ref="detailRef" />
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { ref, onMounted, provide, reactive } from 'vue'
|
import { ref, onMounted, provide, reactive } from 'vue'
|
||||||
@@ -35,7 +44,7 @@ import { VxeTablePropTypes } from 'vxe-table'
|
|||||||
import { useAdminInfo } from '@/stores/adminInfo'
|
import { useAdminInfo } from '@/stores/adminInfo'
|
||||||
import { getFileNameAndFilePath } from '@/api/system-boot/file'
|
import { getFileNameAndFilePath } from '@/api/system-boot/file'
|
||||||
import detail from './testRunDetail.vue'
|
import detail from './testRunDetail.vue'
|
||||||
|
const VITE_FLAG = import.meta.env.VITE_NAME == 'jibei'
|
||||||
const dictData = useDictData()
|
const dictData = useDictData()
|
||||||
const statusSelect = dictData.statusSelect()
|
const statusSelect = dictData.statusSelect()
|
||||||
const { push } = useRouter()
|
const { push } = useRouter()
|
||||||
@@ -218,9 +227,9 @@ const tableStore = new TableStore({
|
|||||||
},
|
},
|
||||||
click: row => {
|
click: row => {
|
||||||
push({
|
push({
|
||||||
name: 'supervision/supervision/manage',
|
name: 'supervision/supervision/manage' + (VITE_FLAG ? '4' : ''),
|
||||||
query: {
|
query: {
|
||||||
type: 1,
|
type: 4,
|
||||||
t: Date.now()
|
t: Date.now()
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -1,16 +1,16 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="default-main">
|
<div class="default-main">
|
||||||
<el-tabs v-model="activeName" type="border-card">
|
<el-tabs v-model="activeName" type="border-card">
|
||||||
<el-tab-pane label="在线监测" name="1">
|
<el-tab-pane label="在线监测问题" name="1" v-if="tabList.includes('1')">
|
||||||
<online v-if="activeName == '1'" />
|
<online v-if="activeName == '1'" />
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
<el-tab-pane label="用户投诉" name="2">
|
<el-tab-pane label="用户投诉问题" name="2" v-if="tabList.includes('2')">
|
||||||
<complaints v-if="activeName == '2'" />
|
<complaints v-if="activeName == '2'" />
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
<el-tab-pane label="计划问题" name="3">
|
<el-tab-pane label="计划实施问题" name="3" v-if="tabList.includes('3')">
|
||||||
<testQuestions v-if="activeName == '3'" />
|
<testQuestions v-if="activeName == '3'" />
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
<el-tab-pane label="试运行评估问题" name="4">
|
<el-tab-pane label="试运行评估" name="4" v-if="tabList.includes('4')">
|
||||||
<testRun v-if="activeName == '4'" />
|
<testRun v-if="activeName == '4'" />
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
<!-- <el-tabs v-model="activeName" type="border-card">
|
<!-- <el-tabs v-model="activeName" type="border-card">
|
||||||
@@ -30,14 +30,23 @@ import online from './components1/online.vue'
|
|||||||
import complaints from './components1/complaints.vue'
|
import complaints from './components1/complaints.vue'
|
||||||
import testQuestions from './components1/testQuestions.vue'
|
import testQuestions from './components1/testQuestions.vue'
|
||||||
import testRun from './components1/testRun.vue'
|
import testRun from './components1/testRun.vue'
|
||||||
|
const VITE_FLAG = import.meta.env.VITE_NAME == 'jibei'
|
||||||
// import maintenance from './components/maintenance.vue'
|
// import maintenance from './components/maintenance.vue'
|
||||||
// import audit from './components/audit.vue'
|
// import audit from './components/audit.vue'
|
||||||
import { mainHeight } from '@/utils/layout'
|
import { mainHeight } from '@/utils/layout'
|
||||||
defineOptions({
|
defineOptions({
|
||||||
name: 'supervision/electricitymanagement'
|
name: 'supervision/electricitymanagement'
|
||||||
})
|
})
|
||||||
|
const tabList = ref(['1', '2', '3', '4'])
|
||||||
const activeName = ref('1')
|
const activeName = ref('1')
|
||||||
|
onMounted(() => {
|
||||||
|
let key = window.location.href.split('?')[0].slice(-1)
|
||||||
|
const isNumber = /^\d$/.test(key)
|
||||||
|
if (isNumber) {
|
||||||
|
tabList.value = [key]
|
||||||
|
activeName.value = key
|
||||||
|
}
|
||||||
|
})
|
||||||
const layout = mainHeight(63) as any
|
const layout = mainHeight(63) as any
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|||||||
@@ -1,24 +1,24 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class='default-main'>
|
<div class="default-main">
|
||||||
<el-tabs v-model='activeName' type='border-card'>
|
<el-tabs v-model="activeName" type="border-card">
|
||||||
<el-tab-pane label='技术监督计划管理' name='1'>
|
<el-tab-pane :label="VITE_FLAG ? '工作计划指定' : '技术监督计划管理'" name="1" v-if="tabList.includes('1')">
|
||||||
<plan-manage :id='id' v-if="activeName == '1'" />
|
<plan-manage :id="id" v-if="activeName == '1'" />
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
<el-tab-pane label='技术监督测试管理' name='2'>
|
<el-tab-pane :label="VITE_FLAG ? '工作计划实施' : '技术监督测试管理'" name="2" v-if="tabList.includes('2')">
|
||||||
<test-manage :id='id' :businessKey='key' v-if="activeName == '2'" />
|
<test-manage :id="id" :businessKey="key" v-if="activeName == '2'" />
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
</el-tabs>
|
</el-tabs>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang='ts'>
|
<script setup lang="ts">
|
||||||
import { ref } from 'vue'
|
import { ref, onMounted } from 'vue'
|
||||||
import planManage from './components/planManage.vue'
|
import planManage from './components/planManage.vue'
|
||||||
import testManage from './components/testManage.vue'
|
import testManage from './components/testManage.vue'
|
||||||
import { mainHeight } from '@/utils/layout'
|
import { mainHeight } from '@/utils/layout'
|
||||||
import { useDictData } from '@/stores/dictData'
|
import { useDictData } from '@/stores/dictData'
|
||||||
import { useRoute } from 'vue-router'
|
import { useRoute } from 'vue-router'
|
||||||
|
const VITE_FLAG = import.meta.env.VITE_NAME == 'jibei'
|
||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
const dictData = useDictData()
|
const dictData = useDictData()
|
||||||
const statusSelect = dictData.statusSelect()
|
const statusSelect = dictData.statusSelect()
|
||||||
@@ -27,27 +27,39 @@ const key = ref('')
|
|||||||
defineOptions({
|
defineOptions({
|
||||||
name: 'supervision/harmonicmanagement'
|
name: 'supervision/harmonicmanagement'
|
||||||
})
|
})
|
||||||
|
const tabList = ref(['1', '2', '3', '4'])
|
||||||
const activeName = ref('1')
|
const activeName = ref('1')
|
||||||
|
onMounted(() => {
|
||||||
|
let key = window.location.href.split('?')[0].slice(-1)
|
||||||
|
const isNumber = /^\d$/.test(key)
|
||||||
|
if (isNumber) {
|
||||||
|
tabList.value = [key]
|
||||||
|
activeName.value = key
|
||||||
|
}
|
||||||
|
})
|
||||||
const layout = mainHeight(63) as any
|
const layout = mainHeight(63) as any
|
||||||
|
|
||||||
watch(() => route.query.t, async (newValue, oldValue) => {
|
watch(
|
||||||
if (route.fullPath.includes('supervision/harmonicmanagement')) {
|
() => route.query.t,
|
||||||
let type = (route.query.type as string) || 'null'
|
async (newValue, oldValue) => {
|
||||||
if (type == 'null') { }
|
if (route.fullPath.includes('supervision/harmonicmanagement')) {
|
||||||
else if (type == '1') {
|
let type = (route.query.type as string) || 'null'
|
||||||
activeName.value = '1'
|
if (type == 'null') {
|
||||||
} else {
|
} else if (type == '1') {
|
||||||
activeName.value = '2'
|
activeName.value = '1'
|
||||||
|
} else {
|
||||||
|
activeName.value = '2'
|
||||||
|
}
|
||||||
|
id.value = (route.query.id as string) || 'null'
|
||||||
|
id.value = id.value + '@' + route.query.t
|
||||||
|
key.value = (route.query.key as string) || 'null'
|
||||||
}
|
}
|
||||||
id.value = (route.query.id as string) || 'null'
|
},
|
||||||
id.value = id.value + '@' + route.query.t
|
{ deep: true, immediate: true }
|
||||||
key.value = (route.query.key as string) || 'null'
|
)
|
||||||
}
|
|
||||||
}, { deep: true, immediate: true })
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang='scss' scoped>
|
<style lang="scss" scoped>
|
||||||
.bars_w {
|
.bars_w {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 500px;
|
height: 500px;
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class='default-main'>
|
<div class='default-main'>
|
||||||
<el-descriptions :column='2' border>
|
<el-descriptions :column='2' label-width="140px" border>
|
||||||
<el-descriptions-item label='技术监督计划名称'>
|
<el-descriptions-item label='技术监督计划名称'>
|
||||||
{{ detailData?.planName }}
|
{{ detailData?.planName }}
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
|
|||||||
@@ -1,23 +1,23 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class='default-main'>
|
<div class='default-main'>
|
||||||
<el-tabs v-model='activeName' type='border-card'>
|
<el-tabs v-model='activeName' type='border-card'>
|
||||||
<el-tab-pane label='未建档用户档案录入管理' name='1'>
|
<el-tab-pane :label="VITE_FLAG ? '预测评估' : '未建档用户档案录入管理'" name='1' v-if="tabList.includes('1')">
|
||||||
<undocumented ref='Undocumented' :id='id' v-if="activeName == '1'" />
|
<undocumented ref='Undocumented' :id='id' v-if="activeName == '1'" />
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
<el-tab-pane label='常态化干扰源用户管理' name='3'>
|
<el-tab-pane :label="VITE_FLAG ? '接入管理' : '常态化干扰源用户管理'" name='2' v-if="tabList.includes('2')">
|
||||||
<interferenceUserTable ref='InterferenceUserTable' :id='id' :businessKey="key" v-if="activeName == '3'" />
|
<interferenceUserTable ref='InterferenceUserTable' :id='id' :businessKey="key" v-if="activeName == '2'" />
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
</el-tabs>
|
</el-tabs>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang='ts'>
|
<script setup lang='ts'>
|
||||||
import { nextTick, ref, provide } from 'vue'
|
import { nextTick, ref, provide,onMounted } from 'vue'
|
||||||
import { mainHeight } from '@/utils/layout'
|
import { mainHeight } from '@/utils/layout'
|
||||||
import undocumented from './components/undocumented/index.vue'
|
import undocumented from './components/undocumented/index.vue'
|
||||||
import interferenceUserTable from './components/normalizationManager/interferenceUserTable.vue'
|
import interferenceUserTable from './components/normalizationManager/interferenceUserTable.vue'
|
||||||
import { useRoute } from 'vue-router'
|
import { useRoute } from 'vue-router'
|
||||||
|
const VITE_FLAG = import.meta.env.VITE_NAME == 'jibei'
|
||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
const Undocumented = ref()
|
const Undocumented = ref()
|
||||||
const InterferenceUserTable = ref()
|
const InterferenceUserTable = ref()
|
||||||
@@ -27,7 +27,15 @@ defineOptions({
|
|||||||
const activeName = ref('1')
|
const activeName = ref('1')
|
||||||
const id = ref('')
|
const id = ref('')
|
||||||
const key = ref('')
|
const key = ref('')
|
||||||
|
const tabList = ref(['1', '2', ])
|
||||||
|
onMounted(() => {
|
||||||
|
let key = window.location.href.split('?')[0].slice(-1)
|
||||||
|
const isNumber = /^\d$/.test(key)
|
||||||
|
if (isNumber) {
|
||||||
|
tabList.value = [key]
|
||||||
|
activeName.value = key
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
watch(() => route.query.t, async (newValue, oldValue) => {
|
watch(() => route.query.t, async (newValue, oldValue) => {
|
||||||
if (route.fullPath.includes('supervision/interferencemanagement')) {
|
if (route.fullPath.includes('supervision/interferencemanagement')) {
|
||||||
|
|||||||
@@ -49,6 +49,7 @@ import { planDetailsAudit, sendAlarm } from '@/api/supervision-boot/plan/index'
|
|||||||
import { useAdminInfo } from '@/stores/adminInfo'
|
import { useAdminInfo } from '@/stores/adminInfo'
|
||||||
import { cancelPlanFormData } from '@/api/supervision-boot/plan/index'
|
import { cancelPlanFormData } from '@/api/supervision-boot/plan/index'
|
||||||
//获取登陆用户姓名和部门
|
//获取登陆用户姓名和部门
|
||||||
|
const VITE_FLAG = import.meta.env.VITE_NAME == 'jibei'
|
||||||
const adminInfo = useAdminInfo()
|
const adminInfo = useAdminInfo()
|
||||||
defineOptions({
|
defineOptions({
|
||||||
name: 'plan'
|
name: 'plan'
|
||||||
@@ -71,9 +72,13 @@ const tableStore = new TableStore({
|
|||||||
// publicHeight: 65,
|
// publicHeight: 65,
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
column: [
|
column: [
|
||||||
{ title: '序号', width: 80,formatter: (row: any) => {
|
{
|
||||||
return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
|
title: '序号',
|
||||||
} },
|
width: 80,
|
||||||
|
formatter: (row: any) => {
|
||||||
|
return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
|
||||||
|
}
|
||||||
|
},
|
||||||
{
|
{
|
||||||
field: 'province',
|
field: 'province',
|
||||||
title: '所属省份',
|
title: '所属省份',
|
||||||
@@ -270,9 +275,9 @@ const tableStore = new TableStore({
|
|||||||
},
|
},
|
||||||
click: row => {
|
click: row => {
|
||||||
router.push({
|
router.push({
|
||||||
name: 'supervision/supervision/manage',
|
name: 'supervision/supervision/manage' + (VITE_FLAG ? '4' : ''),
|
||||||
query: {
|
query: {
|
||||||
type: 1
|
type: 4
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -26,15 +26,15 @@ const key = ref('')
|
|||||||
defineOptions({
|
defineOptions({
|
||||||
name: 'supervision/supervision/manage'
|
name: 'supervision/supervision/manage'
|
||||||
})
|
})
|
||||||
let tabList = ['3', '4']
|
const tabList = ref(['3', '4'])
|
||||||
const activeName: any = ref('3')
|
const activeName: any = ref('3')
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
let key = window.location.href.slice(-1)
|
let key = window.location.href.split('?')[0].slice(-1)
|
||||||
const isNumber = /^\d$/.test(key)
|
const isNumber = /^\d$/.test(key)
|
||||||
// if (isNumber) {
|
if (isNumber) {
|
||||||
// tabList = [key]
|
tabList.value = [key]
|
||||||
// activeName.value = key
|
activeName.value = key
|
||||||
// }
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
watch(
|
watch(
|
||||||
|
|||||||
@@ -1,26 +1,26 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class='default-main'>
|
<div class="default-main">
|
||||||
<el-tabs v-model='activeName' type='border-card'>
|
<el-tabs v-model="activeName" type="border-card">
|
||||||
<el-tab-pane label='干扰源用户台账' name='1'>
|
<el-tab-pane label="干扰源用户台账" name="1" v-if="tabList.includes('1')">
|
||||||
<interferenceUserTable :id='id' v-if="activeName == '1'" />
|
<interferenceUserTable :id="id" v-if="activeName == '1'" />
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
<el-tab-pane label='敏感及重要用户台账' name='2'>
|
<el-tab-pane label="敏感及重要用户台账" name="2" v-if="tabList.includes('2')">
|
||||||
<sensitiveUserTable v-if="activeName == '2'" />
|
<sensitiveUserTable v-if="activeName == '2'" />
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
<el-tab-pane label='变电站台账' name='3'>
|
<el-tab-pane label="变电站台账" name="3" v-if="tabList.includes('3')">
|
||||||
<substationLedger v-if="activeName == '3'" />
|
<substationLedger v-if="activeName == '3'" />
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
<el-tab-pane label='终端台账' name='4'>
|
<el-tab-pane label="终端台账" name="4" v-if="tabList.includes('4')">
|
||||||
<deviceLedgerTable v-if="activeName == '4'" />
|
<deviceLedgerTable v-if="activeName == '4'" />
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
<el-tab-pane label='监测点台账' name='5'>
|
<el-tab-pane label="监测点台账" name="5" v-if="tabList.includes('5')">
|
||||||
<monitorLedgerTable v-if="activeName == '5'" />
|
<monitorLedgerTable v-if="activeName == '5'" />
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
</el-tabs>
|
</el-tabs>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang='ts'>
|
<script setup lang="ts">
|
||||||
import { onMounted, reactive, ref, provide } from 'vue'
|
import { onMounted, reactive, ref, provide } from 'vue'
|
||||||
import interferenceUserTable from './components/interferenceUserTable.vue'
|
import interferenceUserTable from './components/interferenceUserTable.vue'
|
||||||
import sensitiveUserTable from './components/sensitiveUserTable.vue'
|
import sensitiveUserTable from './components/sensitiveUserTable.vue'
|
||||||
@@ -37,23 +37,35 @@ defineOptions({
|
|||||||
})
|
})
|
||||||
const activeName = ref('1')
|
const activeName = ref('1')
|
||||||
|
|
||||||
|
const tabList = ref(['1', '2', '3', '4', '5'])
|
||||||
watch(() => route.query.t, async (newValue, oldValue) => {
|
onMounted(() => {
|
||||||
if (route.fullPath.includes('Supervision/Terminaldetection')) {
|
let key = window.location.href.split('?')[0].slice(-1)
|
||||||
let type = (route.query.type as string) || 'null'
|
const isNumber = /^\d$/.test(key)
|
||||||
if (type == 'null') { }
|
if (isNumber) {
|
||||||
else if (type == '1') {
|
tabList.value = [key]
|
||||||
activeName.value = '1'
|
activeName.value = key
|
||||||
}
|
|
||||||
id.value = (route.query.id as string) || 'null'
|
|
||||||
id.value = id.value + '@' + route.query.t
|
|
||||||
}
|
}
|
||||||
}, { deep: true, immediate: true })
|
})
|
||||||
|
watch(
|
||||||
|
() => route.query.t,
|
||||||
|
async (newValue, oldValue) => {
|
||||||
|
if (route.fullPath.includes('Supervision/Terminaldetection')) {
|
||||||
|
let type = (route.query.type as string) || 'null'
|
||||||
|
if (type == 'null') {
|
||||||
|
} else if (type == '1') {
|
||||||
|
activeName.value = '1'
|
||||||
|
}
|
||||||
|
id.value = (route.query.id as string) || 'null'
|
||||||
|
id.value = id.value + '@' + route.query.t
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{ deep: true, immediate: true }
|
||||||
|
)
|
||||||
|
|
||||||
const layout = mainHeight(63) as any
|
const layout = mainHeight(63) as any
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang='scss' scoped>
|
<style lang="scss" scoped>
|
||||||
.bars_w {
|
.bars_w {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 500px;
|
height: 500px;
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="default-main">
|
<div class="default-main">
|
||||||
<el-tabs v-model="activeName" type="border-card">
|
<el-tabs v-model="activeName" type="border-card">
|
||||||
<el-tab-pane label="终端入网检测" name="1" v-if="tabList.includes('1')">
|
<el-tab-pane label="终端检测" name="1" v-if="tabList.includes('1')">
|
||||||
<terminal :id="id" v-if="activeName == '1'" />
|
<terminal :id="id" v-if="activeName == '1'" />
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
<el-tab-pane label="监测点台账录入" name="2" v-if="tabList.includes('2')">
|
<el-tab-pane label="监测点台账录入" name="2" v-if="tabList.includes('2')">
|
||||||
@@ -10,7 +10,7 @@
|
|||||||
<el-tab-pane label="监测点联调列表" name="3" v-if="tabList.includes('3')">
|
<el-tab-pane label="监测点联调列表" name="3" v-if="tabList.includes('3')">
|
||||||
<jointDebugList :id="id" v-if="activeName == '3'" />
|
<jointDebugList :id="id" v-if="activeName == '3'" />
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
<el-tab-pane label="终端周期检测" name="4" v-if="tabList.includes('4')">
|
<el-tab-pane label="周期校验" name="4" v-if="tabList.includes('4')">
|
||||||
<cycleDetection :id="id" :businessKey="key" v-if="activeName == '4'" />
|
<cycleDetection :id="id" :businessKey="key" v-if="activeName == '4'" />
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
</el-tabs>
|
</el-tabs>
|
||||||
@@ -34,12 +34,12 @@ const activeName = ref('1')
|
|||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
const id = ref('')
|
const id = ref('')
|
||||||
const key = ref('')
|
const key = ref('')
|
||||||
let tabList = ['1', '2', '3', '4']
|
const tabList = ref(['1', '2', '3', '4'])
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
let key = window.location.href.slice(-1)
|
let key = window.location.href.split('?')[0].slice(-1)
|
||||||
const isNumber = /^\d$/.test(key)
|
const isNumber = /^\d$/.test(key)
|
||||||
if (isNumber) {
|
if (isNumber) {
|
||||||
tabList = [key]
|
tabList.value = [key]
|
||||||
activeName.value = key
|
activeName.value = key
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -1,21 +1,29 @@
|
|||||||
<!---试运行列表-->
|
<!---试运行列表-->
|
||||||
<template>
|
<template>
|
||||||
<div class="default-main">
|
<div class="default-main">
|
||||||
<TableHeader area datePicker nextFlag theCurrentTime showTimeAll ref="TableHeaderRef">
|
<el-tabs v-model="activeName" type="border-card">
|
||||||
<template #select>
|
<el-tab-pane label="试运行评估" name="1">
|
||||||
<el-form-item label="流程状态">
|
<TableHeader area datePicker nextFlag theCurrentTime showTimeAll ref="TableHeaderRef">
|
||||||
<el-select v-model="tableStore.table.params.status" clearable placeholder="请选择流程状态">
|
<template #select>
|
||||||
<el-option v-for="item in statusSelect" :key="item.id" :label="item.name"
|
<el-form-item label="流程状态">
|
||||||
:value="item.id"></el-option>
|
<el-select v-model="tableStore.table.params.status" clearable placeholder="请选择流程状态">
|
||||||
</el-select>
|
<el-option
|
||||||
</el-form-item>
|
v-for="item in statusSelect"
|
||||||
</template>
|
:key="item.id"
|
||||||
<template #operation>
|
:label="item.name"
|
||||||
<el-button icon="el-icon-Plus" type="primary" @click="startRunTest">试运行</el-button>
|
:value="item.id"
|
||||||
<el-button icon="el-icon-Delete" type="primary" @click="deleteEven">删除</el-button>
|
></el-option>
|
||||||
</template>
|
</el-select>
|
||||||
</TableHeader>
|
</el-form-item>
|
||||||
<Table ref="tableRef" :checkbox-config="checkboxConfig" />
|
</template>
|
||||||
|
<template #operation>
|
||||||
|
<el-button icon="el-icon-Plus" type="primary" @click="startRunTest">试运行</el-button>
|
||||||
|
<el-button icon="el-icon-Delete" type="primary" @click="deleteEven">删除</el-button>
|
||||||
|
</template>
|
||||||
|
</TableHeader>
|
||||||
|
<Table ref="tableRef" :checkbox-config="checkboxConfig" />
|
||||||
|
</el-tab-pane>
|
||||||
|
</el-tabs>
|
||||||
|
|
||||||
<!-- <el-dialog
|
<!-- <el-dialog
|
||||||
v-model='timeDialog'
|
v-model='timeDialog'
|
||||||
@@ -62,11 +70,11 @@ const { push } = useRouter()
|
|||||||
const adminInfo = useAdminInfo()
|
const adminInfo = useAdminInfo()
|
||||||
const TableHeaderRef = ref()
|
const TableHeaderRef = ref()
|
||||||
const tableRef = ref()
|
const tableRef = ref()
|
||||||
|
const activeName = ref('1')
|
||||||
const tableStore = new TableStore({
|
const tableStore = new TableStore({
|
||||||
url: '/supervision-boot/tempLinedebug/pageHasDebug',
|
url: '/supervision-boot/tempLinedebug/pageHasDebug',
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
// publicHeight: 65,
|
publicHeight: 65,
|
||||||
column: [
|
column: [
|
||||||
{ title: '', type: 'checkbox', width: 40 },
|
{ title: '', type: 'checkbox', width: 40 },
|
||||||
{ field: 'lineName', title: '监测点名称', minWidth: 160 },
|
{ field: 'lineName', title: '监测点名称', minWidth: 160 },
|
||||||
@@ -266,23 +274,20 @@ const deleteEven = () => {
|
|||||||
confirmButtonText: '确定',
|
confirmButtonText: '确定',
|
||||||
cancelButtonText: '取消',
|
cancelButtonText: '取消',
|
||||||
type: 'warning'
|
type: 'warning'
|
||||||
|
}).then(() => {
|
||||||
|
let createBy = tableStore.table.selection.map(item => item.createBy)
|
||||||
|
let status = tableStore.table.selection.map(item => item.status)
|
||||||
|
if (adminInfo.roleCode.includes('delete_info')) {
|
||||||
|
deleteList()
|
||||||
|
} else if (createBy.includes(adminInfo.$state.id) && status.includes(0)) {
|
||||||
|
deleteList()
|
||||||
|
} else {
|
||||||
|
ElMessage({
|
||||||
|
type: 'warning',
|
||||||
|
message: '只能删除自己填报的数据!!!'
|
||||||
|
})
|
||||||
|
}
|
||||||
})
|
})
|
||||||
.then(() => {
|
|
||||||
let createBy = tableStore.table.selection.map(item => item.createBy)
|
|
||||||
let status = tableStore.table.selection.map(item => item.status)
|
|
||||||
if (adminInfo.roleCode.includes('delete_info')) {
|
|
||||||
deleteList()
|
|
||||||
} else if (createBy.includes(adminInfo.$state.id) && status.includes(0)) {
|
|
||||||
deleteList()
|
|
||||||
} else {
|
|
||||||
ElMessage({
|
|
||||||
type: 'warning',
|
|
||||||
message: '只能删除自己填报的数据!!!'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
})
|
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -410,43 +415,46 @@ const runTestSubmit = (type: number) => {
|
|||||||
|
|
||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
|
|
||||||
watch(() => route.query.t, async (newValue, oldValue) => {
|
watch(
|
||||||
let nowTime = Date.now()
|
() => route.query.t,
|
||||||
let routeTime = route.query.t as number || 1
|
async (newValue, oldValue) => {
|
||||||
if (isNaN(routeTime) || nowTime - routeTime > import.meta.env.VITE_ROUTE_TIME_OUT) return // 路由时间超过500ms,则不执行
|
let nowTime = Date.now()
|
||||||
if (route.fullPath.includes('/testRun')) {
|
let routeTime = (route.query.t as number) || 1
|
||||||
let id = (route.query.id as string) || 'null'
|
if (isNaN(routeTime) || nowTime - routeTime > import.meta.env.VITE_ROUTE_TIME_OUT) return // 路由时间超过500ms,则不执行
|
||||||
if (id != 'null') {
|
if (route.fullPath.includes('/testRun')) {
|
||||||
monitorIds = []
|
let id = (route.query.id as string) || 'null'
|
||||||
monitorIds.push(id)
|
if (id != 'null') {
|
||||||
const start = new Date()
|
monitorIds = []
|
||||||
start.setDate(start.getDate() + 1)
|
monitorIds.push(id)
|
||||||
start.setHours(0, 0, 0)
|
const start = new Date()
|
||||||
const end = new Date()
|
start.setDate(start.getDate() + 1)
|
||||||
end.setDate(end.getDate() + 3)
|
start.setHours(0, 0, 0)
|
||||||
end.setHours(23, 59, 59)
|
const end = new Date()
|
||||||
const startString = formatDate(start, 'YYYY-MM-DD') // 转换为 YYYY-MM-DD 格式
|
end.setDate(end.getDate() + 3)
|
||||||
const endString = formatDate(end, 'YYYY-MM-DD')
|
end.setHours(23, 59, 59)
|
||||||
const data = {
|
const startString = formatDate(start, 'YYYY-MM-DD') // 转换为 YYYY-MM-DD 格式
|
||||||
startTime: startString,
|
const endString = formatDate(end, 'YYYY-MM-DD')
|
||||||
endTime: endString,
|
const data = {
|
||||||
lineIds: monitorIds,
|
startTime: startString,
|
||||||
operateType: 1,
|
endTime: endString,
|
||||||
id
|
lineIds: monitorIds,
|
||||||
}
|
operateType: 1,
|
||||||
update(data).then((res: any) => {
|
id
|
||||||
if (res.code === 'A0000') {
|
|
||||||
ElMessage({
|
|
||||||
message: '发起试运行成功',
|
|
||||||
type: 'success'
|
|
||||||
})
|
|
||||||
tableStore.index()
|
|
||||||
}
|
}
|
||||||
})
|
update(data).then((res: any) => {
|
||||||
|
if (res.code === 'A0000') {
|
||||||
|
ElMessage({
|
||||||
|
message: '发起试运行成功',
|
||||||
|
type: 'success'
|
||||||
|
})
|
||||||
|
tableStore.index()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
},
|
||||||
}, { deep: true, immediate: true })
|
{ deep: true, immediate: true }
|
||||||
|
)
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss"></style>
|
<style scoped lang="scss"></style>
|
||||||
|
|||||||
@@ -2,13 +2,13 @@
|
|||||||
<div class="default-main">
|
<div class="default-main">
|
||||||
<el-tabs v-model="activeName" type="border-card">
|
<el-tabs v-model="activeName" type="border-card">
|
||||||
|
|
||||||
<el-tab-pane label="监测点台账录入" name="1">
|
<el-tab-pane label="监测点台账录入" name="1" v-if="tabList.includes('1')">
|
||||||
<monitorpoint :id="id" v-if="activeName == '1'" />
|
<monitorpoint :id="id" v-if="activeName == '1'" />
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
<el-tab-pane label="监测点联调列表" name="2">
|
<el-tab-pane label="监测点联调列表" name="2" v-if="tabList.includes('2')">
|
||||||
<jointDebugList :id="id" v-if="activeName == '2'" />
|
<jointDebugList :id="id" v-if="activeName == '2'" />
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
<el-tab-pane label="试运行评估" name="3">
|
<el-tab-pane label="试运行评估" name="3" v-if="tabList.includes('3')">
|
||||||
<testRun :id="id" v-if="activeName == '3'" />
|
<testRun :id="id" v-if="activeName == '3'" />
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
</el-tabs>
|
</el-tabs>
|
||||||
@@ -16,7 +16,7 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { ref } from 'vue'
|
import { ref ,onMounted} from 'vue'
|
||||||
|
|
||||||
import { mainHeight } from '@/utils/layout'
|
import { mainHeight } from '@/utils/layout'
|
||||||
import monitorpoint from '@/views/pqs/supervise/terminalNetworkDetection/components/monitorpoint/index.vue'
|
import monitorpoint from '@/views/pqs/supervise/terminalNetworkDetection/components/monitorpoint/index.vue'
|
||||||
@@ -29,7 +29,15 @@
|
|||||||
name: 'terminalNetwotk'
|
name: 'terminalNetwotk'
|
||||||
})
|
})
|
||||||
const activeName = ref('1')
|
const activeName = ref('1')
|
||||||
|
const tabList = ref(['1', '2', '3',])
|
||||||
|
onMounted(() => {
|
||||||
|
let key = window.location.href.split('?')[0].slice(-1)
|
||||||
|
const isNumber = /^\d$/.test(key)
|
||||||
|
if (isNumber) {
|
||||||
|
tabList.value = [key]
|
||||||
|
activeName.value = key
|
||||||
|
}
|
||||||
|
})
|
||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
const id = ref('')
|
const id = ref('')
|
||||||
const key = ref('')
|
const key = ref('')
|
||||||
|
|||||||
@@ -24,10 +24,10 @@
|
|||||||
@tab-change="handleTabChange"
|
@tab-change="handleTabChange"
|
||||||
>
|
>
|
||||||
<el-tab-pane label="事件分析" name="3" lazy v-if="!isReload">
|
<el-tab-pane label="事件分析" name="3" lazy v-if="!isReload">
|
||||||
<EventStudy :externalHeight='20'/>
|
<EventStudy :externalHeight="20" />
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
<el-tab-pane label="事件统计" name="2" lazy v-if="!isReload">
|
<el-tab-pane label="事件统计" name="2" lazy v-if="!isReload">
|
||||||
<EventStatistics :externalHeight='20'/>
|
<EventStatistics :externalHeight="20" />
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
|
|
||||||
<!-- <el-tab-pane label="运行情况" name="4" lazy :style="height" v-if="!isReload">
|
<!-- <el-tab-pane label="运行情况" name="4" lazy :style="height" v-if="!isReload">
|
||||||
@@ -63,7 +63,7 @@ defineOptions({
|
|||||||
|
|
||||||
const monitoringPoint = useMonitoringPoint()
|
const monitoringPoint = useMonitoringPoint()
|
||||||
const pointTree = ref()
|
const pointTree = ref()
|
||||||
const size = ref(0)
|
const size = ref(23)
|
||||||
const isReload = ref(false)
|
const isReload = ref(false)
|
||||||
const height = mainHeight(40)
|
const height = mainHeight(40)
|
||||||
const activeName = ref('3')
|
const activeName = ref('3')
|
||||||
|
|||||||
@@ -145,7 +145,7 @@ defineOptions({
|
|||||||
})
|
})
|
||||||
const monitoringPoint = useMonitoringPoint()
|
const monitoringPoint = useMonitoringPoint()
|
||||||
const height = mainHeight(20)
|
const height = mainHeight(20)
|
||||||
const size = ref(0)
|
const size = ref(23)
|
||||||
const value = ref('')
|
const value = ref('')
|
||||||
const TableHeaderRef = ref()
|
const TableHeaderRef = ref()
|
||||||
const dotList: any = ref({
|
const dotList: any = ref({
|
||||||
@@ -191,7 +191,7 @@ getList({
|
|||||||
type: 0
|
type: 0
|
||||||
}).then(res => {
|
}).then(res => {
|
||||||
templatePolicy.value = res.data.records
|
templatePolicy.value = res.data.records
|
||||||
// 默认选中第一个
|
// 默认选中第一个
|
||||||
if (res.data.records && res.data.records.length > 0) {
|
if (res.data.records && res.data.records.length > 0) {
|
||||||
value.value = res.data.records[0].id
|
value.value = res.data.records[0].id
|
||||||
// 触发 change 事件,加载对应的配置
|
// 触发 change 事件,加载对应的配置
|
||||||
|
|||||||
@@ -30,7 +30,7 @@ import { getRunningDeviceById } from '@/api/supervision-boot/device/quitRunningD
|
|||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
height: [String, Number]
|
height: [String, Number]
|
||||||
})
|
})
|
||||||
|
const VITE_FLAG = import.meta.env.VITE_NAME == 'jibei'
|
||||||
const router = useRouter() // 路由对象
|
const router = useRouter() // 路由对象
|
||||||
defineOptions({
|
defineOptions({
|
||||||
name: 'businessUser'
|
name: 'businessUser'
|
||||||
@@ -44,7 +44,7 @@ const tableStore = new TableStore({
|
|||||||
method: 'POST',
|
method: 'POST',
|
||||||
publicHeight: 65,
|
publicHeight: 65,
|
||||||
isWebPaging: true,
|
isWebPaging: true,
|
||||||
filename:'待办任务',
|
filename: '待办任务',
|
||||||
column: [
|
column: [
|
||||||
{
|
{
|
||||||
field: 'index',
|
field: 'index',
|
||||||
@@ -208,10 +208,19 @@ const tableStore = new TableStore({
|
|||||||
// 页面内tab切换
|
// 页面内tab切换
|
||||||
let type = row.tabValue
|
let type = row.tabValue
|
||||||
let key = '3'
|
let key = '3'
|
||||||
|
let name = row.routePath
|
||||||
|
if (VITE_FLAG) {
|
||||||
|
let key = row.routePath?.split('?')[0].slice(-1)
|
||||||
|
const isNumber = /^\d$/.test(key)
|
||||||
|
if (!isNumber) {
|
||||||
|
name = row.routePath + type
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// 业务记录id
|
// 业务记录id
|
||||||
let id = row.id
|
let id = row.id
|
||||||
router.push({
|
router.push({
|
||||||
name: row.routePath,
|
name: name,
|
||||||
query: {
|
query: {
|
||||||
type,
|
type,
|
||||||
id,
|
id,
|
||||||
|
|||||||
Reference in New Issue
Block a user