Skip to content

W
web-project
Commit b9028bac authored by xuhaoze's avatar xuhaoze
Browse files
Options

参数配置，天气工况管理初次提交

parent b5efd9cf
Hide whitespace changes
Inline Side-by-side
Showing with 566 additions and 5 deletions
src/router/index.js
View file @ b9028bac
...@@ -371,6 +371,23 @@ const routes = [ ...@@ -371,6 +371,23 @@ const routes = [
meta: { meta: {
title: '气象干预' title: '气象干预'
} }
},
{
path: '/Scheduling/ConfigBoiler',
name:'ConfigBoiler',
component: ()=> import('../views/SchedulingPage/ConfigBoilerPage.vue'),
meta:{
title:'参数配置'
}
},
{
path: '/Scheduling/Phenomenon',
name:'Phenomenon',
component: ()=> import('../views/SchedulingPage/PhenomenonPage.vue'),
meta:{
title:'天气工况管理'
}
} }
] ]
}, },
......
src/views/AlarmPage/AlarmInfoPage.vue
View file @ b9028bac
...@@ -4,9 +4,9 @@ ...@@ -4,9 +4,9 @@
<div class="div-header"> <div class="div-header">
<el-form-item label="查询类型："> <el-form-item label="查询类型：">
<el-select v-model="type" placeholder="请选择" style="width: 150px" @change="getoptions" > <el-select v-model="type" placeholder="请选择" style="width: 150px" @change="getoptions" >
<el-option label="换热机组" value="GetTransAlarmData" /> <el-option label="换热机组" value="GetTransAlarmData" />
<el-option label="锅炉" value="GetBoilerAlarmData" /> <el-option label="锅炉" value="GetBoilerAlarmData" />
<el-option label="总管" value="GetPipeAlarmData" /> <el-option label="总管" value="GetPipeAlarmData" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="设备："> <el-form-item label="设备：">
...@@ -59,7 +59,7 @@ import { ref, reactive, onMounted, onUnmounted } from 'vue'; ...@@ -59,7 +59,7 @@ import { ref, reactive, onMounted, onUnmounted } from 'vue';
import http from '../../api/http'; import http from '../../api/http';
import zhCn from 'element-plus/dist/locale/zh-cn.mjs' import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
import store from "../../store/index"; import store from "../../store/index";
import { getFileName } from '../../utils/utils';
//分页设置 //分页设置
const currentPage = ref(1) const currentPage = ref(1)
......
src/views/HistoryPage/HisBoilerPage.vue
View file @ b9028bac
...@@ -293,7 +293,7 @@ function getcolumn() { ...@@ -293,7 +293,7 @@ function getcolumn() {
}) })
} }
//获取数据列表 // 获取数据列表
function getBoiler() { function getBoiler() {
if (currentPage.value == 1) { if (currentPage.value == 1) {
HisBoilerInfo.pageIndex = 0; HisBoilerInfo.pageIndex = 0;
......
src/views/Report/TransferEnergyPage.vue
View file @ b9028bac
...@@ -84,6 +84,7 @@ ...@@ -84,6 +84,7 @@
v-for="(option, index) in options" v-for="(option, index) in options"
:key="index" :key="index"
:label="option.value" :label="option.value"
:name="option"
> >
{{ option.lable }} {{ option.lable }}
</el-checkbox> </el-checkbox>
......
src/views/SchedulingPage/ConfigBoilerPage.vue 0 → 100644
View file @ b9028bac
<template>
<div class="contentBlock">
<div class="contentBlockInn">
<el-card class="card-contianer">
<table
cellpadding="0"
cellspacing="1"
style="background-color: #99bbe8"
>
<tr>
<th style="width: 25%">电调阈开启度</th>
<td style="width: 60%; margin:0; padding: 0">
<table cellpadding="0" cellspacing="0">
<tr>
<td style="text-align: left">
<el-input style="width: 80%"></el-input>%
</td>
</tr>
</table>
</td>
</tr>
<tr>
<th style="width: 25%">换热站</th>
<td style="text-align: left">
<el-checkbox-group v-model="form.type" style="width: 60%;">
<el-checkbox
v-for="(option, index) in options"
:key="index"
:label="option"
>
{{ option }}
</el-checkbox>
</el-checkbox-group>
</td>
</tr>
<tr>
<th style="width: 25%">锅炉出水温度增加</th>
<td style="width: 60%; margin: 0; padding: 0">
<table cellpadding="0" cellspacing="0">
<tr>
<td style="text-align: left">
<el-input style="width: 80%"></el-input>℃
</td>
</tr>
</table>
</td>
</tr>
<tr>
<th style="width: 25%">电调阈开启度保持时间</th>
<td style="width: 60%; margin: 0; padding: 0">
<table cellpadding="0" cellspacing="0">
<tr>
<td style="text-align: left">
<el-form>
<el-input style="width: 80%"></el-input>分钟
</el-form>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<th style="width: 25%">锅炉房供水总管流量上限值</th>
<td style="width: 60%; margin: 0; padding: 0">
<table cellpadding="0" cellspacing="0">
<tr>
<td style="text-align: left">
<el-input style="width: 80%"></el-input>m3/h
</td>
</tr>
</table>
</td>
</tr>
<tr>
<th style="width: 25%">锅炉房供水总管流量下限值</th>
<td style="width: 60%; margin: 0; padding: 0">
<table cellpadding="0" cellspacing="0">
<tr>
<td style="text-align: left">
<el-input style="width: 80%"></el-input>m3/h
</td>
</tr>
</table>
</td>
</tr>
<tr>
<th style="width: 25%">目标温度最大值</th>
<td style="width: 60%; margin: 0; padding: 0">
<table cellpadding="0" cellspacing="0">
<tr>
<td style="text-align: left">
<el-input style="width: 80%"></el-input>℃
</td>
</tr>
</table>
</td>
</tr>
<tr>
<th style="width: 25%">总管流量上下限范围内持续时间</th>
<td style="width: 60%; margin: 0; padding: 0">
<table cellpadding="0" cellspacing="0">
<tr>
<td style="text-align: left">
<el-input style="width: 80%"></el-input>分钟
</td>
</tr>
</table>
</td>
</tr>
<tr>
<th></th>
<th rowspan="3">
<div>
<div class="btngrounp">
<el-button type="primary">保存</el-button>
<el-button type="primary" style="margin: 0 0 0 5px">关闭</el-button>
</div>
</div>
</th>
</tr>
</table>
</el-card>
</div>
</div>
<!--操作-->
<!--<th rowspan="3">-->
<!-- <div>-->
<!-- <div class="btngrounp">-->
<!-- <el-button-->
<!-- type="primary"-->
<!-- @click="postTransferEnergyFun"-->
<!-- style="margin: 15px 0 0 0"-->
<!-- >查询</el-button-->
<!-- ><el-button-->
<!-- type="primary"-->
<!-- @click="exportTableToExcel"-->
<!-- style="margin: 15px 0 0 10px"-->
<!-- >打印</el-button-->
<!-- ><el-button-->
<!-- type="primary"-->
<!-- @click="exportTableToExcel"-->
<!-- style="margin: 15px 0 0 10px"-->
<!-- >打印预览</el-button-->
<!-- >-->
<!-- <el-button-->
<!-- type="primary"-->
<!-- @click="exportTableToExcel"-->
<!-- style="margin: 15px 0 0 10px"-->
<!-- >导出</el-button-->
<!-- >-->
<!-- </div>-->
<!-- </div>-->
<!--</th>-->
</template>
<script setup>
import { reactive, onMounted, onUnmounted } from "vue";
const options = reactive(['瑞景园低区','瑞景园高区','翰锦园','圣美园低区','圣美园高区','社区服务中心','风雅园','风雅园_幼儿园','枫润园低区','枫润园高区']);
const form = reactive({
type:[],
})
</script>
<style lang="less" scoped>
.contentBlock {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ffffff;
overflow: auto;
}
table {
width: 100%;
}
table,
tr,
th,
td {
font-size: 14px;
margin: 0;
padding: 0;
}
table {
width: 100%;
}
table th {
background-color: #dfe8f6;
text-align: center;
padding: 5px 10px;
}
table td {
text-align: center;
background-color: #ffffff;
padding: 5px 10px;
}
.btngrounp {
width: 300px;
}
.gc td {
background-color: #a6ffa6;
}
.gc td:first-child {
background-color: #ffffff;
}
table.botList td {
width: 33%;
text-align: left;
font-weight: bolder;
}
</style>
\ No newline at end of file
src/views/SchedulingPage/PhenomenonPage.vue 0 → 100644
View file @ b9028bac
<template>
<!-- 条件筛选卡片 -->
<el-card class="card-contianer">
<div class="div-header">
<el-form-item>
<div>名称</div>
</el-form-item>
<el-form-item >
<el-input></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="getdata" style="min-width: 70px;">查询</el-button>
</el-form-item>
</div>
</el-card>
<el-card class="moduleCard" :height="tableHeight">
<el-table :data="tableData" :height="tableHeight" :cell-style="setCellStyle" id="out-table"
border highlight-current-row :header-cell-style="setHeaderCellStyle" :header-cell-class-name="handleHeadAddClass" >
<el-table-column prop="index" label="序号" fixed />
<el-table-column prop="name" label="名称" fixed />
<el-table-column prop="temperature" label="对应温度" fixed />
<el-table-column prop="desc" label="描述" fixed />
<el-table-column prop="alarmMessage" label="操作" fixed >
<el-button type="primary" @click="dialogFormVisible = true">修改</el-button>
<el-button type="primary">删除</el-button>
</el-table-column>
</el-table>
</el-card>
<el-footer style="height: 8px;">
<el-config-provider :locale="zhCn">
<el-pagination v-model:current-page="currentPage" v-model:page-size="pageSize"
:page-sizes="[30, 40, 50, 100, 200, 300]" :small="true" :disabled="disabled" :background="background"
layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="getdata" @current-change="getdata"
class="pagination" />
</el-config-provider>
</el-footer>
<div class="ams-dialog">
<el-dialog v-model="dialogFormVisible" title="天气工况设置修改" width="500">
<el-card>
<table
cellpadding="0"
cellspacing="1"
style="background-color: #99bbe8"
>
<tr>
<th style="width: 25%">名称</th>
<td style="width: 60%; margin:0; padding: 0">
<table cellpadding="0" cellspacing="0">
<tr>
<td style="text-align: left">
<el-select v-model="form.region" placeholder="please select your zone">
<el-option label="阴天" value="阴天" />
<el-option label="晴天" value="晴天" />
<el-option label="多云" value="多云" />
</el-select>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<th style="width: 25%">对应温度</th>
<td style="width: 60%; margin:0; padding: 0">
<table cellpadding="0" cellspacing="0">
<tr>
<td style="text-align: left">
<el-input></el-input>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<th style="width: 25%">描述</th>
<td style="width: 60%; margin:0; padding: 0">
<table cellpadding="0" cellspacing="0">
<tr>
<td style="text-align: left">
<el-input></el-input>
</td>
</tr>
</table>
</td>
</tr>
</table>
<template #footer>
<div class="dialog-footer">
<el-button type="primary" @click="dialogFormVisible = false">
保存
</el-button>
<el-button @click="dialogFormVisible = false">关闭</el-button>
</div>
</template>
</el-card>
</el-dialog>
</div>
</template>
<script lang="ts" setup>
import {ref, reactive, onMounted, onUnmounted} from 'vue';
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
import {useFloating} from "element-plus";
//分页设置
const currentPage = ref(1)
var pageSize = ref(30)
const disabled = ref(false)
const background = ref(false)
const total = ref(1)
const tableData = ref([
{
index:1,
name:'晴天',
temperature:1.00.toFixed(2),
desc:'晴天1'
},
{
index:2,
name:'阴天',
temperature:-3.00.toFixed(2),
desc:'阴天'
},
{
index:3,
name:'多云',
temperature:-1.00.toFixed(2),
desc:'多云'
}
]);
const tableHeight = ref(500);
const sortField = reactive({});
function setCellStyle({ row, column, rowIndex, columnIndex }) {
let css_color = {};
css_color['padding-left'] = '0px';
css_color['padding-right'] = '0px';
css_color['borderColor'] = '#97d5fd';
css_color['padding'] = '0px';
return css_color;
}
function setHeaderCellStyle({ row, column, rowIndex, columnIndex }) {
let css_color;
var backcolor = 'd9f1ff';
css_color = { 'background-color': '#' + backcolor, 'padding-left': '0px', 'padding-right': '0px', 'borderColor': '#97d5fd', 'color': '#000', 'text-align': 'center', 'vertical-align': 'top' };
var backcolor = 'd9f1ff';
css_color = { 'background-color': '#' + backcolor, 'padding-left': '0px', 'padding-right': '0px', 'borderColor': '#97d5fd', 'color': '#000', 'text-align': 'center', 'vertical-align': 'top' };
return css_color;
}
function handleHeadAddClass({ column }) {
if (sortField[column.property]) {
column.order = sortField[column.property]
}
}
function setContentHeight() {
tableHeight.value = window.innerHeight - 240;
}
onMounted(() => {
window.addEventListener('resize', setContentHeight);
})
onUnmounted(() => {
window.removeEventListener('resize', setContentHeight);
})
const dialogFormVisible = ref(false)
const form = reactive({
name: '',
region: '',
date1: '',
date2: '',
delivery: false,
type: [],
resource: '',
desc: '',
})
</script>
<style lang="less" scoped>
.moduleCard {
width: auto;
overflow: auto;
//max-height: 540px;
padding: 0px;
::v-deep .el-card__body {
padding: 0px;
}
}
.pagination {
padding: 4px;
margin-left: 20px;
height: 30px;
//background-color: #8939cf;
vertical-align: middle;
}
//鼠标所在行的颜色
::v-deep .el-table__body tr:hover>td {
background: linear-gradient(to top, rgb(0, 198, 255), rgb(255, 255, 255)) !important;
}
::v-deep .el-table__body tr.current-row>td {
background-color: #92cbf1 !important;
}
.card-contianer {
width: auto;
height: 70px;
.div-header {
width: 100%;
display: flex;
margin: 20px;
}
}
.el-form-item {
margin-top: -20px;
margin-right: 30px;
}
.el-tag--mini {
height: 21px !important
}
.el-cascader .el-input .el-input__inner:focus, .el-cascader .el-input.is-focus .el-input__inner{
height: 33px; //这里高度根据需求自己设定
}
.el-cascader__tags {
display: inline-flex;
margin-right: 10px;
flex-wrap: nowrap;
}
.contentBlock {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ffffff;
overflow: auto;
}
table {
width: 100%;
}
table,
tr,
th,
td {
font-size: 14px;
margin: 0;
padding: 0;
}
table {
width: 100%;
}
table th {
background-color: #dfe8f6;
text-align: center;
padding: 5px 10px;
}
table td {
text-align: center;
background-color: #ffffff;
padding: 5px 10px;
}
.btngrounp {
width: 300px;
}
.gc td {
background-color: #a6ffa6;
}
.gc td:first-child {
background-color: #ffffff;
}
table.botList td {
width: 33%;
text-align: left;
font-weight: bolder;
}
</style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment