|
|
@@ -119,7 +119,8 @@
|
|
|
</div>
|
|
|
<div class="panel-footer" @click="">
|
|
|
<i class="el-icon-circle-plus-outline"></i>
|
|
|
- <div class="panel-footer-txt">添加设备</div>
|
|
|
+ <div class="panel-footer-txt" @click="add_device(currentData.rooms[0].room)">
|
|
|
+ 添加设备</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
@@ -190,7 +191,8 @@
|
|
|
</div>
|
|
|
<div class="panel-footer" @click="">
|
|
|
<i class="el-icon-circle-plus-outline"></i>
|
|
|
- <div class="panel-footer-txt">添加设备</div>
|
|
|
+ <div class="panel-footer-txt" @click="add_device(currentData.rooms[1].room)">
|
|
|
+ 添加设备</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
@@ -263,7 +265,8 @@
|
|
|
</div>
|
|
|
<div class="panel-footer" @click="">
|
|
|
<i class="el-icon-circle-plus-outline"></i>
|
|
|
- <div class="panel-footer-txt">添加设备</div>
|
|
|
+ <div class="panel-footer-txt" @click="add_device(currentData.rooms[2].room)">
|
|
|
+ 添加设备</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
@@ -334,7 +337,8 @@
|
|
|
</div>
|
|
|
<div class="panel-footer" @click="">
|
|
|
<i class="el-icon-circle-plus-outline"></i>
|
|
|
- <div class="panel-footer-txt">添加设备</div>
|
|
|
+ <div class="panel-footer-txt" @click="add_device(currentData.rooms[3].room)">
|
|
|
+ 添加设备</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
@@ -399,6 +403,28 @@
|
|
|
<el-button type="primary" @click="dialog_add_room = false">确 定</el-button>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
+ <el-dialog :title="currentData.addDevice + '房间 添加设备'" custom-class="el-dialog-add-device"
|
|
|
+ :visible.sync="dialog_add_device" :close-on-click-modal="false" :close-on-press-escape="false"
|
|
|
+ @close="dialog_close">
|
|
|
+ <el-form :model="form_add_device">
|
|
|
+ <el-form-item label="设备名称：" :label-width="formLabelWidth" :required="true">
|
|
|
+ <el-input v-model="form_add_device.deviceName" autocomplete="off" placeholder="请输入设备名称"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="设备 IP：" :label-width="formLabelWidth" :required="true">
|
|
|
+ <el-input v-model="form_add_device.deviceName" autocomplete="off" placeholder="请输入设备IP"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="设备类型：" :label-width="formLabelWidth" :required="true">
|
|
|
+ <el-checkbox-group v-model="form_add_device.checkedDevice" :min="0" :max="1">
|
|
|
+ <el-checkbox v-for="(device, index) in form_add_device.devices" :label="device" :key="index">
|
|
|
+ {{device}}</el-checkbox>
|
|
|
+ </el-checkbox-group>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="dialog_add_device = false">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="dialog_add_device = false">确 定</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
<el-dialog custom-class="el-dialog-delete-room" :visible.sync="dialog_delete_room" :close-on-click-modal="false"
|
|
|
:close-on-press-escape="false" :show-close="false">
|
|
|
<div slot="" class="del-air-body">
|
|
|
@@ -425,6 +451,7 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+ const deviceOptions = ['1.5P', '2P', '3P', '天花机器（3P）'];
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
@@ -444,7 +471,8 @@
|
|
|
}, {
|
|
|
id: '',
|
|
|
room: '504'
|
|
|
- }]
|
|
|
+ }],
|
|
|
+ addDevice: ''
|
|
|
},
|
|
|
title_any_where: '科技楼5楼',
|
|
|
room_number: 100,
|
|
|
@@ -462,15 +490,22 @@
|
|
|
building: '',
|
|
|
floor: ''
|
|
|
},
|
|
|
- dialog_operator_details: false, // 告警状态
|
|
|
- form_operator_details: { // 告警状态数据
|
|
|
- name: '',
|
|
|
- contact: ''
|
|
|
- },
|
|
|
dialog_add_room: false, // 新增房间
|
|
|
form_add_room: { // 新增房间数据
|
|
|
room: ''
|
|
|
},
|
|
|
+ dialog_add_device: false, // 添加设备
|
|
|
+ form_add_device: { // 添加设备数据
|
|
|
+ deviceName: '',
|
|
|
+ deviceIp: '',
|
|
|
+ checkedDevice: [],
|
|
|
+ devices: deviceOptions
|
|
|
+ },
|
|
|
+ dialog_operator_details: false, // 操作员详情
|
|
|
+ form_operator_details: { // 操作员详情数据
|
|
|
+ name: '',
|
|
|
+ contact: ''
|
|
|
+ },
|
|
|
dialog_delete_room: false, // 删除房间
|
|
|
show_delete_room: '', // 删除房间对话框中用于显示给用户看的
|
|
|
dialog_delete_air: false, // 删除空调
|
|
|
@@ -670,6 +705,11 @@
|
|
|
this.$message.error('出现错误！');
|
|
|
}
|
|
|
},
|
|
|
+ add_device(room) {
|
|
|
+ // this.$message.success(room)
|
|
|
+ this.currentData.addDevice = room
|
|
|
+ this.dialog_add_device = true
|
|
|
+ },
|
|
|
/**
|
|
|
* 操作删除房间
|
|
|
*/
|
|
|
@@ -759,11 +799,13 @@
|
|
|
.el-col {
|
|
|
|
|
|
.nav-box {
|
|
|
- margin: 10px 0 0 10px;
|
|
|
+ margin: 10px 5px 0 10px;
|
|
|
padding: 30px 0;
|
|
|
border-radius: 10px;
|
|
|
background-color: #FFFFFF;
|
|
|
font-size: 18px;
|
|
|
+ // box-shadow: 5px 5px 15px #979797;
|
|
|
+ box-shadow: 0px 3px 21px 0px rgba(60, 108, 254, 0.16);
|
|
|
|
|
|
.item-loudong {
|
|
|
display: flex;
|
|
|
@@ -838,6 +880,8 @@
|
|
|
padding: 30px;
|
|
|
border-radius: 10px;
|
|
|
background-color: #FFFFFF;
|
|
|
+ // box-shadow: 5px 5px 15px #979797;
|
|
|
+ box-shadow: 0px 3px 21px 0px rgba(60, 108, 254, 0.16);
|
|
|
|
|
|
.cell-title {
|
|
|
display: flex;
|
|
|
@@ -1193,6 +1237,11 @@
|
|
|
width: 500px !important;
|
|
|
}
|
|
|
|
|
|
+ .el-dialog-add-device {
|
|
|
+ height: 410px !important;
|
|
|
+ width: 500px !important;
|
|
|
+ }
|
|
|
+
|
|
|
.el-dialog-delete-air {
|
|
|
height: 300px !important;
|
|
|
}
|
程志平