Skip to content

E
energyai_vue
Commit 16938f1f authored by co_dengxiongwen's avatar co_dengxiongwen
Browse files
Options

tj

parent bcb53928
Show whitespace changes
Inline Side-by-side
Showing with 137 additions and 91 deletions
src/pages/eq/office/page.vue
View file @ 16938f1f
......@@ -3,18 +3,51 @@
<cardList cardListTitle="办公区域控制">
<div slot="content">
<el-tabs class="en-tabs" v-model="activeTab">
<el-tab-pane :label="item.label" :name="item.id" v-for="(item, index) in officeTabList" :key="index"></el-tab-pane>
<el-tab-pane
:label="item.label"
:name="item.id"
v-for="(item, index) in officeTabList"
:key="index"
></el-tab-pane>
</el-tabs>
<div style="margin-top: 20px"></div>
<table-list :tableColums="tableColums" :tableData="tableData" :showOpr="true" :opNum="3" :showStateColor="true" :currentMode="currentModel">
<table-list
:tableColums="tableColums"
:tableData="tableData"
:showOpr="true"
:opNum="3"
:showStateColor="true"
:currentMode="currentModel"
>
<template v-slot:operation="scope">
<el-button type="text" @click="statusHandle(scope.scope,1)">开启</el-button>
<el-button type="text" @click="statusHandle(scope.scope,2)">关闭</el-button>
<el-button v-if="activeTab != 'b6af764f2a6e454490a6b1b3c9057e57'" type="text" @click="settingJfkt(scope.scope,3)">设置</el-button>
<el-button type="text" @click="statusHandle(scope.scope, 1)"
>开启</el-button
>
<el-button type="text" @click="statusHandle(scope.scope, 0)"
>关闭</el-button
>
<el-button
v-if="activeTab != 'b6af764f2a6e454490a6b1b3c9057e57'"
type="text"
@click="settingJfkt(scope.scope, 3)"
>设置</el-button
>
</template>
</table-list>
<el-dialog title="空调设置" :visible.sync="jfktDialogVisible" append-to-body width="28%">
<el-form label-position="" :inline="true" :model="formData" label-width="100" :rules="dataRule" ref="dataForm">
<el-dialog
title="空调设置"
:visible.sync="jfktDialogVisible"
append-to-body
width="28%"
>
<el-form
label-position=""
:inline="true"
:model="formData"
label-width="100"
:rules="dataRule"
ref="dataForm"
>
<!-- <el-row>
<el-form-item label="启停控制：" prop="temperature">
<el-switch v-model="newObject.state" active-text="开" inactive-text="关"></el-switch>
......@@ -22,37 +55,70 @@
</el-row> -->
<el-row>
<el-form-item label="温度设定(℃)：" prop="temperature">
<el-input size="mini" v-model.number="formData.temperature" clearable=""></el-input>
<el-input
size="mini"
v-model.number="formData.temperature"
clearable=""
></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" size="mini" @click="changeTemperature2()" >确定</el-button>
<el-button
type="primary"
size="mini"
@click="changeTemperature2()"
>确定</el-button
>
</el-form-item>
</el-row>
<el-row>
<el-form-item label="选择模式：" prop="xzms">
<el-select v-model="formData.xzms" placeholder="请选择">
<el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value"></el-option>
<el-option
v-for="item in options1"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" size="mini" @click="changeTemperature3()" >确定</el-button>
<el-button
type="primary"
size="mini"
@click="changeTemperature3()"
>确定</el-button
>
</el-form-item>
</el-row>
<el-row>
<el-form-item label="选择风速：" prop="xzfs">
<el-select v-model="formData.xzfs" placeholder="请选择">
<el-option v-for="item in options2" :key="item.value" :label="item.label" :value="item.value"></el-option>
<el-option
v-for="item in options2"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" size="mini" @click="changeTemperature4()" >确定</el-button>
<el-button
type="primary"
size="mini"
@click="changeTemperature4()"
>确定</el-button
>
</el-form-item>
</el-row>
</el-form>
</el-dialog>
</div>
</cardList>
<table-pagination :pageSize="pageSize" :totalSize="totalSize" @parentMethod="getDataList"></table-pagination>
<table-pagination
:pageSize="pageSize"
:totalSize="totalSize"
@parentMethod="getDataList"
></table-pagination>
</div>
</template>
<script>
......@@ -74,7 +140,7 @@ export default {
},
data() {
let validateNumber = (rule, value, callback) => {
console.log("value:"+value)
console.log('value:' + value)
if (value < 0) {
callback(new Error('只能输入正整数'))
} else if (value >= 17 && value <= 30) {
......@@ -113,50 +179,30 @@ export default {
label: '多联新风处理机室内机'
}
],
activeName:'first',
activeName: 'first',
newObject: {},
jfktDialogVisible: false,
formData: {},
dataRule: {
temperature: [
{ required: true, message: '温度需要是17-30之间的整数'},
{ required: true, message: '温度需要是17-30之间的整数' },
{ type: 'number', message: '温度必须为数字' },
{validator: validateNumber, trigger: ['blur', 'change']}
{ validator: validateNumber, trigger: ['blur', 'change'] }
],
xzms: [
{ required: true, message: '请选择模式'},
],
xzfs: [
{ required: true, message: '请选择风速'},
]
xzms: [{ required: true, message: '请选择模式' }],
xzfs: [{ required: true, message: '请选择风速' }]
},
options1: [
{ value: '1',
label: '自动模式'
},
{ value: '2',
label: '制冷模式'
},
{ value: '4',
label: '除湿模式'
},
{ value: '8',
label: '送风模式'
},
{ value: '16',
label: '制热模式'
},
{ value: '1', label: '自动模式' },
{ value: '2', label: '制冷模式' },
{ value: '4', label: '除湿模式' },
{ value: '8', label: '送风模式' },
{ value: '16', label: '制热模式' }
],
options2: [
{ value: '2',
label: '高风'
},
{ value: '4',
label: '中风'
},
{ value: '8',
label: '低风'
},
{ value: '2', label: '高风' },
{ value: '4', label: '中风' },
{ value: '8', label: '低风' }
]
}
},
......@@ -358,78 +404,78 @@ export default {
data: {
id: row.id,
status: status,
actionName: row.name + status==1?'开启':'关闭',
actionName: row.name + (status == 1 ? '开启' : '关闭'),
actionType: 1
}
}).then((data) => {
if (data && data.code === 0) {
this.$message.success(data.msg)
}else{
} else {
this.$message.error(data.msg)
}
})
},
// 看起设置空调温度窗口
settingJfkt(row, status){
settingJfkt(row, status) {
this.newObject = row
this.jfktDialogVisible = true
},
// 关闭设置窗口
closeTemperature(){
closeTemperature() {
this.jfktDialogVisible = false
},
// 启停空调,1=开启，2=关闭
changeTemperature1(val){
changeTemperature1(val) {
this.$http({
url: this.$http.adornUrl('/equipment/onOrOff'),
method: 'post',
data: {
id: this.newObject.id,
status: val,
actionName: this.newObject.name + val?'开启':'关闭',
actionName: this.newObject.name + val ? '开启' : '关闭',
actionType: 1
}
}).then((data) => {
if (data && data.code === 0) {
this.$message.success(data.msg)
}else{
} else {
this.$message.error(data.msg)
}
})
},
// 确定设置温度
changeTemperature2(){
changeTemperature2() {
this.$http({
url: this.$http.adornUrl('/equipment/onOrOff'),
method: 'post',
data: {
id: this.newObject.id,
status: this.formData.temperature,
actionName: this.newObject.name + '设定温度控制为:'+temperature,
actionName:
this.newObject.name + '设定温度控制为:' + this.formData.temperature,
actionType: 2
}
}).then((data) => {
if (data && data.code === 0) {
this.$message.success(data.msg)
}else{
} else {
this.$message.error(data.msg)
}
})
},
// 设定模式控制
changeTemperature3(){
let com = ""
if(this.formData.xzms == 1){
com = "设置模式为：自动模式"
}else if(this.formData.xzms == 2){
com = "设置模式为：制冷模式"
}else if(this.formData.xzms == 4){
com = "设置模式为：除湿模式"
}else if(this.formData.xzms == 8){
com = "设置模式为：送风模式"
}else if(this.formData.xzms == 16){
com = "设置模式为：制热模式"
changeTemperature3() {
let com = ''
if (this.formData.xzms == 1) {
com = '设置模式为：自动模式'
} else if (this.formData.xzms == 2) {
com = '设置模式为：制冷模式'
} else if (this.formData.xzms == 4) {
com = '设置模式为：除湿模式'
} else if (this.formData.xzms == 8) {
com = '设置模式为：送风模式'
} else if (this.formData.xzms == 16) {
com = '设置模式为：制热模式'
}
this.$http({
url: this.$http.adornUrl('/equipment/onOrOff'),
......@@ -443,19 +489,19 @@ export default {
}).then((data) => {
if (data && data.code === 0) {
this.$message.success(data.msg)
}else{
} else {
this.$message.error(data.msg)
}
})
},
changeTemperature4(){
let com = ""
if(this.formData.xzfs == 1){
com = "设置风速为：高风"
}else if(this.formData.xzfs == 2){
com = "设置风速为：中风"
}else if(this.formData.xzfs == 4){
com = "设置风速为：低风"
changeTemperature4() {
let com = ''
if (this.formData.xzfs == 2) {
com = '设置风速为：高风'
} else if (this.formData.xzfs == 4) {
com = '设置风速为：中风'
} else if (this.formData.xzfs == 8) {
com = '设置风速为：低风'
}
this.$http({
url: this.$http.adornUrl('/equipment/onOrOff'),
......@@ -469,7 +515,7 @@ export default {
}).then((data) => {
if (data && data.code === 0) {
this.$message.success(data.msg)
}else{
} else {
this.$message.error(data.msg)
}
})
......@@ -478,12 +524,12 @@ export default {
}
</script>
<style scoped>
/deep/ .el-input__inner{
/deep/ .el-input__inner {
height: 28px !important;
line-height: 28px !important;
width: 200px !important;
}
/deep/ .el-form-item__label{
}
/deep/ .el-form-item__label {
width: 150px;
}
}
</style>
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