|
@@ -11,7 +11,9 @@
|
|
|
<el-table-column label="设备标识" align="right" class-name="bgfff">
|
|
|
<el-table-column label="数据源" prop="Datasource" align="right" class-name="bgfff" show-overflow-tooltip></el-table-column>
|
|
|
<el-table-column label="位置标签" prop="LocationFlag" align="right" class-name="bgfff" show-overflow-tooltip>
|
|
|
- <template slot-scope="scope">{{ scope.row.LocationFlag.toString() }}</template>
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div class="tool-tip">{{scope.row.LocationFlag.toString()}}</div>
|
|
|
+ </template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="设备标识" prop="EquipmentMark" align="right" class-name="bgf5" show-overflow-tooltip></el-table-column>
|
|
|
<el-table-column type="selection" class-name="bgf5"></el-table-column>
|
|
@@ -20,9 +22,9 @@
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<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-row>
|
|
|
</div>
|
|
@@ -31,9 +33,9 @@
|
|
|
<el-row class="bgf5">
|
|
|
<el-col :span="6">
|
|
|
<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 :span="18">
|
|
|
<el-table :data="rtableData" style="width: 100%;max-height:400px;" height="calc(100% - 160px)" @selection-change="changeSelection"
|
|
@@ -42,7 +44,13 @@
|
|
|
<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="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?scope.row.BuildLocalName+'-'+scope.row.FloorLocalName:''" placement="top">
|
|
|
+ <div class="tool-tip">{{scope.row.BuildLocalName&&scope.row.FloorLocalName?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>
|
|
|
</el-table>
|
|
@@ -67,15 +75,15 @@ export default {
|
|
|
loading: false, //loading状态
|
|
|
dialogWidth: "20%", //弹窗宽度
|
|
|
selection: [],
|
|
|
- deleDisabled: false,
|
|
|
+ deleDisabled: true,
|
|
|
deleParam: []
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
|
//弹窗显示
|
|
|
showDialog(row) {
|
|
|
- this.loading = true;
|
|
|
this.dialogVisible = true;
|
|
|
+ this.loading = true;
|
|
|
//需先用对象请求接口返回所需对象
|
|
|
this.getDynamicQueryPrompt(row)
|
|
|
},
|
|
@@ -196,5 +204,10 @@ export default {
|
|
|
.tr {
|
|
|
text-align: right;
|
|
|
}
|
|
|
+ .tool-tip{
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|