Merge branch 'master' of http://192.168.1.22:3000/frontend/admin-sjzx
This commit is contained in:
@@ -30,3 +30,10 @@ export function analyseWave(params:string) {
|
|||||||
method: 'get'
|
method: 'get'
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
// // 123
|
||||||
|
// export function queyDetailUser(params:string) {
|
||||||
|
// return createAxios({
|
||||||
|
// url: '/cs-harmonic-boot/event/analyseWave?eventId=' + params,
|
||||||
|
// method: 'get'
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
|||||||
@@ -54,3 +54,10 @@ export function getGeneralSituation(data:any) {
|
|||||||
data
|
data
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
export function getTransientValue(data: any) {
|
||||||
|
return createAxios({
|
||||||
|
url: '/event-boot/transient/getTransientValue',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|||||||
@@ -77,7 +77,8 @@ const initChart = () => {
|
|||||||
left: '10px',
|
left: '10px',
|
||||||
right: '60px',
|
right: '60px',
|
||||||
bottom: props.options.options?.dataZoom === null ? '10px' : '40px',
|
bottom: props.options.options?.dataZoom === null ? '10px' : '40px',
|
||||||
containLabel: true
|
containLabel: true,
|
||||||
|
...(props.options.grid || null)
|
||||||
},
|
},
|
||||||
xAxis: props.options.xAxis ? handlerXAxis() : null,
|
xAxis: props.options.xAxis ? handlerXAxis() : null,
|
||||||
yAxis: props.options.yAxis ? handlerYAxis() : null,
|
yAxis: props.options.yAxis ? handlerYAxis() : null,
|
||||||
|
|||||||
140
src/components/echarts/waveForm.vue
Normal file
140
src/components/echarts/waveForm.vue
Normal file
@@ -0,0 +1,140 @@
|
|||||||
|
<template>
|
||||||
|
<div v-if="view2">
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="12">
|
||||||
|
<span v-if="view2" style="font-size: 14px; font-weight: ; line-height: 30px">值类型选择:</span>
|
||||||
|
<el-select
|
||||||
|
v-if="view2"
|
||||||
|
style="min-width: 200px; width: 200px"
|
||||||
|
@change="changeView"
|
||||||
|
v-model="value"
|
||||||
|
placeholder="请选择值类型"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item in options"
|
||||||
|
:key="item.value"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value"
|
||||||
|
></el-option>
|
||||||
|
</el-select>
|
||||||
|
<el-button v-if="view2 && senior" class="ml10" type="primary" @click="AdvancedAnalytics">高级分析</el-button>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-button
|
||||||
|
v-if="view2"
|
||||||
|
@click="backbxlb"
|
||||||
|
type="primary"
|
||||||
|
class="el-icon-refresh-right"
|
||||||
|
icon="el-icon-CloseBold"
|
||||||
|
style="float: right"
|
||||||
|
>
|
||||||
|
返回
|
||||||
|
</el-button>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-tabs v-if="view2" class="default-main" v-model="bxactiveName" @tab-click="bxhandleClick">
|
||||||
|
<el-tab-pane
|
||||||
|
label="瞬时波形"
|
||||||
|
name="ssbx"
|
||||||
|
class="boxbx pt10 pb10"
|
||||||
|
:style="'height:' + bxecharts + ';overflow-y: scroll;'"
|
||||||
|
>
|
||||||
|
<shushiboxi
|
||||||
|
v-if="bxactiveName == 'ssbx' && showBoxi"
|
||||||
|
:value="value"
|
||||||
|
:boxoList="props.boxoList"
|
||||||
|
:wp="props.wp"
|
||||||
|
></shushiboxi>
|
||||||
|
</el-tab-pane>
|
||||||
|
<el-tab-pane
|
||||||
|
label="RMS波形"
|
||||||
|
class="boxbx pt10 pb10"
|
||||||
|
name="rmsbx"
|
||||||
|
:style="'height:' + bxecharts + ';overflow-y: scroll;'"
|
||||||
|
>
|
||||||
|
<rmsboxi
|
||||||
|
v-if="bxactiveName == 'rmsbx' && showBoxi"
|
||||||
|
:value="value"
|
||||||
|
:boxoList="props.boxoList"
|
||||||
|
:wp="props.wp"
|
||||||
|
></rmsboxi>
|
||||||
|
</el-tab-pane>
|
||||||
|
</el-tabs>
|
||||||
|
</div>
|
||||||
|
<div v-if="view3" class="pd10">
|
||||||
|
<span style="font-weight: 500; font-size: 22px">高级分析</span>
|
||||||
|
<el-button type="primary" @click="gaoBack" style="float: right">返回</el-button>
|
||||||
|
<analytics :flag="true" :GJList="GJList" :boxoList="boxoList"></analytics>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script setup lang="ts">
|
||||||
|
import shushiboxi from '@/components/echarts/shushiboxi.vue'
|
||||||
|
import rmsboxi from '@/components/echarts/rmsboxi.vue'
|
||||||
|
import analytics from '@/components/echarts/analytics.vue'
|
||||||
|
import { ref, reactive } from 'vue'
|
||||||
|
import { analysis } from '@/api/advance-boot/analyse'
|
||||||
|
import { mainHeight } from '@/utils/layout'
|
||||||
|
|
||||||
|
const emit = defineEmits(['backbxlb'])
|
||||||
|
interface Props {
|
||||||
|
boxoList: any
|
||||||
|
wp: any,
|
||||||
|
senior?:boolean
|
||||||
|
}
|
||||||
|
|
||||||
|
const props = withDefaults(defineProps<Props>(), {
|
||||||
|
senior:false
|
||||||
|
})
|
||||||
|
|
||||||
|
const bxactiveName = ref('ssbx')
|
||||||
|
const value = ref(1)
|
||||||
|
const options = ref([
|
||||||
|
{
|
||||||
|
value: 1,
|
||||||
|
label: '一次值'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 2,
|
||||||
|
label: '二次值'
|
||||||
|
}
|
||||||
|
])
|
||||||
|
const bxecharts = mainHeight(95).height as any
|
||||||
|
const view2 = ref(true)
|
||||||
|
const showBoxi = ref(true)
|
||||||
|
const view3 = ref(false)
|
||||||
|
const GJList = ref([])
|
||||||
|
|
||||||
|
const bxhandleClick = (tab: any) => {
|
||||||
|
if (tab.name == 'ssbx') {
|
||||||
|
bxactiveName.value = 'ssbx'
|
||||||
|
} else if (tab.name == 'rmsbx') {
|
||||||
|
bxactiveName.value = 'rmsbx'
|
||||||
|
}
|
||||||
|
// console.log(tab, event);
|
||||||
|
}
|
||||||
|
const backbxlb = () => {
|
||||||
|
emit('backbxlb')
|
||||||
|
}
|
||||||
|
// 高级分析
|
||||||
|
const AdvancedAnalytics = () => {
|
||||||
|
analysis({
|
||||||
|
eventIndex: props.boxoList.eventId
|
||||||
|
}).then(res => {
|
||||||
|
GJList.value = res.data
|
||||||
|
view3.value = true
|
||||||
|
view2.value = false
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const changeView = () => {
|
||||||
|
showBoxi.value = false
|
||||||
|
setTimeout(() => {
|
||||||
|
showBoxi.value = true
|
||||||
|
}, 0)
|
||||||
|
}
|
||||||
|
const gaoBack = () => {
|
||||||
|
view2.value = true
|
||||||
|
view3.value = false
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style lang="scss" scoped></style>
|
||||||
@@ -86,8 +86,15 @@ const timeChange = (e: number) => {
|
|||||||
disabledPicker.value = true
|
disabledPicker.value = true
|
||||||
timeValue.value = [setTime(3), setTime()]
|
timeValue.value = [setTime(3), setTime()]
|
||||||
} else if (e == 4) {
|
} else if (e == 4) {
|
||||||
|
let year = parseInt(setTime().substring(0, 4))
|
||||||
|
let month = parseInt(setTime().substring(5, 7))
|
||||||
|
let date = parseInt(setTime().substring(8, 10))
|
||||||
|
|
||||||
|
var start = new Date(year, month - 1, date)
|
||||||
|
var dayOfWeek = start.getDay() == 0 ? 7 : start.getDay() - 1 // 如果为周日,则置为7天
|
||||||
|
|
||||||
disabledPicker.value = true
|
disabledPicker.value = true
|
||||||
timeValue.value = [setTime(0, 7), setTime()]
|
timeValue.value = [setTime(0, dayOfWeek), setTime(0, -6 + dayOfWeek)]
|
||||||
} else if (e == 5) {
|
} else if (e == 5) {
|
||||||
disabledPicker.value = false
|
disabledPicker.value = false
|
||||||
backDisabled.value = true
|
backDisabled.value = true
|
||||||
@@ -133,6 +140,7 @@ const preClick = () => {
|
|||||||
//按周
|
//按周
|
||||||
} else if (interval.value == 4) {
|
} else if (interval.value == 4) {
|
||||||
//根据开始时间推
|
//根据开始时间推
|
||||||
|
|
||||||
let start = new Date(year, month - 1, date)
|
let start = new Date(year, month - 1, date)
|
||||||
start.setDate(start.getDate() - 7)
|
start.setDate(start.getDate() - 7)
|
||||||
startTime = formatTime(start)
|
startTime = formatTime(start)
|
||||||
@@ -385,8 +393,9 @@ const next = () => {
|
|||||||
|
|
||||||
const setTime = (flag = 0, e = 0) => {
|
const setTime = (flag = 0, e = 0) => {
|
||||||
let dd = window.XEUtils.toDateString(new Date().getTime() - e * 3600 * 1000 * 24, 'dd')
|
let dd = window.XEUtils.toDateString(new Date().getTime() - e * 3600 * 1000 * 24, 'dd')
|
||||||
|
|
||||||
let data = ''
|
let data = ''
|
||||||
if (dd < 4) {
|
if (dd < 4 && dd == 0) {
|
||||||
data = window.XEUtils.toDateString(new Date().getTime() - (e + dd) * 3600 * 1000 * 24, 'yyyy-MM-dd')
|
data = window.XEUtils.toDateString(new Date().getTime() - (e + dd) * 3600 * 1000 * 24, 'yyyy-MM-dd')
|
||||||
} else {
|
} else {
|
||||||
data = window.XEUtils.toDateString(new Date().getTime() - e * 3600 * 1000 * 24, 'yyyy-MM-dd')
|
data = window.XEUtils.toDateString(new Date().getTime() - e * 3600 * 1000 * 24, 'yyyy-MM-dd')
|
||||||
@@ -450,6 +459,10 @@ const NowgetEndTime = () => {
|
|||||||
const setTimeOptions = (list: any) => {
|
const setTimeOptions = (list: any) => {
|
||||||
timeOptions.value = list
|
timeOptions.value = list
|
||||||
}
|
}
|
||||||
|
const setInterval = (value: any) => {
|
||||||
|
interval.value = value
|
||||||
|
timeChange(value)
|
||||||
|
}
|
||||||
|
|
||||||
// 获取时间范围的同比
|
// 获取时间范围的同比
|
||||||
function getYearOnYear(startDate: string, endDate: string): [string, string] {
|
function getYearOnYear(startDate: string, endDate: string): [string, string] {
|
||||||
@@ -483,7 +496,7 @@ function formatDate(date: Date): string {
|
|||||||
const day = String(date.getDate()).padStart(2, '0')
|
const day = String(date.getDate()).padStart(2, '0')
|
||||||
return `${year}-${month}-${day}`
|
return `${year}-${month}-${day}`
|
||||||
}
|
}
|
||||||
defineExpose({ timeValue, interval, timeFlag, setTimeOptions, getYearOnYear, getMonthOnMonth })
|
defineExpose({ timeValue, interval, timeFlag, setTimeOptions, setInterval, getYearOnYear, getMonthOnMonth })
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
|||||||
@@ -127,7 +127,7 @@
|
|||||||
:key="item.text"
|
:key="item.text"
|
||||||
:command="item"
|
:command="item"
|
||||||
:style="{
|
:style="{
|
||||||
color: item.type === 'primary' ? 'var(--el-color-primary)' : 'var(--el-color-danger'
|
color: item.type === 'primary' ? 'var(--el-color-primary)' : 'var(--el-color-danger)'
|
||||||
}"
|
}"
|
||||||
>
|
>
|
||||||
{{ item.text }}
|
{{ item.text }}
|
||||||
|
|||||||
@@ -158,8 +158,11 @@ const onResetForm = () => {
|
|||||||
const setDatePicker = (list: any) => {
|
const setDatePicker = (list: any) => {
|
||||||
datePickerRef.value.setTimeOptions(list)
|
datePickerRef.value.setTimeOptions(list)
|
||||||
}
|
}
|
||||||
|
const setInterval = (val: any) => {
|
||||||
|
datePickerRef.value.setInterval(val)
|
||||||
|
}
|
||||||
|
|
||||||
defineExpose({ onComSearch, areaRef, setDatePicker ,datePickerRef})
|
defineExpose({ onComSearch, areaRef, setDatePicker ,setInterval,datePickerRef})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
|
|||||||
@@ -55,6 +55,10 @@ function createAxios<Data = any, T = ApiPromise<Data>>(
|
|||||||
// 请求拦截
|
// 请求拦截
|
||||||
Axios.interceptors.request.use(
|
Axios.interceptors.request.use(
|
||||||
config => {
|
config => {
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// 取消重复请求
|
||||||
removePending(config)
|
removePending(config)
|
||||||
options.CancelDuplicateRequest && addPending(config)
|
options.CancelDuplicateRequest && addPending(config)
|
||||||
// 创建loading实例
|
// 创建loading实例
|
||||||
@@ -73,7 +77,10 @@ function createAxios<Data = any, T = ApiPromise<Data>>(
|
|||||||
config.headers.Authorization = 'Basic bmpjbnRlc3Q6bmpjbnBxcw=='
|
config.headers.Authorization = 'Basic bmpjbnRlc3Q6bmpjbnBxcw=='
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
if(config.url?.substring(0, 4)=='/hzj'){
|
||||||
|
config.url=config.url?.slice(4)
|
||||||
|
config.baseURL='/hzj'
|
||||||
|
}
|
||||||
return config
|
return config
|
||||||
},
|
},
|
||||||
error => {
|
error => {
|
||||||
|
|||||||
@@ -27,7 +27,7 @@
|
|||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="用户类型" prop="casualUser">
|
<el-form-item label="用户类型" prop="casualUser">
|
||||||
<el-select v-model="form.casualUser" placeholder="请选择权限类型">
|
<el-select v-model="form.casualUser" placeholder="请选择用户类型类型">
|
||||||
<el-option
|
<el-option
|
||||||
v-for="(item, index) in TypeOptions"
|
v-for="(item, index) in TypeOptions"
|
||||||
:label="item.label"
|
:label="item.label"
|
||||||
|
|||||||
199
src/views/pqs/bearingCapacity/evaluationList/charge.vue
Normal file
199
src/views/pqs/bearingCapacity/evaluationList/charge.vue
Normal file
@@ -0,0 +1,199 @@
|
|||||||
|
<template>
|
||||||
|
<el-row :gutter="30" class="mb20">
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-card >
|
||||||
|
<template #header>
|
||||||
|
<div class="card-header">
|
||||||
|
<span>公共连接点参数</span>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<div :style="`height: calc(${height} / 2 - 117px);overflow-y: auto`">
|
||||||
|
<el-form :model="form" label-width="auto" style="max-width: 500px; margin: auto">
|
||||||
|
<el-form-item label="变压器接线方式">
|
||||||
|
<el-input v-model="form.name" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="电压等级">
|
||||||
|
<el-select v-model="form.level" clearable collapse-tags placeholder="请选择电压等级">
|
||||||
|
<el-option v-for="item in levelList" :key="item.id" :label="item.name" :value="item.id" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="供电设备容量(MVA)">
|
||||||
|
<el-input v-model="form.name" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="最小短路容量(MVA)">
|
||||||
|
<el-input v-model="form.name" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="16">
|
||||||
|
<el-card>
|
||||||
|
<template #header>
|
||||||
|
<div class="card-header">
|
||||||
|
<span>干扰源用户</span>
|
||||||
|
<el-button type="primary" size="default" icon="el-icon-Plus">新增</el-button>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<div :style="`height: calc(${height} / 2 - 128px);overflow-y: auto`">
|
||||||
|
<vxe-table v-bind="defaultAttribute" height="auto" ref="xTable" :data="tableData">
|
||||||
|
<vxe-column field="name" title="预评估用户"></vxe-column>
|
||||||
|
<vxe-column field="role" title="用户协议容量(MVA)"></vxe-column>
|
||||||
|
<vxe-column field="num6" title="操作" width="120">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<el-button type="danger" link>删除</el-button>
|
||||||
|
</template>
|
||||||
|
</vxe-column>
|
||||||
|
</vxe-table>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<div class="bottomBox">
|
||||||
|
<div style="height: 70px">一级评估:0.02% < 0.1% 满足</div>
|
||||||
|
<div style="height: 20px" class="mb10">二级评估:</div>
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="16" :style="`height: calc(${height} / 2 - 100px)`">
|
||||||
|
<vxe-table style="flex: 1.5" v-bind="defaultAttribute" height="auto" ref="xTable" :data="tableData">
|
||||||
|
<vxe-column field="name" title="等级"></vxe-column>
|
||||||
|
<vxe-column field="role" title="安全"></vxe-column>
|
||||||
|
<vxe-column field="num6" title="III级预警"></vxe-column>
|
||||||
|
<vxe-column field="date12" title="II级预警"></vxe-column>
|
||||||
|
<vxe-column field="date13" title="I级预警"></vxe-column>
|
||||||
|
</vxe-table>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8" :style="`height: calc(${height} / 2 - 100px)`">
|
||||||
|
<MyEChart style="flex: 1" :options="pieCharts" />
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-button type="primary" icon="el-icon-Document" @click="assess">承载能力评估</el-button>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { ref, reactive } from 'vue'
|
||||||
|
import { defaultAttribute } from '@/components/table/defaultAttribute'
|
||||||
|
import MyEChart from '@/components/echarts/MyEchart.vue'
|
||||||
|
import { useDictData } from '@/stores/dictData'
|
||||||
|
import { mainHeight } from '@/utils/layout'
|
||||||
|
const dictData = useDictData()
|
||||||
|
const height = mainHeight(80).height
|
||||||
|
const levelList = dictData.getBasicData('Dev_Voltage_Stand')
|
||||||
|
const tableData = ref([
|
||||||
|
{
|
||||||
|
id: 10001,
|
||||||
|
name: '配变首端电压',
|
||||||
|
role: '/',
|
||||||
|
num6: '/',
|
||||||
|
date12: '/',
|
||||||
|
date13: '/'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 10002,
|
||||||
|
name: '配变功率因素',
|
||||||
|
role: '/',
|
||||||
|
num6: '/',
|
||||||
|
date12: '/',
|
||||||
|
date13: '/'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 10003,
|
||||||
|
name: '等效负载率最小值',
|
||||||
|
role: '/',
|
||||||
|
date12: '/',
|
||||||
|
num6: '/',
|
||||||
|
date13: '/'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 10004,
|
||||||
|
name: '各次谐波电流幅值',
|
||||||
|
role: '/',
|
||||||
|
date12: '/',
|
||||||
|
num6: '/',
|
||||||
|
date13: '/'
|
||||||
|
}
|
||||||
|
])
|
||||||
|
const form: any = ref({})
|
||||||
|
const pieCharts = ref({})
|
||||||
|
// 承载能力评估
|
||||||
|
const assess = () => {
|
||||||
|
pieCharts.value = {
|
||||||
|
title: {
|
||||||
|
text: '承载能力评估结果',
|
||||||
|
x: 'center',
|
||||||
|
top: `30px`,
|
||||||
|
textStyle: {
|
||||||
|
fontWeight: 'normal'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
legend: {
|
||||||
|
type: 'scroll',
|
||||||
|
orient: 'vertical',
|
||||||
|
left: 10,
|
||||||
|
top: '10%',
|
||||||
|
tooltip: {
|
||||||
|
show: true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
xAxis: {
|
||||||
|
show: false
|
||||||
|
},
|
||||||
|
yAxis: {
|
||||||
|
show: false
|
||||||
|
},
|
||||||
|
color: ['#77DA63', '#00BFF5', '#FFBF00', '#Ff6600'],
|
||||||
|
dataZoom: { show: false },
|
||||||
|
series: [
|
||||||
|
{
|
||||||
|
type: 'pie',
|
||||||
|
center: ['50%', '50%'],
|
||||||
|
radius: ['35%', '48%'],
|
||||||
|
selectedOffset: 30,
|
||||||
|
clockwise: true,
|
||||||
|
label: {
|
||||||
|
formatter: '{b}:{c}'
|
||||||
|
},
|
||||||
|
labelLine: {
|
||||||
|
length: 1,
|
||||||
|
length2: 20
|
||||||
|
},
|
||||||
|
|
||||||
|
data: [
|
||||||
|
{
|
||||||
|
name: '安全',
|
||||||
|
value: 1
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'III级',
|
||||||
|
value: 3
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'II级',
|
||||||
|
value: 3
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'I级',
|
||||||
|
value: 2
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.bottomBox {
|
||||||
|
position: relative;
|
||||||
|
.el-button {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.card-header {
|
||||||
|
font-weight: 600;
|
||||||
|
display: FLEX;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
225
src/views/pqs/bearingCapacity/evaluationList/index.vue
Normal file
225
src/views/pqs/bearingCapacity/evaluationList/index.vue
Normal file
@@ -0,0 +1,225 @@
|
|||||||
|
<template>
|
||||||
|
<div class="default-main">
|
||||||
|
<div v-show="addedShow">
|
||||||
|
<TableHeader datePicker ref="TableHeaderRef">
|
||||||
|
<template #select>
|
||||||
|
<el-form-item label="用户类型">
|
||||||
|
<el-select v-model="tableStore.table.params.searchValue" placeholder="请选择用户类型">
|
||||||
|
<el-option
|
||||||
|
v-for="item in userTypeList"
|
||||||
|
:key="item.id"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.id"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</template>
|
||||||
|
<template #operation>
|
||||||
|
<el-button icon="el-icon-Setting" type="primary" @click="configuration">承载能力评估策略</el-button>
|
||||||
|
<el-button icon="el-icon-Plus" type="primary" @click="addedShow = false">
|
||||||
|
新增承载能力评估
|
||||||
|
</el-button>
|
||||||
|
</template>
|
||||||
|
</TableHeader>
|
||||||
|
<Table ref="tableRef" />
|
||||||
|
<el-dialog v-model="view" :title="title" width="600" :before-close="handleClose">
|
||||||
|
<el-form ref="ruleFormRef" :model="form" label-width="auto" :disabled="disabled" :rules="rules">
|
||||||
|
<el-form-item label="用户名称:" prop="name">
|
||||||
|
<el-input v-model="form.name" clearable placeholder="请输入用户名称" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="用户类型:" prop="userType">
|
||||||
|
<el-select v-model="form.userType" clearable collapse-tagsplaceholder="请选择用户类型">
|
||||||
|
<el-option v-for="item in uesrList" :key="item.id" :label="item.name" :value="item.id" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="电压等级:" prop="level">
|
||||||
|
<el-select v-model="form.level" clearable collapse-tags placeholder="请选择电压等级">
|
||||||
|
<el-option v-for="item in levelList" :key="item.id" :label="item.name" :value="item.id" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="用户协议容量(MVA):" prop="mav1">
|
||||||
|
<el-input v-model="form.mav1" clearable placeholder="请输入用户协议容量" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="拟接入容量(MVA):" prop="mav2">
|
||||||
|
<el-input v-model="form.mav2" clearable placeholder="请输入拟接入容量" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="区域">
|
||||||
|
<Area v-model="form.deptIndex" style="width: 100%" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="详细地址:" prop="detailed">
|
||||||
|
<el-input
|
||||||
|
clearable
|
||||||
|
v-model="form.detailed"
|
||||||
|
:autosize="{ minRows: 2, maxRows: 4 }"
|
||||||
|
type="textarea"
|
||||||
|
placeholder="请输入详细地址"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</el-dialog>
|
||||||
|
<policy v-if="policyView" @View="policyView = false" />
|
||||||
|
</div>
|
||||||
|
<!-- <Added v-if="!addedShow" @quit="addedShow = true" /> -->
|
||||||
|
<div v-if="!addedShow" style="position: relative">
|
||||||
|
<el-tabs v-model="activeName" type="border-card" :style="{ height: height }">
|
||||||
|
<el-tab-pane label="光伏电站承载能力评估" name="1"><photovoltaic /></el-tab-pane>
|
||||||
|
<el-tab-pane label="充电站、电加热负荷、电气化铁路承载能力评估" name="2">
|
||||||
|
<charge />
|
||||||
|
</el-tab-pane>
|
||||||
|
</el-tabs>
|
||||||
|
<el-button class="quit" icon="el-icon-Close" type="primary" @click="addedShow = true">返回</el-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { ref, onMounted, provide, reactive } from 'vue'
|
||||||
|
import TableStore from '@/utils/tableStore'
|
||||||
|
import Table from '@/components/table/index.vue'
|
||||||
|
import TableHeader from '@/components/table/header/index.vue'
|
||||||
|
import Area from '@/components/form/area/index.vue'
|
||||||
|
import { ElMessage, ElMessageBox } from 'element-plus'
|
||||||
|
import policy from './policy.vue'
|
||||||
|
import photovoltaic from './photovoltaic.vue'
|
||||||
|
import charge from './charge.vue'
|
||||||
|
|
||||||
|
import { mainHeight } from '@/utils/layout'
|
||||||
|
import { useDictData } from '@/stores/dictData'
|
||||||
|
defineOptions({
|
||||||
|
name: 'estimate/evaluationList'
|
||||||
|
})
|
||||||
|
const height = mainHeight(20).height
|
||||||
|
const dictData = useDictData()
|
||||||
|
const levelList = dictData.getBasicData('Dev_Voltage_Stand')
|
||||||
|
const uesrList = dictData.getBasicData('Interference_Source')
|
||||||
|
const view = ref(false)
|
||||||
|
const activeName = ref('1')
|
||||||
|
const disabled = ref(false)
|
||||||
|
const policyView = ref(false)
|
||||||
|
const addedShow = ref(true)
|
||||||
|
const TableHeaderRef = ref()
|
||||||
|
const title = ref('')
|
||||||
|
const userTypeList: any = ref([])
|
||||||
|
|
||||||
|
const form = ref({
|
||||||
|
name: '',
|
||||||
|
level: '',
|
||||||
|
deptIndex: dictData.state.area[0].id,
|
||||||
|
userType: '光伏电站',
|
||||||
|
type: '光伏电站',
|
||||||
|
mav1: '100',
|
||||||
|
mav2: '100',
|
||||||
|
user: 'Admin',
|
||||||
|
time: '2024-01-03',
|
||||||
|
detailed: '详细地址'
|
||||||
|
})
|
||||||
|
const rules = {
|
||||||
|
name: [{ required: true, message: '请输入用户名称', trigger: 'blur' }],
|
||||||
|
userType: [{ required: true, message: '请选择用户类型', trigger: 'change' }],
|
||||||
|
level: [{ required: true, message: '请选择电压等级', trigger: 'change' }],
|
||||||
|
mav1: [{ required: true, message: '请输入用户协议容量', trigger: 'blur' }],
|
||||||
|
mav2: [{ required: true, message: '请输入拟接入容量', trigger: 'blur' }],
|
||||||
|
detailed: [{ required: true, message: '请输入详细地址', trigger: 'blur' }]
|
||||||
|
}
|
||||||
|
|
||||||
|
const ruleFormRef = ref()
|
||||||
|
const tableStore = new TableStore({
|
||||||
|
url: '/advance-boot/process/querySagEventsPage',
|
||||||
|
method: 'POST',
|
||||||
|
column: [
|
||||||
|
{ width: '60', type: 'checkbox' },
|
||||||
|
|
||||||
|
{
|
||||||
|
field: 'index',
|
||||||
|
title: '序号',
|
||||||
|
width: '60',
|
||||||
|
formatter: (row: any) => {
|
||||||
|
return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{ field: 'name', title: '配变台区' },
|
||||||
|
{ field: 'type', title: '评估类型' },
|
||||||
|
|
||||||
|
{ field: 'Area', title: '预评估用户' },
|
||||||
|
{ field: 'level', title: '评估结果' },
|
||||||
|
{ field: 'mav1', title: '评估日期' },
|
||||||
|
|
||||||
|
{
|
||||||
|
title: '操作',
|
||||||
|
width: '180',
|
||||||
|
render: 'buttons',
|
||||||
|
buttons: [
|
||||||
|
{
|
||||||
|
name: 'edit',
|
||||||
|
title: '查看',
|
||||||
|
type: 'primary',
|
||||||
|
icon: 'el-icon-Plus',
|
||||||
|
render: 'basicButton',
|
||||||
|
click: row => {
|
||||||
|
if (ruleFormRef.value) ruleFormRef.value.resetFields()
|
||||||
|
|
||||||
|
disabled.value = true
|
||||||
|
title.value = '查看承载能力预评估用户'
|
||||||
|
form.value = JSON.parse(JSON.stringify(row))
|
||||||
|
view.value = true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'del',
|
||||||
|
text: '删除',
|
||||||
|
type: 'danger',
|
||||||
|
icon: 'el-icon-Delete',
|
||||||
|
render: 'confirmButton',
|
||||||
|
popconfirm: {
|
||||||
|
confirmButtonText: '确认',
|
||||||
|
cancelButtonText: '取消',
|
||||||
|
confirmButtonType: 'danger',
|
||||||
|
title: '确定删除?'
|
||||||
|
},
|
||||||
|
click: row => {}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
|
||||||
|
loadCallback: () => {
|
||||||
|
tableStore.table.data = [
|
||||||
|
{
|
||||||
|
name: '光伏电站用户1',
|
||||||
|
type: '光伏电站',
|
||||||
|
Area: '中国',
|
||||||
|
level: '220',
|
||||||
|
mav1: '100',
|
||||||
|
mav2: '100',
|
||||||
|
detailed: '详情',
|
||||||
|
user: 'Admin',
|
||||||
|
time: '2024-01-03'
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
})
|
||||||
|
tableStore.table.params.searchValue = ''
|
||||||
|
|
||||||
|
provide('tableStore', tableStore)
|
||||||
|
onMounted(() => {
|
||||||
|
TableHeaderRef.value.setDatePicker([{ label: '周', value: 4 }])
|
||||||
|
TableHeaderRef.value.setInterval(4)
|
||||||
|
tableStore.index()
|
||||||
|
})
|
||||||
|
// 配置
|
||||||
|
const configuration = () => {
|
||||||
|
policyView.value = true
|
||||||
|
}
|
||||||
|
|
||||||
|
// 取消
|
||||||
|
const handleClose = () => {
|
||||||
|
ruleFormRef.value.resetFields()
|
||||||
|
view.value = false
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.quit {
|
||||||
|
position: absolute;
|
||||||
|
top: 5px;
|
||||||
|
right: 10px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
311
src/views/pqs/bearingCapacity/evaluationList/photovoltaic.vue
Normal file
311
src/views/pqs/bearingCapacity/evaluationList/photovoltaic.vue
Normal file
@@ -0,0 +1,311 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<splitpanes :style="{ height: height }" class="default-theme" id="navigation-splitpanes">
|
||||||
|
<pane :size="size">
|
||||||
|
<PointTree
|
||||||
|
:default-expand-all="false"
|
||||||
|
:default-expanded-keys="monitoringPoint.state.lineId ? [monitoringPoint.state.lineId] : []"
|
||||||
|
:current-node-key="monitoringPoint.state.lineId"
|
||||||
|
@node-click="handleNodeClick"
|
||||||
|
@init="handleNodeClick"
|
||||||
|
></PointTree>
|
||||||
|
</pane>
|
||||||
|
<pane style="background: #fff">
|
||||||
|
<el-form :inline="true">
|
||||||
|
<el-form-item label="日期">
|
||||||
|
<DatePicker ref="datePickerRef"></DatePicker>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" icon="el-icon-Search" @click="onSubmit">查询</el-button>
|
||||||
|
<el-button type="primary" icon="el-icon-DocumentAdd">离线导入</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
<el-descriptions class="mb10" title="基础数据" :column="2" size="" border>
|
||||||
|
<el-descriptions-item label="电压等级" label-align="center" width="25%">12</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="额定容量" label-align="center" width="25%">12</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="待评估用户" label-align="center" width="25%">
|
||||||
|
<el-select
|
||||||
|
v-model="user"
|
||||||
|
placeholder="请选择待评估用户"
|
||||||
|
size="small"
|
||||||
|
clearable
|
||||||
|
filterable
|
||||||
|
style="width: 240px"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item in userList"
|
||||||
|
:key="item.value"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="拟接入光伏容量" label-align="center" width="25%">
|
||||||
|
12
|
||||||
|
</el-descriptions-item>
|
||||||
|
</el-descriptions>
|
||||||
|
<el-tabs v-model="activeName" class="mb10" :style="`height: calc(${tabsHeight} / 2)`">
|
||||||
|
<el-tab-pane label="有功功率" name="1" class="mt10">
|
||||||
|
<MyEChart :options="options" />
|
||||||
|
</el-tab-pane>
|
||||||
|
<el-tab-pane label="无功功率" name="2"></el-tab-pane>
|
||||||
|
<el-tab-pane label="谐波电流幅值" name="3"></el-tab-pane>
|
||||||
|
<el-tab-pane label="首端电压模型参数" name="4"></el-tab-pane>
|
||||||
|
</el-tabs>
|
||||||
|
<div class="bottomBox">
|
||||||
|
<el-row v-if="showAssess">
|
||||||
|
<el-col :span="16" :style="`height: calc(${tabsHeight} / 2)`">
|
||||||
|
<vxe-table
|
||||||
|
style="flex: 1.5"
|
||||||
|
v-bind="defaultAttribute"
|
||||||
|
height="auto"
|
||||||
|
ref="xTable"
|
||||||
|
:data="tableData"
|
||||||
|
>
|
||||||
|
<vxe-column field="name" title="等级"></vxe-column>
|
||||||
|
<vxe-column field="role" title="安全"></vxe-column>
|
||||||
|
<vxe-column field="num6" title="III级预警"></vxe-column>
|
||||||
|
<vxe-column field="date12" title="II级预警"></vxe-column>
|
||||||
|
<vxe-column field="date13" title="I级预警"></vxe-column>
|
||||||
|
</vxe-table>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8" :style="`height: calc(${tabsHeight} / 2)`">
|
||||||
|
<MyEChart style="flex: 1" :options="pieCharts" />
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-button type="primary" icon="el-icon-Document" @click="assess">承载能力评估</el-button>
|
||||||
|
</div>
|
||||||
|
</pane>
|
||||||
|
</splitpanes>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { onMounted, ref, provide } from 'vue'
|
||||||
|
import 'splitpanes/dist/splitpanes.css'
|
||||||
|
import { Splitpanes, Pane } from 'splitpanes'
|
||||||
|
import PointTree from '@/components/tree/pms/pointTree.vue'
|
||||||
|
import DatePicker from '@/components/form/datePicker/index.vue'
|
||||||
|
import { mainHeight } from '@/utils/layout'
|
||||||
|
import { text } from './text'
|
||||||
|
import MyEChart from '@/components/echarts/MyEchart.vue'
|
||||||
|
import { useMonitoringPoint } from '@/stores/monitoringPoint'
|
||||||
|
import { defaultAttribute } from '@/components/table/defaultAttribute'
|
||||||
|
import { ElMessage } from 'element-plus'
|
||||||
|
const monitoringPoint = useMonitoringPoint()
|
||||||
|
|
||||||
|
const size = ref(0)
|
||||||
|
const datePickerRef = ref()
|
||||||
|
const height = mainHeight(80).height
|
||||||
|
const tabsHeight = mainHeight(260).height
|
||||||
|
const tableData = ref([
|
||||||
|
{
|
||||||
|
id: 10001,
|
||||||
|
name: '配变首端电压',
|
||||||
|
role: '/',
|
||||||
|
num6: '/',
|
||||||
|
date12: '/',
|
||||||
|
date13: '/'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 10002,
|
||||||
|
name: '配变功率因素',
|
||||||
|
role: '/',
|
||||||
|
num6: '/',
|
||||||
|
date12: '/',
|
||||||
|
date13: '/'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 10003,
|
||||||
|
name: '等效负载率最小值',
|
||||||
|
role: '/',
|
||||||
|
date12: '/',
|
||||||
|
num6: '/',
|
||||||
|
date13: '/'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 10004,
|
||||||
|
name: '各次谐波电流幅值',
|
||||||
|
role: '/',
|
||||||
|
date12: '/',
|
||||||
|
num6: '/',
|
||||||
|
date13: '/'
|
||||||
|
}
|
||||||
|
])
|
||||||
|
const showAssess = ref(false)
|
||||||
|
const user = ref('')
|
||||||
|
const userList = [
|
||||||
|
{
|
||||||
|
value: 'Option1',
|
||||||
|
label: '光伏电站用户1'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 'Option2',
|
||||||
|
label: '光伏电站用户2'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 'Option3',
|
||||||
|
label: '光伏电站用户3'
|
||||||
|
}
|
||||||
|
]
|
||||||
|
const options = ref({})
|
||||||
|
const pieCharts = ref({})
|
||||||
|
const activeName = ref('1')
|
||||||
|
|
||||||
|
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((280 / dom.offsetHeight) * 100)
|
||||||
|
}
|
||||||
|
datePickerRef.value.setTimeOptions([{ label: '周', value: 4 }])
|
||||||
|
datePickerRef.value.setInterval(4)
|
||||||
|
})
|
||||||
|
|
||||||
|
// 查询
|
||||||
|
const onSubmit = () => {
|
||||||
|
console.log(text.data.data)
|
||||||
|
|
||||||
|
options.value = {
|
||||||
|
title: {
|
||||||
|
text: '在线率统计',
|
||||||
|
x: 'center',
|
||||||
|
textStyle: {
|
||||||
|
fontWeight: 'normal'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
xAxis: {
|
||||||
|
data: text.data.data.filter(item => item.phaseType == 'A').map(item => item.time),
|
||||||
|
// name: '时间',
|
||||||
|
onZero: false,
|
||||||
|
position: 'bottom' // 设置 x 轴在底部
|
||||||
|
},
|
||||||
|
yAxis: {
|
||||||
|
type: 'value',
|
||||||
|
max: Math.ceil(Math.max(...text.data.data.map(item => item.value))),
|
||||||
|
min: Math.floor(Math.min(...text.data.data.map(item => item.value)))
|
||||||
|
},
|
||||||
|
legend: {
|
||||||
|
data: ['A', 'B', 'C']
|
||||||
|
// selectedMode: false,
|
||||||
|
},
|
||||||
|
grid: {
|
||||||
|
left: '30px'
|
||||||
|
},
|
||||||
|
series: [
|
||||||
|
{
|
||||||
|
name: 'A',
|
||||||
|
type: 'line',
|
||||||
|
// smooth: true,
|
||||||
|
symbol: 'none',
|
||||||
|
data: text.data.data.filter(item => item.phaseType == 'A').map(item => item.value.toFixed(3))
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'B',
|
||||||
|
type: 'line',
|
||||||
|
// smooth: true,
|
||||||
|
symbol: 'none',
|
||||||
|
data: text.data.data.filter(item => item.phaseType == 'B').map(item => item.value.toFixed(3))
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'C',
|
||||||
|
type: 'line',
|
||||||
|
// smooth: true,
|
||||||
|
symbol: 'none',
|
||||||
|
data: text.data.data.filter(item => item.phaseType == 'C').map(item => item.value.toFixed(3))
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// 承载能力评估
|
||||||
|
const assess = () => {
|
||||||
|
pieCharts.value = {
|
||||||
|
title: {
|
||||||
|
text: '承载能力评估结果',
|
||||||
|
x: 'center',
|
||||||
|
top: `30px`,
|
||||||
|
textStyle: {
|
||||||
|
fontWeight: 'normal'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
legend: {
|
||||||
|
type: 'scroll',
|
||||||
|
orient: 'vertical',
|
||||||
|
left: 10,
|
||||||
|
top: '10%',
|
||||||
|
tooltip: {
|
||||||
|
show: true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
xAxis: {
|
||||||
|
show: false
|
||||||
|
},
|
||||||
|
yAxis: {
|
||||||
|
show: false
|
||||||
|
},
|
||||||
|
color: ['#77DA63', '#00BFF5', '#FFBF00', '#Ff6600'],
|
||||||
|
dataZoom: { show: false },
|
||||||
|
series: [
|
||||||
|
{
|
||||||
|
type: 'pie',
|
||||||
|
center: ['50%', '50%'],
|
||||||
|
radius: ['35%', '48%'],
|
||||||
|
selectedOffset: 30,
|
||||||
|
clockwise: true,
|
||||||
|
label: {
|
||||||
|
formatter: '{b}:{c}'
|
||||||
|
},
|
||||||
|
labelLine: {
|
||||||
|
length: 1,
|
||||||
|
length2: 20
|
||||||
|
},
|
||||||
|
|
||||||
|
data: [
|
||||||
|
{
|
||||||
|
name: '安全',
|
||||||
|
value: 1
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'III级',
|
||||||
|
value: 3
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'II级',
|
||||||
|
value: 3
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'I级',
|
||||||
|
value: 2
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
showAssess.value = true
|
||||||
|
}
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
.bottomBox {
|
||||||
|
position: relative;
|
||||||
|
.el-button {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
231
src/views/pqs/bearingCapacity/evaluationList/policy.vue
Normal file
231
src/views/pqs/bearingCapacity/evaluationList/policy.vue
Normal file
@@ -0,0 +1,231 @@
|
|||||||
|
<template>
|
||||||
|
<el-dialog v-model="policyView" title="承载能力评估策略" width="1400" :before-close="handleClose">
|
||||||
|
<div style="display: flex; justify-content:end">
|
||||||
|
<el-button icon="el-icon-Refresh" type="primary" >一键还原</el-button>
|
||||||
|
</div>
|
||||||
|
<el-divider content-position="left">光伏电站承载能力评估策略</el-divider>
|
||||||
|
<vxe-table
|
||||||
|
v-bind="defaultAttribute"
|
||||||
|
ref="xTable"
|
||||||
|
:column-config="{ resizable: true }"
|
||||||
|
:loading="loading"
|
||||||
|
:data="tableData"
|
||||||
|
:edit-config="{ trigger: 'manual', mode: 'row', autoClear: false, showIcon: false }"
|
||||||
|
>
|
||||||
|
<vxe-colgroup field="group0" title="等级" align="right">
|
||||||
|
<vxe-column field="name" width="180" title="结果" :edit-render="{}">
|
||||||
|
<template #edit="{ row }">
|
||||||
|
<vxe-input v-model="form.name" type="text"></vxe-input>
|
||||||
|
</template>
|
||||||
|
</vxe-column>
|
||||||
|
</vxe-colgroup>
|
||||||
|
|
||||||
|
<vxe-column field="role" title="安全(个)" :edit-render="{}">
|
||||||
|
<template #edit="{ row }">
|
||||||
|
<vxe-input v-model="form.role" type="text" placeholder="请输入昵称"></vxe-input>
|
||||||
|
</template>
|
||||||
|
</vxe-column>
|
||||||
|
|
||||||
|
<vxe-column field="num6" title="III级预警(个)" :edit-render="{}">
|
||||||
|
<template #edit="{ row }">
|
||||||
|
<vxe-input v-model="form.num6" type="text"></vxe-input>
|
||||||
|
</template>
|
||||||
|
</vxe-column>
|
||||||
|
<vxe-column field="date12" title="II级预警(个)" :edit-render="{}">
|
||||||
|
<template #edit="{ row }">
|
||||||
|
<vxe-input v-model="form.date12" type="text"></vxe-input>
|
||||||
|
</template>
|
||||||
|
</vxe-column>
|
||||||
|
<vxe-column field="date13" title="I级预警(个)" :edit-render="{}">
|
||||||
|
<template #edit="{ row }">
|
||||||
|
<vxe-input v-model="form.date13" type="text"></vxe-input>
|
||||||
|
</template>
|
||||||
|
</vxe-column>
|
||||||
|
|
||||||
|
<vxe-column title="操作" width="160">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<template v-if="isActiveStatus(row)">
|
||||||
|
<el-button type="primary" size="small" @click="saveRowEvent(row)" link>保存</el-button>
|
||||||
|
<el-button type="primary" size="small" @click="cancelRowEvent(row)" link>取消</el-button>
|
||||||
|
</template>
|
||||||
|
<template v-else>
|
||||||
|
<el-button size="small" @click="editRowEvent(row)" link>编辑</el-button>
|
||||||
|
</template>
|
||||||
|
</template>
|
||||||
|
</vxe-column>
|
||||||
|
</vxe-table>
|
||||||
|
<el-divider content-position="left">充电站、电加热负荷、电气化铁路承载能力评估</el-divider>
|
||||||
|
<vxe-table
|
||||||
|
v-bind="defaultAttribute"
|
||||||
|
ref="xTable"
|
||||||
|
:column-config="{ resizable: true }"
|
||||||
|
:loading="loading"
|
||||||
|
:data="tableData"
|
||||||
|
:edit-config="{ trigger: 'manual', mode: 'row', autoClear: false, showIcon: false }"
|
||||||
|
>
|
||||||
|
<vxe-colgroup field="group0" title="等级" align="right">
|
||||||
|
<vxe-column field="name" width="180" title="结果" :edit-render="{}">
|
||||||
|
<template #edit="{ row }">
|
||||||
|
<vxe-input v-model="form.name" type="text"></vxe-input>
|
||||||
|
</template>
|
||||||
|
</vxe-column>
|
||||||
|
</vxe-colgroup>
|
||||||
|
|
||||||
|
<vxe-column field="role" title="THD(%)" :edit-render="{}">
|
||||||
|
<template #edit="{ row }">
|
||||||
|
<vxe-input v-model="form.role" type="text" placeholder="请输入昵称"></vxe-input>
|
||||||
|
</template>
|
||||||
|
</vxe-column>
|
||||||
|
|
||||||
|
<vxe-column field="num6" title="2~25次谐波合格个数" :edit-render="{}">
|
||||||
|
<template #edit="{ row }">
|
||||||
|
<vxe-input v-model="form.num6" type="text"></vxe-input>
|
||||||
|
</template>
|
||||||
|
</vxe-column>
|
||||||
|
<vxe-column field="date12" title="畸次谐波合格个数" :edit-render="{}">
|
||||||
|
<template #edit="{ row }">
|
||||||
|
<vxe-input v-model="form.date12" type="text"></vxe-input>
|
||||||
|
</template>
|
||||||
|
</vxe-column>
|
||||||
|
<vxe-column field="date13" title="偶次谐波合格个数" :edit-render="{}">
|
||||||
|
<template #edit="{ row }">
|
||||||
|
<vxe-input v-model="form.date13" type="text"></vxe-input>
|
||||||
|
</template>
|
||||||
|
</vxe-column>
|
||||||
|
|
||||||
|
<vxe-column title="操作" width="160">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<template v-if="isActiveStatus(row)">
|
||||||
|
<el-button type="primary" size="small" @click="saveRowEvent(row)" link>保存</el-button>
|
||||||
|
<el-button type="primary" size="small" @click="cancelRowEvent(row)" link>取消</el-button>
|
||||||
|
</template>
|
||||||
|
<template v-else>
|
||||||
|
<el-button size="small" @click="editRowEvent(row)" link>编辑</el-button>
|
||||||
|
</template>
|
||||||
|
</template>
|
||||||
|
</vxe-column>
|
||||||
|
</vxe-table>
|
||||||
|
</el-dialog>
|
||||||
|
</template>
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { ref, onMounted, provide, reactive } from 'vue'
|
||||||
|
import { defaultAttribute } from '@/components/table/defaultAttribute'
|
||||||
|
import { mainHeight } from '@/utils/layout'
|
||||||
|
import { json } from 'stream/consumers'
|
||||||
|
defineOptions({
|
||||||
|
name: 'Advancedanalysis/eventcorrelation'
|
||||||
|
})
|
||||||
|
const emit = defineEmits(['View'])
|
||||||
|
const view = ref(false)
|
||||||
|
const policyView = ref(true)
|
||||||
|
|
||||||
|
const xTable = ref()
|
||||||
|
const loading = ref(false)
|
||||||
|
|
||||||
|
const tableData = ref([
|
||||||
|
{
|
||||||
|
id: 10001,
|
||||||
|
name: '安全',
|
||||||
|
role: '0',
|
||||||
|
num6: '0',
|
||||||
|
date12: '0',
|
||||||
|
date13: '0'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 10002,
|
||||||
|
name: 'III级预警',
|
||||||
|
role: '0',
|
||||||
|
num6: '0',
|
||||||
|
date12: '0',
|
||||||
|
date13: '0'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 10003,
|
||||||
|
name: 'II级预警',
|
||||||
|
role: 'Test',
|
||||||
|
date12: '0',
|
||||||
|
num6: '0',
|
||||||
|
date13: '0'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 10004,
|
||||||
|
name: 'I级预警',
|
||||||
|
role: '0',
|
||||||
|
date12: '0',
|
||||||
|
num6: '0',
|
||||||
|
date13: '0'
|
||||||
|
}
|
||||||
|
])
|
||||||
|
const form = ref({
|
||||||
|
id: '',
|
||||||
|
name: '',
|
||||||
|
role: '',
|
||||||
|
|
||||||
|
num6: '',
|
||||||
|
date12: '',
|
||||||
|
date13: ''
|
||||||
|
})
|
||||||
|
|
||||||
|
const isActiveStatus = row => {
|
||||||
|
return xTable.value.isEditByRow(row)
|
||||||
|
}
|
||||||
|
// 编辑配置
|
||||||
|
const editRowEvent = row => {
|
||||||
|
form.value = JSON.parse(JSON.stringify(row))
|
||||||
|
xTable.value.setEditRow(row)
|
||||||
|
}
|
||||||
|
// 保存配置
|
||||||
|
const saveRowEvent = row => {
|
||||||
|
xTable.value.clearEdit().then(() => {
|
||||||
|
loading.value = true
|
||||||
|
setTimeout(() => {
|
||||||
|
loading.value = false
|
||||||
|
console.log('🚀 ~ saveRowEvent ~ row:', form.value)
|
||||||
|
}, 300)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 取消配置
|
||||||
|
const cancelRowEvent = row => {
|
||||||
|
xTable.value.clearEdit().then(() => {
|
||||||
|
// 还原行数据
|
||||||
|
xTable.value.revertData(row)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 取消
|
||||||
|
const handleClose = () => {
|
||||||
|
emit('View')
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
::v-deep .vxe-table--header thead tr:first-of-type th:first-of-type {
|
||||||
|
background: #f8f8f9;
|
||||||
|
}
|
||||||
|
::v-deep .vxe-table--header thead tr:first-of-type th:first-of-type:before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
width: 1px;
|
||||||
|
height: 98px; /*这里需要自己调整,根据td的宽度和高度*/
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
background-color: grey;
|
||||||
|
opacity: 0.3;
|
||||||
|
display: block;
|
||||||
|
transform: rotate(-66deg); /*这里需要自己调整,根据线的位置*/
|
||||||
|
transform-origin: top;
|
||||||
|
}
|
||||||
|
::v-deep .vxe-table--header thead tr:last-of-type th:first-of-type:before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
width: 1px;
|
||||||
|
height: 98px; /*这里需要自己调整,根据td的宽度和高度*/
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
background-color: grey;
|
||||||
|
opacity: 0.3;
|
||||||
|
display: block;
|
||||||
|
transform: rotate(-66deg); /*这里需要自己调整,根据线的位置*/
|
||||||
|
transform-origin: bottom;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
241934
src/views/pqs/bearingCapacity/evaluationList/text.ts
Normal file
241934
src/views/pqs/bearingCapacity/evaluationList/text.ts
Normal file
File diff suppressed because it is too large
Load Diff
264
src/views/pqs/bearingCapacity/userManagement/index.vue
Normal file
264
src/views/pqs/bearingCapacity/userManagement/index.vue
Normal file
@@ -0,0 +1,264 @@
|
|||||||
|
<template>
|
||||||
|
<div class="default-main">
|
||||||
|
<div>
|
||||||
|
<TableHeader datePicker ref="TableHeaderRef">
|
||||||
|
<template #select>
|
||||||
|
<el-form-item label="用户类型">
|
||||||
|
<el-input
|
||||||
|
v-model="tableStore.table.params.searchValue"
|
||||||
|
clearable
|
||||||
|
placeholder="输入关键字筛选"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</template>
|
||||||
|
<template #operation>
|
||||||
|
<el-button icon="el-icon-Plus" type="primary" @click="add">新增</el-button>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
</TableHeader>
|
||||||
|
<Table ref="tableRef" />
|
||||||
|
<el-dialog v-model="dialogVisible" :title="title" width="600" :before-close="handleClose">
|
||||||
|
<el-form ref="ruleFormRef" :model="form" label-width="auto" :disabled="disabled" :rules="rules">
|
||||||
|
<el-form-item label="用户名称:" prop="name">
|
||||||
|
<el-input v-model="form.name" clearable placeholder="请输入用户名称" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="用户类型:" prop="userType">
|
||||||
|
<el-select v-model="form.userType" clearable collapse-tagsplaceholder="请选择用户类型">
|
||||||
|
<el-option v-for="item in uesrList" :key="item.id" :label="item.name" :value="item.id" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="电压等级:" prop="level">
|
||||||
|
<el-select v-model="form.level" clearable collapse-tags placeholder="请选择电压等级">
|
||||||
|
<el-option v-for="item in levelList" :key="item.id" :label="item.name" :value="item.id" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="用户协议容量(MVA):" prop="mav1">
|
||||||
|
<el-input v-model="form.mav1" clearable placeholder="请输入用户协议容量" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="拟接入容量(MVA):" prop="mav2">
|
||||||
|
<el-input v-model="form.mav2" clearable placeholder="请输入拟接入容量" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="区域">
|
||||||
|
<Area v-model="form.deptIndex" style="width: 100%" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="详细地址:" prop="detailed">
|
||||||
|
<el-input
|
||||||
|
clearable
|
||||||
|
v-model="form.detailed"
|
||||||
|
:autosize="{ minRows: 2, maxRows: 4 }"
|
||||||
|
type="textarea"
|
||||||
|
placeholder="请输入详细地址"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
<template #footer v-if="!disabled">
|
||||||
|
<div class="dialog-footer">
|
||||||
|
<el-button @click="handleClose">取消</el-button>
|
||||||
|
<el-button type="primary" @click="onSubmit">确定</el-button>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { ref, onMounted, provide, reactive } from 'vue'
|
||||||
|
import TableStore from '@/utils/tableStore'
|
||||||
|
import Table from '@/components/table/index.vue'
|
||||||
|
import TableHeader from '@/components/table/header/index.vue'
|
||||||
|
import Area from '@/components/form/area/index.vue'
|
||||||
|
import { ElMessage, ElMessageBox } from 'element-plus'
|
||||||
|
import { mainHeight } from '@/utils/layout'
|
||||||
|
import { useDictData } from '@/stores/dictData'
|
||||||
|
defineOptions({
|
||||||
|
name: 'estimate/userManagement'
|
||||||
|
})
|
||||||
|
const dictData = useDictData()
|
||||||
|
const levelList = dictData.getBasicData('Dev_Voltage_Stand')
|
||||||
|
const uesrList = dictData.getBasicData('Interference_Source')
|
||||||
|
const dialogVisible = ref(false)
|
||||||
|
const disabled = ref(false)
|
||||||
|
const TableHeaderRef = ref()
|
||||||
|
const title = ref('')
|
||||||
|
interface RuleForm {
|
||||||
|
name: string
|
||||||
|
level: string
|
||||||
|
deptIndex: string
|
||||||
|
userType: string
|
||||||
|
type: string
|
||||||
|
mav1: string
|
||||||
|
mav2: string
|
||||||
|
user: string
|
||||||
|
time: string
|
||||||
|
detailed: string
|
||||||
|
}
|
||||||
|
const form = ref<RuleForm>({
|
||||||
|
name: '',
|
||||||
|
level: '',
|
||||||
|
deptIndex: dictData.state.area[0].id,
|
||||||
|
userType: '光伏电站',
|
||||||
|
type: '光伏电站',
|
||||||
|
mav1: '100',
|
||||||
|
mav2: '100',
|
||||||
|
user: 'Admin',
|
||||||
|
time: '2024-01-03',
|
||||||
|
detailed: '详细地址'
|
||||||
|
})
|
||||||
|
const rules = {
|
||||||
|
name: [{ required: true, message: '请输入用户名称', trigger: 'blur' }],
|
||||||
|
userType: [{ required: true, message: '请选择用户类型', trigger: 'change' }],
|
||||||
|
level: [{ required: true, message: '请选择电压等级', trigger: 'change' }],
|
||||||
|
mav1: [{ required: true, message: '请输入用户协议容量', trigger: 'blur' }],
|
||||||
|
mav2: [{ required: true, message: '请输入拟接入容量', trigger: 'blur' }],
|
||||||
|
detailed: [{ required: true, message: '请输入详细地址', trigger: 'blur' }]
|
||||||
|
}
|
||||||
|
const ruleFormRef = ref()
|
||||||
|
const tableStore = new TableStore({
|
||||||
|
url: '/hzj/carrycapacityuser/queyDetailUser',
|
||||||
|
method: 'POST',
|
||||||
|
column: [
|
||||||
|
{ width: '60', type: 'checkbox' },
|
||||||
|
|
||||||
|
{
|
||||||
|
field: 'index',
|
||||||
|
title: '序号',
|
||||||
|
width: '60',
|
||||||
|
formatter: (row: any) => {
|
||||||
|
return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{ field: 'name', title: '用户名称' },
|
||||||
|
{ field: 'type', title: '用户类型' },
|
||||||
|
|
||||||
|
{ field: 'Area', title: '所属区域' },
|
||||||
|
{ field: 'level', title: '电压等级(V)' },
|
||||||
|
{ field: 'mav1', title: '用户协议容量(MVA)' },
|
||||||
|
{ field: 'mav2', title: '拟接入容量(MVA)' },
|
||||||
|
{ field: 'detailed', title: '详细地址' },
|
||||||
|
{ field: 'user', title: '创建者' },
|
||||||
|
{ field: 'time', title: '创建日期' },
|
||||||
|
{
|
||||||
|
title: '操作',
|
||||||
|
width: '180',
|
||||||
|
render: 'buttons',
|
||||||
|
buttons: [
|
||||||
|
{
|
||||||
|
name: 'edit',
|
||||||
|
title: '查看',
|
||||||
|
type: 'primary',
|
||||||
|
|
||||||
|
icon: 'el-icon-Plus',
|
||||||
|
render: 'basicButton',
|
||||||
|
click: row => {
|
||||||
|
if (ruleFormRef.value) ruleFormRef.value.resetFields()
|
||||||
|
|
||||||
|
disabled.value = true
|
||||||
|
title.value = '查看承载能力预评估用户'
|
||||||
|
form.value = JSON.parse(JSON.stringify(row))
|
||||||
|
dialogVisible.value = true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'edit',
|
||||||
|
title: '编辑',
|
||||||
|
type: '',
|
||||||
|
icon: 'el-icon-Plus',
|
||||||
|
render: 'basicButton',
|
||||||
|
click: row => {
|
||||||
|
if (ruleFormRef.value) ruleFormRef.value.resetFields()
|
||||||
|
disabled.value = false
|
||||||
|
title.value = '编辑承载能力预评估用户'
|
||||||
|
form.value = JSON.parse(JSON.stringify(row))
|
||||||
|
dialogVisible.value = true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'del',
|
||||||
|
text: '删除',
|
||||||
|
type: 'danger',
|
||||||
|
icon: 'el-icon-Delete',
|
||||||
|
render: 'confirmButton',
|
||||||
|
popconfirm: {
|
||||||
|
confirmButtonText: '确认',
|
||||||
|
cancelButtonText: '取消',
|
||||||
|
confirmButtonType: 'danger',
|
||||||
|
title: '确定删除?'
|
||||||
|
},
|
||||||
|
click: row => {
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
|
||||||
|
loadCallback: () => {
|
||||||
|
tableStore.table.data = [
|
||||||
|
{
|
||||||
|
name: '光伏电站用户1',
|
||||||
|
type: '光伏电站',
|
||||||
|
Area: '中国',
|
||||||
|
level: '220',
|
||||||
|
mav1: '100',
|
||||||
|
mav2: '100',
|
||||||
|
detailed: '详情',
|
||||||
|
user: 'Admin',
|
||||||
|
time: '2024-01-03'
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
})
|
||||||
|
// "area": "",
|
||||||
|
// "city": "",
|
||||||
|
// "endTime": "",
|
||||||
|
// "pageNum": {},
|
||||||
|
// "pageSize": {},
|
||||||
|
// "protocolCapacity": 0,
|
||||||
|
// "province": "",
|
||||||
|
// "region": "",
|
||||||
|
// "startTime": "",
|
||||||
|
// "userId": "",
|
||||||
|
// "userName": "",
|
||||||
|
// "userType": "",
|
||||||
|
// "voltage": ""
|
||||||
|
tableStore.table.params.searchValue = ''
|
||||||
|
tableStore.table.params.area = ''
|
||||||
|
tableStore.table.params.city = ''
|
||||||
|
tableStore.table.params.protocolCapacity = 0
|
||||||
|
tableStore.table.params.province = ''
|
||||||
|
tableStore.table.params.region = ''
|
||||||
|
tableStore.table.params.userId = ''
|
||||||
|
tableStore.table.params.userName = ''
|
||||||
|
tableStore.table.params.userType = ''
|
||||||
|
tableStore.table.params.voltage = ''
|
||||||
|
|
||||||
|
provide('tableStore', tableStore)
|
||||||
|
onMounted(() => {
|
||||||
|
TableHeaderRef.value.setDatePicker([{ label: '周', value: 4 }])
|
||||||
|
TableHeaderRef.value.setInterval(4)
|
||||||
|
tableStore.index()
|
||||||
|
})
|
||||||
|
// 新增
|
||||||
|
const add = () => {
|
||||||
|
disabled.value = false
|
||||||
|
title.value = '新增承载能力预评估用户'
|
||||||
|
dialogVisible.value = true
|
||||||
|
}
|
||||||
|
// 保存
|
||||||
|
const onSubmit = () => {
|
||||||
|
ruleFormRef.value.validate((valid: boolean) => {
|
||||||
|
if (valid) {
|
||||||
|
if (title.value == '新增承载能力预评估用户') {
|
||||||
|
} else if (title.value == '编辑承载能力预评估用户') {
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 取消
|
||||||
|
const handleClose = () => {
|
||||||
|
ruleFormRef.value.resetFields()
|
||||||
|
dialogVisible.value = false
|
||||||
|
}
|
||||||
|
</script>
|
||||||
@@ -43,12 +43,12 @@
|
|||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="筛选">
|
<el-form-item label="筛选">
|
||||||
<el-input v-model="filterName" @keyup="searchEvent" placeholder="输入关键字筛选" />
|
<el-input v-model="tableStore.table.params.filterName" @keyup="searchEvent" placeholder="输入关键字筛选" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</template>
|
</template>
|
||||||
<template #operation>
|
<template #operation>
|
||||||
<el-button icon="el-icon-Download" type="primary" @click="add">导出</el-button>
|
<el-button icon="el-icon-Download" @click="add">导出</el-button>
|
||||||
<el-button icon="el-icon-Check" type="primary" @click="add">批量升级</el-button>
|
<el-button icon="el-icon-Check" @click="add">批量升级</el-button>
|
||||||
</template>
|
</template>
|
||||||
</TableHeader>
|
</TableHeader>
|
||||||
<div :style="`height: calc(${tableStore.table.height} + 58px)`">
|
<div :style="`height: calc(${tableStore.table.height} + 58px)`">
|
||||||
@@ -71,7 +71,7 @@
|
|||||||
<vxe-column field="runFlag" title="终端状态">
|
<vxe-column field="runFlag" title="终端状态">
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
<el-tag
|
<el-tag
|
||||||
type="primary"
|
|
||||||
v-if="row.runFlag === 0"
|
v-if="row.runFlag === 0"
|
||||||
style="color: #fff; background: #0099cc"
|
style="color: #fff; background: #0099cc"
|
||||||
size="small"
|
size="small"
|
||||||
@@ -79,7 +79,7 @@
|
|||||||
投运
|
投运
|
||||||
</el-tag>
|
</el-tag>
|
||||||
<el-tag
|
<el-tag
|
||||||
type="primary"
|
|
||||||
v-if="row.runFlag === 1"
|
v-if="row.runFlag === 1"
|
||||||
style="color: #fff; background: #996600"
|
style="color: #fff; background: #996600"
|
||||||
size="small"
|
size="small"
|
||||||
@@ -87,7 +87,7 @@
|
|||||||
热备用
|
热备用
|
||||||
</el-tag>
|
</el-tag>
|
||||||
<el-tag
|
<el-tag
|
||||||
type="primary"
|
|
||||||
v-if="row.runFlag === 2"
|
v-if="row.runFlag === 2"
|
||||||
style="color: #fff; background: #cc0000"
|
style="color: #fff; background: #cc0000"
|
||||||
size="small"
|
size="small"
|
||||||
@@ -99,7 +99,7 @@
|
|||||||
<vxe-column field="comFlag" title="通讯状态">
|
<vxe-column field="comFlag" title="通讯状态">
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
<el-tag
|
<el-tag
|
||||||
type="primary"
|
|
||||||
v-if="row.comFlag === 0"
|
v-if="row.comFlag === 0"
|
||||||
style="color: #fff; background: #cc0000"
|
style="color: #fff; background: #cc0000"
|
||||||
size="small"
|
size="small"
|
||||||
@@ -107,7 +107,7 @@
|
|||||||
中断
|
中断
|
||||||
</el-tag>
|
</el-tag>
|
||||||
<el-tag
|
<el-tag
|
||||||
type="primary"
|
|
||||||
v-if="row.comFlag === 1"
|
v-if="row.comFlag === 1"
|
||||||
style="color: #fff; background: #2e8b57"
|
style="color: #fff; background: #2e8b57"
|
||||||
size="small"
|
size="small"
|
||||||
@@ -125,13 +125,13 @@
|
|||||||
<vxe-column field="updateTime" title="最新升级时间"></vxe-column>
|
<vxe-column field="updateTime" title="最新升级时间"></vxe-column>
|
||||||
<vxe-column title="操作" min-width="100">
|
<vxe-column title="操作" min-width="100">
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
<el-button v-if="row.level == 4" type="primary" size="small" link @click="updateprogram(row)">
|
<el-button v-if="row.level == 4" size="small" link @click="updateprogram(row)">
|
||||||
升级
|
升级
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button
|
<el-button
|
||||||
v-if="row.level == 4"
|
v-if="row.level == 4"
|
||||||
:disabled="row.state == 1 ? true : false"
|
:disabled="row.state == 1 ? true : false"
|
||||||
type="primary"
|
|
||||||
size="small"
|
size="small"
|
||||||
link
|
link
|
||||||
@click="queryview(row)"
|
@click="queryview(row)"
|
||||||
@@ -154,30 +154,30 @@
|
|||||||
<vxe-column field="versionId" align="center" title="版本序号"></vxe-column>
|
<vxe-column field="versionId" align="center" title="版本序号"></vxe-column>
|
||||||
<vxe-column field="flag" align="center" title="版本状态" width="100">
|
<vxe-column field="flag" align="center" title="版本状态" width="100">
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
<el-tag type="primary" v-if="row.flag == true" style="color: #fff; background: #fc0">
|
<el-tag v-if="row.flag == true" style="color: #fff; background: #fc0">
|
||||||
前期版本
|
前期版本
|
||||||
</el-tag>
|
</el-tag>
|
||||||
<el-tag type="primary" v-if="row.flag == false" style="color: #fff; background: #0c0">
|
<el-tag v-if="row.flag == false" style="color: #fff; background: #0c0">
|
||||||
当前版本
|
当前版本
|
||||||
</el-tag>
|
</el-tag>
|
||||||
</template>
|
</template>
|
||||||
</vxe-column>
|
</vxe-column>
|
||||||
<vxe-column field="result" align="center" title="升级结果" width="100">
|
<vxe-column field="result" align="center" title="升级结果" width="100">
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
<el-tag type="primary" v-if="row.result == false" style="color: #fff; background: #f30">
|
<el-tag v-if="row.result == false" style="color: #fff; background: #f30">
|
||||||
升级失败
|
升级失败
|
||||||
</el-tag>
|
</el-tag>
|
||||||
<el-tag type="primary" v-if="row.result == true" style="color: #fff; background: #093">
|
<el-tag v-if="row.result == true" style="color: #fff; background: #093">
|
||||||
升级成功
|
升级成功
|
||||||
</el-tag>
|
</el-tag>
|
||||||
</template>
|
</template>
|
||||||
</vxe-column>
|
</vxe-column>
|
||||||
<vxe-column field="state" align="center" title="状态" width="100">
|
<vxe-column field="state" align="center" title="状态" width="100">
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
<el-tag type="primary" v-if="row.state == false" style="color: #fff; background: #f30">
|
<el-tag v-if="row.state == false" style="color: #fff; background: #f30">
|
||||||
删除
|
删除
|
||||||
</el-tag>
|
</el-tag>
|
||||||
<el-tag type="primary" v-if="row.state == true" style="color: #fff; background: #093">
|
<el-tag v-if="row.state == true" style="color: #fff; background: #093">
|
||||||
正常
|
正常
|
||||||
</el-tag>
|
</el-tag>
|
||||||
</template>
|
</template>
|
||||||
@@ -242,7 +242,6 @@ const stateoption = ref([
|
|||||||
const prodialogVisible = ref(false)
|
const prodialogVisible = ref(false)
|
||||||
const dialogVisible = ref(false)
|
const dialogVisible = ref(false)
|
||||||
const protitle = ref('')
|
const protitle = ref('')
|
||||||
const filterName = ref('')
|
|
||||||
const treeData: any = ref([])
|
const treeData: any = ref([])
|
||||||
const treeDataCopy: any = ref([])
|
const treeDataCopy: any = ref([])
|
||||||
//进度条对象
|
//进度条对象
|
||||||
@@ -284,6 +283,12 @@ const tableStore = new TableStore({
|
|||||||
}, 0)
|
}, 0)
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
tableStore.table.params.teriminal=''
|
||||||
|
tableStore.table.params.state=''
|
||||||
|
tableStore.table.params.program=''
|
||||||
|
tableStore.table.params.searchEvent=''
|
||||||
|
tableStore.table.params.filterName=''
|
||||||
|
provide('tableStore', tableStore)
|
||||||
const tree2List = (list: any) => {
|
const tree2List = (list: any) => {
|
||||||
//存储结果的数组
|
//存储结果的数组
|
||||||
let arr: any = []
|
let arr: any = []
|
||||||
@@ -302,7 +307,7 @@ const tree2List = (list: any) => {
|
|||||||
// 返回结果数组
|
// 返回结果数组
|
||||||
return arr
|
return arr
|
||||||
}
|
}
|
||||||
provide('tableStore', tableStore)
|
|
||||||
tableStore.table.params.searchValue = ''
|
tableStore.table.params.searchValue = ''
|
||||||
tableStore.table.params.searchState = 0
|
tableStore.table.params.searchState = 0
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
@@ -350,7 +355,7 @@ const formFilter = (row: any) => {
|
|||||||
|
|
||||||
// 表格过滤
|
// 表格过滤
|
||||||
const searchEvent = debounce(e => {
|
const searchEvent = debounce(e => {
|
||||||
const filterVal = XEUtils.toValueString(filterName.value).trim().toLowerCase()
|
const filterVal = XEUtils.toValueString(tableStore.table.params.filterName).trim().toLowerCase()
|
||||||
if (filterVal) {
|
if (filterVal) {
|
||||||
const options = { children: 'children' }
|
const options = { children: 'children' }
|
||||||
const searchProps = ['name']
|
const searchProps = ['name']
|
||||||
|
|||||||
@@ -34,7 +34,7 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item label="筛选">
|
<el-form-item label="筛选">
|
||||||
<el-input v-model="filterName" @keyup="searchEvent" placeholder="输入关键字筛选" />
|
<el-input v-model="tableStore.table.params.filterName" @keyup="searchEvent" placeholder="输入关键字筛选" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</template>
|
</template>
|
||||||
<template #operation>
|
<template #operation>
|
||||||
@@ -95,7 +95,7 @@
|
|||||||
<vxe-column field="runFlag" title="终端状态">
|
<vxe-column field="runFlag" title="终端状态">
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
<el-tag
|
<el-tag
|
||||||
type="primary"
|
|
||||||
v-if="row.runFlag === 0"
|
v-if="row.runFlag === 0"
|
||||||
style="color: #fff; background: #0099cc"
|
style="color: #fff; background: #0099cc"
|
||||||
size="small"
|
size="small"
|
||||||
@@ -103,7 +103,7 @@
|
|||||||
投运
|
投运
|
||||||
</el-tag>
|
</el-tag>
|
||||||
<el-tag
|
<el-tag
|
||||||
type="primary"
|
|
||||||
v-if="row.runFlag === 1"
|
v-if="row.runFlag === 1"
|
||||||
style="color: #fff; background: #996600"
|
style="color: #fff; background: #996600"
|
||||||
size="small"
|
size="small"
|
||||||
@@ -111,7 +111,7 @@
|
|||||||
热备用
|
热备用
|
||||||
</el-tag>
|
</el-tag>
|
||||||
<el-tag
|
<el-tag
|
||||||
type="primary"
|
|
||||||
v-if="row.runFlag === 2"
|
v-if="row.runFlag === 2"
|
||||||
style="color: #fff; background: #cc0000"
|
style="color: #fff; background: #cc0000"
|
||||||
size="small"
|
size="small"
|
||||||
@@ -123,7 +123,7 @@
|
|||||||
<vxe-column field="comFlag" title="通讯状态">
|
<vxe-column field="comFlag" title="通讯状态">
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
<el-tag
|
<el-tag
|
||||||
type="primary"
|
|
||||||
v-if="row.comFlag === 0"
|
v-if="row.comFlag === 0"
|
||||||
style="color: #fff; background: #cc0000"
|
style="color: #fff; background: #cc0000"
|
||||||
size="small"
|
size="small"
|
||||||
@@ -131,7 +131,7 @@
|
|||||||
中断
|
中断
|
||||||
</el-tag>
|
</el-tag>
|
||||||
<el-tag
|
<el-tag
|
||||||
type="primary"
|
|
||||||
v-if="row.comFlag === 1"
|
v-if="row.comFlag === 1"
|
||||||
style="color: #fff; background: #2e8b57"
|
style="color: #fff; background: #2e8b57"
|
||||||
size="small"
|
size="small"
|
||||||
@@ -238,7 +238,7 @@ const condialogVisible = ref(false)
|
|||||||
const tjdialogVisible = ref(false)
|
const tjdialogVisible = ref(false)
|
||||||
|
|
||||||
const protitle = ref('')
|
const protitle = ref('')
|
||||||
const filterName = ref('')
|
|
||||||
const treeData: any = ref([])
|
const treeData: any = ref([])
|
||||||
const treeDataCopy: any = ref([])
|
const treeDataCopy: any = ref([])
|
||||||
const echartsXq: any = ref([])
|
const echartsXq: any = ref([])
|
||||||
@@ -263,6 +263,10 @@ const tableStore = new TableStore({
|
|||||||
}, 0)
|
}, 0)
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
tableStore.table.params.devType=''
|
||||||
|
tableStore.table.params.runFlag=''
|
||||||
|
tableStore.table.params.comFlag=''
|
||||||
|
tableStore.table.params.filterName=''
|
||||||
// 处理大数据卡顿
|
// 处理大数据卡顿
|
||||||
const tree2List = (list: any) => {
|
const tree2List = (list: any) => {
|
||||||
//存储结果的数组
|
//存储结果的数组
|
||||||
@@ -383,7 +387,7 @@ const handleClose = () => {
|
|||||||
}
|
}
|
||||||
// 表格过滤
|
// 表格过滤
|
||||||
const searchEvent = debounce(e => {
|
const searchEvent = debounce(e => {
|
||||||
const filterVal = XEUtils.toValueString(filterName.value).trim().toLowerCase()
|
const filterVal = XEUtils.toValueString(tableStore.table.params.filterName).trim().toLowerCase()
|
||||||
if (filterVal) {
|
if (filterVal) {
|
||||||
const options = { children: 'children' }
|
const options = { children: 'children' }
|
||||||
const searchProps = ['name']
|
const searchProps = ['name']
|
||||||
|
|||||||
@@ -0,0 +1,11 @@
|
|||||||
|
<template>
|
||||||
|
|
||||||
|
<div>占比 </div>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
<script setup lang='ts'>
|
||||||
|
import { ref, reactive } from 'vue'
|
||||||
|
</script>
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,11 @@
|
|||||||
|
<template>
|
||||||
|
|
||||||
|
<div>结果 </div>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
<script setup lang='ts'>
|
||||||
|
import { ref, reactive } from 'vue'
|
||||||
|
</script>
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,11 @@
|
|||||||
|
<template>
|
||||||
|
|
||||||
|
<div> 审核</div>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
<script setup lang='ts'>
|
||||||
|
import { ref, reactive } from 'vue'
|
||||||
|
</script>
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,11 @@
|
|||||||
|
<template>
|
||||||
|
|
||||||
|
<div> 计划管理</div>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
<script setup lang='ts'>
|
||||||
|
import { ref, reactive } from 'vue'
|
||||||
|
</script>
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
42
src/views/pqs/supervise/harmonicSurvey/index.vue
Normal file
42
src/views/pqs/supervise/harmonicSurvey/index.vue
Normal file
@@ -0,0 +1,42 @@
|
|||||||
|
<template>
|
||||||
|
<div class="default-main">
|
||||||
|
<el-tabs v-model="activeName" type="border-card">
|
||||||
|
<el-tab-pane label="普测计划管理" name="1">
|
||||||
|
<planManage />
|
||||||
|
</el-tab-pane>
|
||||||
|
<el-tab-pane label="普测计划审批" name="2">
|
||||||
|
<planAudits />
|
||||||
|
</el-tab-pane>
|
||||||
|
<el-tab-pane label="普测结果管理" name="3"><outcome /></el-tab-pane>
|
||||||
|
<el-tab-pane label="普测计划占比配置" name="4"><occupancy /></el-tab-pane>
|
||||||
|
</el-tabs>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { onMounted, reactive, ref, provide } from 'vue'
|
||||||
|
import occupancy from './components/occupancy.vue'
|
||||||
|
import outcome from './components/outcome.vue'
|
||||||
|
import planAudits from './components/planAudits.vue'
|
||||||
|
import planManage from './components/planManage.vue'
|
||||||
|
import { mainHeight } from '@/utils/layout'
|
||||||
|
defineOptions({
|
||||||
|
name: 'Region/overview'
|
||||||
|
})
|
||||||
|
const activeName = ref('1')
|
||||||
|
const Statistics = ref()
|
||||||
|
const compatibility = ref()
|
||||||
|
|
||||||
|
const layout = mainHeight(63) as any
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.bars_w {
|
||||||
|
width: 100%;
|
||||||
|
height: 500px;
|
||||||
|
}
|
||||||
|
::v-deep(.el-tabs__content) {
|
||||||
|
height: v-bind('layout.height');
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
15
src/views/pqs/supervise/technology/index.vue
Normal file
15
src/views/pqs/supervise/technology/index.vue
Normal file
@@ -0,0 +1,15 @@
|
|||||||
|
<template>
|
||||||
|
|
||||||
|
<div>123
|
||||||
|
|
||||||
|
|
||||||
|
general
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
<script setup lang='ts'>
|
||||||
|
import { ref, reactive } from 'vue'
|
||||||
|
</script>
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="default-main">
|
<div class="default-main">
|
||||||
<div v-show="flag">
|
<div v-show="view">
|
||||||
<TableHeader datePicker>
|
<TableHeader datePicker>
|
||||||
<template #select>
|
<template #select>
|
||||||
<el-form-item label="统计类型:">
|
<el-form-item label="统计类型:">
|
||||||
@@ -120,73 +120,14 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
</template>
|
</template>
|
||||||
<template #operation>
|
<template #operation>
|
||||||
<el-button icon="el-icon-Tickets" type="primary">下载波形</el-button>
|
<el-button icon="el-icon-Download" type="primary" @click="download">下载波形</el-button>
|
||||||
<el-button icon="el-icon-SuccessFilled" type="primary">导出</el-button>
|
<el-button icon="el-icon-Download" type="primary" @click="exportEvent">导出</el-button>
|
||||||
</template>
|
</template>
|
||||||
</TableHeader>
|
</TableHeader>
|
||||||
<Table ref="tableRef" />
|
<Table ref="tableRef" />
|
||||||
</div>
|
</div>
|
||||||
<div :style="{ height: pageHeight.height }" style="padding: 10px; overflow: hidden" v-if="view2">
|
<div :style="{ height: pageHeight.height }" style="padding: 10px; overflow: hidden" v-if="view2">
|
||||||
<el-row>
|
<waveForm senior :boxoList="boxoList" :wp="wp" @backbxlb="backbxlb" />
|
||||||
<el-col :span="12">
|
|
||||||
<span v-if="view2" style="font-size: 14px; font-weight: ; line-height: 30px">值类型选择:</span>
|
|
||||||
<el-select
|
|
||||||
v-if="view2"
|
|
||||||
style="min-width: 200px; width: 200px"
|
|
||||||
@change="changeView"
|
|
||||||
v-model="value"
|
|
||||||
placeholder="请选择值类型"
|
|
||||||
>
|
|
||||||
<el-option
|
|
||||||
v-for="item in options"
|
|
||||||
:key="item.value"
|
|
||||||
:label="item.label"
|
|
||||||
:value="item.value"
|
|
||||||
></el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-button
|
|
||||||
v-if="view2"
|
|
||||||
@click="backbxlb"
|
|
||||||
type="primary"
|
|
||||||
class="el-icon-refresh-right"
|
|
||||||
icon="el-icon-CloseBold"
|
|
||||||
style="float: right"
|
|
||||||
>
|
|
||||||
返回
|
|
||||||
</el-button>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<el-tabs v-if="view2" class="default-main" v-model="bxactiveName" @tab-click="bxhandleClick">
|
|
||||||
<el-tab-pane
|
|
||||||
label="瞬时波形"
|
|
||||||
name="ssbx"
|
|
||||||
class="boxbx pt10 pb10"
|
|
||||||
:style="'height:' + bxecharts + ';overflow-y: scroll;'"
|
|
||||||
>
|
|
||||||
<shushiboxi
|
|
||||||
v-if="bxactiveName == 'ssbx' && showBoxi"
|
|
||||||
:value="value"
|
|
||||||
:boxoList="boxoList"
|
|
||||||
:wp="wp"
|
|
||||||
></shushiboxi>
|
|
||||||
</el-tab-pane>
|
|
||||||
<el-tab-pane
|
|
||||||
label="RMS波形"
|
|
||||||
class="boxbx pt10 pb10"
|
|
||||||
name="rmsbx"
|
|
||||||
:style="'height:' + bxecharts + ';overflow-y: scroll;'"
|
|
||||||
>
|
|
||||||
<rmsboxi
|
|
||||||
v-if="bxactiveName == 'rmsbx' && showBoxi"
|
|
||||||
:value="value"
|
|
||||||
:boxoList="boxoList"
|
|
||||||
:wp="wp"
|
|
||||||
></rmsboxi>
|
|
||||||
</el-tab-pane>
|
|
||||||
</el-tabs>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -195,24 +136,23 @@ import { ref, onMounted, provide } from 'vue'
|
|||||||
import TableStore from '@/utils/tableStore'
|
import TableStore from '@/utils/tableStore'
|
||||||
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 { mainHeight } from '@/utils/layout'
|
import { mainHeight } from '@/utils/layout'
|
||||||
import { useDictData } from '@/stores/dictData'
|
import { useDictData } from '@/stores/dictData'
|
||||||
import shushiboxi from '@/components/echarts/shushiboxi.vue'
|
import { ElMessageBox, ElMessage } from 'element-plus'
|
||||||
import rmsboxi from '@/components/echarts/rmsboxi.vue'
|
import { getTransientValue } from '@/api/event-boot/report'
|
||||||
import { getMonitorEventAnalyseWave } from '@/api/event-boot/transient.ts'
|
|
||||||
|
|
||||||
|
import waveForm from '@/components/echarts/waveForm.vue'
|
||||||
|
import { getMonitorEventAnalyseWave ,downloadWaveFile} from '@/api/event-boot/transient'
|
||||||
defineOptions({
|
defineOptions({
|
||||||
name: 'Region/transientlist'
|
name: 'Region/transientlist'
|
||||||
})
|
})
|
||||||
const dictData = useDictData()
|
const dictData = useDictData()
|
||||||
const pageHeight = mainHeight(20)
|
const pageHeight = mainHeight(20)
|
||||||
const bxecharts = mainHeight(95).height as any
|
|
||||||
const view = ref(true)
|
const view = ref(true)
|
||||||
const view2 = ref(false)
|
const view2 = ref(false)
|
||||||
const showBoxi = ref(true)
|
|
||||||
const flag = ref(true)
|
|
||||||
const typeoptions = dictData.getBasicData('Event_Type')
|
const typeoptions = dictData.getBasicData('Event_Type')
|
||||||
|
const tableRef = ref()
|
||||||
const reasonoptions = dictData.getBasicData('Event_Reason')
|
const reasonoptions = dictData.getBasicData('Event_Reason')
|
||||||
const triggeroptions = dictData.getBasicData('Event_Statis')
|
const triggeroptions = dictData.getBasicData('Event_Statis')
|
||||||
const wareaoptions = ref([
|
const wareaoptions = ref([
|
||||||
@@ -229,6 +169,7 @@ const tableStore = new TableStore({
|
|||||||
url: '/event-boot/transient/getTransientValue',
|
url: '/event-boot/transient/getTransientValue',
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
column: [
|
column: [
|
||||||
|
{ width: '60', type: 'checkbox' },
|
||||||
{
|
{
|
||||||
field: 'index',
|
field: 'index',
|
||||||
title: '序号',
|
title: '序号',
|
||||||
@@ -290,7 +231,6 @@ const tableStore = new TableStore({
|
|||||||
if (res != undefined) {
|
if (res != undefined) {
|
||||||
wp.value = res.data
|
wp.value = res.data
|
||||||
view.value = false
|
view.value = false
|
||||||
flag.value = false
|
|
||||||
view2.value = true
|
view2.value = true
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
@@ -316,20 +256,9 @@ const tableStore = new TableStore({
|
|||||||
loadCallback: () => {}
|
loadCallback: () => {}
|
||||||
})
|
})
|
||||||
|
|
||||||
const bxactiveName = ref('ssbx')
|
|
||||||
const boxoList = ref({})
|
const boxoList = ref({})
|
||||||
const wp = ref({})
|
const wp = ref({})
|
||||||
const value = ref(1)
|
|
||||||
const options = ref([
|
|
||||||
{
|
|
||||||
value: 1,
|
|
||||||
label: '一次值'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: 2,
|
|
||||||
label: '二次值'
|
|
||||||
}
|
|
||||||
])
|
|
||||||
provide('tableStore', tableStore)
|
provide('tableStore', tableStore)
|
||||||
|
|
||||||
tableStore.table.params.deptIndex = dictData.state.area[0].id
|
tableStore.table.params.deptIndex = dictData.state.area[0].id
|
||||||
@@ -352,24 +281,49 @@ tableStore.table.params.fileFlag = ''
|
|||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
tableStore.index()
|
tableStore.index()
|
||||||
})
|
})
|
||||||
|
|
||||||
const changeView = () => {
|
|
||||||
showBoxi.value = false
|
|
||||||
setTimeout(() => {
|
|
||||||
showBoxi.value = true
|
|
||||||
}, 0)
|
|
||||||
}
|
|
||||||
const bxhandleClick = (tab: any) => {
|
|
||||||
if (tab.name == 'ssbx') {
|
|
||||||
bxactiveName.value = 'ssbx'
|
|
||||||
} else if (tab.name == 'rmsbx') {
|
|
||||||
bxactiveName.value = 'rmsbx'
|
|
||||||
}
|
|
||||||
// console.log(tab, event);
|
|
||||||
}
|
|
||||||
const backbxlb = () => {
|
const backbxlb = () => {
|
||||||
view.value = true
|
view.value = true
|
||||||
flag.value = true
|
|
||||||
view2.value = false
|
view2.value = false
|
||||||
}
|
}
|
||||||
|
// 导出列表
|
||||||
|
const exportEvent = () => {
|
||||||
|
let form = JSON.parse(JSON.stringify(tableStore.table.params))
|
||||||
|
form.pageNum = 1
|
||||||
|
form.pageSize = tableStore.table.total
|
||||||
|
getTransientValue(form).then(res => {
|
||||||
|
tableRef.value.getRef().exportData({
|
||||||
|
filename: '区域暂态列表', // 文件名字
|
||||||
|
sheetName: 'Sheet1',
|
||||||
|
type: 'xlsx', //导出文件类型 xlsx 和 csv
|
||||||
|
useStyle: true,
|
||||||
|
data: res.data.records, // 数据源 // 过滤那个字段导出
|
||||||
|
columnFilterMethod: function (column, $columnIndex) {
|
||||||
|
return !(column.$columnIndex === 0)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const download = () => {
|
||||||
|
if (!tableStore.table.selection.length) {
|
||||||
|
ElMessage.warning('请选择数据')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
downloadWaveFile({
|
||||||
|
lineId: tableStore.table.selection.map((item: any) => item.eventId)
|
||||||
|
}).then((res: any) => {
|
||||||
|
if (res.type == 'application/json') {
|
||||||
|
ElMessage.warning('暂无可下载的波形文件!')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
ElMessage.success('下载中。。。!')
|
||||||
|
let blob = new Blob([res], { type: 'application/zip' }) // console.log(blob) // var href = window.URL.createObjectURL(blob); //创建下载的链接
|
||||||
|
const url = window.URL.createObjectURL(blob)
|
||||||
|
const link = document.createElement('a') // 创建a标签
|
||||||
|
link.href = url
|
||||||
|
link.download = '波形分析下载' // 设置下载的文件名
|
||||||
|
document.body.appendChild(link)
|
||||||
|
link.click() //执行下载
|
||||||
|
document.body.removeChild(link) //释放标签
|
||||||
|
})
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="default-main">
|
<div class="default-main">
|
||||||
<div v-show="flag">
|
<div v-show="view">
|
||||||
<TableHeader datePicker>
|
<TableHeader datePicker>
|
||||||
<template #select>
|
<template #select>
|
||||||
<el-form-item label="筛选">
|
<el-form-item label="筛选">
|
||||||
@@ -36,74 +36,7 @@
|
|||||||
</el-dialog>
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
<div :style="{ height: pageHeight.height }" style="padding: 10px; overflow: hidden" v-if="view2">
|
<div :style="{ height: pageHeight.height }" style="padding: 10px; overflow: hidden" v-if="view2">
|
||||||
<el-row>
|
<waveForm senior :boxoList="boxoList" :wp="wp" @backbxlb="backbxlb" />
|
||||||
<el-col :span="12">
|
|
||||||
<span v-if="view2" style="font-size: 14px; font-weight: ; line-height: 30px">值类型选择:</span>
|
|
||||||
<el-select
|
|
||||||
v-if="view2"
|
|
||||||
style="min-width: 200px; width: 200px"
|
|
||||||
@change="changeView"
|
|
||||||
v-model="value"
|
|
||||||
placeholder="请选择值类型"
|
|
||||||
>
|
|
||||||
<el-option
|
|
||||||
v-for="item in options"
|
|
||||||
:key="item.value"
|
|
||||||
:label="item.label"
|
|
||||||
:value="item.value"
|
|
||||||
></el-option>
|
|
||||||
</el-select>
|
|
||||||
<el-button v-if="view2" class="ml10" type="primary" @click="AdvancedAnalytics">高级分析</el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-button
|
|
||||||
v-if="view2"
|
|
||||||
@click="backbxlb"
|
|
||||||
type="primary"
|
|
||||||
class="el-icon-refresh-right"
|
|
||||||
icon="el-icon-CloseBold"
|
|
||||||
style="float: right"
|
|
||||||
>
|
|
||||||
返回
|
|
||||||
</el-button>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<el-tabs v-if="view2" class="default-main" v-model="bxactiveName" @tab-click="bxhandleClick">
|
|
||||||
<el-tab-pane
|
|
||||||
label="瞬时波形"
|
|
||||||
name="ssbx"
|
|
||||||
class="boxbx pt10 pb10"
|
|
||||||
:style="'height:' + bxecharts + ';overflow-y: scroll;'"
|
|
||||||
>
|
|
||||||
<shushiboxi
|
|
||||||
v-if="bxactiveName == 'ssbx' && showBoxi"
|
|
||||||
:value="value"
|
|
||||||
:boxoList="boxoList"
|
|
||||||
:wp="wp"
|
|
||||||
></shushiboxi>
|
|
||||||
</el-tab-pane>
|
|
||||||
<el-tab-pane
|
|
||||||
label="RMS波形"
|
|
||||||
class="boxbx pt10 pb10"
|
|
||||||
name="rmsbx"
|
|
||||||
:style="'height:' + bxecharts + ';overflow-y: scroll;'"
|
|
||||||
>
|
|
||||||
<rmsboxi
|
|
||||||
v-if="bxactiveName == 'rmsbx' && showBoxi"
|
|
||||||
:value="value"
|
|
||||||
:boxoList="boxoList"
|
|
||||||
:wp="wp"
|
|
||||||
></rmsboxi>
|
|
||||||
</el-tab-pane>
|
|
||||||
</el-tabs>
|
|
||||||
</div>
|
|
||||||
<!-- 高级分析-->
|
|
||||||
|
|
||||||
<div v-if="view3" class="pd10">
|
|
||||||
<span style="font-weight: 500; font-size: 22px">高级分析</span>
|
|
||||||
<el-button type="primary" @click="gaoBack" style="float: right">返回</el-button>
|
|
||||||
<boxi :flag="true" :GJList="GJList" :boxoList="boxoList"></boxi>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -113,13 +46,11 @@ import TableStore from '@/utils/tableStore'
|
|||||||
import Table from '@/components/table/index.vue'
|
import Table from '@/components/table/index.vue'
|
||||||
import { defaultAttribute } from '@/components/table/defaultAttribute'
|
import { defaultAttribute } from '@/components/table/defaultAttribute'
|
||||||
import TableHeader from '@/components/table/header/index.vue'
|
import TableHeader from '@/components/table/header/index.vue'
|
||||||
import { queryRelevantLogPage, delRelevantLog, processEvents, analysis } from '@/api/advance-boot/analyse.ts'
|
import { queryRelevantLogPage, delRelevantLog, processEvents, analysis } from '@/api/advance-boot/analyse'
|
||||||
import { ElMessage, ElMessageBox } from 'element-plus'
|
import { ElMessage, ElMessageBox } from 'element-plus'
|
||||||
import { mainHeight } from '@/utils/layout'
|
import { mainHeight } from '@/utils/layout'
|
||||||
import shushiboxi from '@/components/echarts/shushiboxi.vue'
|
import waveForm from '@/components/echarts/waveForm.vue'
|
||||||
import rmsboxi from '@/components/echarts/rmsboxi.vue'
|
import { getMonitorEventAnalyseWave } from '@/api/event-boot/transient'
|
||||||
import boxi from './boxi.vue'
|
|
||||||
import { getMonitorEventAnalyseWave } from '@/api/event-boot/transient.ts'
|
|
||||||
|
|
||||||
defineOptions({
|
defineOptions({
|
||||||
name: 'Advancedanalysis/eventcorrelation'
|
name: 'Advancedanalysis/eventcorrelation'
|
||||||
@@ -130,12 +61,7 @@ const pageHeight = mainHeight(20)
|
|||||||
const bxecharts = mainHeight(95).height as any
|
const bxecharts = mainHeight(95).height as any
|
||||||
const loading = ref(false)
|
const loading = ref(false)
|
||||||
const view = ref(true)
|
const view = ref(true)
|
||||||
|
|
||||||
const view2 = ref(false)
|
const view2 = ref(false)
|
||||||
const view3 = ref(false)
|
|
||||||
const showBoxi = ref(true)
|
|
||||||
const flag = ref(true)
|
|
||||||
const GJList = ref([])
|
|
||||||
|
|
||||||
const tableStore = new TableStore({
|
const tableStore = new TableStore({
|
||||||
url: '/advance-boot/process/querySagEventsPage',
|
url: '/advance-boot/process/querySagEventsPage',
|
||||||
@@ -211,7 +137,6 @@ const tableStore = new TableStore({
|
|||||||
if (res != undefined) {
|
if (res != undefined) {
|
||||||
wp.value = res.data
|
wp.value = res.data
|
||||||
view.value = false
|
view.value = false
|
||||||
flag.value = false
|
|
||||||
view2.value = true
|
view2.value = true
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
@@ -240,17 +165,7 @@ tableStore.table.params.searchValue=''
|
|||||||
const bxactiveName = ref('ssbx')
|
const bxactiveName = ref('ssbx')
|
||||||
const boxoList = ref({})
|
const boxoList = ref({})
|
||||||
const wp = ref({})
|
const wp = ref({})
|
||||||
const value = ref(1)
|
|
||||||
const options = ref([
|
|
||||||
{
|
|
||||||
value: 1,
|
|
||||||
label: '一次值'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: 2,
|
|
||||||
label: '二次值'
|
|
||||||
}
|
|
||||||
])
|
|
||||||
provide('tableStore', tableStore)
|
provide('tableStore', tableStore)
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
tableStore.index()
|
tableStore.index()
|
||||||
@@ -287,39 +202,11 @@ const details = (row: any) => {
|
|||||||
})
|
})
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
// 高级分析
|
|
||||||
const AdvancedAnalytics = () => {
|
|
||||||
analysis({
|
|
||||||
eventIndex: boxoList.value.eventId
|
|
||||||
}).then(res => {
|
|
||||||
GJList.value = res.data
|
|
||||||
flag.value = false
|
|
||||||
view3.value = true
|
|
||||||
view2.value = false
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
const changeView = () => {
|
|
||||||
showBoxi.value = false
|
|
||||||
setTimeout(() => {
|
|
||||||
showBoxi.value = true
|
|
||||||
}, 0)
|
|
||||||
}
|
|
||||||
const bxhandleClick = (tab: any) => {
|
|
||||||
if (tab.name == 'ssbx') {
|
|
||||||
bxactiveName.value = 'ssbx'
|
|
||||||
} else if (tab.name == 'rmsbx') {
|
|
||||||
bxactiveName.value = 'rmsbx'
|
|
||||||
}
|
|
||||||
// console.log(tab, event);
|
|
||||||
}
|
|
||||||
const backbxlb = () => {
|
const backbxlb = () => {
|
||||||
view.value = true
|
view.value = true
|
||||||
flag.value = true
|
|
||||||
view2.value = false
|
view2.value = false
|
||||||
}
|
}
|
||||||
const gaoBack = () => {
|
|
||||||
view2.value = true
|
|
||||||
view3.value = false
|
|
||||||
}
|
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -18,6 +18,11 @@ export default defineConfig({
|
|||||||
'/map': {
|
'/map': {
|
||||||
target: 'http://192.168.1.81:8088', //数据中心
|
target: 'http://192.168.1.81:8088', //数据中心
|
||||||
changeOrigin: true,
|
changeOrigin: true,
|
||||||
|
},
|
||||||
|
'/hzj': {
|
||||||
|
target: 'http://550fa81d.nat123.fun', //黄正剑
|
||||||
|
changeOrigin: true,
|
||||||
|
rewrite: path => path.replace(/^\/hzj/, '')
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|||||||
Reference in New Issue
Block a user