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

添加 标准库 模版库 页面

Browse Source 
修改 终端台账管理 页面
This commit is contained in:
GGJ
2024-09-06 15:10:30 +08:00
parent 630156f221
commit 9bfb30a197
16 changed files with 2027 additions and 1447 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/tree/pqs/Terminal.vue
View File

@@ -1,5 +1,5 @@
<template>
<Tree ref="treRef" :data="tree" :expanded="expanded" />
<Tree ref="treRef" :data="tree" style="height: 100%" :width="'100%'" :expanded="expanded" />
</template>
<script lang="ts" setup>
@@ -17,7 +17,6 @@ const expanded: any = ref([])
const tree = ref()
const treRef = ref()
const info = (id: any) => {
expanded.value = [id]
getTerminalTree().then(res => {
// let arr: any[] = []

6
src/components/tree/pqs/index.vue
View File

@@ -16,14 +16,14 @@
<Icon name="el-icon-Search" style="font-size: 16px" />
</template>
</el-input>
<Icon
<!-- <Icon
@click="onMenuCollapse"
:name="menuCollapse ? 'el-icon-Expand' : 'el-icon-Fold'"
:class="menuCollapse ? 'unfold' : ''"
size="18"
class="fold ml10 menu-collapse"
style="cursor: pointer"
/>
/> -->
</div>
<el-tree
style="flex: 1; overflow: auto"
@@ -131,7 +131,7 @@ defineExpose({ treeRef, setCurrentKey })
display: flex;
flex-direction: column;
box-sizing: border-box;
padding: 10px;
padding-right: 10px;
height: 100%;
width: 100%;
:deep(.el-tree) {

81
src/components/tree/pqs/standardTree.vue Normal file
View File

@@ -0,0 +1,81 @@
<template>
<div class="point-tree">
<div style="flex: 1; overflow: hidden">
<Tree ref="treeRef" :data="tree" style="width: 100%; height: 100%" :canExpand="false" v-bind="$attrs" />
</div>
</div>
</template>
<script lang="ts" setup>
import { nextTick, onMounted, ref, useAttrs } from 'vue'
import Tree from '../index.vue'
import { useAdminInfo } from '@/stores/adminInfo'
import { useDictData } from '@/stores/dictData'
import { getTerminalTreeForFive } from '@/api/device-boot/terminalTree'
import { useConfig } from '@/stores/config'
defineOptions({
name: 'pms/pointTree'
})
const emit = defineEmits(['init'])
const attrs = useAttrs()
const adminInfo = useAdminInfo()
const dictData = useDictData()
const config = useConfig()
const classificationData = dictData.getBasicData('Statistical_Type', ['Report_Type'])
const tree = ref()
const treeRef = ref()
const loadData = () => {
let nodeKey = ''
let res = {
data: [
{
name: '运行管理',
id: '1',
children: [
{
name: '运行指标',
id: '2'
},
{
name: '数据质量核查',
id: '3'
}
]
}
]
}
// getTerminalTreeForFive(form).then(res => {
res.data.forEach((item: any) => {
item.icon = 'el-icon-FolderOpened'
item.color = config.getColorVal('elementUiPrimary')
item.children.forEach((item2: any) => {
item2.icon = 'el-icon-Document'
item.color = config.getColorVal('elementUiPrimary')
})
})
nodeKey = res.data[0].children[0].id
emit('init', res.data[0].children[0])
tree.value = res.data
if (nodeKey) {
setTimeout(() => {
treeRef.value.treeRef.setCurrentKey(nodeKey)
}, 10)
}
// })
}
loadData()
</script>
<style lang="scss">
.point-tree {
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
background: #fff;
border: 1px solid var(--el-border-color);
}
</style>

111
src/views/LN/newEnergy/newEnergyAnalysis/components/detail.vue
View File

@@ -1,14 +1,102 @@
<template>
<el-dialog v-model="dialogVisible" title="越限详情" width="50%" draggable>
<el-dialog v-model="dialogVisible" :title="title" width="50%" draggable>
<vxe-table v-bind="defaultAttribute" ref="vxeRef" height="500px" :data="tableData">
<vxe-column field="num2" title="指标" />
<vxe-column field="num2" title="时间" />
<vxe-column field="num3" title="最小值" />
<vxe-column field="num3" title="最大值" />
<vxe-column field="num3" title="平均值" />
<vxe-column field="num3" title="cp95值" />
<vxe-column field="num3" title="国际限值" />
<vxe-colgroup field="anotherName" title="指标" width="180" />
<!-- <vxe-colgroup field="unit" title="单位" /> -->
<vxe-colgroup title="最小值">
<vxe-column field="minphaseA" title="A">
<template #default="{ row }">
<span :style="{ color: row.limit < row.minphaseA ? 'red' : '' }">
{{ row.minphaseA }}
</span>
</template>
</vxe-column>
<vxe-column field="minphaseB" title="B">
<template #default="{ row }">
<span :style="{ color: row.limit < row.minphaseB ? 'red' : '' }">
{{ row.minphaseB }}
</span>
</template>
</vxe-column>
<vxe-column field="minphaseC" title="C">
<template #default="{ row }">
<span :style="{ color: row.limit < row.minphaseC ? 'red' : '' }">
{{ row.minphaseC }}
</span>
</template>
</vxe-column>
</vxe-colgroup>
<vxe-colgroup title="最大值">
<vxe-column field="maxphaseA" title="A">
<template #default="{ row }">
<span :style="{ color: row.limit < row.maxphaseA ? 'red' : '' }">
{{ row.maxphaseA }}
</span>
</template>
</vxe-column>
<vxe-column field="maxphaseB" title="B">
<template #default="{ row }">
<span :style="{ color: row.limit < row.maxphaseB ? 'red' : '' }">
{{ row.maxphaseB }}
</span>
</template>
</vxe-column>
<vxe-column field="maxphaseC" title="C">
<template #default="{ row }">
<span :style="{ color: row.limit < row.maxphaseC ? 'red' : '' }">
{{ row.maxphaseC }}
</span>
</template>
</vxe-column>
</vxe-colgroup>
<vxe-colgroup title="平均值">
<vxe-column field="avgphaseA" title="A">
<template #default="{ row }">
<span :style="{ color: row.limit < row.avgphaseA ? 'red' : '' }">
{{ row.avgphaseA }}
</span>
</template>
</vxe-column>
<vxe-column field="avgphaseB" title="B">
<template #default="{ row }">
<span :style="{ color: row.limit < row.avgphaseB ? 'red' : '' }">
{{ row.avgphaseB }}
</span>
</template>
</vxe-column>
<vxe-column field="avgphaseC" title="C">
<template #default="{ row }">
<span :style="{ color: row.limit < row.avgphaseC ? 'red' : '' }">
{{ row.avgphaseC }}
</span>
</template>
</vxe-column>
</vxe-colgroup>
<vxe-colgroup title="cp95值">
<vxe-column field="cp95PhaseA" title="A">
<template #default="{ row }">
<span :style="{ color: row.limit < row.cp95PhaseA ? 'red' : '' }">
{{ row.cp95PhaseA }}
</span>
</template>
</vxe-column>
<vxe-column field="cp95PhaseB" title="B">
<template #default="{ row }">
<span :style="{ color: row.limit < row.cp95PhaseB ? 'red' : '' }">
{{ row.cp95PhaseB }}
</span>
</template>
</vxe-column>
<vxe-column field="cp95PhaseC" title="C">
<template #default="{ row }">
<span :style="{ color: row.limit < row.cp95PhaseC ? 'red' : '' }">
{{ row.cp95PhaseC }}
</span>
</template>
</vxe-column>
</vxe-colgroup>
<vxe-column field="limit" title="国际限值" />
</vxe-table>
</el-dialog>
</template>
@@ -17,8 +105,11 @@
import { ref, reactive } from 'vue'
import { defaultAttribute } from '@/components/table/defaultAttribute'
const dialogVisible = ref(false)
const tableData = ref([])
const open = () => {
const title = ref('')
const tableData: any = ref([])
const open = (row: any) => {
title.value = row.title + ' - ' + row.row.time + ' - 越限详情'
tableData.value = row.row[row.key]
dialogVisible.value = true
}
defineExpose({ open })

1
src/views/LN/newEnergy/newEnergyAnalysis/components/timePopUpBox.vue
View File

@@ -50,6 +50,7 @@ const tableStore = new TableStore({
{
title: '指标',
field: 'anotherName',
minWidth: '120px',
formatter: row => {
row.column.title =
radio2.value == '1' ? '指标' : (row.column.title = radio2.value == '4' ? '间谐波次数' : '谐波次数')

25
src/views/LN/newEnergy/newEnergyAnalysis/index.vue
View File

@@ -100,7 +100,7 @@
<el-link
:type="row.voltageOffset == '1' ? 'danger' : 'success'"
class="percentage"
@click="detailClick(row)"
@click="detailClick(row, '电压偏差', 'voltageOffsetList')"
>
{{ row.voltageOffset == '1' ? '越限' : '合格' }}
</el-link>
@@ -111,7 +111,7 @@
<el-link
:type="row.vtimes == '1' ? 'danger' : 'success'"
class="percentage"
@click="detailClick(row)"
@click="detailClick(row, '谐波电压', 'vtimesList')"
>
{{ row.vtimes == '1' ? '越限' : '合格' }}
</el-link>
@@ -122,7 +122,7 @@
<el-link
:type="row.itimes == '1' ? 'danger' : 'success'"
class="percentage"
@click="detailClick(row)"
@click="detailClick(row, '谐波电流', 'itimesList')"
>
{{ row.itimes == '1' ? '越限' : '合格' }}
</el-link>
@@ -133,7 +133,7 @@
<el-link
:type="row.ubalance == '1' ? 'danger' : 'success'"
class="percentage"
@click="detailClick(row)"
@click="detailClick(row, '三相电压不平衡度', 'ubalanceList')"
>
{{ row.ubalance == '1' ? '越限' : '合格' }}
</el-link>
@@ -144,7 +144,7 @@
<el-link
:type="row.voltageFluctuation == '1' ? 'danger' : 'success'"
class="percentage"
@click="detailClick(row)"
@click="detailClick(row, '电压波动', 'voltageFluctuationList')"
>
{{ row.voltageFluctuation == '1' ? '越限' : '合格' }}
</el-link>
@@ -155,7 +155,7 @@
<el-link
:type="row.flicker == '1' ? 'danger' : 'success'"
class="percentage"
@click="detailClick(row)"
@click="detailClick(row, '闪变', 'flickerList')"
>
{{ row.flicker == '1' ? '越限' : '合格' }}
</el-link>
@@ -166,7 +166,7 @@
<el-link
:type="row.interHarmonic == '1' ? 'danger' : 'success'"
class="percentage"
@click="detailClick(row)"
@click="detailClick(row, '间谐波电压含有率', 'interHarmonicList')"
>
{{ row.interHarmonic == '1' ? '越限' : '合格' }}
</el-link>
@@ -177,7 +177,7 @@
<el-link
:type="row.sequenceCurrentUnbalance == '1' ? 'danger' : 'success'"
class="percentage"
@click="detailClick(row)"
@click="detailClick(row, '电流不平衡度', 'sequenceCurrentUnbalanceList')"
>
{{ row.sequenceCurrentUnbalance == '1' ? '越限' : '合格' }}
</el-link>
@@ -697,8 +697,13 @@ const timeClick = (row: any) => {
timePopUpBox.value = data
}
// 点击越限
const detailClick = (row: any) => {
detailRef.value.open()
const detailClick = (row: any, title: string, key: string) => {
console.log('🚀 ~ detailClick ~ row:', row)
detailRef.value.open({
row: row,
title: title,
key: key
})
}
// // 获取有功功率趋势分析数据
// const analyse = (e: any) => {

2
src/views/LN/newEnergy/newEnergyLedger/components/addForm.vue
View File

@@ -17,7 +17,7 @@
<el-option v-for="item in scaleList" :key="item.id" :label="item.name" :value="item.id"></el-option>
</el-select>
</el-form-item>
<el-form-item label="额定有功功率(kV):" prop="ratedPower">
<el-form-item label="额定有功功率(kW):" prop="ratedPower">
<el-input-number v-model="addData.ratedPower" :min="0" style="width: 100%" />
</el-form-item>
<el-form-item label="经度：" prop="longitude">

2
src/views/LN/newEnergy/newEnergyLedger/index.vue
View File

@@ -61,7 +61,7 @@ const tableStore = new TableStore({
formatter: (row: any) => scaleList.filter(item => item.id == row.cellValue)[0]?.name
},
{ field: 'ratedPower', title: '额定有功功率(kV)' },
{ field: 'ratedPower', title: '额定有功功率(kW)' },
{ field: 'longitude', title: '经度' },
{ field: 'latitude', title: '纬度' },
{

156
src/views/pqs/business/terminal/deviceter/index.vue
View File

@@ -1,6 +1,8 @@
<template>
<div class="default-main device-manage" :style="{ height: pageHeight.height }" v-loading="loading">
<Terminal ref="TerminalRef" @node-click="nodeClick" @init="nodeClick"></Terminal>
<splitpanes style="height: 100%" class="default-theme" id="navigation-splitpanes">
<pane :size="size"><Terminal ref="TerminalRef" @node-click="nodeClick" @init="nodeClick"></Terminal></pane>
<pane style="background: #fff">
<div class="device-manage-right">
<el-form :inline="true" class="demo-form-inline">
<el-form-item style="position: relative; z-index: 2">
@@ -347,9 +349,15 @@
class="form-item"
label="通讯状态:"
:prop="'deviceParam.' + index + '.comFlag'"
:rules="[{ required: true, message: '请选择通讯状态', trigger: 'change' }]"
:rules="[
{ required: true, message: '请选择通讯状态', trigger: 'change' }
]"
>
<el-select
v-model="item.comFlag"
placeholder="请选择通讯状态"
:disabled="true"
>
<el-select v-model="item.comFlag" placeholder="请选择通讯状态" :disabled="true">
<el-option
v-for="option in comStatusArr"
:key="option.name"
@@ -362,7 +370,9 @@
class="form-item"
label="通讯类型:"
:prop="'deviceParam.' + index + '.frontType'"
:rules="[{ required: true, message: '请选择通讯类型', trigger: 'change' }]"
:rules="[
{ required: true, message: '请选择通讯类型', trigger: 'change' }
]"
>
<el-select
v-model="item.frontType"
@@ -386,7 +396,9 @@
class="form-item"
label="终端模型:"
:prop="'deviceParam.' + index + '.devModel'"
:rules="[{ required: true, message: '请选择终端模型', trigger: 'change' }]"
:rules="[
{ required: true, message: '请选择终端模型', trigger: 'change' }
]"
>
<el-select
v-model="item.devModel"
@@ -409,7 +421,9 @@
class="form-item"
label="数据模型:"
:prop="'deviceParam.' + index + '.devDataType'"
:rules="[{ required: true, message: '请选择数据模型', trigger: 'change' }]"
:rules="[
{ required: true, message: '请选择数据模型', trigger: 'change' }
]"
>
<el-select
v-model="item.devDataType"
@@ -456,7 +470,9 @@
class="form-item"
label="所属前置机:"
:prop="'deviceParam.' + index + '.nodeId'"
:rules="[{ required: true, message: '请选择所属前置机', trigger: 'change' }]"
:rules="[
{ required: true, message: '请选择所属前置机', trigger: 'change' }
]"
>
<el-select
v-model="item.nodeId"
@@ -479,7 +495,9 @@
class="form-item"
label="召唤标志:"
:prop="'deviceParam.' + index + '.callFlag'"
:rules="[{ required: true, message: '请选择召唤标志', trigger: 'change' }]"
:rules="[
{ required: true, message: '请选择召唤标志', trigger: 'change' }
]"
>
<el-select
v-model="item.callFlag"
@@ -534,7 +552,9 @@
class="form-item"
label="电度功能"
:prop="'deviceParam.' + index + '.electroplate'"
:rules="[{ required: true, message: '请选择电度功能', trigger: 'change' }]"
:rules="[
{ required: true, message: '请选择电度功能', trigger: 'change' }
]"
>
<el-select
v-model="item.electroplate"
@@ -617,7 +637,9 @@
class="form-item"
label="终端型号:"
:prop="'deviceParam.' + index + '.devType'"
:rules="[{ required: true, message: '请选择终端型号', trigger: 'change' }]"
:rules="[
{ required: true, message: '请选择终端型号', trigger: 'change' }
]"
>
<el-select
v-model="item.devType"
@@ -741,7 +763,8 @@
@tab-click="tabChange('busBarIndex')"
>
<el-tab-pane
v-for="(busItem, bIndex) in AddProjectBO.deviceParam[deviceIndex].subVoltageParam"
v-for="(busItem, bIndex) in AddProjectBO.deviceParam[deviceIndex]
.subVoltageParam"
:key="bIndex"
:label="busItem.name ? busItem.name : '新建母线' + bIndex"
:name="bIndex + ''"
@@ -750,7 +773,13 @@
<el-form-item
class="form-item"
label="母线名称:"
:prop="'deviceParam.' + [deviceIndex] + '.subVoltageParam.' + bIndex + '.name'"
:prop="
'deviceParam.' +
[deviceIndex] +
'.subVoltageParam.' +
bIndex +
'.name'
"
:rules="{ required: true, message: '请输入母线名称', trigger: 'blur' }"
>
<el-input
@@ -766,7 +795,13 @@
<el-form-item
class="form-item"
label="母线编号:"
:prop="'deviceParam.' + [deviceIndex] + '.subVoltageParam.' + bIndex + '.num'"
:prop="
'deviceParam.' +
[deviceIndex] +
'.subVoltageParam.' +
bIndex +
'.num'
"
:rules="{ required: true, message: '请输入母线编号', trigger: 'blur' }"
>
<el-select
@@ -789,7 +824,13 @@
<el-form-item
class="form-item"
label="电压等级:"
:prop="'deviceParam.' + [deviceIndex] + '.subVoltageParam.' + bIndex + '.scale'"
:prop="
'deviceParam.' +
[deviceIndex] +
'.subVoltageParam.' +
bIndex +
'.scale'
"
:rules="{ required: true, message: '请选择电压等级', trigger: 'blur' }"
>
<el-select
@@ -814,7 +855,13 @@
<el-form-item
class="form-item"
label="母线类型:"
:prop="'deviceParam.' + [deviceIndex] + '.subVoltageParam.' + bIndex + '.model'"
:prop="
'deviceParam.' +
[deviceIndex] +
'.subVoltageParam.' +
bIndex +
'.model'
"
:rules="{ required: true, message: '请选择母线类型', trigger: 'blur' }"
>
<el-select
@@ -837,7 +884,13 @@
<el-form-item
class="form-item"
label="排序:"
:prop="'deviceParam.' + [deviceIndex] + '.subVoltageParam.' + bIndex + '.sort'"
:prop="
'deviceParam.' +
[deviceIndex] +
'.subVoltageParam.' +
bIndex +
'.sort'
"
:rules="{ required: true, message: '请输入排序', trigger: 'blur' }"
>
<el-input
@@ -870,7 +923,8 @@
AddProjectBO.deviceParam[deviceIndex].subVoltageParam.length &&
AddProjectBO.deviceParam[deviceIndex].subVoltageParam[busBarIndex] &&
AddProjectBO.deviceParam[deviceIndex].subVoltageParam[busBarIndex].lineParam &&
AddProjectBO.deviceParam[deviceIndex].subVoltageParam[busBarIndex].lineParam.length
AddProjectBO.deviceParam[deviceIndex].subVoltageParam[busBarIndex].lineParam
.length
"
v-model="lineIndex"
:editable="pageStatus != 1"
@@ -878,9 +932,8 @@
@tab-click="tabChange('lineIndex')"
>
<el-tab-pane
v-for="(lineItem, lIndex) in AddProjectBO.deviceParam[deviceIndex].subVoltageParam[
busBarIndex
].lineParam"
v-for="(lineItem, lIndex) in AddProjectBO.deviceParam[deviceIndex]
.subVoltageParam[busBarIndex].lineParam"
:key="lIndex"
:label="lineItem.name ? lineItem.name : '新建监测点' + lIndex"
:name="lIndex + ''"
@@ -898,7 +951,11 @@
lIndex +
'.name'
"
:rules="{ required: true, message: '请输入监测点名称', trigger: 'blur' }"
:rules="{
required: true,
message: '请输入监测点名称',
trigger: 'blur'
}"
>
<el-input
v-model="lineItem.name"
@@ -919,7 +976,11 @@
lIndex +
'.num'
"
:rules="{ required: true, message: '请选择监测点序号', trigger: 'blur' }"
:rules="{
required: true,
message: '请选择监测点序号',
trigger: 'blur'
}"
>
<el-select
v-model="lineItem.num"
@@ -1138,7 +1199,11 @@
lIndex +
'.loadType'
"
:rules="{ required: true, message: '请选择干扰源类型', trigger: 'blur' }"
:rules="{
required: true,
message: '请选择干扰源类型',
trigger: 'blur'
}"
>
<el-select
v-model="lineItem.loadType"
@@ -1211,7 +1276,11 @@
lIndex +
'.uvoltageDev'
"
:rules="{ required: true, message: '请输入电压下偏差', trigger: 'blur' }"
:rules="{
required: true,
message: '请输入电压下偏差',
trigger: 'blur'
}"
>
<el-input
v-model="lineItem.uvoltageDev"
@@ -1250,7 +1319,11 @@
lIndex +
'.powerFlag'
"
:rules="{ required: true, message: '请选择测量点性质', trigger: 'blur' }"
:rules="{
required: true,
message: '请选择测量点性质',
trigger: 'blur'
}"
>
<el-select
v-model="lineItem.powerFlag"
@@ -1277,7 +1350,11 @@
lIndex +
'.voltageDev'
"
:rules="{ required: true, message: '请输入电压上偏差', trigger: 'blur' }"
:rules="{
required: true,
message: '请输入电压上偏差',
trigger: 'blur'
}"
>
<el-input
v-model="lineItem.voltageDev"
@@ -1377,7 +1454,11 @@
lIndex +
'.powerSubstationName'
"
:rules="{ required: true, message: '请输入电网侧变电站', trigger: 'blur' }"
:rules="{
required: true,
message: '请输入电网侧变电站',
trigger: 'blur'
}"
>
<el-input
v-model="lineItem.powerSubstationName"
@@ -1429,6 +1510,8 @@
</el-form>
</div>
</div>
</pane>
</splitpanes>
</div>
</template>
@@ -1436,6 +1519,8 @@
defineOptions({
name: 'device-boot/deviceter'
})
import 'splitpanes/dist/splitpanes.css'
import { Splitpanes, Pane } from 'splitpanes'
import { LocationInformation } from '@element-plus/icons-vue'
import Terminal from '@/components/tree/pqs/Terminal.vue'
import { mainHeight } from '@/utils/layout'
@@ -1449,9 +1534,9 @@ import {
selectDown
} from '@/api/device-boot/Business'
import { useDictData } from '@/stores/dictData'
import { ref, reactive } from 'vue'
import { ref, reactive, onMounted } from 'vue'
import { ElMessage, ElMessageBox } from 'element-plus'
const size = ref(0)
const TerminalRef = ref()
const pageHeight = mainHeight(20)
const Height = mainHeight(100)
@@ -2717,13 +2802,19 @@ const area = () => {
deviceBODetail.value.updateTime = year + '-' + month + '-' + day
deviceBODetail.value.nextTimeCheck = year + 1 + '-' + month + '-' + (day - 1 > 10 ? day - 1 : '0' + (day - 1))
}
onMounted(() => {
const dom = document.getElementById('navigation-splitpanes')
if (dom) {
size.value = Math.round((180 / dom.offsetHeight) * 100)
}
})
area()
</script>
<style lang="scss">
<style lang="scss" scoped>
.device-manage {
display: flex;
padding: 15px;
padding: 10px;
&-right {
overflow: hidden;
flex: 1;
@@ -2755,4 +2846,7 @@ area()
.el-tabs__content {
margin-top: 15px;
}
.splitpanes.default-theme .splitpanes__pane {
background: #fff !important;
}
</style>

2
src/views/pqs/database/algorithm/index.vue
View File

@@ -1,6 +1,6 @@
<template>
<!-- 算法库 -->
<div class="default-main" :style="height">
<!-- 算法库 -->
<splitpanes style="height: 100%" class="default-theme" id="navigation-splitpanes">
<pane :size="size">
<algorithmTree

61
src/views/pqs/database/case/components/form.vue
View File

@@ -1,22 +1,56 @@
<template>
<el-dialog draggable class="cn-operate-dialog" v-model="dialogVisible" :title="title" width="700px">
<el-dialog draggable class="cn-operate-dialog" v-model="dialogVisible" :title="title" width="1200px">
<el-scrollbar>
<el-form :inline="false" :model="form" label-width="auto" :rules="rules" ref="formRef">
<el-form-item label="算法名称">
<el-input v-model="form.name" placeholder="请输入算法名称" />
<el-form :inline="false" :model="form" class="form-two" label-width="auto" :rules="rules" ref="formRef">
<el-form-item label="事件名称">
<el-input v-model="form.name" placeholder="请输入事件名称" />
</el-form-item>
<el-form-item label="定义">
<el-input v-model="form.code" placeholder="请输入定义" />
<el-form-item label="发生事件">
<el-input v-model="form.code" placeholder="请输入发生事件" />
</el-form-item>
<el-form-item label="计算公式">
<el-input v-model="form.remark" :rows="2" type="textarea" placeholder="请输入计算公式" />
<el-form-item label="发生地点">
<el-input v-model="form.remark" placeholder="请输入发生地点" />
</el-form-item>
<el-form-item label="计算周期">
<el-input v-model="form.code" placeholder="请输入计算周期" />
<el-form-item label="事件简介">
<el-input
v-model="form.code"
placeholder="请输入事件简介"
:autosize="{ minRows: 2, maxRows: 4 }"
type="textarea"
/>
</el-form-item>
<el-form-item label="数据来源">
<el-input v-model="form.code" placeholder="请输入数据来源" />
<el-form-item label="事件经过">
<el-input
v-model="form.code"
placeholder="请输入事件经过"
:autosize="{ minRows: 2, maxRows: 4 }"
type="textarea"
/>
</el-form-item>
<el-form-item label="处理措施">
<el-input
v-model="form.code"
placeholder="请输入处理措施"
:autosize="{ minRows: 2, maxRows: 4 }"
type="textarea"
/>
</el-form-item>
<el-form-item label="治理效果">
<el-input
v-model="form.code"
placeholder="请输入治理效果"
:autosize="{ minRows: 2, maxRows: 4 }"
type="textarea"
/>
</el-form-item>
<el-form-item label="附件">
<el-upload v-model:file-list="fileList" action="" multiple :limit="3" :on-exceed="handleExceed">
<el-button type="primary">Click to upload</el-button>
<template #tip>
<div class="el-upload__tip">jpg/png files with a size less than 500KB.</div>
</template>
</el-upload>
</el-form-item>
</el-form>
</el-scrollbar>
@@ -38,6 +72,7 @@ const dialogVisible = ref(false)
const title = ref('')
const tableStore = inject('tableStore') as TableStore
const formRef = ref()
const fileList = ref([])
// 注意不要和表单ref的命名冲突
const form = reactive<anyObj>({
code: '',
@@ -50,6 +85,8 @@ const rules = {
code: [{ required: true, message: '角色编码不能为空', trigger: 'blur' }]
}
const handleExceed = (files: any, uploadFiles: any) => {}
const open = (text: string, data?: anyObj) => {
title.value = text
dialogVisible.value = true

4
src/views/pqs/database/case/index.vue
View File

@@ -1,6 +1,6 @@
<template>
<!-- 案例库 -->
<div class="default-main">
<!-- 案例库 -->
<TableHeader ref="TableHeaderRef" datePicker>
<template #operation>
<el-button icon="el-icon-Plus" type="primary" @click="addUser">新增</el-button>
@@ -73,7 +73,7 @@ const tableStore = new TableStore({
// 弹框
const addUser = () => {
popupEditRef.value.open('新增算法')
popupEditRef.value.open('新增案例')
}
provide('tableStore', tableStore)

92
src/views/pqs/database/standard/index.vue
View File

@@ -1,11 +1,89 @@
<template>
<div> 标准</div>
<div class="default-main" :style="height">
<!-- 标准库 -->
<splitpanes style="height: 100%" class="default-theme" id="navigation-splitpanes">
<pane :size="size">
<standardTree
:default-expand-all="false"
:default-expanded-keys="monitoringPoint.state.lineId ? [monitoringPoint.state.lineId] : []"
:current-node-key="monitoringPoint.state.lineId"
@node-click="handleNodeClick"
@init="handleNodeClick"
></standardTree>
</pane>
<pane style="background: #fff" :style="height">
<div class="pd10" style="display: flex; justify-content: end">
<el-button icon="el-icon-Plus" type="primary">新增</el-button>
<el-button icon="el-icon-Edit" type="primary">修改</el-button>
<el-button icon="el-icon-Delete" type="primary">删除</el-button>
</div>
<div :style="`height: calc(${height.height} - 60px) `"></div>
</pane>
</splitpanes>
</div>
</template>
<script setup lang='ts'>
import { ref, reactive } from 'vue'
</script>
<style lang="scss" scoped>
<script setup lang="ts">
import { onMounted, ref, provide } from 'vue'
import 'splitpanes/dist/splitpanes.css'
import { Splitpanes, Pane } from 'splitpanes'
import standardTree from '@/components/tree/pqs/standardTree.vue'
import { mainHeight } from '@/utils/layout'
import { getLineExport, getList, selectReleation } from '@/api/event-boot/report'
import { useMonitoringPoint } from '@/stores/monitoringPoint'
import { ElMessage } from 'element-plus'
defineOptions({
name: 'database/standard'
})
const monitoringPoint = useMonitoringPoint()
const height = mainHeight(20)
const size = ref(0)
const TableHeaderRef = ref()
const dotList: any = ref({
name: monitoringPoint.state.lineName.split('>')[3],
id: monitoringPoint.state.lineId,
level: 6
})
onMounted(() => {
const dom = document.getElementById('navigation-splitpanes')
if (dom) {
size.value = Math.round((180 / dom.offsetHeight) * 100)
}
})
const handleNodeClick = (data: any, node: any) => {
dotList.value = data
}
</script>
<style lang="scss">
.splitpanes.default-theme .splitpanes__pane {
background: #eaeef1;
}
.grid-content {
text-align: center;
}
.divBox {
width: 250px;
height: 31px;
margin: auto;
line-height: 32px;
border: 1px solid #c9c9c9;
&:hover {
border: 1px solid #002255;
}
}
.box {
padding: 10px;
// margin-top: 10px;
overflow-y: auto;
font-size: 15px;
}
.el-divider--horizontal {
margin: 10px 0;
}
.mTop {
margin-top: 5px;
margin-bottom: 5px;
}
</style>

121
src/views/pqs/database/stencil/components/form.vue Normal file
View File

@@ -0,0 +1,121 @@
<template>
<el-dialog draggable class="cn-operate-dialog" v-model="dialogVisible" :title="title" width="1200px">
<el-scrollbar>
<el-form :inline="false" :model="form" class="form-two" label-width="auto" :rules="rules" ref="formRef">
<el-form-item label="事件名称">
<el-input v-model="form.name" placeholder="请输入事件名称" />
</el-form-item>
<el-form-item label="发生事件">
<el-input v-model="form.code" placeholder="请输入发生事件" />
</el-form-item>
<el-form-item label="发生地点">
<el-input v-model="form.remark" placeholder="请输入发生地点" />
</el-form-item>
<el-form-item label="事件简介">
<el-input
v-model="form.code"
placeholder="请输入事件简介"
:autosize="{ minRows: 2, maxRows: 4 }"
type="textarea"
/>
</el-form-item>
<el-form-item label="事件经过">
<el-input
v-model="form.code"
placeholder="请输入事件经过"
:autosize="{ minRows: 2, maxRows: 4 }"
type="textarea"
/>
</el-form-item>
<el-form-item label="处理措施">
<el-input
v-model="form.code"
placeholder="请输入处理措施"
:autosize="{ minRows: 2, maxRows: 4 }"
type="textarea"
/>
</el-form-item>
<el-form-item label="治理效果">
<el-input
v-model="form.code"
placeholder="请输入治理效果"
:autosize="{ minRows: 2, maxRows: 4 }"
type="textarea"
/>
</el-form-item>
<el-form-item label="附件">
<el-upload v-model:file-list="fileList" action="" multiple :limit="3" :on-exceed="handleExceed">
<el-button type="primary">Click to upload</el-button>
<template #tip>
<div class="el-upload__tip">jpg/png files with a size less than 500KB.</div>
</template>
</el-upload>
</el-form-item>
</el-form>
</el-scrollbar>
<template #footer>
<span class="dialog-footer">
<el-button @click="dialogVisible = false">取消</el-button>
<el-button type="primary" @click="submit">确认</el-button>
</span>
</template>
</el-dialog>
</template>
<script lang="ts" setup>
import { ref, inject } from 'vue'
import { reactive } from 'vue'
import { ElMessage } from 'element-plus'
import TableStore from '@/utils/tableStore' // 若不是列表页面弹框可删除
const dialogVisible = ref(false)
const title = ref('')
const tableStore = inject('tableStore') as TableStore
const formRef = ref()
const fileList = ref([])
// 注意不要和表单ref的命名冲突
const form = reactive<anyObj>({
code: '',
name: '',
remark: '',
id: ''
})
const rules = {
name: [{ required: true, message: '角色名称不能为空', trigger: 'blur' }],
code: [{ required: true, message: '角色编码不能为空', trigger: 'blur' }]
}
const handleExceed = (files: any, uploadFiles: any) => {}
const open = (text: string, data?: anyObj) => {
title.value = text
dialogVisible.value = true
if (data) {
// 表单赋值
for (let key in form) {
form[key] = data[key]
}
} else {
// 在此处恢复默认表单
for (let key in form) {
form[key] = ''
}
}
}
const submit = () => {
formRef.value.validate(async (valid: boolean) => {
if (valid) {
if (form.id) {
// await update(form)
} else {
// await create(form)
}
ElMessage.success('保存成功')
tableStore.index()
dialogVisible.value = false
}
})
}
defineExpose({ open })
</script>

89
src/views/pqs/database/stencil/index.vue
View File

@@ -1,11 +1,84 @@
<template>
<div> 模版</div>
<div class="default-main">
<!-- 模版 -->
<TableHeader ref="TableHeaderRef" datePicker>
<template #operation>
<el-button icon="el-icon-Plus" type="primary" @click="addUser">新增</el-button>
</template>
<script setup lang='ts'>
import { ref, reactive } from 'vue'
</script>
<style lang="scss" scoped>
</TableHeader>
<Table ref="tableRef"></Table>
<!-- 弹框 -->
<PopupEdit ref="popupEditRef" />
</div>
</template>
<script setup lang="ts">
import { onMounted, ref, provide } from 'vue'
</style>
import TableStore from '@/utils/tableStore'
import TableHeader from '@/components/table/header/index.vue'
import Table from '@/components/table/index.vue'
import PopupEdit from './components/form.vue'
defineOptions({
name: 'database/case'
})
const popupEditRef = ref()
const TableHeaderRef = ref()
const tableStore = new TableStore({
url: '/user-boot/dept/deptTree',
method: 'POST',
column: [
{ title: '模版名称', field: 'name' },
{
title: '创建时间',
field: 'name1'
},
// {
// title: '发生地点',
// field: 'name2'
// },
// {
// title: '处理措施',
// field: 'name3'
// },
// {
// title: '治理效果',
// field: 'name4'
// }
],
loadCallback: () => {
tableStore.table.data = [
{
name: '测试名称',
name1: 'xxx',
name2: 'XXX',
name3: '1月',
name4: '单体系统',
name5: '1'
},
{
name: '测试名称',
name1: 'xxx',
name2: 'XXX',
name3: '1月',
name4: '单体系统',
name5: '0'
}
]
}
})
// 弹框
const addUser = () => {
popupEditRef.value.open('新增案例')
}
provide('tableStore', tableStore)
onMounted(() => {
tableStore.index()
})
</script>
<style lang="scss"></style>

6
src/views/pqs/supervise/harmonicSurvey/components/planAdd.vue
View File

@@ -173,9 +173,9 @@ const title = ref('')
const planAddition = ref(false)
const key: any = ref(0)
const dynamicProp = computed(() => {
return supvTypeOptionList.filter(item => item.id === form.value.supvType)[0]?.code == 'Technical_Super'
? ''
: 'substation'
// report_supervision
let code = supvTypeOptionList.filter(item => item.id === form.value.supvType)[0]?.code
return code == 'Technical_Super' ? '' : code == 'report_supervision' ? '' : 'substation'
})
const defaultProps = ref({