z01V^{3uD)$p6HzW*v~Y(Yqp#I
z)y-~q(#>eqNv_pC^C{ZJ?C9mBEm&`?wfs4B_z+SH#)~wOETK%>=>tm-Euv(
zCf?i*0R8|dYY=S();
+ }
+
+ doRepaint(): void {}
+}
+
+export class TemperatureDetectorTemplate extends JlGraphicTemplate {
+ temperatureDetectorTextures?: TemperatureDetectorTextures;
+ constructor(dataTemplate: ITemperatureDetectorData) {
+ super(TemperatureDetector.Type, { dataTemplate });
+ this.loadAssets();
+ }
+ new(): TemperatureDetector {
+ if (this.temperatureDetectorTextures) {
+ const g = new TemperatureDetector(this.temperatureDetectorTextures);
+ g.loadData(this.datas);
+ return g;
+ }
+ throw new Error('资源未加载/加载失败');
+ }
+ async loadAssets(): Promise {
+ const texture = await Assets.load(TemperatureDetectorAsset);
+ const temperatureDetectorSheet = new Spritesheet(
+ texture,
+ TemperatureDetectorJson
+ );
+ const result = await temperatureDetectorSheet.parse();
+ this.temperatureDetectorTextures = {
+ normal: result['normal.png'],
+ };
+ return this.temperatureDetectorTextures as TemperatureDetectorTextures;
+ }
+}
diff --git a/src/graphics/FAS/temperatureDetector/TemperatureDetectorAssistant.ts b/src/graphics/FAS/temperatureDetector/TemperatureDetectorAssistant.ts
new file mode 100644
index 0000000..16eb0d2
--- /dev/null
+++ b/src/graphics/FAS/temperatureDetector/TemperatureDetectorAssistant.ts
@@ -0,0 +1,131 @@
+import { DisplayObject, FederatedMouseEvent, Point } from 'pixi.js';
+import {
+ AbsorbableLine,
+ AbsorbablePosition,
+ GraphicDrawAssistant,
+ GraphicInteractionPlugin,
+ GraphicTransformEvent,
+ IDrawApp,
+ JlGraphic,
+} from 'jl-graphic';
+import {
+ ITemperatureDetectorData,
+ TemperatureDetector,
+ TemperatureDetectorTemplate,
+} from './TemperatureDetector';
+
+export class TemperatureDetectorDraw extends GraphicDrawAssistant<
+ TemperatureDetectorTemplate,
+ ITemperatureDetectorData
+> {
+ _temperatureDetector: TemperatureDetector | null = null;
+ constructor(app: IDrawApp, template: TemperatureDetectorTemplate) {
+ super(
+ app,
+ template,
+ 'svguse:../drawIcon.svg#icon-temperature-detector',
+ '温感'
+ );
+ TemperatureDetectorInteraction.init(app);
+ }
+
+ bind(): void {
+ super.bind();
+ if (!this._temperatureDetector) {
+ this._temperatureDetector = this.graphicTemplate.new();
+ this.container.addChild(this._temperatureDetector);
+ }
+ }
+
+ public get temperatureDetector(): TemperatureDetector {
+ if (!this._temperatureDetector) {
+ this._temperatureDetector = this.graphicTemplate.new();
+ this.container.addChild(this._temperatureDetector);
+ }
+ return this._temperatureDetector;
+ }
+
+ redraw(cp: Point): void {
+ this.temperatureDetector.position.copyFrom(cp);
+ }
+ onLeftUp(e: FederatedMouseEvent): void {
+ this.temperatureDetector.position.copyFrom(
+ this.toCanvasCoordinates(e.global)
+ );
+ this.createAndStore(true);
+ }
+ prepareData(data: ITemperatureDetectorData): boolean {
+ data.transform = this.temperatureDetector.saveTransform();
+ return true;
+ }
+ onEsc(): void {
+ this.finish();
+ }
+}
+
+/**
+ * 构建吸附线
+ * @param temperatureDetector
+ */
+function buildAbsorbablePositions(
+ temperatureDetector: TemperatureDetector
+): AbsorbablePosition[] {
+ const aps: AbsorbablePosition[] = [];
+ const temperatureDetectors =
+ temperatureDetector.queryStore.queryByType(
+ TemperatureDetector.Type
+ );
+ const canvas = temperatureDetector.getCanvas();
+ temperatureDetectors.forEach((item) => {
+ if (item.id === temperatureDetector.id) {
+ return;
+ }
+ const ala = new AbsorbableLine(
+ new Point(item.x, 0),
+ new Point(item.x, canvas.height)
+ );
+ const alb = new AbsorbableLine(
+ new Point(0, item.y),
+ new Point(canvas.width, item.y)
+ );
+ aps.push(ala);
+ aps.push(alb);
+ });
+
+ return aps;
+}
+
+export class TemperatureDetectorInteraction extends GraphicInteractionPlugin {
+ static Name = 'temperature_detector_transform';
+ constructor(app: IDrawApp) {
+ super(TemperatureDetectorInteraction.Name, app);
+ }
+ static init(app: IDrawApp) {
+ return new TemperatureDetectorInteraction(app);
+ }
+ filter(...grahpics: JlGraphic[]): TemperatureDetector[] | undefined {
+ return grahpics
+ .filter((g) => g.type === TemperatureDetector.Type)
+ .map((g) => g as TemperatureDetector);
+ }
+ bind(g: TemperatureDetector): void {
+ g.eventMode = 'static';
+ g.cursor = 'pointer';
+ g.scalable = true;
+ g.rotatable = true;
+ g.on('transformstart', this.transformstart, this);
+ }
+ unbind(g: TemperatureDetector): void {
+ g.eventMode = 'none';
+ g.scalable = false;
+ g.rotatable = false;
+ g.off('transformstart', this.transformstart, this);
+ }
+ transformstart(e: GraphicTransformEvent) {
+ const target = e.target as DisplayObject;
+ const temperatureDetector = target.getGraphic() as TemperatureDetector;
+ temperatureDetector.getGraphicApp().setOptions({
+ absorbablePositions: buildAbsorbablePositions(temperatureDetector),
+ });
+ }
+}
diff --git a/src/layouts/IscsDrawLayout.vue b/src/layouts/IscsDrawLayout.vue
index 331613f..777803a 100644
--- a/src/layouts/IscsDrawLayout.vue
+++ b/src/layouts/IscsDrawLayout.vue
@@ -310,6 +310,8 @@ import { FasFailureControlHost } from 'src/graphics/FAS/fireFailureControlHost/F
import { FasAlarm } from 'src/graphics/FAS/fasAlarm/FasAlarm';
import { ManualAlarmButton } from 'src/graphics/FAS/manualAlarmButton/ManualAlarmButton';
import { SmokeDetector } from 'src/graphics/FAS/smokeDetector/SmokeDetector';
+import { TemperatureDetector } from 'src/graphics/FAS/temperatureDetector/TemperatureDetector';
+import { FireShutter } from 'src/graphics/FAS/fireShutter/FireShutter';
const $q = useQuasar();
const route = useRoute();
@@ -398,6 +400,8 @@ function handleUtilsOption() {
drawAssistantsTypes.push(FasAlarm.Type);
drawAssistantsTypes.push(ManualAlarmButton.Type);
drawAssistantsTypes.push(SmokeDetector.Type);
+ drawAssistantsTypes.push(TemperatureDetector.Type);
+ drawAssistantsTypes.push(FireShutter.Type);
break;
}
drawAssistantsTypes.forEach((type) => {