Commit aa61b149 authored by 王亚晖's avatar 王亚晖
parents 61d73dbc 91888d13
...@@ -30,7 +30,8 @@ html { ...@@ -30,7 +30,8 @@ html {
height: 60px; height: 60px;
position: relative; position: relative;
line-height: 70px; line-height: 70px;
background-color: rgb(82,107,171); //background-color: rgb(82,107,171);
background-color: rgb(31, 63, 141);
} }
.ams-aside .ams-menu { .ams-aside .ams-menu {
...@@ -169,18 +170,29 @@ html { ...@@ -169,18 +170,29 @@ html {
// padding-top: 1vh; // padding-top: 1vh;
/* padding-left: 2vw; */ /* padding-left: 2vw; */
text-align: center; // text-align: center;
color: white; color: white;
} }
.div-contain-title{
margin-top: 5px;
height: 25px;
}
.div-contain-titleAndText{
display: flex;
}
/* 气象信息文本--小文本 */ /* 气象信息文本--小文本 */
.div-contain-text-small { .div-contain-text-small {
font-size: 8pt; font-size: 8pt;
text-align:center; // text-align:center;
vertical-align: top; vertical-align: top;
width: 100px; width: 100px;
} }
/* 气象信息文本--大文本 */ /* 气象信息文本--大文本 */
.div-contain-text-big { .div-contain-text-big {
font-size: 14px; font-size: 14px;
......
<template> <template>
换热站机组循环泵压差远程控制 <el-card style="max-width: 100%">
<template #header>
<div class="card-header">
<el-row>
<el-col :span="12">
<div class="grid-content">
请选择换热机组:
<el-cascader :options="options" :props="props" v-model="option" collapse-tags clearable
:show-all-levels="false" placeholder="请选择" style="min-width: 210px;" />
</div>
</el-col>
<el-col :span="12">
<div class="grid-content">
<el-checkbox v-model="checked" label="循环泵自控功能启用" size="large" border />
</div>
</el-col>
</el-row>
</div>
</template> </template>
<el-row>
<el-col :span="4">
<div class="grid-content">近N小时室外平均温度(℃)</div>
</el-col>
<el-col :span="3">
<div class="grid-content">室外平均T比较设定值(℃)</div>
</el-col>
<el-col :span="3">
<div class="grid-content">压差系数1</div>
</el-col>
<el-col :span="3">
<div class="grid-content">压差系数2</div>
</el-col>
<el-col :span="3">
<div class="grid-content">压差系数2是否投入</div>
</el-col>
<el-col :span="4">
<div class="grid-content">起始时间</div>
</el-col>
<el-col :span="4">
<div class="grid-content">结束时间</div>
</el-col>
</el-row>
<el-row>
<el-col :span="4">
<div class="grid-content"></div>
</el-col>
<el-col :span="3">
<div class="grid-content"><el-input-number v-model="num" size="mx-4" /></div>
</el-col>
<el-col :span="3">
<div class="grid-content"></div>
</el-col>
<el-col :span="3">
<div class="grid-content"></div>
</el-col>
<el-col :span="3">
<div class="grid-content"></div>
</el-col>
<el-col :span="4">
<div class="grid-content"></div>
</el-col>
<el-col :span="4">
<div class="grid-content"></div>
</el-col>
</el-row>
<el-row>
<el-col :span="4">
<div class="grid-content"></div>
</el-col>
<el-col :span="3">
<div class="grid-content"><el-input-number v-model="num" size="mx-4" /></div>
</el-col>
<el-col :span="3">
<div class="grid-content"></div>
</el-col>
<el-col :span="3">
<div class="grid-content"></div>
</el-col>
<el-col :span="3">
<div class="grid-content"></div>
</el-col>
<el-col :span="4">
<div class="grid-content"></div>
</el-col>
<el-col :span="4">
<div class="grid-content"></div>
</el-col>
</el-row>
<el-row>
<el-col :span="4">
<div class="grid-content">30</div>
</el-col>
<el-col :span="3">
<div class="grid-content"><el-input-number v-model="num" size="mx-4" /></div>
</el-col>
<el-col :span="3">
<div class="grid-content"></div>
</el-col>
<el-col :span="3">
<div class="grid-content"></div>
</el-col>
<el-col :span="3">
<div class="grid-content"></div>
</el-col>
<el-col :span="4">
<div class="grid-content"></div>
</el-col>
<el-col :span="4">
<div class="grid-content"></div>
</el-col>
</el-row>
<el-row>
<el-col :span="4">
<div class="grid-content"></div>
</el-col>
<el-col :span="3">
<div class="grid-content"><el-input-number v-model="num" size="mx-4" /></div>
</el-col>
<el-col :span="3">
<div class="grid-content"></div>
</el-col>
<el-col :span="3">
<div class="grid-content"></div>
</el-col>
<el-col :span="3">
<div class="grid-content"></div>
</el-col>
<el-col :span="4">
<div class="grid-content"></div>
</el-col>
<el-col :span="4">
<div class="grid-content"></div>
</el-col>
</el-row>
<el-row>
<el-col :span="4">
<div class="grid-content"></div>
</el-col>
<el-col :span="3">
<div class="grid-content"><el-input-number v-model="num" size="mx-4" /></div>
</el-col>
<el-col :span="3">
<div class="grid-content"></div>
</el-col>
<el-col :span="3">
<div class="grid-content"></div>
</el-col>
<el-col :span="3">
<div class="grid-content"></div>
</el-col>
<el-col :span="4">
<div class="grid-content"></div>
</el-col>
<el-col :span="4">
<div class="grid-content"></div>
</el-col>
</el-row>
<el-row><el-col :span="24"></el-col></el-row>
<el-row><el-col :span="24"></el-col></el-row>
<el-row><el-col :span="24"></el-col></el-row>
<el-row><el-col :span="24"></el-col></el-row>
<el-row><el-col :span="24"></el-col></el-row>
<el-row><el-col :span="24"></el-col></el-row>
<el-row><el-col :span="24"></el-col></el-row>
<el-row><el-col :span="24"></el-col></el-row>
<el-row><el-col :span="24"></el-col></el-row>
<el-row><el-col :span="24"></el-col></el-row>
<el-row><el-col :span="24"></el-col></el-row>
<el-row><el-col :span="24"></el-col></el-row>
<el-row><el-col :span="24"></el-col></el-row>
<el-row><el-col :span="24"></el-col></el-row>
<el-row><el-col :span="24"></el-col></el-row>
<el-row><el-col :span="24"></el-col></el-row>
<el-row><el-col :span="24"></el-col></el-row>
<el-row><el-col :span="24"></el-col></el-row>
</el-card>
</template>
<script lang="ts" setup>
import { ref, reactive } from 'vue'
import store from "../../store/index";
const options = reactive([]);
const option = reactive([]);
const enterpriseId = ref();
const checked = ref(true);
const num = ref(20);
getEnterprise();
function getEnterprise() {
var result = store.getters.getEnterprise();
if (result) {
enterpriseId.value = result[0].enterpriseId;
}
}
const props = { multiple: true, emitPath: false }
//获取换热机组列表
getSupplys();
function getSupplys() {
var result = store.getters.getEnterprise();
if (result) {
result.forEach(element => {
if (element.enterpriseId === enterpriseId.value) {
if (element.enterpriseId === "9BCA54BC-8F27-4849-8D7D-50C5099E1949".toLowerCase()) {
element.serviceCenterList.forEach(center => {
let c = [];
center.supplyList.forEach(supply => {
let chi = [];
supply.transferList.forEach(unit => {
chi.push({ value: unit.unitId, label: unit.unitName });
});
c.push({ children: chi, label: supply.supplyName });
});
options.push({ children: c, label: center.serviceCenterName });
})
} else {
element.supplyList.forEach(element => {
let chi = [];
element.transferList.forEach(unit => {
chi.push({ value: unit.unitId, label: unit.unitName });
})
options.push({ children: chi, label: element.supplyName });
})
}
}
});
}
option.push(options[0].children[0].children[0].value);
}
</script>
<style lang="scss">
.el-row {
margin-bottom: 20px;
}
.el-row:last-child {
margin-bottom: 0;
}
.el-col {
border-radius: 4px;
}
.grid-content {
border-radius: 4px;
min-height: 36px;
}
</style>
\ No newline at end of file
<template> <template>
海康视频 海康视频
</template> </template>
\ No newline at end of file \ No newline at end of file
This diff is collapsed.
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