公里标

2023-09-21 17:27:46 +08:00 · 2023-09-21 17:27:46 +08:00 · ae04a6ada7
commit ae04a6ada7
parent 3fa8c54334
5 changed files with 114 additions and 112 deletions
--- a/src/components/draw-app/properties/CurvatureKiloMarkerProperty.vue
+++ b/src/components/draw-app/properties/CurvatureKiloMarkerProperty.vue
@ -31,61 +31,57 @@ const directionOptions = [
      label="id"
      hint=""
    />
-    <template v-if="kiloMarkerModel.kilometerSystem[0]">
-      <q-select
-        outlined
-        v-model="kiloMarkerModel.kilometerSystem[0].coordinateSystem"
-        :options="CoordinateSystemOptions"
-        :map-options="true"
-        :emit-value="true"
-        @update:model-value="onUpdate"
-        label="坐标系"
-      ></q-select>
-      <q-input
-        outlined
-        v-model.number="kiloMarkerModel.kilometerSystem[0].kilometer"
-        type="number"
-        @blur="onUpdate"
-        label="公里标(mm):"
-      />
-      <q-select
-        outlined
-        v-model="kiloMarkerModel.kilometerSystem[0].direction"
-        :options="directionOptions"
-        :map-options="true"
-        :emit-value="true"
-        @update:model-value="onUpdate"
-        label="方向"
-      ></q-select>
-    </template>
-    <template v-if="kiloMarkerModel.kilometerSystem[1]">
-      <q-select
-        outlined
-        class="q-mt-lg"
-        v-model="kiloMarkerModel.kilometerSystem[1].coordinateSystem"
-        :options="CoordinateSystemOptions"
-        :map-options="true"
-        :emit-value="true"
-        @update:model-value="onUpdate"
-        label="坐标系"
-      ></q-select>
-      <q-input
-        outlined
-        v-model.number="kiloMarkerModel.kilometerSystem[1].kilometer"
-        type="number"
-        @blur="onUpdate"
-        label="公里标(mm):"
-      />
-      <q-select
-        outlined
-        v-model="kiloMarkerModel.kilometerSystem[1].direction"
-        :options="directionOptions"
-        :map-options="true"
-        :emit-value="true"
-        @update:model-value="onUpdate"
-        label="方向"
-      ></q-select>
-    </template>
+    <q-select
+      outlined
+      v-model="kiloMarkerModel.kilometerSystem[0].coordinateSystem"
+      :options="CoordinateSystemOptions"
+      :map-options="true"
+      :emit-value="true"
+      @update:model-value="onUpdate"
+      label="坐标系"
+    ></q-select>
+    <q-input
+      outlined
+      v-model.number="kiloMarkerModel.kilometerSystem[0].kilometer"
+      type="number"
+      @blur="onUpdate"
+      label="公里标(mm):"
+    />
+    <q-select
+      outlined
+      v-model="kiloMarkerModel.kilometerSystem[0].direction"
+      :options="directionOptions"
+      :map-options="true"
+      :emit-value="true"
+      @update:model-value="onUpdate"
+      label="方向"
+    ></q-select>
+    <q-select
+      outlined
+      class="q-mt-lg"
+      v-model="kiloMarkerModel.kilometerSystem[1].coordinateSystem"
+      :options="CoordinateSystemOptions"
+      :map-options="true"
+      :emit-value="true"
+      @update:model-value="onUpdate"
+      label="坐标系"
+    ></q-select>
+    <q-input
+      outlined
+      v-model.number="kiloMarkerModel.kilometerSystem[1].kilometer"
+      type="number"
+      @blur="onUpdate"
+      label="公里标(mm):"
+    />
+    <q-select
+      outlined
+      v-model="kiloMarkerModel.kilometerSystem[1].direction"
+      :options="directionOptions"
+      :map-options="true"
+      :emit-value="true"
+      @update:model-value="onUpdate"
+      label="方向"
+    ></q-select>
  </q-form>
 </template>

--- a/src/components/draw-app/properties/SlopeKiloMarkerProperty.vue
+++ b/src/components/draw-app/properties/SlopeKiloMarkerProperty.vue
@ -25,61 +25,57 @@ const directionOptions = [
 <template>
  <QForm class="q-gutter-sm">
    <QInput outlined readonly v-model="kiloMarkerModel.id" label="id" hint="" />
-    <template v-if="kiloMarkerModel.kilometerSystem[0]">
-      <QSelect
-        outlined
-        v-model="kiloMarkerModel.kilometerSystem[0].coordinateSystem"
-        :options="CoordinateSystemOptions"
-        :map-options="true"
-        :emit-value="true"
-        @update:model-value="onUpdate"
-        label="坐标系"
-      ></QSelect>
-      <QInput
-        outlined
-        v-model.number="kiloMarkerModel.kilometerSystem[0].kilometer"
-        type="number"
-        @blur="onUpdate"
-        label="公里标(mm):"
-      />
-      <QSelect
-        outlined
-        v-model="kiloMarkerModel.kilometerSystem[0].direction"
-        :options="directionOptions"
-        :map-options="true"
-        :emit-value="true"
-        @update:model-value="onUpdate"
-        label="方向"
-      ></QSelect>
-    </template>
-    <template v-if="kiloMarkerModel.kilometerSystem[1]">
-      <QSelect
-        outlined
-        class="q-mt-lg"
-        v-model="kiloMarkerModel.kilometerSystem[1].coordinateSystem"
-        :options="CoordinateSystemOptions"
-        :map-options="true"
-        :emit-value="true"
-        @update:model-value="onUpdate"
-        label="坐标系"
-      ></QSelect>
-      <QInput
-        outlined
-        v-model.number="kiloMarkerModel.kilometerSystem[1].kilometer"
-        type="number"
-        @blur="onUpdate"
-        label="公里标(mm):"
-      />
-      <QSelect
-        outlined
-        v-model="kiloMarkerModel.kilometerSystem[1].direction"
-        :options="directionOptions"
-        :map-options="true"
-        :emit-value="true"
-        @update:model-value="onUpdate"
-        label="方向"
-      ></QSelect>
-    </template>
+    <QSelect
+      outlined
+      v-model="kiloMarkerModel.kilometerSystem[0].coordinateSystem"
+      :options="CoordinateSystemOptions"
+      :map-options="true"
+      :emit-value="true"
+      @update:model-value="onUpdate"
+      label="坐标系"
+    ></QSelect>
+    <QInput
+      outlined
+      v-model.number="kiloMarkerModel.kilometerSystem[0].kilometer"
+      type="number"
+      @blur="onUpdate"
+      label="公里标(mm):"
+    />
+    <QSelect
+      outlined
+      v-model="kiloMarkerModel.kilometerSystem[0].direction"
+      :options="directionOptions"
+      :map-options="true"
+      :emit-value="true"
+      @update:model-value="onUpdate"
+      label="方向"
+    ></QSelect>
+    <QSelect
+      outlined
+      class="q-mt-lg"
+      v-model="kiloMarkerModel.kilometerSystem[1].coordinateSystem"
+      :options="CoordinateSystemOptions"
+      :map-options="true"
+      :emit-value="true"
+      @update:model-value="onUpdate"
+      label="坐标系"
+    ></QSelect>
+    <QInput
+      outlined
+      v-model.number="kiloMarkerModel.kilometerSystem[1].kilometer"
+      type="number"
+      @blur="onUpdate"
+      label="公里标(mm):"
+    />
+    <QSelect
+      outlined
+      v-model="kiloMarkerModel.kilometerSystem[1].direction"
+      :options="directionOptions"
+      :map-options="true"
+      :emit-value="true"
+      @update:model-value="onUpdate"
+      label="方向"
+    ></QSelect>
  </QForm>
 </template>

--- a/src/drawApp/graphics/CurvatureKiloMarkerInteraction.ts
+++ b/src/drawApp/graphics/CurvatureKiloMarkerInteraction.ts
@ -32,6 +32,11 @@ export class CurvatureKiloMarkerData
    this.data.code = v;
  }
  get kilometerSystem(): KilometerSystem[] {
+    if (this.data.kilometerSystem.length < 2) {
+      this.data.kilometerSystem = Array(2).map(
+        () => new graphicData.KilometerSystem()
+      );
+    }
    return this.data.kilometerSystem;
  }
  set kilometerSystem(value: KilometerSystem[]) {
--- a/src/drawApp/graphics/SlopeKiloMarkerInteraction.ts
+++ b/src/drawApp/graphics/SlopeKiloMarkerInteraction.ts
@ -32,6 +32,11 @@ export class SlopeKiloMarkerData
    this.data.code = v;
  }
  get kilometerSystem(): KilometerSystem[] {
+    if (this.data.kilometerSystem.length < 2) {
+      this.data.kilometerSystem = Array(2).map(
+        () => new graphicData.KilometerSystem()
+      );
+    }
    return this.data.kilometerSystem;
  }
  set kilometerSystem(value: KilometerSystem[]) {
--- a/src/drawApp/graphics/TurnoutInteraction.ts
+++ b/src/drawApp/graphics/TurnoutInteraction.ts
@ -232,8 +232,8 @@ export class TurnoutData extends GraphicDataBase implements ITurnoutData {
  }
  get kilometerSystem(): KilometerSystem[] {
    if (this.data.kilometerSystem.length < 2) {
-      this.data.kilometerSystem = Array(2).fill(
-        new graphicData.KilometerSystem()
+      this.data.kilometerSystem = Array(2).map(
+        () => new graphicData.KilometerSystem()
      );
    }
    return this.data.kilometerSystem;