From 547f32c31c2132587fae4d67685fb10766e79d6e Mon Sep 17 00:00:00 2001
From: walker <shengxuqiang@joylink.club>
Date: Mon, 22 May 2023 09:48:32 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E9=A3=8E=E6=9C=BA=E5=B1=9E?=
 =?UTF-8?q?=E6=80=A7=E7=BC=96=E8=BE=91=E8=A1=A8=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/draw-app/DrawProperties.vue    | 11 ++++-
 .../draw-app/properties/IscsFanProperty.vue   | 42 +++++++++++++++++++
 .../draw-app/properties/LinkProperty.vue      |  8 +++-
 3 files changed, 58 insertions(+), 3 deletions(-)
 create mode 100644 src/components/draw-app/properties/IscsFanProperty.vue

diff --git a/src/components/draw-app/DrawProperties.vue b/src/components/draw-app/DrawProperties.vue
index 8dc67ad..195a807 100644
--- a/src/components/draw-app/DrawProperties.vue
+++ b/src/components/draw-app/DrawProperties.vue
@@ -26,8 +26,13 @@
         </q-card-section>
       </template>
       <template v-else-if="drawStore.selectedGraphics.length === 1">
-        <q-card-section v-if="drawStore.selectedGraphicType === Link.Type">
-          <link-property></link-property>
+        <q-card-section>
+          <link-property
+            v-if="drawStore.selectedGraphicType === Link.Type"
+          ></link-property>
+          <iscs-fan-property
+            v-else-if="drawStore.selectedGraphicType === IscsFan.Type"
+          ></iscs-fan-property>
         </q-card-section>
       </template>
     </q-card>
@@ -38,8 +43,10 @@
 import LinkTemplate from './templates/LinkTemplate.vue';
 import CanvasProperty from './properties/CanvasProperty.vue';
 import LinkProperty from './properties/LinkProperty.vue';
+import IscsFanProperty from './properties/IscsFanProperty.vue';
 import { Link } from 'src/graphics/link/Link';
 import { useDrawStore } from 'src/stores/draw-store';
+import { IscsFan } from 'src/graphics/iscs-fan/IscsFan';
 
 const drawStore = useDrawStore();
 </script>
diff --git a/src/components/draw-app/properties/IscsFanProperty.vue b/src/components/draw-app/properties/IscsFanProperty.vue
new file mode 100644
index 0000000..c743f61
--- /dev/null
+++ b/src/components/draw-app/properties/IscsFanProperty.vue
@@ -0,0 +1,42 @@
+<template>
+  <q-form>
+    <q-input outlined readonly v-model="model.id" label="id" :rules="[]" />
+  </q-form>
+</template>
+
+<script setup lang="ts">
+import { IscsFanData } from 'src/examples/app/graphics/IscsFanInteraction';
+import { IscsFan } from 'src/graphics/iscs-fan/IscsFan';
+import { useDrawStore } from 'src/stores/draw-store';
+import { onMounted, reactive, watch } from 'vue';
+
+const drawStore = useDrawStore();
+const model = reactive(new IscsFanData());
+
+drawStore.$subscribe;
+watch(
+  () => drawStore.selectedGraphic,
+  (val) => {
+    if (val && val.type == IscsFan.Type) {
+      // console.log('Iscs风机变更');
+      model.copyFrom(val.saveData() as IscsFanData);
+    }
+  }
+);
+
+onMounted(() => {
+  // console.log('Iscs风机 属性表单 mounted');
+  const g = drawStore.selectedGraphic as IscsFan;
+  if (g) {
+    model.copyFrom(g.saveData());
+  }
+});
+
+function onUpdate() {
+  console.log('Iscs风机 属性更新');
+  const g = drawStore.selectedGraphic as IscsFan;
+  if (g) {
+    drawStore.getDrawApp().updateGraphicAndRecord(g, model);
+  }
+}
+</script>
diff --git a/src/components/draw-app/properties/LinkProperty.vue b/src/components/draw-app/properties/LinkProperty.vue
index b74805f..e464b76 100644
--- a/src/components/draw-app/properties/LinkProperty.vue
+++ b/src/components/draw-app/properties/LinkProperty.vue
@@ -1,6 +1,12 @@
 <template>
   <q-form>
-    <q-input outlined readonly v-model="linkModel.id" label="id" :rules="[]" />
+    <q-input
+      outlined
+      readonly
+      v-model="linkModel.id"
+      label="id"
+      :rules="[(val) => val || '']"
+    />
     <q-input
       outlined
       v-model.number="linkModel.lineWidth"