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