|
|
@@ -1,17 +1,17 @@
|
|
|
<template>
|
|
|
<div class="tableDisplay">
|
|
|
- <el-row :gutter="24">
|
|
|
+ <!-- <el-row :gutter="24">
|
|
|
<el-col :span="18">
|
|
|
- <!--设备信息点-->
|
|
|
+ 设备信息点
|
|
|
<div class="grid-content bgc-white">
|
|
|
<selectRadio :selectRadio="selectRadio"/>
|
|
|
<el-row>
|
|
|
- <!-- :span的值可以根据条件改变 是一个24 or 两个 16:8-->
|
|
|
+ :span的值可以根据条件改变 是一个24 or 两个 16:8
|
|
|
<el-col :span="16">
|
|
|
<exhibitionBaseInformation/>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
- <!--能耗信息点-->
|
|
|
+ 能耗信息点
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
|
|
|
@@ -22,7 +22,13 @@
|
|
|
<exhibitionImage :exhibitionImage="exhibitionImage"/>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
- </el-row>
|
|
|
+ </el-row> -->
|
|
|
+ <div class="header">
|
|
|
+ <el-button style="float:left;" size="small" type="default" icon="el-icon-back" @click="goBack"></el-button>
|
|
|
+ <span class="details-title"><b>设备本地名称-设备本地编码</b></span>
|
|
|
+ </div>
|
|
|
+ <div class="content"></div>
|
|
|
+ <div class="footer"></div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -83,6 +89,7 @@
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
|
+ // 疑问？
|
|
|
this.$store.dispatch('setBreadcrumb', [{
|
|
|
label: '台账管理',
|
|
|
path: '/relation/data'
|
|
|
@@ -98,42 +105,24 @@
|
|
|
|
|
|
<style scoped lang="less">
|
|
|
.tableDisplay {
|
|
|
- .bgc-white {
|
|
|
- background: #fff;
|
|
|
- }
|
|
|
-
|
|
|
- .el-row {
|
|
|
- margin-bottom: 20px;
|
|
|
-
|
|
|
- &:last-child {
|
|
|
- margin-bottom: 0;
|
|
|
+ .header {
|
|
|
+ padding-bottom: 10px;
|
|
|
+ .details-title {
|
|
|
+ color: #333;
|
|
|
+ font-size: 16px;
|
|
|
+ margin-left: 20px;
|
|
|
+ line-height: 32px;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- .el-col {
|
|
|
- border-radius: 4px;
|
|
|
- }
|
|
|
-
|
|
|
- .bg-purple-dark {
|
|
|
- background: #99a9bf;
|
|
|
- }
|
|
|
-
|
|
|
- .bg-purple {
|
|
|
- background: #d3dce6;
|
|
|
- }
|
|
|
-
|
|
|
- .bg-purple-light {
|
|
|
- background: #e5e9f2;
|
|
|
- }
|
|
|
-
|
|
|
- .grid-content {
|
|
|
- border-radius: 4px;
|
|
|
- min-height: 36px;
|
|
|
+ .content {
|
|
|
+ box-sizing: border-box;
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ height: calc(100% - 82px);
|
|
|
}
|
|
|
|
|
|
- .row-bg {
|
|
|
- padding: 10px 0;
|
|
|
- background-color: #f9fafc;
|
|
|
+ .footer {
|
|
|
+ height: 40px;
|
|
|
}
|
|
|
}
|
|
|
|
