Commit 932fae65 authored by co_dengxiongwen's avatar co_dengxiongwen

页面调整

parent 38d4ae1a
src/assets/images/pointType/jfktp.png

6.83 KB | W: | H:

src/assets/images/pointType/jfktp.png

6.46 KB | W: | H:

src/assets/images/pointType/jfktp.png
src/assets/images/pointType/jfktp.png
src/assets/images/pointType/jfktp.png
src/assets/images/pointType/jfktp.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/images/pointType/jfktp2.png

8.41 KB | W: | H:

src/assets/images/pointType/jfktp2.png

7.97 KB | W: | H:

src/assets/images/pointType/jfktp2.png
src/assets/images/pointType/jfktp2.png
src/assets/images/pointType/jfktp2.png
src/assets/images/pointType/jfktp2.png
  • 2-up
  • Swipe
  • Onion skin
src/layout/header-aside/imgs/logo2.png

5.98 KB | W: | H:

src/layout/header-aside/imgs/logo2.png

8.55 KB | W: | H:

src/layout/header-aside/imgs/logo2.png
src/layout/header-aside/imgs/logo2.png
src/layout/header-aside/imgs/logo2.png
src/layout/header-aside/imgs/logo2.png
  • 2-up
  • Swipe
  • Onion skin
...@@ -113,11 +113,7 @@ export default { ...@@ -113,11 +113,7 @@ export default {
}, },
{ {
value: 'ece0b8b2db27411886254e81134988a3', value: 'ece0b8b2db27411886254e81134988a3',
label: '机房空调(220V)' label: '机房空调'
},
{
value: 'b47661ca1d454f9792ba5369f3cb2bc5',
label: '机房空调(380V)'
}, },
{ {
value: 'b45827c068254695864ee3c1d42573cb', value: 'b45827c068254695864ee3c1d42573cb',
......
...@@ -156,3 +156,26 @@ ...@@ -156,3 +156,26 @@
label: '设备编号' label: '设备编号'
} }
] ]
export const tableColumsFour = [
{
align: 'center',
prop: 'name',
label: '设备名称'
},
{
align: 'center',
prop: 'deployLocation',
label: '设备位置'
},
{
align: 'center',
prop: 'statusName',
label: '设备状态'
},
{
align: 'center',
prop: 'code',
label: '设备编号'
}
]
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
:key="item.id" :key="item.id"
:class="[ :class="[
item.id == currentId && active ? 'isActive' : '', item.id == currentId && active ? 'isActive' : '',
item.icon, item.icon
]" ]"
> >
<!-- <img :src="item.src" alt="" /> --> <!-- <img :src="item.src" alt="" /> -->
...@@ -66,7 +66,7 @@ ...@@ -66,7 +66,7 @@
:picker-options="{ :picker-options="{
start: '00:00', start: '00:00',
step: '00:15', step: '00:15',
end: '24:00', end: '24:00'
}" }"
> >
</el-time-select> </el-time-select>
...@@ -79,7 +79,7 @@ ...@@ -79,7 +79,7 @@
start: '00:00', start: '00:00',
step: '00:15', step: '00:15',
end: '24:00', end: '24:00',
minTime: formData.startTime, minTime: formData.startTime
}" }"
> >
</el-time-select> </el-time-select>
...@@ -159,7 +159,12 @@ import enTabs from '../../components/enTabs' ...@@ -159,7 +159,12 @@ import enTabs from '../../components/enTabs'
import hallModal from './components/hallModal' import hallModal from './components/hallModal'
import tablePagination from '@/pages/components/tablePagination' import tablePagination from '@/pages/components/tablePagination'
import { tableColumsOne, tableColumsTwo, tableColumsThree } from './config' import {
tableColumsOne,
tableColumsTwo,
tableColumsThree,
tableColumsFour
} from './config'
export default { export default {
components: { components: {
...@@ -225,6 +230,14 @@ export default { ...@@ -225,6 +230,14 @@ export default {
value: '03', value: '03',
label: ' 水泵', label: ' 水泵',
id: 'f4c840711eae4bcb9536a890cdfda493' id: 'f4c840711eae4bcb9536a890cdfda493'
},
{
id: 'c788ce98c1f248f590434394da485ce4',
label: '电动门帘'
},
{
id: '49f5921a6d7f43cfa222c09f0223ae04',
label: '电动排烟窗'
} }
], ],
hallModalVisible: false hallModalVisible: false
...@@ -248,15 +261,18 @@ export default { ...@@ -248,15 +261,18 @@ export default {
switch (val) { switch (val) {
case 'b45827c068254695864ee3c1d42573cb': case 'b45827c068254695864ee3c1d42573cb':
this.tableColums = tableColumsOne this.tableColums = tableColumsOne
// this.tableData = tableDataOne
break break
case '303310efddb34a2e9bf269bdff8a7dc5': case '303310efddb34a2e9bf269bdff8a7dc5':
this.tableColums = tableColumsTwo this.tableColums = tableColumsTwo
// this.tableData = tableDataTwo
break break
case 'f4c840711eae4bcb9536a890cdfda493': case 'f4c840711eae4bcb9536a890cdfda493':
this.tableColums = tableColumsThree this.tableColums = tableColumsThree
// this.tableData = tableDataThree break
case 'c788ce98c1f248f590434394da485ce4':
this.tableColums = tableColumsFour
break
case '49f5921a6d7f43cfa222c09f0223ae04':
this.tableColums = tableColumsFour
break break
} }
} }
...@@ -343,11 +359,7 @@ export default { ...@@ -343,11 +359,7 @@ export default {
'hot_air_stop_temperature', 'hot_air_stop_temperature',
e.hot_air_stop_temperature e.hot_air_stop_temperature
) )
this.$set( this.$set(this.tableData[i], 'electric_energy', e.electric_energy)
this.tableData[i],
'electric_energy',
e.electric_energy
)
} }
}) })
} else if ( } else if (
...@@ -356,11 +368,7 @@ export default { ...@@ -356,11 +368,7 @@ export default {
//室内机风柜 //室内机风柜
this.sljfgList.forEach((e) => { this.sljfgList.forEach((e) => {
if (this.tableData[i].id === e.resource_id) { if (this.tableData[i].id === e.resource_id) {
this.$set( this.$set(this.tableData[i], 'electric_energy', e.electric_energy)
this.tableData[i],
'electric_energy',
e.electric_energy
)
this.$set( this.$set(
this.tableData[i], this.tableData[i],
'current_frequency', 'current_frequency',
...@@ -381,6 +389,14 @@ export default { ...@@ -381,6 +389,14 @@ export default {
) )
} }
}) })
} else if (
this.tableData[i].type === 'c788ce98c1f248f590434394da485ce4'
) {
//电动门帘
} else if (
this.tableData[i].type === '49f5921a6d7f43cfa222c09f0223ae04'
) {
//电动排烟窗
} }
} }
}, },
......
...@@ -68,26 +68,3 @@ ...@@ -68,26 +68,3 @@
label: '设备编号' label: '设备编号'
} }
] ]
export const tableColumsThree = [
{
align: 'center',
prop: 'name',
label: '设备名称'
},
{
align: 'center',
prop: 'deployLocation',
label: '设备位置'
},
{
align: 'center',
prop: 'statusName',
label: '设备状态'
},
{
align: 'center',
prop: 'code',
label: '设备编号'
}
]
...@@ -64,7 +64,7 @@ ...@@ -64,7 +64,7 @@
import cardList from '../../components/cardList' import cardList from '../../components/cardList'
import enTabs from '../../components/enTabs' import enTabs from '../../components/enTabs'
import enTable from '../../components/enTable' import enTable from '../../components/enTable'
import { tableColumsOne, tableColumsTwo, tableColumsThree } from './config' import { tableColumsOne, tableColumsTwo } from './config'
import tablePagination from '@/pages/components/tablePagination' import tablePagination from '@/pages/components/tablePagination'
export default { export default {
name: 'officeAreaControl', name: 'officeAreaControl',
...@@ -90,15 +90,7 @@ export default { ...@@ -90,15 +90,7 @@ export default {
}, },
{ {
id: 'ece0b8b2db27411886254e81134988a3', id: 'ece0b8b2db27411886254e81134988a3',
label: '机房空调(220V)' label: '机房空调'
},
{
id: 'b47661ca1d454f9792ba5369f3cb2bc5',
label: '机房空调(380V)'
},
{
id: 'c788ce98c1f248f590434394da485ce4',
label: '电动卷帘门'
}, },
{ {
id: '173466a2cf9a42a6a17b2bdfbeae36d5', id: '173466a2cf9a42a6a17b2bdfbeae36d5',
...@@ -108,10 +100,6 @@ export default { ...@@ -108,10 +100,6 @@ export default {
id: '8f5530fee2484e8eb107c0ca672132b2', id: '8f5530fee2484e8eb107c0ca672132b2',
label: '多联室外机' label: '多联室外机'
}, },
{
id: '49f5921a6d7f43cfa222c09f0223ae04',
label: '电动排烟窗'
},
{ {
id: '8f0787103561423887324f8ac3c36b89', id: '8f0787103561423887324f8ac3c36b89',
label: '多联新风处理机室内机' label: '多联新风处理机室内机'
...@@ -126,9 +114,6 @@ export default { ...@@ -126,9 +114,6 @@ export default {
jfktpList() { jfktpList() {
return this.$store.state.d2admin.paramsList.list.jfktpList return this.$store.state.d2admin.paramsList.list.jfktpList
}, },
jfktgList() {
return this.$store.state.d2admin.paramsList.list.jfktgList
},
dlswjList() { dlswjList() {
return this.$store.state.d2admin.paramsList.list.dlswjList return this.$store.state.d2admin.paramsList.list.dlswjList
}, },
...@@ -150,21 +135,12 @@ export default { ...@@ -150,21 +135,12 @@ export default {
case 'ece0b8b2db27411886254e81134988a3': case 'ece0b8b2db27411886254e81134988a3':
this.tableColums = tableColumsOne this.tableColums = tableColumsOne
break break
case 'b47661ca1d454f9792ba5369f3cb2bc5':
this.tableColums = tableColumsOne
break
case 'c788ce98c1f248f590434394da485ce4':
this.tableColums = tableColumsThree
break
case '173466a2cf9a42a6a17b2bdfbeae36d5': case '173466a2cf9a42a6a17b2bdfbeae36d5':
this.tableColums = tableColumsTwo this.tableColums = tableColumsTwo
break break
case '8f5530fee2484e8eb107c0ca672132b2': case '8f5530fee2484e8eb107c0ca672132b2':
this.tableColums = tableColumsOne this.tableColums = tableColumsOne
break break
case '49f5921a6d7f43cfa222c09f0223ae04':
this.tableColums = tableColumsThree
break
case '8f0787103561423887324f8ac3c36b89': case '8f0787103561423887324f8ac3c36b89':
this.tableColums = tableColumsTwo this.tableColums = tableColumsTwo
break break
...@@ -211,29 +187,12 @@ export default { ...@@ -211,29 +187,12 @@ export default {
} else if ( } else if (
this.tableData[i].type === 'ece0b8b2db27411886254e81134988a3' this.tableData[i].type === 'ece0b8b2db27411886254e81134988a3'
) { ) {
//机房空调(220V) //机房空调
this.jfktpList.forEach((e) => { this.jfktpList.forEach((e) => {
if (this.tableData[i].id === e.resource_id) { if (this.tableData[i].id === e.resource_id) {
this.$set(this.tableData[i], 'electric_energy', e.electric_energy) this.$set(this.tableData[i], 'electric_energy', e.electric_energy)
} }
}) })
} else if (
this.tableData[i].type === 'b47661ca1d454f9792ba5369f3cb2bc5'
) {
//机房空调(380V)
this.jfktgList.forEach((e) => {
if (this.tableData[i].id === e.resource_id) {
this.$set(this.tableData[i], 'electric_energy', e.electric_energy)
}
})
} else if (
this.tableData[i].type === 'c788ce98c1f248f590434394da485ce4'
) {
//自动卷帘门
} else if (
this.tableData[i].type === '49f5921a6d7f43cfa222c09f0223ae04'
) {
//电动排烟窗
} else if ( } else if (
this.tableData[i].type === '8f5530fee2484e8eb107c0ca672132b2' this.tableData[i].type === '8f5530fee2484e8eb107c0ca672132b2'
) { ) {
......
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
<div class="f-item pull-left"> <div class="f-item pull-left">
<img src="./image/sun_icon.png" alt="" /> <img src="./image/sun_icon.png" alt="" />
<div class="card-desc"> <div class="card-desc">
<span>办公区域供暖模式</span> <span>候车大厅供暖模式</span>
</div> </div>
<div class="card-text"> <div class="card-text">
<p v-if="dataList.sun == 1" style="color: #4ecb74">开启</p> <p v-if="dataList.sun == 1" style="color: #4ecb74">开启</p>
...@@ -44,7 +44,7 @@ ...@@ -44,7 +44,7 @@
<div class="f-item pull-left"> <div class="f-item pull-left">
<img src="./image/fan_icon.png" alt="" /> <img src="./image/fan_icon.png" alt="" />
<div class="card-desc"> <div class="card-desc">
<span>办公区域机械通风模式</span> <span>候车大厅机械通风模式</span>
</div> </div>
<div class="card-text"> <div class="card-text">
<p v-if="dataList.fan == 1" style="color: #4ecb74">开启</p> <p v-if="dataList.fan == 1" style="color: #4ecb74">开启</p>
...@@ -54,7 +54,7 @@ ...@@ -54,7 +54,7 @@
<div class="f-item pull-left"> <div class="f-item pull-left">
<img src="./image/nan_fan_icon.png" alt="" /> <img src="./image/nan_fan_icon.png" alt="" />
<div class="card-desc"> <div class="card-desc">
<span>办公区域自然通风模式</span> <span>候车大厅自然通风模式</span>
</div> </div>
<div class="card-text"> <div class="card-text">
<p v-if="dataList.nan == 1" style="color: #4ecb74">开启</p> <p v-if="dataList.nan == 1" style="color: #4ecb74">开启</p>
......
...@@ -5,7 +5,7 @@ card-warp(title="室内气象数据", height="45px", showBackground) ...@@ -5,7 +5,7 @@ card-warp(title="室内气象数据", height="45px", showBackground)
el-button(size="mini", type="primary") 综合图形 el-button(size="mini", type="primary") 综合图形
div(slot="content", style="height: 40%") div(slot="content", style="height: 40%")
el-tabs.myTabs(v-model="activeName", @tab-click="tabClick") el-tabs.myTabs(v-model="activeName", @tab-click="tabClick")
el-tab-pane(label="候车区域", name="1") el-tab-pane(label="候车区域", name="1")
el-tab-pane(label="办公区域", name="2") el-tab-pane(label="办公区域", name="2")
el-form(:inline="true", :mode="formData") el-form(:inline="true", :mode="formData")
el-form-item(label="设备名称:", prop="name") el-form-item(label="设备名称:", prop="name")
...@@ -14,30 +14,36 @@ card-warp(title="室内气象数据", height="45px", showBackground) ...@@ -14,30 +14,36 @@ card-warp(title="室内气象数据", height="45px", showBackground)
el-input(size="mini", v-model="formData.code", clearable) el-input(size="mini", v-model="formData.code", clearable)
el-form-item el-form-item
el-button(type="primary", size="mini", @click="getDataList()") 查询 el-button(type="primary", size="mini", @click="getDataList()") 查询
//- el-button(@click="csHandle" size="mini" icon="el-icon-search" type="primary") 发送消息
.data-warp .data-warp
.data-item .data-item
.type 平均温度 .type(v-if="activeName == 1") 平均温度
.type(v-else) 温度
.color-blue(v-if="hcdtSnqx") .color-blue(v-if="hcdtSnqx")
span.num(v-if="activeName == 1") {{ hcdtSnqx.temperature }} span.num(v-if="activeName == 1") {{ hcdtSnqx.temperature }}
span.num(v-else) {{ bgqySnqx.temperature }} span.num(v-else) {{ currentRow.temperature?currentRow.temperature:'-- ' }}
span.unit ℃ span.unit ℃
.data-item .data-item
.type 平均湿度 .type(v-if="activeName == 1") 平均湿度
.type(v-else) 湿度
.color-cyan(v-if="hcdtSnqx") .color-cyan(v-if="hcdtSnqx")
span.num(v-if="activeName == 1") {{ hcdtSnqx.humidity }} span.num(v-if="activeName == 1") {{ hcdtSnqx.humidity }}
span.num(v-else) {{ bgqySnqx.humidity }} span.num(v-else) {{ currentRow.humidity?currentRow.humidity:'-- ' }}
span.unit %RH span.unit %RH
.data-item .data-item
.type 平均CO .type(v-if="activeName == 1") 平均CO
.type(v-else) CO
sub 2 sub 2
.color-green(v-if="hcdtSnqx") .color-green(v-if="hcdtSnqx")
span.num(v-if="activeName == 1") {{ hcdtSnqx.carbon_dioxide }} span.num(v-if="activeName == 1") {{ hcdtSnqx.carbon_dioxide }}
span.num(v-else) {{ bgqySnqx.carbon_dioxide }} span.num(v-else) {{ currentRow.carbon_dioxide?currentRow.carbon_dioxide:'-- ' }}
span.unit PPM span.unit PPM
el-table( el-table(
size="mini", size="mini",
:data="dataList", :data="dataList",
stripe, stripe,
highlight-current-row,
@current-change="handleCurrentChange",
v-loading="dataListLoading", v-loading="dataListLoading",
style="width: 100%", style="width: 100%",
:header-cell-style="{ background: '#EEF8FF', color: '#333333' }" :header-cell-style="{ background: '#EEF8FF', color: '#333333' }"
...@@ -50,6 +56,14 @@ card-warp(title="室内气象数据", height="45px", showBackground) ...@@ -50,6 +56,14 @@ card-warp(title="室内气象数据", height="45px", showBackground)
width="50", width="50",
label="序号" label="序号"
) )
el-table-column(
:resizable="false",
prop="deployLocation",
header-align="center",
align="center",
width="240",
label="设备位置"
)
el-table-column( el-table-column(
:resizable="false", :resizable="false",
prop="code", prop="code",
...@@ -83,7 +97,7 @@ card-warp(title="室内气象数据", height="45px", showBackground) ...@@ -83,7 +97,7 @@ card-warp(title="室内气象数据", height="45px", showBackground)
) )
el-table-column( el-table-column(
:resizable="false", :resizable="false",
prop="carbonDioxide", prop="carbon_dioxide",
header-align="center", header-align="center",
align="center" align="center"
) )
...@@ -141,6 +155,7 @@ export default { ...@@ -141,6 +155,7 @@ export default {
return { return {
historyVisible: false, historyVisible: false,
activeName: '1', activeName: '1',
currentRow: {},
formData: {}, formData: {},
dataList: [], dataList: [],
dataListLoading: false, dataListLoading: false,
...@@ -160,13 +175,41 @@ export default { ...@@ -160,13 +175,41 @@ export default {
return this.$store.state.d2admin.paramsList.list.snqxzList return this.$store.state.d2admin.paramsList.list.snqxzList
} }
}, },
watch: {}, watch: {
hcdtSnqx: {
handler(n, o) {
if (n) {
this.setDataList()
}
},
deep: true
},
bgqySnqx: {
handler(n, o) {
if (n) {
this.setDataList()
}
},
deep: true
},
snqxzList: {
handler(n, o) {
if (n) {
this.setDataList()
}
},
deep: true
}
},
mounted() { mounted() {
this.getDataList() this.getDataList()
}, },
methods: { methods: {
tabClick(tab, event) { tabClick(tab, event) {
this.formData = {} this.formData = {}
if (this.activeName === '1') {
this.currentRow = {}
}
this.getDataList() this.getDataList()
}, },
// 获取数据列表 // 获取数据列表
...@@ -203,17 +246,34 @@ export default { ...@@ -203,17 +246,34 @@ export default {
if (this.snqxzList[i].resource_id === e.id) { if (this.snqxzList[i].resource_id === e.id) {
this.$set(e, 'temperature', this.snqxzList[i].temperature) this.$set(e, 'temperature', this.snqxzList[i].temperature)
this.$set(e, 'humidity', this.snqxzList[i].humidity) this.$set(e, 'humidity', this.snqxzList[i].humidity)
this.$set(e, 'carbonDioxide', this.snqxzList[i].carbon_dioxide) this.$set(e, 'carbon_dioxide', this.snqxzList[i].carbon_dioxide)
} }
}) })
} }
}, },
csHandle() {
this.$http({
url: this.$http.adornUrl('/equipment/sendParamsInfo'),
method: 'post',
params: this.$http.adornParams({})
}).then((data) => {
if (data && data.code === 0) {
}
})
},
showParams(data, type) { showParams(data, type) {
console.log(111) console.log(111)
this.historyVisible = true this.historyVisible = true
this.$nextTick(() => { this.$nextTick(() => {
this.$refs.history.init(data, type) this.$refs.history.init(data, type)
}) })
},
handleCurrentChange(val) {
if (this.activeName === '2') {
this.currentRow = val
}
console.log('currentRow:', this.currentRow)
} }
} }
} }
...@@ -267,7 +327,7 @@ export default { ...@@ -267,7 +327,7 @@ export default {
font-size: 36px; font-size: 36px;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 600; font-weight: 600;
color: #21acfc; // color: #21acfc;
padding-top: 12px; padding-top: 12px;
} }
.unit { .unit {
......
...@@ -134,11 +134,7 @@ export default { ...@@ -134,11 +134,7 @@ export default {
}, },
{ {
value: 'ece0b8b2db27411886254e81134988a3', value: 'ece0b8b2db27411886254e81134988a3',
label: '机房空调(220V)' label: '机房空调'
},
{
value: 'b47661ca1d454f9792ba5369f3cb2bc5',
label: '机房空调(380V)'
}, },
{ {
value: 'b45827c068254695864ee3c1d42573cb', value: 'b45827c068254695864ee3c1d42573cb',
...@@ -162,9 +158,6 @@ export default { ...@@ -162,9 +158,6 @@ export default {
jfktpList() { jfktpList() {
return this.$store.state.d2admin.paramsList.list.jfktpList return this.$store.state.d2admin.paramsList.list.jfktpList
}, },
jfktgList() {
return this.$store.state.d2admin.paramsList.list.jfktgList
},
flrbList() { flrbList() {
return this.$store.state.d2admin.paramsList.list.flrbList return this.$store.state.d2admin.paramsList.list.flrbList
}, },
...@@ -178,6 +171,46 @@ export default { ...@@ -178,6 +171,46 @@ export default {
watch: { watch: {
activeTab() { activeTab() {
this.getDataList() this.getDataList()
},
pfjList: {
handler(n, o) {
if (n) {
this.setDataList()
}
},
deep: true
},
jfktpList: {
handler(n, o) {
if (n) {
this.setDataList()
}
},
deep: true
},
flrbList: {
handler(n, o) {
if (n) {
this.setDataList()
}
},
deep: true
},
sljfgList: {
handler(n, o) {
if (n) {
this.setDataList()
}
},
deep: true
},
dlswjList: {
handler(n, o) {
if (n) {
this.setDataList()
}
},
deep: true
} }
}, },
mounted() { mounted() {
...@@ -235,21 +268,12 @@ export default { ...@@ -235,21 +268,12 @@ export default {
} else if ( } else if (
this.tableData[i].type === 'ece0b8b2db27411886254e81134988a3' this.tableData[i].type === 'ece0b8b2db27411886254e81134988a3'
) { ) {
//机房空调(220V) //机房空调
this.jfktpList.forEach((e) => { this.jfktpList.forEach((e) => {
if (this.tableData[i].id === e.resource_id) { if (this.tableData[i].id === e.resource_id) {
this.$set(this.tableData[i], 'electric_energy', e.electric_energy) this.$set(this.tableData[i], 'electric_energy', e.electric_energy)
} }
}) })
} else if (
this.tableData[i].type === 'b47661ca1d454f9792ba5369f3cb2bc5'
) {
//机房空调(380V)
this.jfktgList.forEach((e) => {
if (this.tableData[i].id === e.resource_id) {
this.$set(this.tableData[i], 'electric_energy', e.electric_energy)
}
})
} else if ( } else if (
this.tableData[i].type === 'b45827c068254695864ee3c1d42573cb' this.tableData[i].type === 'b45827c068254695864ee3c1d42573cb'
) { ) {
......
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