|
@@ -20,9 +20,9 @@
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<el-col :span="6">
|
|
<div class="singleDir pl-10 font-default">设备实例</div>
|
|
<div class="singleDir pl-10 font-default">设备实例</div>
|
|
- <div class="pl-10 font-default">{{rtableData[0].EquipLocalName}}</div>
|
|
|
|
- <div class="pl-10 font-default">{{rtableData[0].BuildLocalName}}-{{rtableData[0].FloorLocalName}}</div>
|
|
|
|
- <div class="pl-10 font-default">{{rtableData[0].RoomLocalName}}</div>
|
|
|
|
|
|
+ <div class="pl-10 font-default">{{rtableData[0]?rtableData[0].EquipLocalName:'--'}}</div>
|
|
|
|
+ <div class="pl-10 font-default">{{rtableData[0]?rtableData[0].BuildLocalName:'--'}}-{{rtableData[0]?rtableData[0].FloorLocalName:'--'}}</div>
|
|
|
|
+ <div class="pl-10 font-default">{{rtableData[0]?rtableData[0].RoomLocalName:'--'}}</div>
|
|
</el-col>
|
|
</el-col>
|
|
</el-row>
|
|
</el-row>
|
|
</div>
|
|
</div>
|
|
@@ -31,9 +31,9 @@
|
|
<el-row class="bgf5">
|
|
<el-row class="bgf5">
|
|
<el-col :span="6">
|
|
<el-col :span="6">
|
|
<div class="singleDir pr-10 font-default tr">设备标识</div>
|
|
<div class="singleDir pr-10 font-default tr">设备标识</div>
|
|
- <div class="pr-10 font-default tr">{{ltableData[0].EquipmentMark}}</div>
|
|
|
|
- <div class="pr-10 font-default tr">{{ltableData[0].LocationFlag.toString()}}</div>
|
|
|
|
- <div class="pr-10 font-default tr">{{ltableData[0].Datasource}}</div>
|
|
|
|
|
|
+ <div class="pr-10 font-default tr">{{ltableData[0]?ltableData[0].EquipmentMark:'--'}}</div>
|
|
|
|
+ <div class="pr-10 font-default tr">{{ltableData[0]?ltableData[0].LocationFlag.toString():'--'}}</div>
|
|
|
|
+ <div class="pr-10 font-default tr">{{ltableData[0]?ltableData[0].Datasource:'--'}}</div>
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :span="18">
|
|
<el-col :span="18">
|
|
<el-table :data="rtableData" style="width: 100%;max-height:400px;" height="calc(100% - 160px)" @selection-change="changeSelection"
|
|
<el-table :data="rtableData" style="width: 100%;max-height:400px;" height="calc(100% - 160px)" @selection-change="changeSelection"
|
|
@@ -42,7 +42,13 @@
|
|
<el-table-column type="selection" class-name="bgf5"></el-table-column>
|
|
<el-table-column type="selection" class-name="bgf5"></el-table-column>
|
|
<el-table-column label="设备实例名称" prop="EquipLocalName" class-name="bgf5" show-overflow-tooltip></el-table-column>
|
|
<el-table-column label="设备实例名称" prop="EquipLocalName" class-name="bgf5" show-overflow-tooltip></el-table-column>
|
|
<el-table-column label="设备实例编码" prop="ObjectID" class-name="bgfff" show-overflow-tooltip></el-table-column>
|
|
<el-table-column label="设备实例编码" prop="ObjectID" class-name="bgfff" show-overflow-tooltip></el-table-column>
|
|
- <el-table-column label="所在建筑楼层" prop="FloorLocalName" class-name="bgfff" show-overflow-tooltip> </el-table-column>
|
|
|
|
|
|
+ <el-table-column label="所在建筑楼层" class-name="bgfff">
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
+ <el-tooltip :content="scope.row.BuildLocalName+'-'+scope.row.FloorLocalName" placement="top">
|
|
|
|
+ <div class="tool-tip">{{scope.row.BuildLocalName}}-{{scope.row.FloorLocalName}}</div>
|
|
|
|
+ </el-tooltip>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
<el-table-column label="所在业务空间" prop="RoomLocalName" class-name="bgfff" show-overflow-tooltip></el-table-column>
|
|
<el-table-column label="所在业务空间" prop="RoomLocalName" class-name="bgfff" show-overflow-tooltip></el-table-column>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-table>
|
|
@@ -74,8 +80,8 @@ export default {
|
|
methods: {
|
|
methods: {
|
|
//弹窗显示
|
|
//弹窗显示
|
|
showDialog(row) {
|
|
showDialog(row) {
|
|
- this.loading = true;
|
|
|
|
this.dialogVisible = true;
|
|
this.dialogVisible = true;
|
|
|
|
+ this.loading = true;
|
|
//需先用对象请求接口返回所需对象
|
|
//需先用对象请求接口返回所需对象
|
|
this.getDynamicQueryPrompt(row)
|
|
this.getDynamicQueryPrompt(row)
|
|
},
|
|
},
|
|
@@ -196,5 +202,10 @@ export default {
|
|
.tr {
|
|
.tr {
|
|
text-align: right;
|
|
text-align: right;
|
|
}
|
|
}
|
|
|
|
+ .tool-tip{
|
|
|
|
+ white-space: nowrap;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ text-overflow: ellipsis;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|