This commit is contained in:
2022-07-20 19:19:54 +02:00
parent a23e11d566
commit f953d8fe7f
5 changed files with 482 additions and 338 deletions
+213 -210
View File
@@ -1,207 +1,208 @@
<template>
<section class="header" ref="header">
<h2 class="flex-center">
Rozkaz pisemny "N" nr
<input type="text" v-model="order.header.orderNo" />
</h2>
<div class="flex-row">
dla pociągu nr <input type="text" v-model="order.header.trainNo" /> dnia
<input type="text" v-model="order.header.date" /> {{ new Date().getUTCFullYear() }}r.
</div>
</section>
<section class="table-section">
<table class="options-table">
<tbody>
<tr>
<td>
<label for="row-enabled-1">1</label>
<div>
<input type="checkbox" id="row-enabled-1" v-model="order.row1.enabled" />
</div>
</td>
<td>
Od <input type="text" v-model="order.row1.from" /> do <input type="text" v-model="order.row1.to" /> tor nr
<input type="text" v-model="order.row1.trackNo" /> jest zamknięty, ruch jednotorowy dwukierunkowy
wprowadzono po torze nr <input type="text" v-model="order.row1.trackNo2" />
</td>
</tr>
<tr>
<td>
<label for="row-enabled-2">2</label>
<div>
<input type="checkbox" id="row-enabled-2" v-model="order.row2.enabled" />
</div>
</td>
<td>
<strong>ZEZWALAM</strong> po otrzymaniu
<select id="select-2a" v-model="order.row2.option1">
<option value='sygnału "Nakaz Jazdy"'>sygnału "Nakaz Jazdy"</option>
<option value="tylko tego rozkazu pisemnego">tylko tego rozkazu pisemnego</option>
</select>
<div style="margin-top: 0.5rem">
<input
type="radio"
name="section-2"
id="checkbox-2a"
value="checkbox-2a"
v-model="order.row2.checkbox"
:checked="order.row2.checkbox == 'checkbox-2a'"
/>
<label for="checkbox-2a">
przejechać obok wskazującego sygnał "Stój" semafora
<div style="margin-left: 1rem">
<input
type="radio"
name="section-2a"
id="radio-2a-1"
value="wyjazdowego"
v-model="order.row2.signalType"
/>
<label for="radio-2a-1">wyjazdowego <input type="text" v-model="order.row2.signal1" /> </label>
<br />
<input
type="radio"
name="section-2a"
id="radio-2a-2"
value="drogowskazowego"
v-model="order.row2.signalType"
/>
<label for="radio-2a-2"
>drogowskazowego <input type="text" v-model="order.row2.signal2" /> (odnoszącego się do wyjazdu
pociągu)
</label>
<br />
<input
type="radio"
name="section-2a"
id="radio-2a-3"
value="wjazdowego"
v-model="order.row2.signalType"
/>
<label for="radio-2a-3"
>wjazdowego <input type="text" v-model="order.row2.signal3" /> na post. odg. bez sem.
wyjazdowego</label
>
</div>
i wyjechać w kierunku <input type="text" v-model="order.row2.direction" /> na tor szlakowy
<select v-model="order.row2.option2">
<option value="lewy">lewy</option>
<option value="prawy">prawy</option>
</select>
nr <input type="text" v-model="order.row2.trackNoTo1" />
</label>
</div>
<div style="margin-top: 0.5rem">
<input
type="radio"
name="section-2"
id="checkbox-2b"
value="checkbox-2b"
v-model="order.row2.checkbox"
:checked="order.row2.checkbox == 'checkbox-2b'"
/>
<label for="checkbox-2b">
z toru nr <input type="text" v-model="order.row2.trackNoFrom" /> nie posiadającego semafora wyjazdowego
wyjechać w kierunku <input type="text" /> na tor szlakowy
<select v-model="order.row2.option3">
<option value="lewy">lewy</option>
<option value="prawy">prawy</option>
</select>
nr <input type="text" v-model="order.row2.trackNoTo2" />
</label>
</div>
</td>
</tr>
<tr>
<td>
<label for="row-enabled-3">3</label>
<div>
<input type="checkbox" id="row-enabled-3" v-model="order.row3.enabled" />
</div>
</td>
<td>
<select v-model="order.row3.option1">
<option value="Jazda">Jazda</option>
<option value="Popychanie">Popychanie</option>
</select>
pociągu odbędzie się w kierunku: <input type="text" v-model="order.row3.direction" /> do km
<input type="text" v-model="order.row3.toKilometer" /> skąd
<select v-model="order.row3.option2">
<option value="pociąg">pociąg</option>
<option value="popychacz">popychacz</option>
</select>
ma wrócić po torze lewym nr <input type="text" v-model="order.row3.trackNo" /> najpóźniej o godz.
<input type="text" v-model="order.row3.untilHour" /> min.
<input type="text" v-model="order.row3.untilMin" />
</td>
</tr>
<tr>
<td>
<label for="row-enabled-4">4</label>
<div>
<input type="checkbox" id="row-enabled-4" v-model="order.row4.enabled" />
</div>
</td>
<td>
<strong>WJAZD</strong> z toru szlakowego nr <input type="text" v-model="order.row4.trackNo" /> na
<select v-model="order.row4.optionStation">
<option value="stację">stację</option>
<option value="posterunek odgałęźny">posterunek odgałęźny</option>
</select>
<input type="text" v-model="order.row4.stationName" /> odbędzie się po otrzymaniu:
<div style="margin-top: 0.5rem">
<input type="radio" name="section-4" id="checkbox-4a" value="checkbox-4a" v-model="order.row4.checkbox" />
<label for="checkbox-4a">
sygnału zastępczego "Sz" na osobnym urządzeniu ustawionym z
<select v-model="order.row4.side">
<option value="lewej">lewej</option>
<option value="prawej">prawej</option>
</select>
strony toru
</label>
</div>
<div style="margin-top: 0.5rem">
<input type="radio" name="section-4" id="checkbox-4b" value="checkbox-4b" v-model="order.row4.checkbox" />
<label for="checkbox-4b">
rozkazu pisemnego "N" (doręczonego lub przekazanego przez urządzenia łączności)
</label>
</div>
</td>
</tr>
<tr>
<td>
<label for="row-enabled-5">5</label>
<div>
<input type="checkbox" id="row-enabled-5" v-model="order.row5.enabled" />
</div>
</td>
<td>
<strong>ZEZWALAM</strong> wjechać z toru szlakowego nr <input type="text" v-model="order.row5.trackNo" /> z
kierunku <input type="text" v-model="order.row5.direction" /> na
<select v-model="order.row5.stationType">
<option value="stację">stację</option>
<option value="posterunek odgałęźny">posterunek odgałęźny</option>
</select>
<input type="text" v-model="order.row5.stationName" />
i przejechać obok sygnału "Stój" na <input type="text" v-model="order.row5.on" />
</td>
</tr>
</tbody>
</table>
<section class="order-n">
<section class="header" ref="header">
<h2 class="flex-center">
Rozkaz pisemny "N" nr
<input type="text" v-model="order.header.orderNo" />
</h2>
<div class="flex-row">
dla pociągu nr <input type="text" v-model="order.header.trainNo" /> dnia
<input type="text" v-model="order.header.date" /> {{ new Date().getUTCFullYear() }}r.
</div>
</section>
<section class="table-section">
<table class="options-table">
<tbody>
<tr>
<td>
<label for="row-enabled-1">1</label>
<div>
<input type="checkbox" id="row-enabled-1" v-model="order.row1.enabled" />
</div>
</td>
<td>
Od <input type="text" v-model="order.row1.from" /> do <input type="text" v-model="order.row1.to" /> tor nr
<input type="text" v-model="order.row1.trackNo" /> jest zamknięty, ruch jednotorowy dwukierunkowy
wprowadzono po torze nr <input type="text" v-model="order.row1.trackNo2" />
</td>
</tr>
<tr>
<td>
<label for="row-enabled-2">2</label>
<div>
<input type="checkbox" id="row-enabled-2" v-model="order.row2.enabled" />
</div>
</td>
<td>
<strong>ZEZWALAM</strong> po otrzymaniu
<select id="select-2a" v-model="order.row2.option1">
<option value='sygnału "Nakaz Jazdy"'>sygnału "Nakaz Jazdy"</option>
<option value="tylko tego rozkazu pisemnego">tylko tego rozkazu pisemnego</option>
</select>
<div style="margin-top: 0.5rem">
<input
type="radio"
name="section-2"
id="checkbox-2a"
value="checkbox-2a"
v-model="order.row2.checkbox"
:checked="order.row2.checkbox == 'checkbox-2a'"
/>
<label for="checkbox-2a">
przejechać obok wskazującego sygnał "Stój" semafora
<div style="margin-left: 1rem">
<input
type="radio"
name="section-2a"
id="radio-2a-1"
value="wyjazdowego"
v-model="order.row2.signalType"
/>
<label for="radio-2a-1">wyjazdowego <input type="text" v-model="order.row2.signal1" /> </label>
<br />
<input
type="radio"
name="section-2a"
id="radio-2a-2"
value="drogowskazowego"
v-model="order.row2.signalType"
/>
<label for="radio-2a-2"
>drogowskazowego <input type="text" v-model="order.row2.signal2" /> (odnoszącego się do wyjazdu
pociągu)
</label>
<br />
<input
type="radio"
name="section-2a"
id="radio-2a-3"
value="wjazdowego"
v-model="order.row2.signalType"
/>
<label for="radio-2a-3"
>wjazdowego <input type="text" v-model="order.row2.signal3" /> na post. odg. bez sem.
wyjazdowego</label
>
</div>
i wyjechać w kierunku <input type="text" v-model="order.row2.direction" /> na tor szlakowy
<select v-model="order.row2.option2">
<option value="lewy">lewy</option>
<option value="prawy">prawy</option>
</select>
nr <input type="text" v-model="order.row2.trackNoTo1" />
</label>
</div>
<div style="margin-top: 0.5rem">
<input
type="radio"
name="section-2"
id="checkbox-2b"
value="checkbox-2b"
v-model="order.row2.checkbox"
:checked="order.row2.checkbox == 'checkbox-2b'"
/>
<label for="checkbox-2b">
z toru nr <input type="text" v-model="order.row2.trackNoFrom" /> nie posiadającego semafora
wyjazdowego wyjechać w kierunku <input type="text" /> na tor szlakowy
<select v-model="order.row2.option3">
<option value="lewy">lewy</option>
<option value="prawy">prawy</option>
</select>
nr <input type="text" v-model="order.row2.trackNoTo2" />
</label>
</div>
</td>
</tr>
<tr>
<td>
<label for="row-enabled-3">3</label>
<div>
<input type="checkbox" id="row-enabled-3" v-model="order.row3.enabled" />
</div>
</td>
<td>
<select v-model="order.row3.option1">
<option value="Jazda">Jazda</option>
<option value="Popychanie">Popychanie</option>
</select>
pociągu odbędzie się w kierunku: <input type="text" v-model="order.row3.direction" /> do km
<input type="text" v-model="order.row3.toKilometer" /> skąd
<select v-model="order.row3.option2">
<option value="pociąg">pociąg</option>
<option value="popychacz">popychacz</option>
</select>
ma wrócić po torze lewym nr <input type="text" v-model="order.row3.trackNo" /> najpóźniej o godz.
<input type="text" v-model="order.row3.untilHour" /> min.
<input type="text" v-model="order.row3.untilMin" />
</td>
</tr>
<tr>
<td>
<label for="row-enabled-4">4</label>
<div>
<input type="checkbox" id="row-enabled-4" v-model="order.row4.enabled" />
</div>
</td>
<td>
<strong>WJAZD</strong> z toru szlakowego nr <input type="text" v-model="order.row4.trackNo" /> na
<select v-model="order.row4.optionStation">
<option value="stację">stację</option>
<option value="posterunek odgałęźny">posterunek odgałęźny</option>
</select>
<input type="text" v-model="order.row4.stationName" /> odbędzie się po otrzymaniu:
<div style="margin-top: 0.5rem">
<input
type="radio"
name="section-4"
id="checkbox-4a"
value="checkbox-4a"
v-model="order.row4.checkbox"
/>
<label for="checkbox-4a">
sygnału zastępczego "Sz" na osobnym urządzeniu ustawionym z
<select v-model="order.row4.side">
<option value="lewej">lewej</option>
<option value="prawej">prawej</option>
</select>
strony toru
</label>
</div>
<div style="margin-top: 0.5rem">
<input
type="radio"
name="section-4"
id="checkbox-4b"
value="checkbox-4b"
v-model="order.row4.checkbox"
/>
<label for="checkbox-4b">
rozkazu pisemnego "N" (doręczonego lub przekazanego przez urządzenia łączności)
</label>
</div>
</td>
</tr>
<tr>
<td>
<label for="row-enabled-5">5</label>
<div>
<input type="checkbox" id="row-enabled-5" v-model="order.row5.enabled" />
</div>
</td>
<td>
<strong>ZEZWALAM</strong> wjechać z toru szlakowego nr
<input type="text" v-model="order.row5.trackNo" /> z kierunku
<input type="text" v-model="order.row5.direction" /> na
<select v-model="order.row5.stationType">
<option value="stację">stację</option>
<option value="posterunek odgałęźny">posterunek odgałęźny</option>
</select>
<input type="text" v-model="order.row5.stationName" />
i przejechać obok sygnału "Stój" na <input type="text" v-model="order.row5.on" />
</td>
</tr>
</tbody>
</table>
</section>
</section>
</template>
@@ -213,7 +214,7 @@ type OrderRowRange = 1 | 2 | 3 | 4 | 5;
export default defineComponent({
name: 'OrderN',
setup() {
const store = useStore();
const order = reactive(store.orderN);
@@ -247,7 +248,7 @@ export default defineComponent({
if (row2.checkbox == 'checkbox-2a') {
message += ` przejechać obok wskazującego sygnał "Stój" semafora ${row2.signalType || '_'} `;
if (row2.signalType == 'wyjazdowego') message += row2.signal1;
if (row2.signalType == 'wyjazdowego') message += row2.signal1 || "_";
if (row2.signalType == 'drogowskazowego')
message += `${row2.signal2 || '_'} (odnoszącego się do wyjazdu pociągu)`;
if (row2.signalType == 'wjazdowego') message += `${row2.signal3 || '_'} na post. odg. bez sem. wyjazdowego`;
@@ -271,7 +272,11 @@ export default defineComponent({
() => {
const { row3 } = order;
let message = `${row3.option1} pociągu odbędzie się w kierunku: ${row3.direction} do km ${row3.toKilometer} skąd ${row3.option2} ma wrócić po torze lewym nr ${row3.trackNo} najpóźniej o godz. ${row3.untilHour} min. ${row3.untilMin}`;
let message = `${row3.option1 || '_'} pociągu odbędzie się w kierunku: ${row3.direction || '_'} do km ${
row3.toKilometer || '_'
} skąd ${row3.option2 || '_'} ma wrócić po torze lewym nr ${row3.trackNo || '_'} najpóźniej o godz. ${
row3.untilHour || '_'
} min. ${row3.untilMin || '_'}`;
return message;
},
@@ -315,7 +320,7 @@ export default defineComponent({
},
},
mounted() {
activated() {
this.generateMessage();
},
@@ -330,11 +335,9 @@ export default defineComponent({
}
this.store.orderMessage = message;
},
generateFooter() {
}
generateFooter() {},
},
});
</script>