属性面板--公里标调整

2023-10-13 11:28:28 +08:00 · 2023-10-13 11:28:28 +08:00 · 175cd631be
commit 175cd631be
parent 0790a7326e
8 changed files with 377 additions and 340 deletions
--- a/src/components/draw-app/properties/AxleCountingProperty.vue
+++ b/src/components/draw-app/properties/AxleCountingProperty.vue
@ -25,6 +25,9 @@
      lazy-rules
      autogrow
    />
+    <q-list bordered separator class="rounded-borders">
+      <q-item no-wrap class="q-gutter-y-sm column">
+        <div>公里标配置</div>
        <q-select
          outlined
          style="margin-top: 10px"
@ -52,6 +55,8 @@
          @update:model-value="onUpdate"
          label="方向"
        ></q-select>
+      </q-item>
+    </q-list>
    <q-select
      outlined
      v-model="axleCountingModel.type"
--- a/src/components/draw-app/properties/CurvatureKiloMarkerProperty.vue
+++ b/src/components/draw-app/properties/CurvatureKiloMarkerProperty.vue
@ -24,13 +24,10 @@ const directionOptions = [

 <template>
  <q-form class="q-gutter-sm">
-    <q-input
-      outlined
-      readonly
-      v-model="kiloMarkerModel.id"
-      label="id"
-      hint=""
-    />
+    <q-input outlined readonly v-model="kiloMarkerModel.id" label="id" />
+    <q-list bordered separator class="rounded-borders">
+      <q-item no-wrap class="q-gutter-y-sm column">
+        <div>公里标配置</div>
        <q-select
          outlined
          v-model="kiloMarkerModel.kilometerSystem[0].coordinateSystem"
@ -56,6 +53,11 @@ const directionOptions = [
          @update:model-value="onUpdate"
          label="方向"
        ></q-select>
+      </q-item>
+    </q-list>
+    <q-list bordered separator class="rounded-borders">
+      <q-item no-wrap class="q-gutter-y-sm column">
+        <div>公里标配置</div>
        <q-select
          outlined
          class="q-mt-lg"
@ -82,6 +84,8 @@ const directionOptions = [
          @update:model-value="onUpdate"
          label="方向"
        ></q-select>
+      </q-item>
+    </q-list>
  </q-form>
 </template>

--- a/src/components/draw-app/properties/SignalProperty.vue
+++ b/src/components/draw-app/properties/SignalProperty.vue
@ -1,6 +1,6 @@
 <template>
-  <q-form>
-    <q-input outlined readonly v-model="signalModel.id" label="id" hint="" />
+  <q-form class="q-gutter-sm">
+    <q-input outlined readonly v-model="signalModel.id" label="id" />
    <q-input
      outlined
      v-model="signalModel.code"
@ -15,6 +15,9 @@
      @blur="onUpdate"
      label="索引"
    />
+    <q-list bordered separator class="rounded-borders">
+      <q-item no-wrap class="q-gutter-y-sm column">
+        <div>公里标配置</div>
        <q-select
          outlined
          class="q-mt-sm"
@ -43,6 +46,8 @@
          @blur="onUpdate"
          label="公里标(mm):"
        />
+      </q-item>
+    </q-list>
    <q-select
      outlined
      class="q-mt-sm"
--- a/src/components/draw-app/properties/SlopeKiloMarkerProperty.vue
+++ b/src/components/draw-app/properties/SlopeKiloMarkerProperty.vue
@ -24,7 +24,10 @@ const directionOptions = [

 <template>
  <QForm class="q-gutter-sm">
-    <QInput outlined readonly v-model="kiloMarkerModel.id" label="id" hint="" />
+    <QInput outlined readonly v-model="kiloMarkerModel.id" label="id" />
+    <q-list bordered separator class="rounded-borders">
+      <q-item no-wrap class="q-gutter-y-sm column">
+        <div>公里标配置</div>
        <QSelect
          outlined
          v-model="kiloMarkerModel.kilometerSystem[0].coordinateSystem"
@ -50,6 +53,11 @@ const directionOptions = [
          @update:model-value="onUpdate"
          label="方向"
        ></QSelect>
+      </q-item>
+    </q-list>
+    <q-list bordered separator class="rounded-borders">
+      <q-item no-wrap class="q-gutter-y-sm column">
+        <div>公里标配置</div>
        <QSelect
          outlined
          class="q-mt-lg"
@ -76,6 +84,8 @@ const directionOptions = [
          @update:model-value="onUpdate"
          label="方向"
        ></QSelect>
+      </q-item>
+    </q-list>
  </QForm>
 </template>

--- a/src/components/draw-app/properties/StationProperty.vue
+++ b/src/components/draw-app/properties/StationProperty.vue
@ -17,7 +17,10 @@
      @blur="onUpdate"
      label="索引"
    />
+    <q-list bordered separator class="rounded-borders">
+      <q-item no-wrap class="q-gutter-y-sm column">
        <template v-if="stationModel.kilometerSystem">
+          <div>公里标配置</div>
          <q-select
            outlined
            class="q-mt-md"
@ -46,6 +49,9 @@
            @update:model-value="onUpdate"
            label="方向"
          ></q-select>
+        </template>
+      </q-item>
+    </q-list>
    <q-select
      outlined
      @blur="onUpdate"
@ -55,7 +61,6 @@
      emit-value
      label="是否集中站"
    />
-    </template>
  </q-form>
 </template>

--- a/src/components/draw-app/properties/StopPositionProperty.vue
+++ b/src/components/draw-app/properties/StopPositionProperty.vue
@ -1,12 +1,6 @@
 <template>
-  <q-form>
-    <q-input
-      outlined
-      readonly
-      v-model="stopPositionModel.id"
-      label="id"
-      hint=""
-    />
+  <q-form class="q-gutter-sm">
+    <q-input outlined readonly v-model="stopPositionModel.id" label="id" />
    <q-input
      outlined
      v-model.number="stopPositionModel.index"
@ -24,7 +18,10 @@
      @update:model-value="onUpdate"
      label="编组数量"
    />
+    <q-list bordered separator class="rounded-borders">
+      <q-item no-wrap class="q-gutter-y-sm column">
        <template v-if="stopPositionModel.kilometerSystem">
+          <div>公里标配置</div>
          <q-select
            outlined
            class="q-mt-md"
@ -54,6 +51,8 @@
            label="公里标(mm):"
          />
        </template>
+      </q-item>
+    </q-list>
    <q-select
      outlined
      class="q-mt-md"
--- a/src/components/draw-app/properties/TransponderProperty.vue
+++ b/src/components/draw-app/properties/TransponderProperty.vue
@ -1,12 +1,6 @@
 <template>
-  <q-form>
-    <q-input
-      outlined
-      readonly
-      v-model="transponderModel.id"
-      label="id"
-      hint=""
-    />
+  <q-form class="q-gutter-sm">
+    <q-input outlined readonly v-model="transponderModel.id" label="id" />
    <q-input
      outlined
      class="q-mt-md"
@ -21,7 +15,10 @@
      @blur="onUpdate"
      label="索引"
    />
+    <q-list bordered separator class="rounded-borders">
+      <q-item no-wrap class="q-gutter-y-sm column">
        <template v-if="transponderModel.kilometerSystem">
+          <div>公里标配置</div>
          <q-select
            outlined
            class="q-mt-md"
@ -51,6 +48,8 @@
            label="方向"
          ></q-select>
        </template>
+      </q-item>
+    </q-list>
    <q-select
      outlined
      class="q-mt-md"
--- a/src/components/draw-app/properties/TurnoutProperty.vue
+++ b/src/components/draw-app/properties/TurnoutProperty.vue
@ -1,6 +1,6 @@
 <template>
-  <q-form>
-    <q-input outlined readonly v-model="turnoutModel.id" label="id" hint="" />
+  <q-form class="q-gutter-sm">
+    <q-input outlined readonly v-model="turnoutModel.id" label="id" />
    <q-input
      outlined
      v-model="turnoutModel.code"
@ -15,6 +15,9 @@
      @blur="onUpdate"
      label="索引"
    />
+    <q-list bordered separator class="rounded-borders">
+      <q-item no-wrap class="q-gutter-y-sm column">
+        <div>公里标配置</div>
        <q-select
          outlined
          class="q-mt-sm"
@ -43,6 +46,11 @@
          @update:model-value="onUpdate"
          label="方向"
        ></q-select>
+      </q-item>
+    </q-list>
+    <q-list bordered separator class="rounded-borders">
+      <q-item no-wrap class="q-gutter-y-sm column">
+        <div>公里标配置</div>
        <q-select
          outlined
          class="q-mt-sm"
@ -71,6 +79,8 @@
          @update:model-value="onUpdate"
          label="方向"
        ></q-select>
+      </q-item>
+    </q-list>
    <q-select
      outlined
      class="q-mt-sm"