feat: 设备列表静态交互完成
parent
e37535cbbe
commit
ed023b30e3
File diff suppressed because one or more lines are too long
@ -0,0 +1,168 @@
|
|||||||
|
import { fetchWatchGroupObjects } from "./fabricIcons";
|
||||||
|
// 模型状态 在线 离线 告警 故障
|
||||||
|
const startData: Record<string, any> = {
|
||||||
|
modelsList: [
|
||||||
|
{
|
||||||
|
deviceType: "1", // 模型类型 1 设备1 2 设备2
|
||||||
|
id: "1001", // 模型id
|
||||||
|
status: "1", //
|
||||||
|
deviceStatus: "启用",
|
||||||
|
deviceName: "工业摄像头01", // 模型名称
|
||||||
|
deviceCode: "CRM001",
|
||||||
|
deviceLocation: "南京苏胜天信息科技有限公司",
|
||||||
|
deviceParams: "89hufd",
|
||||||
|
deviceCategory: "摄像设备",
|
||||||
|
diviceGroup: "组1",
|
||||||
|
createTime: "2024-01-15 14:00",
|
||||||
|
baseInfo: {
|
||||||
|
left: 527.0215, // 相对x
|
||||||
|
top: 24.5797 // 相对y
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
deviceType: "1", // 模型类型 1 设备1 2 设备2
|
||||||
|
id: "1002", // 模型id
|
||||||
|
status: "0", // 模型状态 在线 离线 告警 故障
|
||||||
|
deviceName: "监控设备2", // 模型名称
|
||||||
|
deviceCode: "code1001",
|
||||||
|
deviceLocation: "客厅",
|
||||||
|
deviceParams: "设备参数",
|
||||||
|
deviceCategory: "控制器",
|
||||||
|
diviceGroup: "组1",
|
||||||
|
baseInfo: {
|
||||||
|
left: 397.0215, // 相对x
|
||||||
|
top: 444.5797 // 相对y
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
deviceType: "1", // 模型类型 1 设备1 2 设备2
|
||||||
|
id: "1003", // 模型id
|
||||||
|
status: "1", // 模型状态 在线 离线 告警 故障
|
||||||
|
deviceName: "监控设备2", // 模型名称
|
||||||
|
deviceCode: "code1001",
|
||||||
|
deviceLocation: "客厅",
|
||||||
|
deviceParams: "设备参数",
|
||||||
|
deviceCategory: "控制器",
|
||||||
|
diviceGroup: "组1",
|
||||||
|
baseInfo: {
|
||||||
|
left: 397.0215, // 相对x
|
||||||
|
top: 144.5797 // 相对y
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
deviceType: "1", // 模型类型 1 设备1 2 设备2
|
||||||
|
id: "1004", // 模型id
|
||||||
|
status: "2", // 模型状态 在线 离线 告警 故障
|
||||||
|
deviceName: "监控设备2", // 模型名称
|
||||||
|
deviceCode: "code1001",
|
||||||
|
deviceLocation: "客厅",
|
||||||
|
deviceParams: "设备参数",
|
||||||
|
deviceCategory: "控制器",
|
||||||
|
diviceGroup: "组1",
|
||||||
|
baseInfo: {
|
||||||
|
left: 297.0215, // 相对x
|
||||||
|
top: 644.5797 // 相对y
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
deviceType: "1", // 模型类型 1 设备1 2 设备2
|
||||||
|
id: "1005", // 模型id
|
||||||
|
status: "3", // 模型状态 在线 离线 告警 故障
|
||||||
|
deviceName: "监控设备2", // 模型名称
|
||||||
|
deviceCode: "code1001",
|
||||||
|
deviceLocation: "客厅",
|
||||||
|
deviceParams: "设备参数",
|
||||||
|
deviceCategory: "控制器",
|
||||||
|
diviceGroup: "组1",
|
||||||
|
baseInfo: {
|
||||||
|
left: 797.0215, // 相对x
|
||||||
|
top: 544.5797 // 相对y
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
};
|
||||||
|
|
||||||
|
// 生成100到1100之间的随机整数
|
||||||
|
// function generateRandomNumber(minNum, maxNum) {
|
||||||
|
// // 生成0到1之间的随机小数
|
||||||
|
// const randomFraction = Math.random();
|
||||||
|
|
||||||
|
// // 将随机小数映射到100到1100之间的范围
|
||||||
|
// const randomNumber = Math.floor(
|
||||||
|
// randomFraction * (maxNum - minNum + 1) + minNum
|
||||||
|
// );
|
||||||
|
|
||||||
|
// return randomNumber;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// function initFabricRoomData() {
|
||||||
|
// for (let i = 0; i < 2; i++) {
|
||||||
|
// let currObjects = JSON.parse(JSON.stringify(startData.modelsList));
|
||||||
|
// currObjects = currObjects.map(item => {
|
||||||
|
// item.baseInfo = {
|
||||||
|
// left: generateRandomNumber(100, 1100),
|
||||||
|
// top: generateRandomNumber(100, 800)
|
||||||
|
// };
|
||||||
|
// return item;
|
||||||
|
// });
|
||||||
|
// startData.modelsList = startData.modelsList.concat(currObjects);
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// initFabricRoomData();
|
||||||
|
|
||||||
|
const fabricRoomListData: Record<string, any>[] = [];
|
||||||
|
startData.modelsList.forEach((item: Record<string, any>) => {
|
||||||
|
const { baseInfo } = item;
|
||||||
|
fabricRoomListData.push(
|
||||||
|
JSON.parse(
|
||||||
|
JSON.stringify({
|
||||||
|
...fetchWatchGroupObjects(item),
|
||||||
|
...baseInfo,
|
||||||
|
userProperty: item,
|
||||||
|
selectable: false
|
||||||
|
})
|
||||||
|
)
|
||||||
|
);
|
||||||
|
});
|
||||||
|
|
||||||
|
export const currJson = {
|
||||||
|
version: "5.3.0",
|
||||||
|
objects: fabricRoomListData,
|
||||||
|
clipPath: {
|
||||||
|
type: "rect",
|
||||||
|
version: "5.3.0",
|
||||||
|
originX: "left",
|
||||||
|
originY: "top",
|
||||||
|
left: 0,
|
||||||
|
top: 0,
|
||||||
|
width: 1380,
|
||||||
|
height: 728,
|
||||||
|
fill: "rgba(255,255,255,1)",
|
||||||
|
stroke: null,
|
||||||
|
strokeWidth: 0,
|
||||||
|
strokeDashArray: null,
|
||||||
|
strokeLineCap: "butt",
|
||||||
|
strokeDashOffset: 0,
|
||||||
|
strokeLineJoin: "miter",
|
||||||
|
strokeUniform: false,
|
||||||
|
strokeMiterLimit: 4,
|
||||||
|
scaleX: 1,
|
||||||
|
scaleY: 1,
|
||||||
|
angle: 0,
|
||||||
|
flipX: false,
|
||||||
|
flipY: false,
|
||||||
|
opacity: 1,
|
||||||
|
shadow: null,
|
||||||
|
visible: true,
|
||||||
|
backgroundColor: "",
|
||||||
|
fillRule: "nonzero",
|
||||||
|
paintFirst: "fill",
|
||||||
|
globalCompositeOperation: "source-over",
|
||||||
|
skewX: 0,
|
||||||
|
skewY: 0,
|
||||||
|
rx: 0,
|
||||||
|
ry: 0,
|
||||||
|
selectable: false,
|
||||||
|
hasControls: true
|
||||||
|
}
|
||||||
|
};
|
||||||
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue