增加机电样式
This commit is contained in:
zyy
parent
1501124923
commit
610dff44d4
@ -17,7 +17,7 @@
|
||||
<div>运行</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<div class="button-box">小新风空调</div>
|
||||
<div class="button-box" @click="SmallAirConditioning">小新风空调</div>
|
||||
<div class="button-box">全新风空调</div>
|
||||
<div class="button-box">非空调季节</div>
|
||||
<div class="button-box">冬季模式</div>
|
||||
@ -76,12 +76,34 @@
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<el-dialog title="" :visible.sync="dialogVisible" width="600px" :before-close="handleClose" class="dialog-div">
|
||||
<div>
|
||||
<div class="dialog-box">
|
||||
<div class="title">模式类别</div>
|
||||
<div class="content">
|
||||
<div class="stand-title">会展中心站</div>
|
||||
<div class="stand-control">系统模式控制</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dialog-box">
|
||||
<div class="title">启动模式号</div>
|
||||
<div class="content">
|
||||
<div class="model">101</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="dialogVisible = false">取 消</el-button>
|
||||
<el-button type="primary" @click="dialogVisible = false">执 行</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
dialogVisible: false,
|
||||
tableTitleStyle: 'text-align: center; height: 28px; padding: 0;background: #45607B;',
|
||||
rowStyle: 'text-align: center;height: 28px; padding: 0; background: #45607B;',
|
||||
tableData: [{
|
||||
@ -139,11 +161,11 @@ export default {
|
||||
city: '普陀区',
|
||||
zip: 200333
|
||||
}, {
|
||||
date: '2016-05-07',
|
||||
name: '王小虎',
|
||||
province: '上海',
|
||||
city: '普陀区',
|
||||
zip: 200333
|
||||
date: '',
|
||||
name: '',
|
||||
province: '',
|
||||
city: '',
|
||||
zip: ''
|
||||
}]
|
||||
};
|
||||
},
|
||||
@ -176,8 +198,9 @@ export default {
|
||||
}
|
||||
}
|
||||
},
|
||||
detail(item) {
|
||||
SmallAirConditioning(item) {
|
||||
console.log(item);
|
||||
this.dialogVisible = true;
|
||||
}
|
||||
}
|
||||
};
|
||||
@ -226,7 +249,7 @@ export default {
|
||||
height: 28px;
|
||||
text-align: center;
|
||||
line-height: 28px;
|
||||
background-color: #A7A7A7;
|
||||
background-color: #ccc;
|
||||
float: left;
|
||||
font-size: 12px;
|
||||
color: #333;
|
||||
@ -246,6 +269,38 @@ export default {
|
||||
border-bottom: 1px solid #fff;
|
||||
}
|
||||
}
|
||||
.dialog-box{
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
margin-bottom: 10px;
|
||||
.title{
|
||||
float: left;
|
||||
width: 90px;
|
||||
text-align: left;
|
||||
}
|
||||
.content{
|
||||
float: left;
|
||||
width: 400px;
|
||||
background: #efefef;
|
||||
height: 40px;
|
||||
padding-left: 15px;
|
||||
.stand-title{
|
||||
float: left;
|
||||
margin-right: 50px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
}
|
||||
.stand-control{
|
||||
float: left;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
}
|
||||
.model{
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.control-bas{
|
||||
margin: 30px;
|
||||
@ -293,5 +348,8 @@ export default {
|
||||
.el-table--border th:first-child .cell{
|
||||
padding: 0;
|
||||
}
|
||||
.dialog-div .el-dialog__body{
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
222
src/views/iscs/iscsSystem/config/bas/controlPermissionBAS.vue
Normal file
222
src/views/iscs/iscsSystem/config/bas/controlPermissionBAS.vue
Normal file
@ -0,0 +1,222 @@
|
||||
<template>
|
||||
<div class="permission-box">
|
||||
<div class="title-name">会展中心站控制权移交</div>
|
||||
<div class="content-box">
|
||||
<div class="content-top">
|
||||
<div class="content-left">
|
||||
<div class="title_name">通风系统</div>
|
||||
<div class="content_box">
|
||||
<div class="button-box">
|
||||
<div class="button">
|
||||
<p>转移控制</p>
|
||||
<p>权限至中心</p>
|
||||
</div>
|
||||
<div class="button">
|
||||
<p>接收控制权限</p>
|
||||
</div>
|
||||
<div class="button" style="margin-bottom: 0px;">
|
||||
<p>强制收回</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-right">
|
||||
<span style="margin-right: 12px; color: #fff;">控制权状态</span>
|
||||
<span>车站</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-left">
|
||||
<div class="title_name">冷水系统</div>
|
||||
<div class="content_box">
|
||||
<div class="button-box">
|
||||
<div class="button">
|
||||
<p>转移控制</p>
|
||||
<p>权限至中心</p>
|
||||
</div>
|
||||
<div class="button">
|
||||
<p>接收控制权限</p>
|
||||
</div>
|
||||
<div class="button" style="margin-bottom: 0px;">
|
||||
<p>强制收回</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-right">
|
||||
<span style="margin-right: 12px; color: #fff;">控制权状态</span>
|
||||
<span>车站</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-top">
|
||||
<div class="content-left">
|
||||
<div class="title_name">照明系统</div>
|
||||
<div class="content_box">
|
||||
<div class="button-box">
|
||||
<div class="button">
|
||||
<p>转移控制</p>
|
||||
<p>权限至中心</p>
|
||||
</div>
|
||||
<div class="button">
|
||||
<p>接收控制权限</p>
|
||||
</div>
|
||||
<div class="button" style="margin-bottom: 0px;">
|
||||
<p>强制收回</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-right">
|
||||
<span style="margin-right: 12px; color: #fff;">控制权状态</span>
|
||||
<span>车站</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-left">
|
||||
<div class="title_name">电/扶梯及排水系统</div>
|
||||
<div class="content_box">
|
||||
<div class="button-box">
|
||||
<div class="button">
|
||||
<p>转移控制</p>
|
||||
<p>权限至中心</p>
|
||||
</div>
|
||||
<div class="button">
|
||||
<p>接收控制权限</p>
|
||||
</div>
|
||||
<div class="button" style="margin-bottom: 0px;">
|
||||
<p>强制收回</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-right">
|
||||
<span style="margin-right: 12px; color: #fff;">控制权状态</span>
|
||||
<span>车站</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-left" style="margin-right: 0; margin-top: 18px;">
|
||||
<div class="title_name" />
|
||||
<div class="content_box bottom_content">
|
||||
<div class="button-box" style="width: 100%;">
|
||||
<div class="button">
|
||||
<p>强制回收</p>
|
||||
<p>全站权限</p>
|
||||
</div>
|
||||
<div class="button">
|
||||
<p>接受全站</p>
|
||||
<p>控制权限</p>
|
||||
</div>
|
||||
<div class="button" style="margin-bottom: 0px;">
|
||||
<p>全站权限</p>
|
||||
<p>权限至中心</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
|
||||
};
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
p{
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
.permission-box{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding-top: 30px;
|
||||
overflow-y: auto;
|
||||
padding-bottom: 50px;
|
||||
.title-name{
|
||||
width: 1200px;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
font-size: 26px;
|
||||
color: #56E5DE;
|
||||
height: 30px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.content-box{
|
||||
width: 1200px;
|
||||
margin: 0 auto;
|
||||
.content-top{
|
||||
width: 100%;
|
||||
margin-bottom: 50px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.content-left{
|
||||
float: left;
|
||||
margin-right: 120px;
|
||||
.title_name{
|
||||
margin-bottom: 40px;
|
||||
font-size: 14px;
|
||||
color: #fff;
|
||||
}
|
||||
.content_box{
|
||||
width: 400px;
|
||||
height: 200px;
|
||||
border: 1px solid #fff;
|
||||
.button-box{
|
||||
float: left;
|
||||
height: 100%;
|
||||
width: 40%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
.button{
|
||||
width: 95px;
|
||||
height: 40px;
|
||||
text-align: center;
|
||||
background-color: #A7A7A7;
|
||||
float: left;
|
||||
font-size: 12px;
|
||||
color: #333;
|
||||
font-weight: bold;
|
||||
margin-left: 5px;
|
||||
margin-bottom: 2px;
|
||||
box-sizing: border-box;
|
||||
border-top: 2px solid #fff;
|
||||
border-left: 2px solid #fff;
|
||||
border-right: 2px solid #565656;
|
||||
border-bottom: 2px solid #565656;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-bottom: 20px;
|
||||
&.active, &:hover{
|
||||
background: #EBB570;
|
||||
border-top: 2px solid #795B31;
|
||||
border-left: 2px solid #795B31;
|
||||
border-right: 2px solid #fff;
|
||||
border-bottom: 2px solid #fff;
|
||||
}
|
||||
p{
|
||||
line-height: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.text-right{
|
||||
width: 60%;
|
||||
float: left;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
.bottom_content{
|
||||
border: none;
|
||||
width: 100px;
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div>
|
||||
车站控制
|
||||
<div class="control-cctv-box">
|
||||
<div class="title-name">车站控制</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
@ -8,3 +8,18 @@ export default {
|
||||
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.control-cctv-box{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding-top: 30px;
|
||||
padding-bottom: 40px;
|
||||
.title-name{
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 26px;
|
||||
margin-top: 30px;
|
||||
color: #56E5DE;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -10,6 +10,7 @@
|
||||
<station-network v-else-if="mode === 'StationNetwork'" />
|
||||
<emergency-release v-else-if="mode === 'EmergencyRelease'" />
|
||||
<controlBAS v-else-if="mode === 'controlBAS'" />
|
||||
<controlPermissionBAS v-else-if="mode === 'controlPermissionBAS'" />
|
||||
<mainScreenPA v-else-if="mode === 'mainScreenPA'" />
|
||||
<radioListeningPA v-else-if="mode === 'radioListeningPA'" />
|
||||
<timePreviewPA v-else-if="mode === 'timePreviewPA'" />
|
||||
@ -37,6 +38,7 @@ import TimePreview from './pis/timePreview';
|
||||
import StationNetwork from './pis/stationNetwork';
|
||||
import EmergencyRelease from './pis/emergencyRelease';
|
||||
import controlBAS from './bas/controlBAS';
|
||||
import controlPermissionBAS from './bas/controlPermissionBAS';
|
||||
import mainScreenPA from './pa/mainScreenPA';
|
||||
import radioListeningPA from './pa/radioListeningPA';
|
||||
import timePreviewPA from './pa/timePreviewPA';
|
||||
@ -63,6 +65,7 @@ export default {
|
||||
StationNetwork,
|
||||
EmergencyRelease,
|
||||
controlBAS,
|
||||
controlPermissionBAS,
|
||||
mainScreenPA,
|
||||
radioListeningPA,
|
||||
timePreviewPA,
|
||||
|
||||
@ -72,6 +72,11 @@ export default {
|
||||
name: '控制模式',
|
||||
type: 'controlBAS',
|
||||
showType: ['center', 'local']
|
||||
},
|
||||
{
|
||||
name: '控制权限',
|
||||
type: 'controlPermissionBAS',
|
||||
showType: ['center', 'local']
|
||||
}
|
||||
]
|
||||
}, {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user