|
@@ -38,7 +38,17 @@ import { SGraphyView } from "@saga-web/graphy/lib";
|
|
|
import { LocationPointScene, DivideFloorScene } from "@saga-web/cad-engine"
|
|
|
import { SColor } from "@saga-web/draw/lib";
|
|
|
|
|
|
-import { getTabFunNumObjInstance, queryEquip, floorQuery, queryZone } from '@/api/scan/request'
|
|
|
+import {
|
|
|
+ getTabFunNumObjInstance,
|
|
|
+ queryEquip, //数据中心设备查询
|
|
|
+ floorQuery, //数据中心查询楼层
|
|
|
+ buildingQuery, //数据中心建筑查询
|
|
|
+ projectQuery, //数据中心查询项目信息
|
|
|
+ queryAllZone, //数据中心所有空间实例
|
|
|
+ queryLinkSys, //数据中心系统查询
|
|
|
+ queryTenant, //数据中心查询租户
|
|
|
+ partsQuery, //数据中心部件查询
|
|
|
+} from '@/api/scan/request'
|
|
|
|
|
|
export default {
|
|
|
data() {
|
|
@@ -49,7 +59,7 @@ export default {
|
|
|
loading: true,
|
|
|
refreshCanvas: '',//重载canvas组件
|
|
|
drawCanvas: false,//是否画canvas,
|
|
|
- canvasWidth:450
|
|
|
+ canvasWidth: 450
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
@@ -68,13 +78,11 @@ export default {
|
|
|
//存在实例ID
|
|
|
if (item.ObjectID) {
|
|
|
that.forms[key].instanceId = item.ObjectID;
|
|
|
- //设备或者组件
|
|
|
- if (item.TypeCode == 'Eq' || item.TypeCode == 'Ec') {
|
|
|
- let pa = {
|
|
|
- Filters: `EquipID='${item.TypeCode + this.projectId.substring(2) + item.ObjectID}'`
|
|
|
- }
|
|
|
+ if (item.TypeCode == 'Eq') {
|
|
|
//获取设备信息
|
|
|
- queryEquip(pa, equipMsg => {
|
|
|
+ queryEquip({
|
|
|
+ Filters: `EquipID='${item.TypeCode + item.ProjectId + item.ObjectID}'`
|
|
|
+ }, equipMsg => {
|
|
|
if (equipMsg.Content[0] && equipMsg.Content[0].LocationJson && equipMsg.Content[0].FloorId) {
|
|
|
let canvasOption = {
|
|
|
/** 标记的id */
|
|
@@ -86,34 +94,93 @@ export default {
|
|
|
/** Y坐标 */
|
|
|
Y: -equipMsg.Content[0].LocationJson.Y
|
|
|
}
|
|
|
+ that.forms[key].ObjectLocalName = res.Content[0].EquipLocalName
|
|
|
+ that.forms[key].ObjectLocalCode = res.Content[0].EquipLocalID
|
|
|
this.loadDataToInstanceByFloorID(equipMsg.Content[0].FloorId, key, item.TypeCode, canvasOption);
|
|
|
}
|
|
|
})
|
|
|
- }
|
|
|
- //空间
|
|
|
- else if (item.TypeCode == 'Sp') {
|
|
|
- if(item.SubTypeCode){
|
|
|
- let pa = {
|
|
|
- data: {
|
|
|
- Filters: `RoomID='${item.TypeCode + this.projectId.substring(2) + item.ObjectID}'`
|
|
|
- },
|
|
|
- zone: item.SubTypeCode
|
|
|
+ } else if (item.TypeCode == 'Sp') {
|
|
|
+ //获取空间信息
|
|
|
+ queryAllZone({
|
|
|
+ Filters: `RoomID='${item.TypeCode + item.ProjectId + item.ObjectID}'`
|
|
|
+ }, zoneMsg => {
|
|
|
+ if (zoneMsg.Content[0] && zoneMsg.Content[0].Outline) {
|
|
|
+ let canvasOption = {
|
|
|
+ RoomLocalName: zoneMsg.Content[0].RoomLocalName,
|
|
|
+ OutLine: zoneMsg.Content[0].Outline,
|
|
|
+ RoomID: zoneMsg.Content[0].RoomID,
|
|
|
+ Color: '#F9C3C3'
|
|
|
+ }
|
|
|
+ that.forms[key].ObjectLocalName = res.Content[0].RoomLocalName
|
|
|
+ that.forms[key].ObjectLocalCode = res.Content[0].RoomLocalID
|
|
|
+ this.loadDataToInstanceByFloorID(zoneMsg.Content[0].FloorId, key, item.TypeCode, canvasOption);
|
|
|
}
|
|
|
- //获取空间信息
|
|
|
- queryZone(pa, zoneMsg => {
|
|
|
- if (zoneMsg.Content[0] && zoneMsg.Content[0].Outline) {
|
|
|
- let canvasOption = {
|
|
|
- RoomLocalName: zoneMsg.Content[0].RoomLocalName,
|
|
|
- OutLine: zoneMsg.Content[0].Outline,
|
|
|
- RoomID: zoneMsg.Content[0].RoomID,
|
|
|
- Color: new SColor('#F9C3C3')
|
|
|
- }
|
|
|
- this.loadDataToInstanceByFloorID(zoneMsg.Content[0].FloorId, key, item.TypeCode, canvasOption);
|
|
|
+ });
|
|
|
+ } else if (item.TypeCode == 'Ec') {
|
|
|
+ partsQuery({
|
|
|
+ Filters: `EquipID='${item.TypeCode + item.ProjectId + item.ObjectID}'`
|
|
|
+ }, equipMsg => {
|
|
|
+ if (equipMsg.Content[0] && equipMsg.Content[0].LocationJson && equipMsg.Content[0].FloorId) {
|
|
|
+ let canvasOption = {
|
|
|
+ /** 标记的id */
|
|
|
+ Id: equipMsg.Content[0].EquipID,
|
|
|
+ /** 标记的名称 */
|
|
|
+ Name: equipMsg.Content[0].EquipName,
|
|
|
+ /** X坐标 */
|
|
|
+ X: equipMsg.Content[0].LocationJson.X,
|
|
|
+ /** Y坐标 */
|
|
|
+ Y: -equipMsg.Content[0].LocationJson.Y
|
|
|
}
|
|
|
- });
|
|
|
- } else {
|
|
|
- this.$message.error('缺少空间分区类型字段!')
|
|
|
- }
|
|
|
+ that.forms[key].ObjectLocalName = res.Content[0].EquipLocalName
|
|
|
+ that.forms[key].ObjectLocalCode = res.Content[0].EquipLocalID
|
|
|
+ this.loadDataToInstanceByFloorID(equipMsg.Content[0].FloorId, key, item.TypeCode, canvasOption);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ } else if (item.TypeCode == 'Sy') {
|
|
|
+ queryLinkSys({
|
|
|
+ Filters: `SysID='${item.TypeCode + item.ProjectId + item.ObjectID}'`
|
|
|
+ }, res => {
|
|
|
+ if (res.Content.length) {
|
|
|
+ that.forms[key].ObjectLocalName = res.Content[0].SysLocalName
|
|
|
+ that.forms[key].ObjectLocalCode = res.Content[0].SysLocalID
|
|
|
+ }
|
|
|
+ })
|
|
|
+ } else if (item.TypeCode == 'Bd') {
|
|
|
+ buildingQuery({
|
|
|
+ Filters: `BuildID='${item.TypeCode + item.ProjectId + item.ObjectID}'`
|
|
|
+ }, res => {
|
|
|
+ if (res.Content.length) {
|
|
|
+ that.forms[key].ObjectLocalName = res.Content[0].BuildLocalName
|
|
|
+ that.forms[key].ObjectLocalCode = res.Content[0].BuildLocalID
|
|
|
+ }
|
|
|
+ })
|
|
|
+ } else if (item.TypeCode == 'Fl') {
|
|
|
+ floorQuery({
|
|
|
+ Filters: `FloorID='${item.TypeCode + item.ProjectId + item.ObjectID}'`
|
|
|
+ }, res => {
|
|
|
+ if (res.Content.length) {
|
|
|
+ that.forms[key].ObjectLocalName = res.Content[0].FloorLocalName
|
|
|
+ that.forms[key].ObjectLocalCode = res.Content[0].FloorLocalID
|
|
|
+ }
|
|
|
+ })
|
|
|
+ } else if (item.TypeCode == 'VOTn') {
|
|
|
+ queryTenant({
|
|
|
+ Filters: `TenantID='${item.TypeCode + item.ProjectId + item.ObjectID}'`
|
|
|
+ }, res => {
|
|
|
+ if (res.Content.length) {
|
|
|
+ that.forms[key].ObjectLocalName = res.Content[0].TenantLocalName
|
|
|
+ that.forms[key].ObjectLocalCode = res.Content[0].TenantLocalID
|
|
|
+ }
|
|
|
+ })
|
|
|
+ } else if (item.TypeCode == 'Pj') {
|
|
|
+ projectQuery({
|
|
|
+ Filters: `ProjID='${item.TypeCode + item.ProjectId + item.ObjectID}'`
|
|
|
+ }, res => {
|
|
|
+ if (res.Content.length) {
|
|
|
+ that.forms[key].ObjectLocalName = res.Content[0].ProjLocalName
|
|
|
+ that.forms[key].ObjectLocalCode = res.Content[0].ProjLocalID
|
|
|
+ }
|
|
|
+ })
|
|
|
}
|
|
|
}
|
|
|
});
|
|
@@ -156,7 +223,7 @@ export default {
|
|
|
that.views[key].fitSceneToView();
|
|
|
})
|
|
|
}
|
|
|
- else{
|
|
|
+ else {
|
|
|
that.drawCanvas = false;
|
|
|
}
|
|
|
});
|
|
@@ -192,7 +259,7 @@ export default {
|
|
|
}
|
|
|
.obj-item {
|
|
|
margin: 15px 10px;
|
|
|
- box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.2);
|
|
|
+ box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);
|
|
|
background-color: white;
|
|
|
padding: 10px 10px;
|
|
|
height: 600px;
|