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