mirror of
https://github.com/Spythere/genera-tor.git
synced 2026-05-03 13:38:12 +00:00
Dodano bloczki rozkazów S i N
This commit is contained in:
Generated
+20730
File diff suppressed because it is too large
Load Diff
+8
-7
@@ -9,6 +9,7 @@
|
|||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"core-js": "^3.6.5",
|
"core-js": "^3.6.5",
|
||||||
|
"pinia": "^2.0.14",
|
||||||
"vue": "^3.0.0",
|
"vue": "^3.0.0",
|
||||||
"vue-class-component": "^8.0.0-0",
|
"vue-class-component": "^8.0.0-0",
|
||||||
"vue-router": "^4.0.0-0",
|
"vue-router": "^4.0.0-0",
|
||||||
@@ -17,15 +18,15 @@
|
|||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@typescript-eslint/eslint-plugin": "^4.18.0",
|
"@typescript-eslint/eslint-plugin": "^4.18.0",
|
||||||
"@typescript-eslint/parser": "^4.18.0",
|
"@typescript-eslint/parser": "^4.18.0",
|
||||||
"@vue/cli-plugin-babel": "~4.5.13",
|
"@vue/cli-plugin-babel": "^5.0.4",
|
||||||
"@vue/cli-plugin-eslint": "~4.5.13",
|
"@vue/cli-plugin-eslint": "^5.0.4",
|
||||||
"@vue/cli-plugin-router": "~4.5.13",
|
"@vue/cli-plugin-router": "^5.0.4",
|
||||||
"@vue/cli-plugin-typescript": "~4.5.13",
|
"@vue/cli-plugin-typescript": "^5.0.4",
|
||||||
"@vue/cli-plugin-vuex": "~4.5.13",
|
"@vue/cli-plugin-vuex": "^5.0.4",
|
||||||
"@vue/cli-service": "~4.5.13",
|
"@vue/cli-service": "^5.0.4",
|
||||||
"@vue/compiler-sfc": "^3.0.0",
|
"@vue/compiler-sfc": "^3.0.0",
|
||||||
"@vue/eslint-config-typescript": "^7.0.0",
|
"@vue/eslint-config-typescript": "^7.0.0",
|
||||||
"eslint": "^6.7.2",
|
"eslint": "^7.0.0",
|
||||||
"eslint-plugin-vue": "^7.0.0",
|
"eslint-plugin-vue": "^7.0.0",
|
||||||
"sass": "^1.26.5",
|
"sass": "^1.26.5",
|
||||||
"sass-loader": "^8.0.2",
|
"sass-loader": "^8.0.2",
|
||||||
|
|||||||
+15
-18
@@ -1,30 +1,27 @@
|
|||||||
<template>
|
<template>
|
||||||
<div id="nav">
|
<div id="app_wrapper">
|
||||||
<router-link to="/">Home</router-link> |
|
<router-view />
|
||||||
<router-link to="/about">About</router-link>
|
|
||||||
</div>
|
</div>
|
||||||
<router-view/>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
@import './styles/global.scss';
|
||||||
|
|
||||||
#app {
|
#app {
|
||||||
font-family: Avenir, Helvetica, Arial, sans-serif;
|
background-color: $bgCol;
|
||||||
-webkit-font-smoothing: antialiased;
|
color: white;
|
||||||
-moz-osx-font-smoothing: grayscale;
|
|
||||||
text-align: center;
|
min-height: 100vh;
|
||||||
color: #2c3e50;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#nav {
|
#app_wrapper {
|
||||||
padding: 30px;
|
padding: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
a {
|
@media screen and (max-width: 500px) {
|
||||||
font-weight: bold;
|
#app {
|
||||||
color: #2c3e50;
|
font-size: calc(1vw + 0.5rem);
|
||||||
|
|
||||||
&.router-link-exact-active {
|
|
||||||
color: #42b983;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
|||||||
@@ -1,65 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="hello">
|
|
||||||
<h1>{{ msg }}</h1>
|
|
||||||
<p>
|
|
||||||
For a guide and recipes on how to configure / customize this project,<br>
|
|
||||||
check out the
|
|
||||||
<a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
|
|
||||||
</p>
|
|
||||||
<h3>Installed CLI Plugins</h3>
|
|
||||||
<ul>
|
|
||||||
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
|
|
||||||
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-router" target="_blank" rel="noopener">router</a></li>
|
|
||||||
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-vuex" target="_blank" rel="noopener">vuex</a></li>
|
|
||||||
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li>
|
|
||||||
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-typescript" target="_blank" rel="noopener">typescript</a></li>
|
|
||||||
</ul>
|
|
||||||
<h3>Essential Links</h3>
|
|
||||||
<ul>
|
|
||||||
<li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
|
|
||||||
<li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
|
|
||||||
<li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
|
|
||||||
<li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
|
|
||||||
<li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
|
|
||||||
</ul>
|
|
||||||
<h3>Ecosystem</h3>
|
|
||||||
<ul>
|
|
||||||
<li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
|
|
||||||
<li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
|
|
||||||
<li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
|
|
||||||
<li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
|
|
||||||
<li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script lang="ts">
|
|
||||||
import { Options, Vue } from 'vue-class-component';
|
|
||||||
|
|
||||||
@Options({
|
|
||||||
props: {
|
|
||||||
msg: String
|
|
||||||
}
|
|
||||||
})
|
|
||||||
export default class HelloWorld extends Vue {
|
|
||||||
msg!: string
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<!-- Add "scoped" attribute to limit CSS to this component only -->
|
|
||||||
<style scoped lang="scss">
|
|
||||||
h3 {
|
|
||||||
margin: 40px 0 0;
|
|
||||||
}
|
|
||||||
ul {
|
|
||||||
list-style-type: none;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
li {
|
|
||||||
display: inline-block;
|
|
||||||
margin: 0 10px;
|
|
||||||
}
|
|
||||||
a {
|
|
||||||
color: #42b983;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -0,0 +1,207 @@
|
|||||||
|
<template>
|
||||||
|
<div class="rozkaz rozkaz-n">
|
||||||
|
<section class="header">
|
||||||
|
<h2 class="flex-center">
|
||||||
|
Rozkaz pisemny "N" nr
|
||||||
|
<input type="text" v-model="orderNo" />
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<div class="flex-row">
|
||||||
|
dla pociągu nr <input type="text" v-model="trainNo" /> dnia <input type="text" v-model="date" />
|
||||||
|
{{ new Date().getUTCFullYear() }}r.
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="table-section">
|
||||||
|
<table class="options-table">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>1</td>
|
||||||
|
<td>
|
||||||
|
Od <input type="text" v-model="row1.from" /> do <input type="text" v-model="row1.to" /> tor nr
|
||||||
|
<input type="text" v-model="row1.trackNo" /> jest zamknięty, ruch jednotorowy dwukierunkowy wprowadzono po
|
||||||
|
torze nr <input type="text" v-model="row1.trackNo2" />
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>2</td>
|
||||||
|
<td>
|
||||||
|
<strong>ZEZWALAM</strong> po otrzymaniu
|
||||||
|
<select id="select-2a" v-model="row2.choice1">
|
||||||
|
<option value="option-2a-1" :checked="row2.choice1 == 'option-2a-1'">sygnału "Nakaz Jazdy"</option>
|
||||||
|
<option value="option-2a-2" :checked="row2.choice1 == 'option-2a-2'">tylko tego rozkazu pisemnego</option>
|
||||||
|
</select>
|
||||||
|
|
||||||
|
{{ row2.choice1 }}
|
||||||
|
|
||||||
|
<div style="margin-top: 0.5rem">
|
||||||
|
<input type="radio" name="section-2" id="checkbox-2a" />
|
||||||
|
<label for="checkbox-2a">
|
||||||
|
przejechać obok wskazującego sygnał "Stój" semafora wyjazdowego <input type="text" /> i wyjechać w
|
||||||
|
kierunku <input type="text" /> na tor szlakowy
|
||||||
|
<select>
|
||||||
|
<option value="lewy">lewy</option>
|
||||||
|
<option value="prawy">prawy</option>
|
||||||
|
</select>
|
||||||
|
nr <input type="text" />
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div style="margin-top: 0.5rem">
|
||||||
|
<input type="radio" name="section-2" id="checkbox-2b" />
|
||||||
|
<label for="checkbox-2b">
|
||||||
|
z toru nr <input type="text" /> nie posiadającego semafora wyjazdowego wyjechać w kierunku
|
||||||
|
<input type="text" /> na tor szlakowy
|
||||||
|
<select>
|
||||||
|
<option value="lewy">lewy</option>
|
||||||
|
<option value="prawy">prawy</option>
|
||||||
|
</select>
|
||||||
|
nr <input type="text" />
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>3</td>
|
||||||
|
<td>
|
||||||
|
<select>
|
||||||
|
<option value="jazda">Jazda</option>
|
||||||
|
<option value="popychanie">Popychanie</option>
|
||||||
|
</select>
|
||||||
|
pociągu odbędzie się w kierunku: <input type="text" /> do km <input type="text" /> skąd
|
||||||
|
<select>
|
||||||
|
<option value="pociąg">pociąg</option>
|
||||||
|
<option value="popychacz">popychacz</option>
|
||||||
|
</select>
|
||||||
|
ma wrócić po torze lewym nr <input type="text" /> najpóźniej o godz. <input type="text" /> min.
|
||||||
|
<input type="text" />
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>4</td>
|
||||||
|
<td>
|
||||||
|
<strong>WJAZD</strong> z toru szlakowego nr <input type="text" /> na
|
||||||
|
<select>
|
||||||
|
<option value="stację">stację</option>
|
||||||
|
<option value="posterunek odgałęźny">posterunek odgałęźny</option>
|
||||||
|
</select>
|
||||||
|
<input type="text" /> odbędzie się po otrzymaniu:
|
||||||
|
|
||||||
|
<div style="margin-top: 0.5rem">
|
||||||
|
<input type="radio" name="section-4" id="checkbox-4a" />
|
||||||
|
<label for="checkbox-4a">
|
||||||
|
sygnału zastępczego "Sz" na osobnym urządzeniu ustawionym z
|
||||||
|
<select>
|
||||||
|
<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" />
|
||||||
|
<label for="checkbox-4b">
|
||||||
|
rozkazu pisemnego "N" (doręczonego lub przekazanego przez urządzenia łączności)
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>5</td>
|
||||||
|
<td>
|
||||||
|
<strong>ZEZWALAM</strong> wjechać z toru szlakowego nr <input type="text" /> z kierunku
|
||||||
|
<input type="text" /> na
|
||||||
|
<select>
|
||||||
|
<option value="stację">stację</option>
|
||||||
|
<option value="posterunek odgałęźny">posterunek odgałęźny</option>
|
||||||
|
</select>
|
||||||
|
i przejechać obok sygnału "Stój" na <input type="text" />
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="info">
|
||||||
|
<table class="info-table">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td colspan="4">
|
||||||
|
<input type="text" />
|
||||||
|
<br />
|
||||||
|
stacja
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td colspan="3">
|
||||||
|
<input type="text" />
|
||||||
|
<br />
|
||||||
|
posterunek
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td colspan="2">
|
||||||
|
<input type="text" />
|
||||||
|
<br />
|
||||||
|
godz.
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td colspan="1">
|
||||||
|
<input type="text" />
|
||||||
|
<br />
|
||||||
|
min.
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td colspan="5">
|
||||||
|
<input type="text" />
|
||||||
|
<br />
|
||||||
|
dyżurny ruchu
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td colspan="5">
|
||||||
|
<input type="text" />
|
||||||
|
<br />
|
||||||
|
z polecenia dyżurnego ruchu
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script lang="ts">
|
||||||
|
import { defineComponent } from 'vue';
|
||||||
|
|
||||||
|
export default defineComponent({
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
orderNo: '',
|
||||||
|
trainNo: '',
|
||||||
|
date: '',
|
||||||
|
|
||||||
|
row1: {
|
||||||
|
from: '',
|
||||||
|
to: '',
|
||||||
|
trackNo: '',
|
||||||
|
trackNo2: '',
|
||||||
|
},
|
||||||
|
|
||||||
|
row2: {
|
||||||
|
choice1: 'option-2a-1',
|
||||||
|
choice2: '',
|
||||||
|
|
||||||
|
}
|
||||||
|
};
|
||||||
|
},
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
@import '../styles/rozkaz.scss';
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,139 @@
|
|||||||
|
<template>
|
||||||
|
<div class="rozkaz rozkaz-n">
|
||||||
|
<section class="header">
|
||||||
|
<h2 class="flex-center">
|
||||||
|
Rozkaz pisemny "S" nr
|
||||||
|
<input type="text" />
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<div class="flex-row">
|
||||||
|
dla
|
||||||
|
<select id="select-header">
|
||||||
|
<option value="pociągu">pociągu</option>
|
||||||
|
<option value="manewru">manewru</option>
|
||||||
|
</select>
|
||||||
|
nr <input type="text" /> dnia <input type="text" /> {{ new Date().getUTCFullYear() }}r.
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="table-section">
|
||||||
|
<table class="options-table">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>1</td>
|
||||||
|
<td>
|
||||||
|
zezwalam po otrzymaniu
|
||||||
|
<select id="select-1a">
|
||||||
|
<option value="sygnału">sygnału "nakaz jazdy"</option>
|
||||||
|
<option value="rozkazu">tylko tego rozkazu pisemnego</option>
|
||||||
|
</select>
|
||||||
|
|
||||||
|
<div style="margin-top: 0.5rem">
|
||||||
|
<input type="checkbox" name="section-1a" id="checkbox-1a" />
|
||||||
|
<label for="checkbox-1a">
|
||||||
|
przejechać obok wskazującego sygnał "Stój" semafora wyjazdowego <input type="text" />
|
||||||
|
<br />
|
||||||
|
drogowskazowego <input type="text" />
|
||||||
|
<br />
|
||||||
|
(odnoszącego się do wyjazdu pociągu)
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<hr />
|
||||||
|
<div style="margin-top: 0.5rem">
|
||||||
|
<input type="checkbox" name="section-1b" id="checkbox-1b" />
|
||||||
|
<label for="checkbox-1b">
|
||||||
|
wyjechać z toru nr <input type="text" /> nie posiadającego semafora wyjazdowego
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>2</td>
|
||||||
|
<td>
|
||||||
|
zezwalam przejechać obok wskazującego sygnał "Stój" semafora:
|
||||||
|
|
||||||
|
<div>- wjazdowego <input type="text" /></div>
|
||||||
|
<div>
|
||||||
|
- drogowskazowego <input type="text" />
|
||||||
|
<div> (odnoszącego się do wjazdu pociągu)</div>
|
||||||
|
</div>
|
||||||
|
<div>- odstępowego <input type="text" /></div>
|
||||||
|
<div>- wjechać z zamkniętego toru nr <input type="text" /> nie posiadającego semafora wjazdowego</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>3</td>
|
||||||
|
<td>
|
||||||
|
Od <input type="text" /> do <input type="text" /> po torze nr <input type="text" /> ruch pociągów
|
||||||
|
prowadzony jest w odstępie posterunków następczych. Wskazania semaforów sbl są nieważne. Zachować
|
||||||
|
ostrożność od ostatniego semafora ze wskaźnikiem "W18". Szlak wolny, ostatni pociąg nr
|
||||||
|
<input type="text" /> przybył do <input type="text" /> o godzinie <input type="text" />
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="info">
|
||||||
|
<table class="info-table">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td colspan="4">
|
||||||
|
<input type="text" />
|
||||||
|
<br />
|
||||||
|
stacja
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td colspan="3">
|
||||||
|
<input type="text" />
|
||||||
|
<br />
|
||||||
|
posterunek
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td colspan="2">
|
||||||
|
<input type="text" />
|
||||||
|
<br />
|
||||||
|
godz.
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td colspan="1">
|
||||||
|
<input type="text" />
|
||||||
|
<br />
|
||||||
|
min.
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td colspan="5">
|
||||||
|
<input type="text" />
|
||||||
|
<br />
|
||||||
|
dyżurny ruchu
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td colspan="5">
|
||||||
|
<input type="text" />
|
||||||
|
<br />
|
||||||
|
z polecenia dyżurnego ruchu
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script lang="ts">
|
||||||
|
import { defineComponent } from 'vue';
|
||||||
|
|
||||||
|
export default defineComponent({
|
||||||
|
setup() {
|
||||||
|
return {};
|
||||||
|
},
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
@import '../styles/rozkaz.scss';
|
||||||
|
</style>
|
||||||
+2
-10
@@ -1,4 +1,4 @@
|
|||||||
import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router'
|
import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router'
|
||||||
import Home from '../views/Home.vue'
|
import Home from '../views/Home.vue'
|
||||||
|
|
||||||
const routes: Array<RouteRecordRaw> = [
|
const routes: Array<RouteRecordRaw> = [
|
||||||
@@ -7,18 +7,10 @@ const routes: Array<RouteRecordRaw> = [
|
|||||||
name: 'Home',
|
name: 'Home',
|
||||||
component: Home
|
component: Home
|
||||||
},
|
},
|
||||||
{
|
|
||||||
path: '/about',
|
|
||||||
name: 'About',
|
|
||||||
// route level code-splitting
|
|
||||||
// this generates a separate chunk (about.[hash].js) for this route
|
|
||||||
// which is lazy-loaded when the route is visited.
|
|
||||||
component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
|
|
||||||
}
|
|
||||||
]
|
]
|
||||||
|
|
||||||
const router = createRouter({
|
const router = createRouter({
|
||||||
history: createWebHashHistory(),
|
history: createWebHistory(),
|
||||||
routes
|
routes
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|||||||
@@ -0,0 +1,9 @@
|
|||||||
|
$bgCol: #012E40;
|
||||||
|
$accentCol: #F28705;
|
||||||
|
|
||||||
|
body, html {
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
min-height: 100vh;
|
||||||
|
|
||||||
|
}
|
||||||
@@ -0,0 +1,97 @@
|
|||||||
|
.rozkaz {
|
||||||
|
width: 500px;
|
||||||
|
background-color: white;
|
||||||
|
color: black;
|
||||||
|
|
||||||
|
padding: 0.5em;
|
||||||
|
box-shadow: 0 0 15px 2px white;
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.header {
|
||||||
|
padding: 0.5em;
|
||||||
|
border: 2px solid black;
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.flex-row {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: flex-end;
|
||||||
|
}
|
||||||
|
|
||||||
|
.flex-center {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
input {
|
||||||
|
max-width: 100px;
|
||||||
|
background-color: transparent;
|
||||||
|
outline: none;
|
||||||
|
border: none;
|
||||||
|
|
||||||
|
border-bottom: 2px dotted black;
|
||||||
|
font-size: 0.9em;
|
||||||
|
text-align: center;
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
select {
|
||||||
|
margin-top: 0.5rem;
|
||||||
|
margin-right: 0.5rem;
|
||||||
|
font-size: 0.8rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.table-section {
|
||||||
|
table {
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
td:first-child {
|
||||||
|
width: 10%;
|
||||||
|
|
||||||
|
text-align: center;
|
||||||
|
vertical-align: top;
|
||||||
|
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
td {
|
||||||
|
padding: 0.35em;
|
||||||
|
text-align: justify;
|
||||||
|
|
||||||
|
line-height: 1.4em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
table,
|
||||||
|
td {
|
||||||
|
border: 2px solid black;
|
||||||
|
border-collapse: collapse;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
table.info-table {
|
||||||
|
border-collapse: collapse;
|
||||||
|
width: 100%;
|
||||||
|
table-layout: fixed;
|
||||||
|
|
||||||
|
td {
|
||||||
|
border: 2px solid black;
|
||||||
|
border-collapse: collapse;
|
||||||
|
padding: 0.35em;
|
||||||
|
}
|
||||||
|
|
||||||
|
input {
|
||||||
|
max-width: 95%;
|
||||||
|
}
|
||||||
|
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="about">
|
|
||||||
<h1>This is an about page</h1>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
+21
-10
@@ -1,18 +1,29 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="home">
|
<div class="home">
|
||||||
<img alt="Vue logo" src="../assets/logo.png">
|
<OrderN />
|
||||||
<HelloWorld msg="Welcome to Your Vue.js + TypeScript App"/>
|
<OrderS v-if="false" />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { Options, Vue } from 'vue-class-component';
|
import OrderN from '@/components/OrderN.vue';
|
||||||
import HelloWorld from '@/components/HelloWorld.vue'; // @ is an alias to /src
|
import OrderS from '@/components/OrderS.vue';
|
||||||
|
import { defineComponent } from 'vue';
|
||||||
|
|
||||||
@Options({
|
export default defineComponent({
|
||||||
components: {
|
components: { OrderN, OrderS },
|
||||||
HelloWorld,
|
});
|
||||||
},
|
|
||||||
})
|
|
||||||
export default class Home extends Vue {}
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.home {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
min-height: 100vh;
|
||||||
|
|
||||||
|
overflow-x: auto;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user