Skip to content

N
NewSite
Commit 6a3354c8 authored by Sergey Serov's avatar Sergey Serov
Browse files
Options

After Create all components for inser in Main.vue

parent 98cfa61b
Hide whitespace changes
Inline Side-by-side
Showing with 443 additions and 118 deletions
src/Devices/MOES19.vue
View file @ 6a3354c8
<template>
<div id="MOES19">
<div id="nineteen">
<h1 >19</h1>
<h1 >19</h1>
<h1 >19</h1>
<h1 >19</h1>
<h2 style="color: #00aeff">{{msg}}</h2>
<table style="margin:0 auto;">
<thead>
<tr id="caption"><h3>Комплектность</h3></tr>
<tr>
<th>Наименование оборудования</th>
<th>Кол-во, шт</th>
<select v-model="pickedFirst">
<option v-for="option in optionsFirst" v-bind:value="option.value">
{{ option.text }}
</option>
</select>
</tr>
</thead>
<tbody>
<tr v-for="item in table1">
<td>{{item.name}}</td>
<td>{{item.value}}</td>
{{item.img}}
<img :src="item.img" />
</tr>
<img :src="table1[table1.length - 1].img" />
</tbody>
</table>
<div>
<p class="descr">{{descriptionFirst}}</p>
<p><span>Объектив представляет собой малоапертурный катадиоптрический широкопольный оптический прибор высокой светосилы со сферической оптикой, который выполнен по системе Шенкера с трехлинзовым полноапертурным корректором, с задним расположением фотоприёмного устройства в фокусе Кассегрена. Компоновка и применённая оптическая схема позволяют использовать фотоприёмную аппаратуру произвольных габаритов и, в силу размещения вторичного зеркала на линзе полноапертурного корректора, избежать применения системы механических конструктивных элементов крепления вторичного зеркала - растяжек, что исключает помехи от них на изображении, и позволяет эффективно обнаруживать слабые точечные объекты вблизи ярких источников света (звезд) в поле зрения.</span></p>
</div>
<table style="margin:0 auto;">
<thead>
<tr>
<th>Параметры и характеристики (свойства)</th>
<th>Количественные и качественные показатели (значения)</th>
</tr>
</thead>
<tbody>
<tr v-for="item in item2_1">
<td>{{item.name}}</td>
<td>{{item.value}}</td>
</tr>
</tbody>
</table>
<div>
<p class="descr">{{descriptionSecond}}</p>
<img src="./img/I.png">
<p class="descr">{{descriptionThird}}</p>
<img src="./img/I.png">
<p class="descr">{{descriptionFour}}</p>
<img src="./img/I.png">
<p class="descr">{{descriptionFive}}</p>
<img src="./img/I.png">
<p class="descr">{{descriptionSix}}</p>
<img src="./img/I.png">
</div>
</div>
</div>
</template>
......@@ -13,9 +63,133 @@
export default {
data () {
return {
msg: 'obj',
msg: 'Модульное оптико-электронное средство МОЭC-19',
pickedFirst: 'one',
optionsFirst: [
{ text: 'I', value: 'one' },
{ text: 'II', value: 'two' },
],
item1_1:[
{
name: 'Объектив оптического модуля с апертурой 19 см',
value: '1'
},
{
name: 'Цифровое фотоприёмное устройство ФПУ 16070',
value: '1'
},
{
name: 'Опорно-поворотное устройство экваториального типа ',
value: '1'
},
{
name: 'Фокусировочное устройство',
value: '1'
},
{
name: 'Павильон-укрытие ПУ.30-П с системами внутреннего электропитания и заземления',
value: '1'
},
{
name: 'Комплект аппаратуры управления элементами ОЭК',
value: '1'
},
{
name: 'Комплект оборудования вычислительного комплекса',
value: '1'
},
],
item1_2:[
{
name: 'Объектив оптического модуля с апертурой 19 см',
value: '2'
},
{
name: 'Цифровое фотоприёмное устройство ФПУ 16070',
value: '2'
},
{
name: 'Опорно-поворотное устройство экваториального типа ',
value: '1'
},
{
name: 'Фокусировочное устройство',
value: '2'
},
{
name: 'Павильон-укрытие ПУ.30-П с системами внутреннего электропитания и заземления',
value: '1'
},
{
name: 'Комплект аппаратуры управления элементами ОЭК',
value: '1'
},
{
name: 'Комплект оборудования вычислительного комплекса',
value: '1'
},
],
descriptionFirst: 'Описание, основные параметры, характеристики и общий вид объектива оптического модуля с апертурой 19 см',
item2_1:[
{
name: 'Диаметр входного зрачка, мм',
value: '194'
},
{
name: 'Эффективное фокусное расстояние, мм',
value: '296'
},
{
name: 'Угловой диаметр поля зрения, град.',
value: '10'
},
{
name: 'Линейный диаметр поля зрения, мм',
value: '52'
},
{
name: 'Задний отрезок, мм',
value: '30.7'
},
{
name: 'Длина оптической системы, мм',
value: '248,44'
},
{
name: 'Длина с блендой/без бленды, мм',
value: '700/259'
},
{
name: 'Диаметр наибольший (с блендой), мм',
value: '310'
},
{
name: 'Масса объектива, кг, не более',
value: '21'
},
{
name: 'Ожидаемое проницание за 10 с экспозиции на ФПУ, не хуже, зв. величина',
value: '16.5m'
},
],
descriptionSecond: 'Общий вид объектива оптического модуля с апертурой 19 см с установленной блендой, ФПУ16070, фокусировочным устройством:',
descriptionThird: 'Оптическая схема объектива:',
descriptionFour: 'Точечные диаграммы (кружки рассеяния):',
descriptionFive: 'Общий вид оптико-электронного комплекса в составе двух объективов оптических модулей с апертурами 19 см, оснащённых ФПУ16070, фокусировочными устройствами, на опорно-поворотном устройстве альт-азимутального вилочного типа АСТРОСИБ АВМ-700:',
descriptionSix: 'Фото оптико-электронного комплекса в составе двух объективов оптических модулей с апертурами 19 см, оснащённых ФПУ, фокусировочными устройствами, на опорно-поворотном устройстве вилочного экваториального типа:',
}
},
computed: {
table1: function () {
if (this.pickedFirst == 'one'){
// this.item1_1.push({img: ''})
return this.item1_1
}else{
// this.item1_2.push({img: ''})
return this.item1_2
}
},
},
methods:{
}
......@@ -23,19 +197,21 @@ export default {
</script>
<style>
h1{
color:aqua;
font-size: 11em;
}
#MOES19{
height: 100%;
/* width: 100%; */
background-color: red;
/* background-color: rgba(200, 200, 200, 0.7); */
}
#MOES19 #nineteen{
#MOES19 table thead #caption{
color: #78daff;
opacity: 0.9;
text-decoration: underline;
}
#MOES19 #twentyfive{
#MOES19 p.descr{
margin-top: 2em;
font-size: 20px;
font-weight: 800;
text-align: center;
color: #00aeff;
}
</style>
src/Devices/MOES25.vue
View file @ 6a3354c8
<template>
<div id="MOES25">
<div id="nineteen">
<h1 >25</h1>
<div id="twentyfive">
<h2 style="color: #00aeff">{{msg}}</h2>
<table style="margin:0 auto;">
<thead>
<tr id="caption"><h3>Комплектность</h3></tr>
<tr>
<th>Наименование оборудования</th>
<th>Кол-во, шт</th>
</tr>
</thead>
<tbody>
<tr v-for="item in item1_1">
<td>{{item.name}}</td>
<td>{{item.value}}</td>
{{item.img}}
<img :src="item.img" />
</tr>
<img :src="item1_1[item1_1.length - 1].img" />
</tbody>
</table>
<div>
<p class="descr">{{descriptionFirst}}</p>
<p><span>Объектив представляет собой катадиоптрический широкопольный оптический прибор высокой светосилы со сферической оптикой, который выполнен по оптической схеме Гамильтона-Ньютона с однолинзовым полноапертурным корректором и двухлинзовым предфокальным корректором, с боковым расположением фотоприемного устройства в ньютоновском (вынесенном) фокусе. Применение полностью сферической оптики обеспечивает высокую воспроизводимость системы при серийном производстве. Закрытая оптическая труба исключает загрязнение внутреннего объёма и находящихся в нём оптических деталей. Применение покрытия внутреннего отражения на главном зеркале обеспечивает долговечность и стабильность коэффициента пропускания системы. Данная конкретная реализация системы Гамильтона обеспечивает по всему полю зрения расчётное качество изображения, близкое к дифракционному пределу. Компоновка и применённая оптическая схема позволяют использовать фотоприёмную аппаратуру различных габаритов. Практически применимое поле зрения ограничивается размерами диагонального зеркала и выходной линзы, с минимальными доработками система может быть применена с приёмниками большого формата, вплоть до 37х37 мм/9 мкм пиксель.</span></p>
</div>
<table style="margin:0 auto;">
<thead>
<tr>
<th>Параметры и характеристики (свойства)</th>
<th>Количественные и качественные показатели (значения)</th>
</tr>
</thead>
<tbody>
<tr v-for="item in item2_1">
<td>{{item.name}}</td>
<td>{{item.value}}</td>
</tr>
</tbody>
</table>
<div>
<p class="descr">{{descriptionSecond}}</p>
<img src="./img/I.png">
<p class="descr">{{descriptionThird}}</p>
<img src="./img/I.png">
<p class="descr">{{descriptionFour}}</p>
<img src="./img/I.png">
<p class="descr">{{descriptionFive}}</p>
<img src="./img/I.png">
<img src="./img/I.png">
<img src="./img/I.png">
<img src="./img/I.png">
</div>
</div>
</div>
</template>
......@@ -10,7 +59,84 @@
export default {
data () {
return {
msg: 'obj',
msg: 'Модульное оптико-электронное средство МОЭC-25',
item1_1:[
{
name: 'Объектив оптического модуля с апертурой 25 см',
value: '1'
},
{
name: 'Цифровое фотоприёмное устройство ФПУ 16070',
value: '1'
},
{
name: 'Опорно-поворотное устройство экваториального типа ',
value: '1'
},
{
name: 'Фокусировочное устройство',
value: '1'
},
{
name: 'Павильон-укрытие ПУ.30-П с системами внутреннего электропитания и заземления',
value: '1'
},
{
name: 'Комплект аппаратуры управления элементами ОЭК',
value: '1'
},
{
name: 'Комплект оборудования вычислительного комплекса',
value: '1'
},
],
descriptionFirst: 'Описание, основные параметры, характеристики и общий вид объектива оптического модуля с апертурой 25 см',
item2_1:[
{
name: 'Диаметр входного зрачка, мм',
value: '250'
},
{
name: 'Эффективное фокусное расстояние, мм',
value: '625'
},
{
name: 'Угловой диаметр поля зрения, град.',
value: '4.8'
},
{
name: 'Линейный диаметр поля зрения, мм',
value: '52'
},
{
name: 'Задний отрезок, мм',
value: '65'
},
{
name: 'Длина оптической системы, мм',
value: '248,44'
},
{
name: 'Длина с блендой/без бленды, мм',
value: '875/590'
},
{
name: 'Диаметр наибольший (с блендой), мм',
value: '310'
},
{
name: 'Масса объектива, кг, не более',
value: '23'
},
{
name: 'Ожидаемое проницание за 10 с экспозиции на ФПУ, не хуже, зв. величина',
value: '16.5m'
},
],
descriptionSecond: 'Общий вид объектива оптического модуля с апертурой 25 см, оснащённого ФПУ16070 и фокусировочным устройством:',
descriptionThird: 'Оптическая схема объектива:',
descriptionFour: 'Точечные диаграммы (кружки рассеяния):',
descriptionFive: 'Фото объектива оптического модуля с апертурой 25 см на опорно-поворотном устройстве экваториального типа, в павильон-укрытии',
}
},
methods:{
......@@ -20,16 +146,21 @@ export default {
</script>
<style>
h1{
color:aqua;
font-size: 11em;
}
#MOES25{
height: 100%;
/* width: 100%; */
background-color: red;
/* background-color: rgba(200, 200, 200, 0.7); */
}
#MOES25 table thead #caption{
color: #78daff;
opacity: 0.9;
text-decoration: underline;
}
#MOES25 #twentyfive{
#MOES25 p.descr{
margin-top: 2em;
font-size: 20px;
font-weight: 800;
text-align: center;
color: #00aeff;
}
</style>
src/Devices/MOES30.vue
View file @ 6a3354c8
<template>
<div id="MOES19">
<div id="nineteen">
<h1 >19</h1>
<h1 >19</h1>
<h1 >19</h1>
<h1 >19</h1>
<div id="MOES30">
<div id="Thirty">
<h1 >30</h1>
<h1 >30</h1>
<h1 >30</h1>
<h1 >30</h1>
</div>
</div>
</template>
......@@ -27,15 +27,16 @@ h1{
color:aqua;
font-size: 11em;
}
#MOES19{
#MOES30{
border-radius: 10px;
height: 100%;
/* width: 100%; */
background-color: red;
background-color: navy;
}
#MOES19 #nineteen{
#MOES30{
}
#MOES19 #twentyfive{
#MOES30 #Thirty{
}
</style>
src/Devices/MOES40.vue
View file @ 6a3354c8
<template>
<div id="MOES19">
<div id="nineteen">
<h1 >19</h1>
<h1 >19</h1>
<h1 >19</h1>
<h1 >19</h1>
<div id="MOES40">
<div id="forty">
<h1 >{{msg}}</h1>
</div>
</div>
</template>
......@@ -13,7 +10,7 @@
export default {
data () {
return {
msg: 'obj',
msg: 'MOES40',
}
},
methods:{
......@@ -24,18 +21,18 @@ export default {
<style>
h1{
color:aqua;
color:whitesmoke;
font-size: 11em;
}
#MOES19{
#MOES40{
height: 100%;
/* width: 100%; */
background-color: red;
}
#MOES19 #nineteen{
#MOES40{
}
#MOES19 #twentyfive{
#MOES40 #forty{
}
</style>
src/Devices/MOES50.vue
View file @ 6a3354c8
<template>
<div id="MOES19">
<div id="nineteen">
<h1 >19</h1>
<h1 >19</h1>
<h1 >19</h1>
<h1 >19</h1>
<div id="MOES50">
<div id="fifty">
<h1 >{{msg}}</h1>
<h1 >{{msg}}</h1>
<h1 >{{msg}}</h1>
<h1 >{{msg}}</h1>
<h1 >{{msg}}</h1>
<h1 >{{msg}}</h1>
</div>
</div>
</template>
......@@ -13,7 +15,7 @@
export default {
data () {
return {
msg: 'obj',
msg: 'MOES50',
}
},
methods:{
......@@ -27,15 +29,15 @@ h1{
color:aqua;
font-size: 11em;
}
#MOES19{
#MOES50{
height: 100%;
/* width: 100%; */
background-color: red;
background-color: orangered;
}
#MOES19 #nineteen{
#MOES50{
}
#MOES19 #twentyfive{
#MOES50 #fifty{
}
</style>
src/Devices/MOES65.vue
View file @ 6a3354c8
<template>
<div id="MOES19">
<div id="nineteen">
<h1 >19</h1>
<h1 >19</h1>
<h1 >19</h1>
<h1 >19</h1>
<div id="MOES60">
<div id="sixty">
<h1>{{msg}}</h1>
</div>
</div>
</template>
......@@ -13,7 +10,7 @@
export default {
data () {
return {
msg: 'obj',
msg: 'MOES65',
}
},
methods:{
......@@ -27,15 +24,15 @@ h1{
color:aqua;
font-size: 11em;
}
#MOES19{
#MOES60{
height: 100%;
/* width: 100%; */
background-color: red;
background-color: goldenrod;
}
#MOES19 #nineteen{
#MOES60{
}
#MOES19 #twentyfive{
#MOES60 #sixty{
}
</style>
src/Devices/PU30.vue
View file @ 6a3354c8
<template>
<div id="MOES19">
<div id="nineteen">
<h1 >19</h1>
<h1 >19</h1>
<h1 >19</h1>
<h1 >19</h1>
<div id="PU">
<div id="pu30">
<h1>PU</h1>
<h1>PU</h1>
<h1>PU</h1>
<h1>PU</h1>
<h1>PU</h1>
<h1>PU</h1>
<h1>PU</h1>
</div>
</div>
</template>
......@@ -27,15 +30,15 @@ h1{
color:aqua;
font-size: 11em;
}
#MOES19{
#PU{
height: 100%;
/* width: 100%; */
background-color: red;
background-color: green;
}
#MOES19 #nineteen{
#PU{
}
#MOES19 #twentyfive{
#PU #pu30{
}
</style>
src/Devices/PUEO-M.vue
View file @ 6a3354c8
<template>
<div id="MOES19">
<div id="nineteen">
<h1 >19</h1>
<h1 >19</h1>
<h1 >19</h1>
<h1 >19</h1>
<div id="PUEO">
<div id="pueo">
<h1 >{{msg}}</h1>
<h1 >{{msg}}</h1>
<h1 >{{msg}}</h1>
<h1 >{{msg}}</h1>
<h1 >{{msg}}</h1>
<h1 >{{msg}}</h1>
</div>
</div>
</template>
......@@ -13,7 +15,7 @@
export default {
data () {
return {
msg: 'obj',
msg: 'PUEO',
}
},
methods:{
......@@ -27,15 +29,15 @@ h1{
color:aqua;
font-size: 11em;
}
#MOES19{
#PUEO{
height: 100%;
/* width: 100%; */
background-color: red;
background-color: orchid;
}
#MOES19 #nineteen{
#PUEO{
}
#MOES19 #twentyfive{
#PUEO #pueo{
}
</style>
src/Devices/PhotoDevice.vue
View file @ 6a3354c8
<template>
<div id="MOES19">
<div id="nineteen">
<h1 >19</h1>
<h1 >19</h1>
<h1 >19</h1>
<h1 >19</h1>
<div id="PhotoDevice">
<div id="pd">
<h1 >PD</h1>
<h1 >PD</h1>
<h1 >PD</h1>
<h1 >PD</h1>
<h1 >PD</h1>
<h1 >PD</h1>
<h1 >PD</h1>
</div>
</div>
</template>
......@@ -27,15 +30,15 @@ h1{
color:aqua;
font-size: 11em;
}
#MOES19{
#PhotoDevice{
height: 100%;
/* width: 100%; */
background-color: red;
}
#MOES19 #nineteen{
#PhotoDevice{
}
#MOES19 #twentyfive{
#PhotoDevice #pd{
}
</style>
src/Devices/SupportRotateDevice.vue
View file @ 6a3354c8
<template>
<div id="MOES19">
<div id="nineteen">
<h1 >19</h1>
<h1 >19</h1>
<h1 >19</h1>
<h1 >19</h1>
<div id="srd">
<div id="sup">
<h1 >{{msg}}</h1>
</div>
</div>
</template>
......@@ -13,7 +10,7 @@
export default {
data () {
return {
msg: 'obj',
msg: 'SUP',
}
},
methods:{
......@@ -27,15 +24,15 @@ h1{
color:aqua;
font-size: 11em;
}
#MOES19{
#srd{
height: 100%;
/* width: 100%; */
background-color: red;
background-color: gold;
}
#MOES19 #nineteen{
#srd{
}
#MOES19 #twentyfive{
#srd #sup{
}
</style>
src/Devices/img/I.png 0 → 100644
View file @ 6a3354c8
This diff is collapsed.
src/Devices/img/II.jpg 0 → 100644
View file @ 6a3354c8
This diff is collapsed.
src/Main.vue
View file @ 6a3354c8
......@@ -131,18 +131,20 @@
</div>
</div> -->
<div class="section">
<div class="col-sm-12 col-md-12 col-lg-10" id="equipment">
<div class="section">
<div class="col-sm-12 col-md-12 col-lg-12" id="equipment">
<div class="about object">
<p v-for="tab in tabs"
v-bind:key="tab.value"
v-bind:class="['tab-button', { active: currentTab === tab }]"
v-on:click="currentTab = tab.value"> {{tab.name}} </p>
</div>
<div class="about info">
<transition name="component-fade" mode="out-in">
<component :is="currentTab" />
</transition>
<div @mouseenter="test = true" @mouseleave="test = false" class="about info">
<div>
<transition name="component-fade" mode="out-in">
<component :is="currentTab" />
</transition>
</div>
</div>
</div>
</div>
......@@ -333,6 +335,7 @@ div#logo img{
#equipment{
margin-top: 2em;
width: 100%;
/* height: 100%; */
}
#equipment .about{
......@@ -351,10 +354,16 @@ div#logo img{
background-color: rgba(0, 174, 255, 0.3);
}
#equipment .info{
overflow-y: scroll;
overflow: scroll;
max-height: 69vh;
width: 79%;
color: #FFFFFF;
border-radius: 5px;
border: 1px solid #00aeff;
}
#equipment .info div{
width: 100%;
padding: 1%;
}
</style>
<script>
......@@ -390,7 +399,9 @@ export default {
return {
options: {
onLeave: this.onLeave,
normalScrollElements: '.info'
},
test: false,
msg: 'Main',
item: [],
mobile: false,
......@@ -419,8 +430,8 @@ export default {
{name: 'МОЭС-65', value: 'MOES65' },
{name: 'Павильон укрытие ПУ-30', value: 'PU30' },
{name: 'Павильон укрытие ПУЭО-М', value: 'PUEO' },
{name: 'Фотоприемное устройство', value: 'PhotoDevice' },
{name: 'Опорно-поворотное устройство', value: 'SupportRotateDevice' },
{name: 'Фотоприемное устройство', value: 'PHOTODEVICE' },
{name: 'Опорно-поворотное устройство', value: 'SUPPORTROTATEDEVICE' },
]
}
......@@ -446,6 +457,11 @@ export default {
this.$parent.first = destination.isFirst;
},
},
watch:{
test: function(){
this.$refs.fullpage.api.setAllowScrolling(!this.test);
}
}
}
</script>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment