diff --git a/src/components/draw-app/properties/CurvatureKiloMarkerProperty.vue b/src/components/draw-app/properties/CurvatureKiloMarkerProperty.vue
index ef4aec8..9279d78 100644
--- 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>
 
diff --git a/src/components/draw-app/properties/SlopeKiloMarkerProperty.vue b/src/components/draw-app/properties/SlopeKiloMarkerProperty.vue
index 0bac7cd..aa6e0cd 100644
--- 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>
 
diff --git a/src/drawApp/graphics/CurvatureKiloMarkerInteraction.ts b/src/drawApp/graphics/CurvatureKiloMarkerInteraction.ts
index 12f43db..050c98c 100644
--- 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[]) {
diff --git a/src/drawApp/graphics/SlopeKiloMarkerInteraction.ts b/src/drawApp/graphics/SlopeKiloMarkerInteraction.ts
index 76f0aca..2c4c832 100644
--- 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[]) {
diff --git a/src/drawApp/graphics/TurnoutInteraction.ts b/src/drawApp/graphics/TurnoutInteraction.ts
index f4d78ae..ceef394 100644
--- 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;