Skip to content

N
NewSite v3.0
Commit 33e7b407 authored by Sergey Serov's avatar Sergey Serov
Browse files
Options

MOEK

parent fd1fecb4
Hide whitespace changes
Inline Side-by-side
Showing with 779 additions and 1239 deletions
src/components/Devices/MOES19.vue
View file @ 33e7b407
<template>
<div id="MOES19">
<div id="nineteen">
<div>
<div><h2 style="color: #00aeff">{{msg}}</h2></div>
<div id="divselect"><span class="select" @click="pickedFirst = !pickedFirst">{{message}}</span></div>
</div>
<div id="caption"><h3>{{Caption}}</h3></div>
<table id="first">
<thead>
<tr>
<th v-for="item in NameTableFirst">{{item}}</th>
</tr>
</thead>
<tbody>
<tr v-for="item in table1">
<td>{{item.name}}</td>
<td>{{item.value}}</td>
</tr>
</tbody>
</table>
<div>
<p class="descr">{{descriptionFirst}}</p>
<p><span>{{descriptionFirstText}}</span></p>
</div>
<table style="margin:0 auto;">
<thead>
<tr>
<th v-for="item in NameTableSecond">{{item}}</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>
<p class="descr">{{descriptionThird}}</p>
<p class="descr">{{descriptionFour}}</p>
<p class="descr">{{descriptionFive}}</p>
<p class="descr">{{descriptionSix}}</p>
<img src="./img/19/19_photo.png">
</div>
</div>
</div>
<div id="MOES19">
<div class="container-fluid">
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-4 col-xl-4">
<img id="photo" src="./img/19/19_photo.png"/>
</div>
<div id="desc" class="col-sm-12 col-md-12 col-lg-8 col-xl-8">
<!-- <div><h2 style="color: #00aeff">{{msg}}</h2></div> -->
<p class="text">
{{text}}
</p>
<table >
<table style="margin:0 auto;">
<thead>
<tr>
<th v-for="item in NameTableSecond">{{item}}</th>
</tr>
</thead>
<tbody>
<tr v-for="item in item_table">
<td>{{item.name}}</td>
<td>{{item.value}}</td>
</tr>
</tbody>
</table>
</table>
</div>
</div>
</div>
<div id="nineteen">
</div>
</div>
</template>
<script>
export default {
data () {
return {
msg: 'Модульное оптико-электронное средство МОЭC-19',
Caption: 'Комплектность',
NameTableFirst: [ 'Наименование оборудования', 'Кол-во, шт'],
NameTableSecond: [ 'Параметры и характеристики (свойства)', 'Количественные и качественные показатели (значения)'],
pickedFirst: true,
message: '1 Вариант',
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 см',
descriptionFirstText: 'Объектив представляет собой малоапертурный катадиоптрический широкопольный оптический прибор высокой светосилы со сферической оптикой, который выполнен по системе Шенкера с трехлинзовым полноапертурным корректором, с задним расположением фотоприёмного устройства в фокусе Кассегрена. Компоновка и применённая оптическая схема позволяют использовать фотоприёмную аппаратуру произвольных габаритов и, в силу размещения вторичного зеркала на линзе полноапертурного корректора, избежать применения системы механических конструктивных элементов крепления вторичного зеркала - растяжек, что исключает помехи от них на изображении, и позволяет эффективно обнаруживать слабые точечные объекты вблизи ярких источников света (звезд) в поле зрения.',
item2_1:[
data () {
return {
msg: 'Модульное оптико-электронное средство МОЭC-19',
text: 'Объектив представляет собой малоапертурный катадиоптрический широкопольный оптический прибор высокой светосилы со сферической оптикой, который выполнен по системе Шенкера с трехлинзовым полноапертурным корректором, с задним расположением фотоприёмного устройства в фокусе Кассегрена. Компоновка и применённая оптическая схема позволяют использовать фотоприёмную аппаратуру произвольных габаритов и, в силу размещения вторичного зеркала на линзе полноапертурного корректора, избежать применения системы механических конструктивных элементов крепления вторичного зеркала - растяжек, что исключает помехи от них на изображении, и позволяет эффективно обнаруживать слабые точечные объекты вблизи ярких источников света (звезд) в поле зрения.',
NameTableSecond: ['Параметры и характеристики (свойства)', 'Показатели (значения)'],
item_table:[
{
name: 'Диаметр входного зрачка, мм',
value: '194'
......@@ -162,74 +83,37 @@ export default {
value: '16.5m'
},
],
descriptionSecond: 'Общий вид объектива оптического модуля с апертурой 19 см с установленной блендой, ФПУ16070, фокусировочным устройством:',
descriptionThird: 'Оптическая схема объектива:',
descriptionFour: 'Точечные диаграммы (кружки рассеяния):',
descriptionFive: 'Общий вид оптико-электронного комплекса в составе двух объективов оптических модулей с апертурами 19 см, оснащённых ФПУ16070, фокусировочными устройствами, на опорно-поворотном устройстве альт-азимутального вилочного типа АСТРОСИБ АВМ-700:',
descriptionSix: 'Фото оптико-электронного комплекса в составе двух объективов оптических модулей с апертурами 19 см, оснащённых ФПУ, фокусировочными устройствами, на опорно-поворотном устройстве вилочного экваториального типа:',
}
},
computed: {
table1: function () {
if (this.pickedFirst == true){
this.message = '1 Вариант';
let table = this.item1_1;
return table
}else{
let table = this.item1_2;
this.message = '2 Вариант';
return table
}
},
},
methods:{
}
}
},
computed: {
},
methods: {}
}
</script>
<style>
#MOES19{
height: 100%;
<style scoped>
#MOES19 {
height: 100%;
color: white;
}
#MOES19 table{
width: auto;
margin:0 auto;
img#photo{
margin-top: 13%;
width: 90%;
}
#MOES19 div #caption{
div #caption{
color: #78daff;
opacity: 0.9;
text-decoration: underline;
}
#MOES19 p.descr{
margin-top: 2em;
font-size: 20px;
font-weight: 800;
text-align: center;
color: #00aeff;
}
#MOES19 img{
width: 30vw;
div#desc{
width: 100%;
}
#MOES19 .pick{
margin-top: 3%;
div#desc p.text{
text-align: justify;
}
#MOES19 #divselect{
width: auto;
position: absolute;
padding: 0;
right: 6%;
top: 7%;
}
#MOES19 span.select{
border-radius: 7px;
border: 5px solid #00aeff;
font-size: 2rem;
color: white;
background: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 6px;
table{
table-layout: fixed;
}
</style>
src/components/Devices/MOES25.vue
View file @ 33e7b407
<template>
<div id="MOES25">
<div id="twentyfive">
<h2 style="color: #00aeff">{{msg}}</h2>
<table style="margin:0 auto;">
<thead>
<tr id="caption"><h3>{{Caption}}</h3></tr>
<tr>
<th v-for="item in NameTableFirst">{{item}}</th>
</tr>
</thead>
<tbody>
<tr v-for="item in item1_1">
<td>{{item.name}}</td>
<td>{{item.value}}</td>
{{item.img}}
</tr>
</tbody>
</table>
<div class="pick">
</div>
<div>
<p class="descr">{{descriptionFirst}}</p>
<p><span>{{descriptionFirstText}}</span></p>
</div>
<table style="margin:0 auto;">
<thead>
<tr>
<th v-for="item in NameTableSecond">{{item}}</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>
<p class="descr">{{descriptionThird}}</p>
<p class="descr">{{descriptionFour}}</p>
<p class="descr">{{descriptionFive}}</p>
<img src="./img/25/25_photo.png">
</div>
</div>
</div>
<div id="MOES25">
<div class="container-fluid">
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-4 col-xl-4">
<img id="photo" src="./img/25/25_photo.png"/>
</div>
<div id="desc" class="col-sm-12 col-md-12 col-lg-8 col-xl-8">
<div><h2 style="color: #fff">{{msg}}</h2></div>
<p class="text">
{{text}}
</p>
<table >
<table style="margin:0 auto;">
<thead>
<tr>
<th v-for="item in NameTableSecond">{{item}}</th>
</tr>
</thead>
<tbody>
<tr v-for="item in item_table">
<td>{{item.name}}</td>
<td>{{item.value}}</td>
</tr>
</tbody>
</table>
</table>
</div>
</div>
</div>
<div id="nineteen">
</div>
</div>
</template>
<script>
export default {
data () {
return {
msg: 'Модульное оптико-электронное средство МОЭC-25',
Caption: 'Комплектность',
NameTableFirst: [ 'Наименование оборудования', 'Кол-во, шт'],
NameTableSecond: [ 'Параметры и характеристики (свойства)', 'Количественные и качественные показатели (значения)'],
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 см',
descriptionFirstText: 'Объектив представляет собой катадиоптрический широкопольный оптический прибор высокой светосилы со сферической оптикой, который выполнен по оптической схеме Гамильтона-Ньютона с однолинзовым полноапертурным корректором и двухлинзовым предфокальным корректором, с боковым расположением фотоприемного устройства в ньютоновском (вынесенном) фокусе. Применение полностью сферической оптики обеспечивает высокую воспроизводимость системы при серийном производстве. Закрытая оптическая труба исключает загрязнение внутреннего объёма и находящихся в нём оптических деталей. Применение покрытия внутреннего отражения на главном зеркале обеспечивает долговечность и стабильность коэффициента пропускания системы. Данная конкретная реализация системы Гамильтона обеспечивает по всему полю зрения расчётное качество изображения, близкое к дифракционному пределу. Компоновка и применённая оптическая схема позволяют использовать фотоприёмную аппаратуру различных габаритов. Практически применимое поле зрения ограничивается размерами диагонального зеркала и выходной линзы, с минимальными доработками система может быть применена с приёмниками большого формата, вплоть до 37х37 мм/9 мкм пиксель.',
item2_1:[
data () {
return {
msg: 'Модульное оптико-электронное средство МОЭC-25',
text: 'Объектив представляет собой катадиоптрический широкопольный оптический прибор высокой светосилы со сферической оптикой, который выполнен по оптической схеме Гамильтона-Ньютона с однолинзовым полноапертурным корректором и двухлинзовым предфокальным корректором, с боковым расположением фотоприемного устройства в ньютоновском (вынесенном) фокусе. Применение полностью сферической оптики обеспечивает высокую воспроизводимость системы при серийном производстве. Закрытая оптическая труба исключает загрязнение внутреннего объёма и находящихся в нём оптических деталей. Применение покрытия внутреннего отражения на главном зеркале обеспечивает долговечность и стабильность коэффициента пропускания системы. Данная конкретная реализация системы Гамильтона обеспечивает по всему полю зрения расчётное качество изображения, близкое к дифракционному пределу. Компоновка и применённая оптическая схема позволяют использовать фотоприёмную аппаратуру различных габаритов. Практически применимое поле зрения ограничивается размерами диагонального зеркала и выходной линзы, с минимальными доработками система может быть применена с приёмниками большого формата, вплоть до 37х37 мм/9 мкм пиксель.',
NameTableSecond: ['Параметры и характеристики (свойства)', 'Показатели (значения)'],
item_table:[
{
name: 'Диаметр входного зрачка, мм',
value: '250'
......@@ -129,40 +83,37 @@ export default {
value: '16.5m'
},
],
descriptionSecond: 'Общий вид объектива оптического модуля с апертурой 25 см, оснащённого ФПУ16070 и фокусировочным устройством:',
descriptionThird: 'Оптическая схема объектива:',
descriptionFour: 'Точечные диаграммы (кружки рассеяния):',
descriptionFive: 'Фото объектива оптического модуля с апертурой 25 см на опорно-поворотном устройстве экваториального типа, в павильон-укрытии',
}
},
methods:{
}
}
},
computed: {
},
methods: {}
}
</script>
<style>
#MOES25{
height: 100%;
/* width: 100%; */
/* background-color: rgba(200, 200, 200, 0.7); */
<style scoped>
#MOES25 {
height: 100%;
color: white;
}
#MOES25 table thead #caption{
img#photo{
margin-top: 13%;
width: 90%;
}
div #caption{
color: #78daff;
opacity: 0.9;
text-decoration: underline;
}
#MOES25 p.descr{
margin-top: 2em;
font-size: 20px;
font-weight: 800;
text-align: center;
color: #00aeff;
div#desc{
width: 100%;
}
#MOES25 img{
width: 30vw;
div#desc p.text{
text-align: justify;
}
#MOES25 .pick{
margin-top: 3%;
table{
table-layout: fixed;
}
</style>
src/components/Devices/MOES30.vue
View file @ 33e7b407
<template>
<div id="MOES30">
<div id="Thirty">
<div>
<div><h2 style="color: #00aeff">{{msg}}</h2></div>
<div id="divselect"><span class="select" @click="pickedFirst = !pickedFirst">{{message}}</span></div>
</div>
<div id="caption"><h3>{{Caption}}</h3></div>
<table style="margin:0 auto;">
<thead>
<tr>
<th v-for="item in NameTableFirst">{{item}}</th>
</tr>
</thead>
<tbody>
<tr v-for="item in table1">
<td>{{item.name}}</td>
<td>{{item.value}}</td>
</tr>
<img :src="table1[table1.length - 1].img" />
</tbody>
</table>
<div>
<p class="descr">{{descriptionFirst}}</p>
<p><span>{{descriptionFirstText}}</span></p>
</div>
<table style="margin:0 auto;">
<thead>
<tr>
<th v-for="item in NameTableSecond">{{item}}</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>
<p class="descr">{{descriptionThird}}</p>
<p class="descr">{{descriptionFour}}</p>
<p class="descr">{{descriptionFive}}</p>
<img src="./img/30/30_photo.png">
</div>
</div>
</div>
<div id="MOES30">
<div class="container-fluid">
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-4 col-xl-4">
<img id="photo" src="./img/30/30_photo.png"/>
</div>
<div id="desc" class="col-sm-12 col-md-12 col-lg-8 col-xl-8">
<div><h2 style="color: #fff">{{msg}}</h2></div>
<p class="text">
{{text}}
</p>
<table >
<table style="margin:0 auto;">
<thead>
<tr>
<th v-for="item in NameTableSecond">{{item}}</th>
</tr>
</thead>
<tbody>
<tr v-for="item in item_table">
<td>{{item.name}}</td>
<td>{{item.value}}</td>
</tr>
</tbody>
</table>
</table>
</div>
</div>
</div>
<div id="nineteen">
</div>
</div>
</template>
<script>
export default {
data () {
return {
msg: 'Модульный оптико-электронный комплекс МОЭК-30',
Caption: 'Комплектность',
NameTableFirst: [ 'Наименование оборудования', 'Кол-во, шт'],
NameTableSecond: [ 'Параметры и характеристики (свойства)', 'Количественные и качественные показатели (значения)'],
pickedFirst: true,
message: '1 Вариант',
item1_1:[
{
name: 'Объектив оптического модуля с апертурой 30 см',
value: '1'
},
{
name: 'Цифровое фотоприёмное устройство ФПУ 4040',
value: '1'
},
{
name: 'Опорно-поворотное устройство АСТРОСИБ АВМ-700 с рамой под установку оптического модуля с апертурой 30см',
value: '1'
},
{
name: 'Фокусировочное устройство',
value: '1'
},
{
name: 'Павильон-укрытие ПУ.30-П с системами внутреннего электропитания и заземления (Опционально)',
value: '1'
},
{
name: 'Комплект аппаратуры управления элементами ОЭК',
value: '1'
},
{
name: 'Комплект оборудования вычислительного комплекса',
value: '1'
},
],
item1_2:[
{
name: 'Объектив оптического модуля с апертурой 30 см',
value: '1'
},
{
name: 'Цифровое фотоприёмное устройство ФПУ 4040',
value: '1'
},
{
name: 'Оопорно-поворотное устройство SkyWatcher EQ8 SynScan GoTo Mount',
value: '1'
},
{
name: 'Фокусировочное устройство',
value: '1'
},
{
name: 'Павильон-укрытие ПУ.30-П с системами внутреннего электропитания и заземления*',
value: '1'
},
{
name: 'Комплект аппаратуры управления элементами ОЭК',
value: '1'
},
{
name: 'Комплект оборудования вычислительного комплекса',
value: '1'
},
],
descriptionFirst: 'Описание, основные параметры, характеристики и общий вид объектива оптического модуля с апертурой 30 см',
descriptionFirstText: 'Объектив представляет собой катадиоптрический (зеркально-линзовый) широкопольный оптический прибор высокой светосилы со сферической оптикой. Объектив выполнен по оптической схеме (системе) Шенкера с трехлинзовым входным корректором и двухлинзовым предфокальным корректором поля, с задним расположением фотоприёмного устройства в фокусе Кассегрена. Компоновка и применённая оптическая схема позволяют использовать фотоприёмную аппаратуру произвольных габаритов и, в силу размещения вторичного зеркала на линзе входного корректора, избежать применения системы механических элементов крепления вторичного зеркала - растяжек, что исключает помехи от них на изображении, и позволяет эффективно обнаруживать слабые точечные объекты вблизи ярких источников света (звёзд) в поле зрения. Использование сферической оптики обеспечивает высокую воспроизводимость системы при серийном производстве. Закрытая конструкция объектива предупреждает загрязнение внутренних оптических элементов.',
item2_1:[
data () {
return {
msg: 'Модульное оптико-электронное средство МОЭC-30',
text: 'Объектив представляет собой катадиоптрический (зеркально-линзовый) широкопольный оптический прибор высокой светосилы со сферической оптикой. Объектив выполнен по оптической схеме (системе) Шенкера с трехлинзовым входным корректором и двухлинзовым предфокальным корректором поля, с задним расположением фотоприёмного устройства в фокусе Кассегрена. Компоновка и применённая оптическая схема позволяют использовать фотоприёмную аппаратуру произвольных габаритов и, в силу размещения вторичного зеркала на линзе входного корректора, избежать применения системы механических элементов крепления вторичного зеркала - растяжек, что исключает помехи от них на изображении, и позволяет эффективно обнаруживать слабые точечные объекты вблизи ярких источников света (звёзд) в поле зрения. Использование сферической оптики обеспечивает высокую воспроизводимость системы при серийном производстве. Закрытая конструкция объектива предупреждает загрязнение внутренних оптических элементов.',
NameTableSecond: ['Параметры и характеристики (свойства)', 'Показатели (значения)'],
item_table:[
{
name: 'Диаметр входного зрачка, мм',
value: '250'
value: '300'
},
{
name: 'Эффективное фокусное расстояние, мм',
......@@ -162,73 +83,37 @@ export default {
value: '16.5m'
},
],
descriptionSecond: 'Общий вид объектива оптического модуля с апертурой 30 см, оснащённого ФПУ и фокусировочным устройством согласно рисункам:',
descriptionThird: 'Оптическая схема объектива:',
descriptionFour: 'Точечные диаграммы (кружки рассеяния):',
descriptionFive: 'Фото объектива оптического модуля с апертурой 30 см, оснащённого различными ФПУ и фокусировочным устройством на опорно-поворотном устройстве SkyWatcher EQ8 SynScan GoTo Mount, размещённого в павильон-укрытии ПУ.30-П',
}
},
computed: {
table1: function () {
if (this.pickedFirst == true){
this.message = '1 Вариант';
let table = this.item1_1;
return table
}else{
let table = this.item1_2;
this.message = '2 Вариант';
return table
}
},
},
methods:{
}
}
},
computed: {
},
methods: {}
}
</script>
<style>
#MOES30{
height: 100%;
<style scoped>
#MOES30 {
height: 100%;
color: white;
}
#MOES30 table{
width: auto;
margin:0 auto;
img#photo{
margin-top: 13%;
width: 90%;
}
#MOES30 div #caption{
div #caption{
color: #78daff;
opacity: 0.9;
text-decoration: underline;
}
#MOES30 p.descr{
margin-top: 2em;
font-size: 20px;
font-weight: 800;
text-align: center;
color: #00aeff;
}
#MOES30 img{
width: 30vw;
div#desc{
width: 100%;
}
#MOES30 .pick{
margin-top: 3%;
div#desc p.text{
text-align: justify;
}
#MOES30 #divselect{
width: auto;
position: absolute;
padding: 0;
right: 6%;
top: 7%;
}
#MOES30 span.select{
border-radius: 7px;
border: 5px solid #00aeff;
font-size: 2rem;
color: white;
background: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 6px;
table{
table-layout: fixed;
}
</style>
src/components/Devices/MOES40.vue
View file @ 33e7b407
<template>
<div id="MOES40">
<div id="forty">
<h2 style="color: #00aeff">{{msg}}</h2>
<div id="caption"><h3>{{Caption}}</h3></div>
<table style="margin:0 auto;">
<thead>
<tr>
<th v-for="item in NameTableFirst">{{item}}</th>
</tr>
</thead>
<tbody>
<tr v-for="item in item1_1">
<td>{{item.name}}</td>
<td>{{item.value}}</td>
</tr>
</tbody>
</table>
<div>
<p class="descr">{{descriptionFirst}}</p>
<p><span>{{descriptionFirstText}}</span></p>
</div>
<table style="margin:0 auto;">
<thead>
<tr>
<th v-for="item in NameTableSecond">{{item}}</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>
<p class="descr">{{descriptionThird}}</p>
<p class="descr">{{descriptionFour}}</p>
<p class="descr">{{descriptionFive}}</p>
<img src="./img/40/40_photo.png">
<p class="descr">{{descriptionSix}}</p>
</div>
</div>
</div>
<div id="MOES40">
<div class="container-fluid">
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-4 col-xl-4">
<img id="photo" src="./img/40/40_photo.png"/>
</div>
<div id="desc" class="col-sm-12 col-md-12 col-lg-8 col-xl-8">
<div><h2 style="color: #fff">{{msg}}</h2></div>
<p class="text">
{{text}}
</p>
<table >
<table style="margin:0 auto;">
<thead>
<tr>
<th v-for="item in NameTableSecond">{{item}}</th>
</tr>
</thead>
<tbody>
<tr v-for="item in item_table">
<td>{{item.name}}</td>
<td>{{item.value}}</td>
</tr>
</tbody>
</table>
</table>
</div>
</div>
</div>
<div id="nineteen">
</div>
</div>
</template>
<script>
export default {
data () {
return {
msg: 'Модульный оптико-электронный комплекс МОЭК-40',
Caption: 'Комплектность',
NameTableFirst: [ 'Наименование оборудования', 'Кол-во, шт'],
NameTableSecond: [ 'Параметры и характеристики (свойства)', 'Количественные и качественные показатели (значения)'],
item1_1:[
{
name: 'Объектив оптического модуля с апертурой 40 см',
value: '1'
},
{
name: 'Цифровое фотоприёмное устройство ФПУ 4040',
value: '1'
},
{
name: 'Устройство смены светофильтров (Опционально)',
value: '1'
},
{
name: 'Опорно-поворотное устройство АСТРОСИБ АВМ-700',
value: '1'
},
{
name: 'Фокусировочное устройство',
value: '1'
},
{
name: 'Павильон-укрытие ПУ.30-П с системами внутреннего электропитания и заземления (Опционально)',
value: '1'
},
{
name: 'Комплект аппаратуры управления элементами ОЭК',
value: '1'
},
{
name: 'Комплект оборудования вычислительного комплекса',
value: '1'
},
],
descriptionFirst: 'Описание, основные параметры, характеристики и общий вид объектива оптического модуля с апертурой 40 см',
descriptionFirstText: 'Объектив представляет собой катадиоптрический (зеркально-линзовый) широкопольный оптический прибор высокой светосилы со сферической оптикой. Объектив выполнен по оптимизированной оптической схеме (системе) Гамильтона с однолинзовым полноапертурным корректором и двухлинзовым предфокальным корректором, с передним расположением фотоприёмного устройства в главном (прямом) фокусе. Использование сферической оптики обеспечивает высокую воспроизводимость системы при серийном производстве. Закрытая конструкция объектива предупреждает загрязнение внутренних оптических элементов. Применение покрытия внутреннего отражения на главном зеркале (зеркале Манжена) способствует долговечности и стабильности коэффициента пропускания системы.',
item2_1:[
data () {
return {
msg: 'Модульное оптико-электронное средство МОЭC-40',
text: 'Объектив представляет собой катадиоптрический (зеркально-линзовый) широкопольный оптический прибор высокой светосилы со сферической оптикой. Объектив выполнен по оптимизированной оптической схеме (системе) Гамильтона с однолинзовым полноапертурным корректором и двухлинзовым предфокальным корректором, с передним расположением фотоприёмного устройства в главном (прямом) фокусе. Использование сферической оптики обеспечивает высокую воспроизводимость системы при серийном производстве. Закрытая конструкция объектива предупреждает загрязнение внутренних оптических элементов. Применение покрытия внутреннего отражения на главном зеркале (зеркале Манжена) способствует долговечности и стабильности коэффициента пропускания системы.',
NameTableSecond: ['Параметры и характеристики (свойства)', 'Показатели (значения)'],
item_table:[
{
name: 'Диаметр входного зрачка, мм',
value: '400'
......@@ -127,66 +79,37 @@ export default {
value: '17.5m'
},
],
descriptionSecond: 'Общий вид объектива оптического модуля с апертурой 40 см, оснащённого ФПУ4040, устройством смены светофильтров и фокусировочным устройством:',
descriptionThird: 'Оптическая схема объектива:',
descriptionFour: 'Точечные диаграммы (кружки рассеяния):',
descriptionFive: 'Фото объектива оптического модуля с апертурой 40 см, оснащённого ФПУ, устройством смены светофильтров, фокусировочным устройством на опорно-поворотном устройстве экваториального типа вилочного типа',
descriptionSix: 'Общий вид объектива оптического модуля с апертурой 40 см, оснащённого ФПУ4040, фокусировочным устройством, устройством смены светофильтров, на опорно-поворотном устройстве альт-азимутального вилочного типа АСТРОСИБ АВМ-700',
}
},
computed: {
table1: function () {
if (this.pickedFirst == 'one'){
// this.item1_1.push({img: ''})
return this.item1_1
}else if(this.pickedFirst == 'two')
{
// this.item1_2.push({img: ''})
return this.item1_2
}
},
},
methods:{
}
}
</script>
<style>
h1{
color:whitesmoke;
font-size: 11em;
}
#MOES40{
height: 100%;
/* width: 100%; */
}
#MOES40{
},
computed: {
},
methods: {}
}
#MOES40 #forty{
</script>
<style scoped>
#MOES40 {
height: 100%;
color: white;
}
#MOES40 table{
width: auto;
margin:0 auto;
img#photo{
margin-top: 13%;
width: 90%;
}
#MOES40 div #caption{
div #caption{
color: #78daff;
opacity: 0.9;
text-decoration: underline;
}
#MOES40 p.descr{
margin-top: 2em;
font-size: 20px;
font-weight: 800;
text-align: center;
color: #00aeff;
div#desc{
width: 100%;
}
#MOES40 img{
width: 30vw;
div#desc p.text{
text-align: justify;
}
#MOES40 .pick{
margin-top: 3%;
table{
table-layout: fixed;
}
</style>
src/components/Devices/MOES50.vue
View file @ 33e7b407
<template>
<div id="MOES50">
<div id="fifty">
<h2 style="color: #00aeff">{{msg}}</h2>
<div id="caption"><h3>{{Caption}}</h3></div>
<table style="margin:0 auto;">
<thead>
<tr>
<th v-for="item in NameTableFirst">{{item}}</th>
</tr>
</thead>
<tbody>
<tr v-for="item in item1_1">
<td>{{item.name}}</td>
<td>{{item.value}}</td>
</tr>
</tbody>
</table>
<div>
<p class="descr">{{descriptionFirst}}</p>
<p><span>{{descriptionFirstText}}</span></p>
</div>
<table style="margin:0 auto;">
<thead>
<tr>
<th v-for="item in NameTableSecond">{{item}}</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>
<p class="descr">{{descriptionThird}}</p>
<p class="descr">{{descriptionFour}}</p>
<p class="descr">{{descriptionFive}}</p>
<img src="./img/50/50_photo.png">
<p class="descr">{{descriptionSix}}</p>
<p class="descr">{{descriptionSeven}}</p>
</div>
</div>
</div>
<div id="MOES50">
<div class="container-fluid">
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-4 col-xl-4">
<img id="photo" src="./img/50/50_photo.png"/>
</div>
<div id="desc" class="col-sm-12 col-md-12 col-lg-8 col-xl-8">
<div><h2 style="color: #fff">{{msg}}</h2></div>
<p class="text">
{{text}}
</p>
<table >
<table style="margin:0 auto;">
<thead>
<tr>
<th v-for="item in NameTableSecond">{{item}}</th>
</tr>
</thead>
<tbody>
<tr v-for="item in item_table">
<td>{{item.name}}</td>
<td>{{item.value}}</td>
</tr>
</tbody>
</table>
</table>
</div>
</div>
</div>
<div id="nineteen">
</div>
</div>
</template>
<script>
export default {
data () {
return {
msg: 'Модульный оптико-электронный комплекс МОЭК-50',
Caption: 'Комплектность',
NameTableFirst: [ 'Наименование оборудования', 'Кол-во, шт'],
NameTableSecond: [ 'Параметры и характеристики (свойства)', 'Количественные и качественные показатели (значения)'],
item1_1:[
{
name: 'Объектив оптического модуля с апертурой 50 см',
value: '1'
},
{
name: 'Цифровое фотоприёмное устройство ФПУ 4040',
value: '1'
},
{
name: 'Опорно-поворотное устройство АСТРОСИБ АВМ-700',
value: '1'
},
{
name: 'Фокусировочное устройство',
value: '1'
},
{
name: 'Павильон-укрытие ПУ.30-П с системами внутреннего электропитания и заземления (Опционально)',
value: '1'
},
{
name: 'Комплект аппаратуры управления элементами ОЭК',
value: '1'
},
{
name: 'Комплект оборудования вычислительного комплекса',
value: '1'
},
],
descriptionFirst: 'Описание, основные параметры, характеристики и общий вид объектива оптического модуля с апертурой 50 см',
descriptionFirstText: 'Объектив представляет собой катадиоптрический (зеркально-линзовый) широкопольный оптический прибор высокой светосилы со сферической оптикой. Объектив выполнен по оптимизированной оптической схеме (системе) Гамильтона с однолинзовым полноапертурным корректором и двухлинзовым предфокальным корректором, с передним расположением фотоприёмного устройства в главном (прямом) фокусе. Использование сферической оптики обеспечивает высокую воспроизводимость системы при серийном производстве. Закрытая конструкция объектива предупреждает загрязнение внутренних оптических элементов. Применение покрытия внутреннего отражения на главном зеркале (зеркале Манжена) способствует долговечности и стабильности коэффициента пропускания системы.',
item2_1:[
data () {
return {
msg: 'Модульное оптико-электронное средство МОЭC-50',
text: 'Объектив представляет собой катадиоптрический (зеркально-линзовый) широкопольный оптический прибор высокой светосилы со сферической оптикой. Объектив выполнен по оптимизированной оптической схеме (системе) Гамильтона с однолинзовым полноапертурным корректором и двухлинзовым предфокальным корректором, с передним расположением фотоприёмного устройства в главном (прямом) фокусе. Использование сферической оптики обеспечивает высокую воспроизводимость системы при серийном производстве. Закрытая конструкция объектива предупреждает загрязнение внутренних оптических элементов. Применение покрытия внутреннего отражения на главном зеркале (зеркале Манжена) способствует долговечности и стабильности коэффициента пропускания системы.',
NameTableSecond: ['Параметры и характеристики (свойства)', 'Показатели (значения)'],
item_table:[
{
name: 'Диаметр входного зрачка, мм',
value: '500'
......@@ -129,53 +83,37 @@ export default {
value: '18.0m'
},
],
descriptionSecond: 'Общий вид объектива оптического модуля с апертурой 50 см, оснащённого ФПУ4040 и фокусировочным устройством согласно рисунку:',
descriptionThird: 'Оптическая схема объектива:',
descriptionFour: 'Точечные диаграммы (кружки рассеяния):',
descriptionFive: 'Фото объектива оптического модуля с апертурой 50 см на опорно-поворотном устройстве экваториального типа вилочного типа с широтной проставкой, размещённого в павильон-укрытии ПУ.30-П.',
descriptionSix: 'Компоновка и расположение регистрирующей аппаратуры в составе оптического модуля:',
descriptionSeven: 'Общий вид объектива оптического модуля с апертурой 50 см, оснащённого ФПУ4040 и фокусировочным устройством, на опорно-поворотном устройстве альт-азимутального вилочного типа АСТРОСИБ АВМ-700:',
}
},
computed: {
table1: function () {
if (this.pickedFirst == 'one'){
// this.item1_1.push({img: ''})
return this.item1_1
}else if(this.pickedFirst == 'two')
{
// this.item1_2.push({img: ''})
return this.item1_2
}
},
},
methods:{
}
}
},
computed: {
},
methods: {}
}
</script>
<style>
#MOES50{
height: 100%;
/* width: 100%; */
<style scoped>
#MOES50 {
height: 100%;
color: white;
}
#MOES50 div #caption{
img#photo{
margin-top: 13%;
width: 90%;
}
div #caption{
color: #78daff;
opacity: 0.9;
text-decoration: underline;
}
#MOES50 p.descr{
margin-top: 2em;
font-size: 20px;
font-weight: 800;
text-align: center;
color: #00aeff;
div#desc{
width: 100%;
}
#MOES50 img{
width: 30vw;
div#desc p.text{
text-align: justify;
}
#MOES50 .pick{
margin-top: 3%;
table{
table-layout: fixed;
}
</style>
src/components/Devices/MOES65.vue
View file @ 33e7b407
<template>
<div id="MOES65">
<div id="sixty">
<h2 style="color: #00aeff">{{msg}}</h2>
<div id="caption"><h3>{{Caption}}</h3></div>
<table style="margin:0 auto;">
<thead>
<tr>
<th v-for="item in NameTableFirst">{{item}}</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>
</tbody>
</table>
<div>
<p class="descr">{{descriptionFirst}}</p>
<p><span>{{descriptionFirstText}}</span>
<ul>
<li v-for="i in descriptionFirstTextList">{{i}}</li>
</ul>
</p>
</div>
<table style="margin:0 auto;">
<thead>
<tr>
<th v-for="item in NameTableSecond">{{item}}</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>
<p class="descr">{{descriptionThird}}</p>
<p class="descr">{{descriptionFour}}</p>
<p class="descr">{{descriptionFive}}</p>
<p class="descr">{{descriptionSix}}</p>
<img src="./img/65/65_photo.png">
</div>
</div>
</div>
<div id="MOES65">
<div class="container-fluid">
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-4 col-xl-4">
<img id="photo" src="./img/65/65_photo.png"/>
</div>
<div id="desc" class="col-sm-12 col-md-12 col-lg-8 col-xl-8">
<div><h2 style="color: #fff">{{msg}}</h2></div>
<p class="text">
{{text}}
</p>
<ul>
<li v-for="i in item2">
{{i}}
</li>
</ul>
<table >
<table style="margin:0 auto;">
<thead>
<tr>
<th v-for="item in NameTableSecond">{{item}}</th>
</tr>
</thead>
<tbody>
<tr v-for="item in item_table">
<td>{{item.name}}</td>
<td>{{item.value}}</td>
</tr>
</tbody>
</table>
</table>
</div>
</div>
</div>
<div id="nineteen">
</div>
</div>
</template>
<script>
export default {
data () {
return {
msg: 'Модульный оптико-электронный комплекс МОЭК-65',
Caption: 'Комплектность',
NameTableFirst: [ 'Наименование оборудования', 'Кол-во, шт'],
NameTableSecond: [ 'Параметры и характеристики (свойства)', 'Количественные и качественные показатели (значения)'],
item1_1:[
{
name: 'Объектив оптического модуля с апертурой 65 см',
value: '1'
},
{
name: 'Цифровое фотоприёмное устройство ФПУ 6060',
value: '1'
},
{
name: 'Опорно-поворотное устройство АСТРОСИБ АВМ-820',
value: '1'
},
{
name: 'Фокусировочное устройство',
value: '1'
},
{
name: 'Павильон-укрытие ПУ.30-П с системами внутреннего электропитания и заземления (Опционально)',
value: '1'
},
{
name: 'Комплект аппаратуры управления элементами ОЭК',
value: '1'
},
{
name: 'Комплект оборудования вычислительного комплекса',
value: '1'
},
],
descriptionFirst: 'Описание, основные параметры, характеристики и общий вид объектива оптического модуля с апертурой 65 см',
descriptionFirstText: 'Объектив представляет собой среднеапертурный катадиоптрический широкопольный оптический прибор высокой светосилы со сферической оптикой, который выполнен по оптимизированной оптической схеме системы Гамильтона с однолинзовым полноапертурным корректором и двухлинзовым предфокальным корректором, с передним расположением фотоприёмного устройства в главном фокусе. Вследствие оптимизации, включая марки стёкол, объектив имеет небольшое центральное экранирование, увеличивающее общее количество света, попадающего на фотоприёмное устройство по сравнению со стандартной схемой Гамильтона, а также значительно улучшенное исправление осевых и внеосевых аберраций и, соответственно, поле зрения. Принципиальными преимуществами объектива являются:',
descriptionFirstTextList: ['технологичность в производстве, стабильность и сохраняемость во времени качества даваемого изображения, связанные с применением оптических элементов исключительно со сферическими поверхностями;','- применение закрытого корпуса (трубы) объектива, предохраняющего оптические элементы от воздествия неблагоприятных факторов окружающей среды;', '- применение в оптической схеме зеркала Манжена с внутренним переотражением, что позволяет применить серебро (с последующей его защитой для долговременного сохранения свойств) как материал для нанесения зеркального отражающего покрытия с коэффициентом отражения свыше 0.9 и расширенным спектральным диапазоном.',],
item2_1:[
data () {
return {
msg: 'Модульное оптико-электронное средство МОЭC-65',
text: 'Объектив представляет собой малоапертурный катадиоптрический широкопольный оптический прибор высокой светосилы со сферической оптикой, который выполнен по системе Шенкера с трехлинзовым полноапертурным корректором, с задним расположением фотоприёмного устройства в фокусе Кассегрена. Компоновка и применённая оптическая схема позволяют использовать фотоприёмную аппаратуру произвольных габаритов и, в силу размещения вторичного зеркала на линзе полноапертурного корректора, избежать применения системы механических конструктивных элементов крепления вторичного зеркала - растяжек, что исключает помехи от них на изображении, и позволяет эффективно обнаруживать слабые точечные объекты вблизи ярких источников света (звезд) в поле зрения.',
item: ['технологичность в производстве, стабильность и сохраняемость во времени качества даваемого изображения, связанные с применением оптических элементов исключительно со сферическими поверхностями;','- применение закрытого корпуса (трубы) объектива, предохраняющего оптические элементы от воздествия неблагоприятных факторов окружающей среды;', '- применение в оптической схеме зеркала Манжена с внутренним переотражением, что позволяет применить серебро (с последующей его защитой для долговременного сохранения свойств) как материал для нанесения зеркального отражающего покрытия с коэффициентом отражения свыше 0.9 и расширенным спектральным диапазоном.'],
NameTableSecond: ['Параметры и характеристики (свойства)', 'Показатели (значения)'],
item_table:[
{
name: 'Диаметр входного зрачка, мм',
value: '650'
......@@ -130,52 +85,37 @@ export default {
value: '18.5m'
},
],
descriptionSecond: 'Общий вид объектива оптического модуля с апертурой 65 см с установленной блендой:',
descriptionThird: 'Оптическая схема объектива:',
descriptionFour: 'Точечные диаграммы (кружки рассеяния):',
descriptionFive: 'Общий вид объектива оптического модуля с апертурой 65 см, оснащённого ФПУ6060, фокусировочным устройством, на опорно-поворотном устройстве альт-азимутального вилочного типа АСТРОСИБ АВМ-820:',
descriptionSix: 'Фото объектива оптического модуля с апертурой 65 см, оснащённого ФПУ и фокусировочным устройством на опорно-поворотном устройстве устройстве альт-азимутального вилочного типа АСТРОСИБ АВМ-820, размещённого в павильон-укрытии ПУЭО-М',
}
},
computed: {
table1: function () {
if (this.pickedFirst == 'one'){
// this.item1_1.push({img: ''})
return this.item1_1
}else if(this.pickedFirst == 'two')
{
// this.item1_2.push({img: ''})
return this.item1_2
}
},
},
methods:{
}
}
},
computed: {
},
methods: {}
}
</script>
<style>
#MOES65{
height: 100%;
/* width: 100%; */
<style scoped>
#MOES65 {
height: 100%;
color: white;
}
#MOES65 div #caption{
img#photo{
margin-top: 13%;
width: 90%;
}
div #caption{
color: #78daff;
opacity: 0.9;
text-decoration: underline;
}
#MOES65 p.descr{
margin-top: 2em;
font-size: 20px;
font-weight: 800;
text-align: center;
color: #00aeff;
div#desc{
width: 100%;
}
#MOES65 img{
width: 30vw;
div#desc p.text{
text-align: justify;
}
#MOES65 .pick{
margin-top: 3%;
table{
table-layout: fixed;
}
</style>
src/components/Equipment.vue
View file @ 33e7b407
<template>
<div id="equipment">
<div class="section">
<div class="content row">
<div id="mini_menu" class="row col-sm-12 col-md-12 col-lg-9 col-xl-8">
<div class="block_menu col-sm-12 col-md-3 col-lg-3 col-xl-3" v-for="item, index in page.menu">
<div @click="menu(item.value, index)" :class="[(item.value == tab) ? 'active' : 'def']" class="name"><div class="text">{{item.name}}</div></div>
<transition name="block-menu-fade">
<div v-show="item.value == tab" ref="menu" class="list_block">
<div @click="cont_menu(tit.cont, index)" :class="[(tit.cont == select_tab) ? 'active_mini_tab' : '']" v-for="tit, index in item.parts" class="list_menu">
{{tit.name}}
</div>
</div>
</transition>
</div>
</div>
</div>
<div id="name_page" :style="{marginTop: marg_name + 'px' }" style="transition-duration: .4s;">
<p>{{page.Title}}</p>
</div>
<div id="equipment">
<div class="section">
<div class="content row">
<div id="mini_menu" class="row col-sm-12 col-md-12 col-lg-9 col-xl-9">
<div class="block_menu col-sm-12 col-md-3 col-lg-3 col-xl-3" v-for="item, index in page.menu">
<div @click="menu(item.value, index)" :class="[(item.value == tab) ? 'active' : 'def']" class="name">
<div class="text">{{item.name}}</div>
</div>
<transition name="block-menu-fade">
<div v-show="item.value == tab" ref="menu" class="list_block">
<div @click="cont_menu(tit.cont, index)" :class="[(tit.cont == select_tab) ? 'active_mini_tab' : '']" v-for="tit, index in item.parts" class="list_menu">
{{tit.name}}
</div>
</div>
</transition>
</div>
</div>
</div>
<div id="name_page" :style="{marginTop: marg_name + 'px' }" style="transition-duration: .4s;">
<p>{{page.Title}}</p>
</div>
<div id="table_data" class="row">
<div id="table_data_content" class="col-sm-12 col-md-12 col-lg-9 col-xl-8">
<div id="comp">
<table v-if="((tab == '')||(tab == 'OK'))&&(select_tab=='')">
<tbody>
<tr v-for="i in page.table">
<td><p>{{i.name}}</p></td>
<td><p>{{i.diam}}<br>{{i.diam_ed}}</p></td>
<td><p>{{i.grad}}<br>{{i.grad_ed}}</p></td>
<td><p>{{i.pronic}}<br>{{i.pronic_ed}}</p></td>
</tr>
</tbody>
</table>
<div id="component">
<component :is="select_tab" class="tab"></component>
</div>
</div>
</div>
<div id="table_data_content" class="col-sm-12 col-md-12 col-lg-9 col-xl-9">
<div id="comp">
<table v-if="((tab == '')||(tab == 'OK'))&&(select_tab=='')">
<tbody>
<tr v-for="i in page.table">
<td>
<p>{{i.name}}</p>
</td>
<td>
<p>{{i.diam}}<br>{{i.diam_ed}}</p>
</td>
<td>
<p>{{i.grad}}<br>{{i.grad_ed}}</p>
</td>
<td>
<p>{{i.pronic}}<br>{{i.pronic_ed}}</p>
</td>
</tr>
</tbody>
</table>
<div id="component">
<component :is="select_tab" class="tab"></component>
</div>
</div>
</div>
</div>
<div id="footer_equipment">
<div>
<span><a href="tel:+74956415135">+7(495) 641 51 35</a>&nbsp&nbsp/&nbsp&nbsp<a href="mailto:info@ancprotek.ru">INFO@ANCPROTEK.RU</a><img src="../imgMain/LogoWhite.png" />Россия, Москва, Шоссе Энтузиастов, 56с25</span>
</div>
</div>
<div id="footer_equipment">
<div>
<span><a href="tel:+74956415135">+7(495) 641 51 35</a>&nbsp&nbsp/&nbsp&nbsp<a href="mailto:info@ancprotek.ru">INFO@ANCPROTEK.RU</a><img src="../imgMain/LogoWhite.png"/>Россия, Москва, Шоссе Энтузиастов, 56с25</span>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import MOES19 from './Devices/MOES19.vue';
import MOES25 from './Devices/MOES25.vue';
import MOES30 from './Devices/MOES30.vue';
......@@ -62,393 +70,404 @@ import PUEO from './Devices/PUEO-M.vue';
import SUPPORTROTATEDEVICE from './Devices/SupportRotateDevice.vue';
export default {
name: 'Equipment',
components: {
MOES19,
MOES25,
MOES30,
MOES40,
MOES50,
MOES65,
PU30,
PD4040,
PD6060,
PUEO,
SUPPORTROTATEDEVICE,
},
data () {
return {
msg: 'Equipment',
tab: '',
select_tab: '',
page: [],
select: '',
marg_name: 0,
text:[
{
Russia:{
Title:'Основные характеристики модульных оптико-электронных комплексов',
menu: [
{
name: 'Модульные оптико-электронные средства',
value: 'OK',
parts: [
{
name: 'МОЭК 19',
cont: 'MOES19'
},
{
name: 'МОЭК 25',
cont: 'MOES25'
},
{
name: 'МОЭК 30',
cont: 'MOES30'
},
{
name: 'МОЭК 40',
cont: 'MOES40'
},
{
name: 'МОЭК 50',
cont: 'MOES50'
},
{
name: 'МОЭК 60',
cont: 'MOES65'
},
],
},
{
name: 'Фотоприемные устройства',
value: 'PD',
parts: [
{
name: 'ФПУ 4040',
cont: 'PD4040'
},
{
name: 'ФПУ 6060',
cont: 'PD6060'
},
]
},
{
name: 'Опорно-поворотные устройства',
value: 'RD',
parts: [
{
name: 'АВМ 700',
cont: '#'
},
{
name: 'АВМ 820',
cont: '#'
},
]
},
{
name: 'Павильоны укрытия',
value: 'PU',
parts: [
{
name: 'ПУ 30П',
cont: 'PU30'
},
{
name: 'ПУ 30М',
cont: 'PUEO'
},
]
},
],
table:[
{
name: 'Название',
diam: 'Линейный диаметр поля зрения объектива',
diam_ed: 'град./мм',
grad: 'Эффективный угловой размер поля зрения по сенсору ФПУ',
grad_ed: 'град.',
pronic: 'Ожидаемое проницание не хуже',
pronic_ed: 'зв. величина',
},
{
name: 'МОЭК 19',
diam: '10.0/52',
diam_ed: '',
grad: '8.3x5.6',
grad_ed: '',
pronic: '16.5',
pronic_ed: '',
},
{
name: 'МОЭК 25',
diam: '4.8/52',
diam_ed: '',
grad: '3.3x2.2',
grad_ed: '',
pronic: '16.5',
pronic_ed: '',
},
{
name: 'МОЭК 30',
diam: '6.8/52',
diam_ed: '',
grad: '4.8x4.8',
grad_ed: '',
pronic: '17.0',
pronic_ed: '',
},
{
name: 'МОЭК 40',
diam: '2.9/52',
diam_ed: '',
grad: '2.5x2.5',
grad_ed: '',
pronic: '17.5',
pronic_ed: '',
},
{
name: 'МОЭК 50',
diam: '3.1/52',
diam_ed: '',
grad: '2.2x2.2',
grad_ed: '',
pronic: '18.0',
pronic_ed: '',
},
{
name: 'МОЭК 60',
diam: '3.8/52',
diam_ed: '',
grad: '2.7x2.7',
grad_ed: '',
pronic: '18.5',
pronic_ed: '',
},
]
},
English:{
}
}
],
}
},
created: function () {
this.Before();
// alert(this.page.menu);
},
methods: {
Before: function () {
this.mobile = this.$parent.mobile;
this.select = this.$parent.select;
this.page = this.text[0][this.select];
},
menu: function(index, id){
// alert(index);
// if((this.tab == index)&&(this.select_tab != '')){
if(this.tab == index){
this.tab = ''
this.marg_name = 0;
}else{
this.tab = index;
window.setTimeout(() => this.func(id), 1);
};
this.select_tab = ''
},
cont_menu: function(cont, id){
// alert(cont);
this.select_tab = cont;
},
func: function(id){
this.marg_name = this.$refs.menu[id].clientHeight;
},
SelectLang (lang) {
this.page = this.text[0][lang];
},
},
name: 'Equipment',
components: {
MOES19,
MOES25,
MOES30,
MOES40,
MOES50,
MOES65,
PU30,
PD4040,
PD6060,
PUEO,
SUPPORTROTATEDEVICE,
},
data() {
return {
msg: 'Equipment',
tab: '',
select_tab: '',
page: [],
select: '',
marg_name: 0,
text: [{
Russia: {
Title: 'Основные характеристики модульных оптико-электронных комплексов',
menu: [{
name: 'Модульные оптико-электронные средства',
value: 'OK',
parts: [{
name: 'МОЭК 19',
cont: 'MOES19'
},
{
name: 'МОЭК 25',
cont: 'MOES25'
},
{
name: 'МОЭК 30',
cont: 'MOES30'
},
{
name: 'МОЭК 40',
cont: 'MOES40'
},
{
name: 'МОЭК 50',
cont: 'MOES50'
},
{
name: 'МОЭК 65',
cont: 'MOES65'
},
],
},
{
name: 'Фотоприемные устройства',
value: 'PD',
parts: [{
name: 'ФПУ 4040',
cont: 'PD4040'
},
{
name: 'ФПУ 6060',
cont: 'PD6060'
},
]
},
{
name: 'Опорно-поворотные устройства',
value: 'RD',
parts: [{
name: 'АВМ 700',
cont: '#'
},
{
name: 'АВМ 820',
cont: '#'
},
]
},
{
name: 'Павильоны укрытия',
value: 'PU',
parts: [{
name: 'ПУ 30П',
cont: 'PU30'
},
{
name: 'ПУ 30М',
cont: 'PUEO'
},
]
},
],
table: [{
name: 'Название',
diam: 'Линейный диаметр поля зрения объектива',
diam_ed: 'град./мм',
grad: 'Эффективный угловой размер поля зрения по сенсору ФПУ',
grad_ed: 'град.',
pronic: 'Ожидаемое проницание не хуже',
pronic_ed: 'зв. величина',
},
{
name: 'МОЭК 19',
diam: '10.0/52',
diam_ed: '',
grad: '8.3x5.6',
grad_ed: '',
pronic: '16.5',
pronic_ed: '',
},
{
name: 'МОЭК 25',
diam: '4.8/52',
diam_ed: '',
grad: '3.3x2.2',
grad_ed: '',
pronic: '16.5',
pronic_ed: '',
},
{
name: 'МОЭК 30',
diam: '6.8/52',
diam_ed: '',
grad: '4.8x4.8',
grad_ed: '',
pronic: '17.0',
pronic_ed: '',
},
{
name: 'МОЭК 40',
diam: '2.9/52',
diam_ed: '',
grad: '2.5x2.5',
grad_ed: '',
pronic: '17.5',
pronic_ed: '',
},
{
name: 'МОЭК 50',
diam: '3.1/52',
diam_ed: '',
grad: '2.2x2.2',
grad_ed: '',
pronic: '18.0',
pronic_ed: '',
},
{
name: 'МОЭК 60',
diam: '3.8/52',
diam_ed: '',
grad: '2.7x2.7',
grad_ed: '',
pronic: '18.5',
pronic_ed: '',
},
]
},
English: {
}
}
],
}
},
created: function () {
this.Before();
// alert(this.page.menu);
},
methods: {
Before: function () {
this.mobile = this.$parent.mobile;
this.select = this.$parent.select;
this.page = this.text[0][this.select];
},
menu: function (index, id) {
// alert(index);
// if((this.tab == index)&&(this.select_tab != '')){
if (this.tab == index) {
this.tab = ''
this.marg_name = 0;
} else {
this.tab = index;
window.setTimeout(() => this.func(id), 1);
};
this.select_tab = ''
},
cont_menu: function (cont, id) {
// alert(cont);
this.select_tab = cont;
},
func: function (id) {
this.marg_name = this.$refs.menu[id].clientHeight;
},
SelectLang(lang) {
this.page = this.text[0][lang];
},
},
}
</script>
<style>
#equipment{
font-family: 'Avenir', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
}
#equipment .section{
background-image: url('../source/Background.png') ;
background-size: cover;
min-height: 100vh;
}
#equipment #mini_menu{
margin: 0 auto;
margin-top: 10%;
color: red;
z-index: 100;
}
#equipment #mini_menu .block_menu{
display: inline-table;
/* width: calc(60%/4); */
padding: 7px;
margin: 0 auto;
position: relative;
}
#equipment #mini_menu .block_menu div.name{
display: flex;
min-height: 5em;
border: 1px none solid;
transition: all .2s ease;
}
#equipment #mini_menu .block_menu div.name.active{
color: rgb(0, 102, 143);
background-color: rgba(218, 218, 218, 0.808);
}
#equipment #mini_menu .block_menu div.name.def{
color: White;
background-color: rgba(0, 146, 202, 0.62);
}
#equipment #mini_menu .block_menu div.name div.text{
width: 70%;
margin: auto;
text-transform: uppercase;
font-weight: 700;
}
#equipment #mini_menu .list_block{
margin: 0;
width: 97%;
margin-top: 7px;
position: absolute;
}
#equipment #mini_menu .list_menu{
color: white;
display: inline-table;
width: calc(100%/2);
background-color: rgba(0, 146, 202, 0.62);
padding: 0.4em;
border: 1px black solid;
transition: all .4s ease;
}
#equipment #mini_menu .list_menu.active_mini_tab{
color: rgb(0, 86, 119);
background-color: rgba(218, 218, 218, 0.85);
font-weight: 700;
#equipment {
font-family: 'Avenir', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
}
#equipment .section #name_page{
width: 70%;
margin: 0 auto;
/* margin-top: 6%; */
#equipment .section {
background-image: url('../source/Background.png');
background-size: cover;
min-height: 100vh;
}
#equipment .section #name_page p{
color: white;
font-size: 2em;
text-transform: uppercase;
}
#equipment #table_data{
color: red;
}
#equipment #table_data #table_data_content{
margin: 0 auto;
#equipment #mini_menu {
margin: 0 auto;
margin-top: 7%;
color: red;
z-index: 100;
}
#equipment #table_data table{
width: 100%;
margin: 0 auto;
#equipment #mini_menu .block_menu {
display: inline-table;
/* width: calc(60%/4); */
padding: 7px;
margin: 0 auto;
position: relative;
}
#equipment #table_data tr td{
width: 25%;
padding: .6rem;
margin: 0 auto;
color: white;
border: 1px black solid;
background-color: rgba(2, 55, 76, 0.72);
#equipment #mini_menu .block_menu div.name {
display: flex;
min-height: 5em;
border: 1px none solid;
transition: all .2s ease;
}
#equipment #table_data tr td p{
margin: 0 auto;
width: 60%;
font-weight: 600;
padding: 6px;
#equipment #mini_menu .block_menu div.name:hover {
cursor: pointer;
}
#equipment #table_data tr:first-child td p{
font-weight: 600;
padding: 0px;
#equipment #mini_menu .block_menu div.name.active {
color: rgb(0, 102, 143);
background-color: rgba(218, 218, 218, 0.808);
}
#equipment #table_data tr td:first-child{
/* width: 30%; */
padding: 0px;
width: 14%;
#equipment #mini_menu .block_menu div.name.def {
color: White;
background-color: rgba(0, 146, 202, 0.62);
}
#equipment #table_data td:first-child p{
width: 100%;
#equipment #mini_menu .block_menu div.name div.text {
width: 70%;
margin: auto;
text-transform: uppercase;
font-weight: 700;
}
#equipment #table_data #table_data_content div#comp div#component{
max-height: 50vh;
overflow: scroll;
#equipment #mini_menu .list_block {
margin: 0;
width: 97%;
margin-top: 7px;
position: absolute;
}
#equipment #mini_menu .list_menu {
color: white;
display: inline-table;
width: calc(100%/2);
background-color: rgba(0, 146, 202, 0.62);
padding: 0.4em;
border: 1px black solid;
transition: all .4s ease;
}
#equipment #mini_menu .list_menu:hover {
cursor: pointer;
}
#equipment #footer_equipment{
position: absolute;
bottom: 0;
height: 7%;
width: 100vw;
background-color: black;
color: white;
#equipment #mini_menu .list_menu.active_mini_tab {
color: rgb(0, 86, 119);
background-color: rgba(218, 218, 218, 0.85);
font-weight: 700;
}
#equipment #footer_equipment a{
color: white;
#equipment .section #name_page {
width: 70%;
margin: 0 auto;
/* margin-top: 6%; */
}
#equipment #footer_equipment a:hover{
color: white;
cursor: pointer;
#equipment .section #name_page p {
color: white;
font-size: 2em;
text-transform: uppercase;
}
#equipment #footer_equipment div{
bottom: 0px;
#equipment #table_data {
color: red;
}
#equipment #footer_equipment div img{
width: 3%;
margin-left: 10px;
margin-right: 10px;
#equipment #table_data #table_data_content {
margin: 0 auto;
}
#equipment #table_data table {
width: 100%;
margin: 0 auto;
}
#equipment #table_data tr td {
width: 25%;
padding: .6rem;
margin: 0 auto;
color: white;
border: 1px black solid;
background-color: rgba(2, 55, 76, 0.72);
}
#equipment #table_data tr td p {
margin: 0 auto;
width: 60%;
font-weight: 600;
padding: 6px;
}
#equipment #table_data tr:first-child td p {
font-weight: 600;
padding: 0px;
}
#equipment #table_data tr td:first-child {
/* width: 30%; */
padding: 0px;
width: 14%;
}
#equipment #table_data td:first-child p {
width: 100%;
}
#equipment #table_data #table_data_content div#comp div#component {
/* height: 100%; */
/* max-height: 55vh; */
/* overflow: scroll; */
/* margin-bottom: 5%; */
margin-bottom: 10%;
}
#equipment #footer_equipment {
position: fixed;
bottom: 0;
height: 7%;
width: 100vw;
background-color: black;
color: white;
}
#equipment #footer_equipment a {
color: white;
}
#equipment #footer_equipment a:hover {
color: white;
cursor: pointer;
}
#equipment #footer_equipment div {
bottom: 0px;
}
#equipment #footer_equipment div img {
width: 3%;
margin-left: 10px;
margin-right: 10px;
}
/* Animate */
.block-menu-fade-enter-active {
transition: all .4s ease;
transition: all .4s ease;
}
.block-menu-fade-leave-active {
transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0);
transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}
.block-menu-fade-enter, .block-menu-fade-leave-to
/* .block-menu-fade-leave-active до версии 2.1.8 */ {
transform: translateY(-25px);
opacity: 0;
z-index: 10;
.block-menu-fade-enter,
.block-menu-fade-leave-to
/* .block-menu-fade-leave-active до версии 2.1.8 */
{
transform: translateY(-25px);
opacity: 0;
z-index: 10;
}
</style>
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