Skip to content

N
NewSite
Commit 3ac9fc82 authored by Sergey Serov's avatar Sergey Serov
Browse files
Options

add information in 19 -65, 4040 and 6060

parent 6147ca7d
Hide whitespace changes
Inline Side-by-side
Showing with 399 additions and 93 deletions
src/Devices/MOES19.vue
View file @ 3ac9fc82
<template>
<div id="MOES19">
<div id="nineteen">
<h2 style="color: #00aeff">{{msg}}</h2>
<table style="margin:0 auto;">
<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 id="caption"><h3>{{Caption}}</h3></tr>
<tr>
<th v-for="item in NameTableFirst">{{item}}</th>
<select v-model="pickedFirst">
<option v-for="option in optionsFirst" v-bind:value="option.value">
{{ option.text }}
</option>
</select>
</tr>
</thead>
<tbody>
<tr v-for="item in table1">
<td>{{item.name}}</td>
<td>{{item.value}}</td>
{{item.img}}
<img :src="item.img" />
</tr>
<img :src="table1[table1.length - 1].img" />
</tbody>
</table>
<div class="pick">
<img v-if="pickedFirst == true" src="./img/19/1.png" />
<img v-else-if="pickedFirst == false" src="./img/19/2.png" />
</div>
<div>
<p class="descr">{{descriptionFirst}}</p>
<p><span>{{descriptionFirstText}}</span></p>
......@@ -43,15 +42,15 @@
</table>
<div>
<p class="descr">{{descriptionSecond}}</p>
<img src="./img/I.png">
<img src="./img/19/Srez.png">
<p class="descr">{{descriptionThird}}</p>
<img src="./img/I.png">
<img src="./img/19/4.png">
<p class="descr">{{descriptionFour}}</p>
<img src="./img/I.png">
<img src="./img/19/5.png">
<p class="descr">{{descriptionFive}}</p>
<img src="./img/I.png">
<img src="./img/19/6.png">
<p class="descr">{{descriptionSix}}</p>
<img src="./img/I.png">
<img src="./img/19/6.png">
</div>
</div>
</div>
......@@ -65,11 +64,8 @@ export default {
Caption: 'Комплектность',
NameTableFirst: [ 'Наименование оборудования', 'Кол-во, шт'],
NameTableSecond: [ 'Параметры и характеристики (свойства)', 'Количественные и качественные показатели (значения)'],
pickedFirst: 'one',
optionsFirst: [
{ text: 'I', value: 'one' },
{ text: 'II', value: 'two' },
],
pickedFirst: true,
message: '1 Вариант',
item1_1:[
{
name: 'Объектив оптического модуля с апертурой 19 см',
......@@ -183,12 +179,14 @@ export default {
},
computed: {
table1: function () {
if (this.pickedFirst == 'one'){
// this.item1_1.push({img: ''})
return this.item1_1
if (this.pickedFirst == true){
this.message = '1 Вариант';
let table = this.item1_1;
return table
}else{
// this.item1_2.push({img: ''})
return this.item1_2
let table = this.item1_2;
this.message = '2 Вариант';
return table
}
},
},
......@@ -202,7 +200,11 @@ export default {
#MOES19{
height: 100%;
}
#MOES19 table thead #caption{
#MOES19 table{
width: auto;
margin:0 auto;
}
#MOES19 div #caption{
color: #78daff;
opacity: 0.9;
text-decoration: underline;
......@@ -214,4 +216,28 @@ export default {
text-align: center;
color: #00aeff;
}
#MOES19 img{
width: 30vw;
}
#MOES19 .pick{
margin-top: 3%;
}
#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;
}
</style>
src/Devices/MOES25.vue
View file @ 3ac9fc82
......@@ -14,11 +14,12 @@
<td>{{item.name}}</td>
<td>{{item.value}}</td>
{{item.img}}
<img :src="item.img" />
</tr>
<img :src="item1_1[item1_1.length - 1].img" />
</tbody>
</table>
<div class="pick">
<img src="./img/25/1.png" />
</div>
<div>
<p class="descr">{{descriptionFirst}}</p>
<p><span>{{descriptionFirstText}}</span></p>
......@@ -38,16 +39,13 @@
</table>
<div>
<p class="descr">{{descriptionSecond}}</p>
<img src="./img/I.png">
<img src="./img/25/Srez.png">
<p class="descr">{{descriptionThird}}</p>
<img src="./img/I.png">
<img src="./img/25/4.png">
<p class="descr">{{descriptionFour}}</p>
<img src="./img/I.png">
<img src="./img/25/5.png">
<p class="descr">{{descriptionFive}}</p>
<img src="./img/I.png">
<img src="./img/I.png">
<img src="./img/I.png">
<img src="./img/I.png">
<img src="./img/25/photo.png">
</div>
</div>
</div>
......@@ -165,4 +163,10 @@ export default {
text-align: center;
color: #00aeff;
}
#MOES25 img{
width: 30vw;
}
#MOES25 .pick{
margin-top: 3%;
}
</style>
src/Devices/PD4040.vue 0 → 100644
View file @ 3ac9fc82
<template>
<div id="PhotoDevice">
<div id="pd4040">
<div><h2 style="color: #00aeff">{{msg}}</h2></div>
<div class="table">
<table>
<tr>
<th v-for="item in nameTable1">{{item}}</th>
</tr>
<tbody>
<tr v-for="item in dataTable1">
<td>{{item.name}}</td>
<td>{{item.value}}</td>
</tr>
</tbody>
</table>
<span id="info">{{infoTable1}}</span>
</div>
<div class="informationBeforeTable"><span>{{infoBeforeTable2}}</span></div>
<div class="table">
<table>
<tbody>
<tr v-for="item in dataTable2">
<td>{{item.name}}</td>
<td>{{item.value}}</td>
</tr>
</tbody>
</table>
<span id="info">{{infoTable2}}</span>
</div>
<p>{{AfterPhoto}}</p>
<div id="photo">
<img src="./img/19/1.png" alt="">
<img src="./img/19/1.png" alt="">
<img src="./img/19/1.png" alt="">
</div>
</div>
</div>
</template>
<script>
export default {
data () {
return {
msg: 'Цифровое фотоприёмное устройство ФПУ 4040',
nameTable1: ['Наименование', 'Значение'],
dataTable1: [
{
name: 'Тип сенсора',
value: 'КМОП, GSENSE4040'
},
{
name: 'Спектральный диапазон, нм',
value: '400 ÷ 900'
},
{
name: 'Размер чувствительного элемента (Г х В), мкм',
value: '9 х 9'
},
{
name: 'Размер регистрируемых кадров (Г х В), пикселей',
value: '4096 х 4096 '
},
{
name: 'Частота кадров серии, Гц',
value: '24'
},
{
name: 'Уровень насыщения, e',
value: 'не менее 68000* '
},
{
name: 'Квантовый выход макс, %',
value: 'не менее 70* '
},
{
name: 'Функция модуляции',
value: 'не менее 0,5*'
},
{
name: 'Разрядность, бит 2х12',
value: '2х12'
},
{
name: 'Шум чтения, е',
value: 'не более 3* '
},
{
name: 'Динамический диапазон, дБ',
value: 'не менее 68'
},
{
name: 'Экспозиция, с',
value: 'от 0 до 360'
},
{
name: 'Охлаждение сенсора, °C',
value: 'до минус 40 относительно окружающей среды, но не ниже минус 30'
},
{
name: 'Точность поддержания температуры сенсора, °C',
value: 'не хуже 0,4'
},
{
name: 'Интерфейс передачи выходных данных',
value: 'Ethernet '
},
{
name: 'Сигнал управления затвором',
value: 'ТТЛ 3.3В'
},
{
name: 'Сигнал открытия затвора',
value: 'ТТЛ 3.3В'
},
{
name: 'Секундный импульс PPS',
value: 'ТТЛ 3.3В, 5мА. Общая длительность сигнала 125 мкс. Время нарастания и спада сигнала не более 20нс.'
},
{
name: 'Интерфейс временной синхронизации',
value: 'Ethernet'
},
{
name: 'Формат выходных данных изображения',
value: 'FITS'
},
{
name: 'Напряжение питания, В',
value: '11 ÷ 14'
},
{
name: 'Максимальная мощность, Вт',
value: 'не более 120 '
},
{
name: 'Габариты, мм',
value: 'не более Ø128x125'
},
{
name: 'Вес, кг',
value: 'не более 2'
},
],
infoTable1: '*определяется индивидуальными (уникальными) параметрами детектора и может отличаться от одного экземпляра к экземпляру в рамках поставки',
dataTable2:[
{
name: 'Интерфейс выходных данных изображения',
value: 'Оптико-волоконный Camera Link HS*'
},
{
name: 'Интерфейс управления (основной)',
value: 'Оптико-волоконный Camera Link HS'
},
{
name: 'Интерфейс управления (резервный)',
value: 'RS-485'
},
{
name: 'Встроенное устройство приёма-передачи данных',
value: 'Оптический приёмопередатчик (модуль) SFP+'
},
{
name: 'Интерфейс получения сигнала временной синхронизации от внешнего источника',
value: 'RS-485 (однонаправленный)'
},
{
name: 'Временная синхронизация',
value: 'Секундный импульс 1PPS (токовая петля 5-10мА)'
},
{
name: 'Тип и характеристики внешнего сигнала временной синхронизации',
value: 'LV TTL (3.3V, 5 мА) Общая длительность сигнала 125 мкс. Время нарастания и спада сигнала не более 20нс.'
},
],
infoBeforeTable2: 'Интерфейсы команд управления, синхронизации и данных ФПУ4040 согласно таблице:',
infoTable2: '*В качестве аппаратного приёмника видеоданных CameraLink, используется граббер Komodo™ CLHS Frame Grabber',
AfterPhoto: 'Общий вид ФПУ4040 согласно рисунку',
}
},
methods:{
}
}
</script>
<style>
h1{
color:aqua;
font-size: 11em;
}
#PhotoDevice{
height: 100%;
/* width: 100%; */
background-color: none;
}
#PhotoDevice{
}
#PhotoDevice #pd4040 div.informationBeforeTable{
margin-top: 3%;
padding: 0;
text-align:left;
margin-left: 17%;
}
#PhotoDevice #pd4040 .table{
color: white;
width: 70%;
}
#PhotoDevice #pd4040 .table table{
margin: 0 auto;
border: 2px solid white;
}
#PhotoDevice #pd4040 .table table tr td{
vertical-align: middle;
}
#PhotoDevice #pd4040 .table table tbody tr:hover{
background-color: rgba(0, 149, 255, 0.3);
}
#PhotoDevice #pd4040 span#info{
text-align:right;
font-size: 0.8em;
}
</style>
src/Devices/PD6060.vue 0 → 100644
View file @ 3ac9fc82
<template>
<div id="PhotoDevice">
<div id="pd6060">
<div><h2 style="color: #00aeff">{{msg}}</h2></div>
<div class="table">
<table>
<tr>
<th v-for="item in nameTable1">{{item}}</th>
</tr>
<tbody>
<tr v-for="item in dataTable1">
<td>{{item.name}}</td>
<td>{{item.value}}</td>
</tr>
</tbody>
</table>
<span id="info">{{infoTable1}}</span>
</div>
<div class="informationBeforeTable"><span>{{infoBeforeTable2}}</span></div>
<div class="table">
<table>
<tbody>
<tr v-for="item in dataTable2">
<td>{{item.name}}</td>
<td>{{item.value}}</td>
</tr>
</tbody>
</table>
<span id="info">{{infoTable2}}</span>
</div>
<p>{{AfterPhoto}}</p>
<div id="photo">
<img src="./img/19/1.png" alt="">
<img src="./img/19/1.png" alt="">
<img src="./img/19/1.png" alt="">
</div>
</div>
</div>
</template>
<script>
export default {
data () {
return {
msg: 'Цифровое фотоприёмное устройство ФПУ 6060',
}
},
methods:{
}
}
</script>
<style>
h1{
color:aqua;
font-size: 11em;
}
#PhotoDevice{
height: 100%;
/* width: 100%; */
background-color: none;
}
#PhotoDevice{
}
#PhotoDevice #pd6060 div.informationBeforeTable{
margin-top: 3%;
padding: 0;
text-align:left;
margin-left: 17%;
}
#PhotoDevice #pd6060 .table{
color: white;
width: 70%;
}
#PhotoDevice #pd6060 .table table{
margin: 0 auto;
border: 2px solid white;
}
#PhotoDevice #pd6060 .table table tr td{
vertical-align: middle;
}
#PhotoDevice #pd6060 .table table tbody tr:hover{
background-color: rgba(0, 149, 255, 0.3);
}
#PhotoDevice #pd6060 span#info{
text-align:right;
font-size: 0.8em;
}
</style>
src/Devices/PhotoDevice.vue deleted 100644 → 0
View file @ 6147ca7d
<template>
<div id="PhotoDevice">
<div id="pd">
<h1 >PD</h1>
<h1 >PD</h1>
<h1 >PD</h1>
<h1 >PD</h1>
<h1 >PD</h1>
<h1 >PD</h1>
<h1 >PD</h1>
</div>
</div>
</template>
<script>
export default {
data () {
return {
msg: 'obj',
}
},
methods:{
}
}
</script>
<style>
h1{
color:aqua;
font-size: 11em;
}
#PhotoDevice{
height: 100%;
/* width: 100%; */
background-color: red;
}
#PhotoDevice{
}
#PhotoDevice #pd{
}
</style>
src/Devices/img/25/photo.png 0 → 100644
View file @ 3ac9fc82
This image diff could not be displayed because it is too large. You can view the blob instead.
src/Devices/img/30/1.png 0 → 100644
View file @ 3ac9fc82
This diff is collapsed.
src/Devices/img/I.png
View file @ 3ac9fc82
No preview for this file type
src/Devices/img/II.jpg deleted 100644 → 0
View file @ 6147ca7d
This diff is collapsed.
src/Devices/img/sdjfshbdf/ОЭК15М.01.20.00.000СБ.jpg 0 → 100644
View file @ 3ac9fc82
This diff is collapsed.
src/Devices/img/sdjfshbdf/ОЭК25М.01.20.00.000СБ.jpg 0 → 100644
View file @ 3ac9fc82
This diff is collapsed.
src/Devices/img/sdjfshbdf/ОЭК40М.01.20.00.000СБ.jpg 0 → 100644
View file @ 3ac9fc82
This diff is collapsed.
src/Devices/img/sdjfshbdf/ПУ.30-М_EQ8+ ОЭС19.png 0 → 100644
View file @ 3ac9fc82
This diff is collapsed.
src/Main.vue
View file @ 3ac9fc82
<template>
<div id="app">
<full-page ref="fullpage" :options="options" id="fullpage">
<div class="section">
<!-- <div class="section">
<div v-if="!mobile">
<main_svg :item="item" @move="move" />
......@@ -129,7 +129,7 @@
</div>
</div>
</div>
</div> -->
<div class="section">
<div class="col-sm-12 col-md-12 col-lg-12" id="equipment">
<div class="about object">
......@@ -333,7 +333,7 @@ div#logo img{
#equipment{
margin-top: 2em;
margin-top: 4em;
width: 100%;
/* height: 100%; */
}
......@@ -343,7 +343,7 @@ div#logo img{
height: 100%;
}
#equipment .object{
width: 19%;
width: 15%;
color: white;
}
#equipment .object p{
......@@ -353,12 +353,13 @@ div#logo img{
background-color: rgba(0, 174, 255, 0.3);
}
#equipment .info{
overflow: scroll;
max-height: 69vh;
width: 79%;
max-height: 75vh;
width: 84%;
color: #FFFFFF;
border-radius: 5px;
border: 1px solid #00aeff;
overflow: scroll;
position: relative;
}
#equipment .info div{
width: 100%;
......@@ -374,7 +375,8 @@ import MOES40 from './Devices/MOES40.vue';
import MOES50 from './Devices/MOES50.vue';
import MOES65 from './Devices/MOES65.vue';
import PU30 from './Devices/PU30.vue';
import PHOTODEVICE from './Devices/PhotoDevice.vue';
import PD4040 from './Devices/PD4040.vue';
import PD6060 from './Devices/PD6060.vue';
import PUEO from './Devices/PUEO-M.vue';
import SUPPORTROTATEDEVICE from './Devices/SupportRotateDevice.vue';
......@@ -390,7 +392,8 @@ export default {
MOES50,
MOES65,
PU30,
PHOTODEVICE,
PD4040,
PD6060,
PUEO,
SUPPORTROTATEDEVICE,
},
......@@ -398,7 +401,7 @@ export default {
return {
options: {
onLeave: this.onLeave,
normalScrollElements: '.info'
normalScrollElements: 'div.info'
},
test: false,
msg: 'Main',
......@@ -427,9 +430,10 @@ export default {
{name: 'МОЭС-40', value: 'MOES40' },
{name: 'МОЭС-50', value: 'MOES50' },
{name: 'МОЭС-65', value: 'MOES65' },
{name: 'ФПУ 4040', value: 'PD4040' },
{name: 'ФПУ 6060', value: 'PD6060' },
{name: 'Павильон укрытие ПУ-30', value: 'PU30' },
{name: 'Павильон укрытие ПУЭО-М', value: 'PUEO' },
{name: 'Фотоприемное устройство', value: 'PHOTODEVICE' },
{name: 'Опорно-поворотное устройство', value: 'SUPPORTROTATEDEVICE' },
]
......
src/main.js
View file @ 3ac9fc82
......@@ -55,7 +55,6 @@ new Vue({
},
Before: function(){
if (this.isMobileOrTablet()) {
console.log("ready");
this.mobile = true;
// код для мобильных устройств
} else {
......
src/svgMain.vue
View file @ 3ac9fc82
<template>
<div>
<svg id="MainSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 -30 900 373"><defs/>
<svg id="MainSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 -30 830 373"><defs/>
<g>
<g id="LT">
......
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