921 lines
47 KiB
HTML
921 lines
47 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>RSCM-101</title>
|
||
<link rel="stylesheet" type="text/css" href="/style.css">
|
||
<link rel="stylesheet" type="text/css" href="/fields.css">
|
||
</head>
|
||
<body>
|
||
|
||
<div id="app" hidden>
|
||
<div>
|
||
<span class="nav-bar-element">Прием: <span :class="{ indicator_bad: stat_rx.state === false, indicator_good: stat_rx.state === true, indicator: true }"></span></span>
|
||
<span class="nav-bar-element">Передача: <span :class="{ indicator_good: stat_tx.state === true, indicator: true }"></span></span>
|
||
<span class="nav-bar-element">Тест: <span :class="{ indicator_good: (param.general.isTestInputData === true || param.general.modulatorMode === 'test'), indicator: true }"></span></span>
|
||
<!-- Последнее обновление: {{ lastUpdateTime }}-->
|
||
</div>
|
||
<div class="tabs">
|
||
<div class="tabs-header">
|
||
<span style="font-weight:bold">RSCM-101</span>
|
||
<a href="#monitoring" class="tabs-btn" @click="activeTab = 'monitoring'" :class="{ active: activeTab === 'monitoring' }">Мониторинг</a>
|
||
<a href="#setup" class="tabs-btn" @click="activeTab = 'setup'" :class="{ active: activeTab === 'setup' }">Настройки</a>
|
||
<a href="#qos" class="tabs-btn" @click="activeTab = 'qos'" :class="{ active: activeTab === 'qos' }">QoS</a>
|
||
<a href="#admin" class="tabs-btn" @click="activeTab = 'admin'" :class="{ active: activeTab === 'admin' }">Администрирование</a>
|
||
<a href="/logout" class="tabs-btn">Выход</a>
|
||
</div>
|
||
<div :class="{ value_bad: initState !== 'Успешная инициализация системы' }">{{ initState }}</div>
|
||
<div id="content">
|
||
<div class="tabs-body-item tabs-item-flex-container" v-show="activeTab === 'monitoring'">
|
||
<div>
|
||
<h2>Статистика приема</h2>
|
||
<table>
|
||
<tbody>
|
||
<tr><th>Прием</th><td><span :class="{ indicator_bad: stat_rx.state === false, indicator_good: stat_rx.state === true, indicator: true }"></span></td></tr>
|
||
<tr><th>Захват символьной</th><td><span :class="{ indicator_bad: stat_rx.sym_sync_lock === false, indicator_good: stat_rx.sym_sync_lock === true, indicator: true }"></span></td></tr>
|
||
<tr><th>Захват ФАПЧ</th><td><span :class="{ indicator_bad: stat_rx.afc_lock === false, indicator_good: stat_rx.afc_lock === true, indicator: true }"></span></td></tr>
|
||
<tr><th>Захват поиска по частоте</th><td><span :class="{ indicator_bad: stat_rx.freq_search_lock === false, indicator_good: stat_rx.freq_search_lock === true, indicator: true }"></span></td></tr>
|
||
<tr><th>Захват пакетной синхр.</th><td><span :class="{ indicator_bad: stat_rx.pkt_sync === false, indicator_good: stat_rx.pkt_sync === true, indicator: true }"></span></td></tr>
|
||
<tr><th>ОСШ/RSSI</th><td>{{ stat_rx.snr }} / {{ stat_rx.rssi }}</td></tr>
|
||
<tr><th>Modcod</th><td>{{ stat_rx.modcod }}</td></tr>
|
||
<tr><th>Размер кадра</th><td>{{ stat_rx.frameSize }}</td></tr>
|
||
<tr><th>Пилот-символы</th><td>{{ stat_rx.pilots }}</td></tr>
|
||
<tr><th>Символьная ошибка</th><td>{{ stat_rx.symError }}</td></tr>
|
||
<tr><th>Грубая/точная част. ошибка, Гц</th><td>{{ stat_rx.freqErr }} / {{ stat_rx.freqErrAcc }}</td></tr>
|
||
<tr><th>Ур. входного сигнала</th><td>{{ stat_rx.inputSignalLevel }}</td></tr>
|
||
<tr><th>Ошибка ФАПЧ</th><td>{{ stat_rx.pllError }}</td></tr>
|
||
<tr><th>Инф. скорость на приеме</th><td>{{ stat_rx.speedOnRxKbit }} kbit/s</td></tr>
|
||
<tr><th>Инф. скорость на интерфейсе</th><td>{{ stat_rx.speedOnIifKbit }} kbit/s</td></tr>
|
||
</tbody>
|
||
</table>
|
||
<p> Статистика пакетов </p>
|
||
<table>
|
||
<tbody>
|
||
<tr><th>Качественных пакетов</th><td>{{ stat_rx.packetsOk }}</td></tr>
|
||
<tr><th>Поврежденных пакетов</th><td>{{ stat_rx.packetsBad }}</td></tr>
|
||
<tr><th>DUMMY</th><td>{{ stat_rx.packetsDummy }}</td></tr>
|
||
</tbody>
|
||
</table>
|
||
<button @click="resetPacketsStatistics()"> Сброс статистики </button>
|
||
</div>
|
||
<div>
|
||
<h2>Статистика передачи</h2>
|
||
<table>
|
||
<tbody>
|
||
<tr><th>Передача</th><td><span :class="{ indicator_bad: stat_tx.state === false, indicator_good: stat_tx.state === true, indicator: true }"></span></td></tr>
|
||
<tr><th>ОСШ дальнего приема</th><td>{{ stat_tx.snr }}</td></tr>
|
||
<tr><th>Modcod</th><td>{{ stat_tx.modcod }}</td></tr>
|
||
<tr><th>Размер кадра</th><td>{{ stat_tx.frameSize }}</td></tr>
|
||
<tr><th>Пилот-символы</th><td>{{ stat_tx.pilots }}</td></tr>
|
||
<tr><th>Инф. скорость на передаче</th><td>{{ stat_tx.speedOnTxKbit }} kbit/s</td></tr>
|
||
<tr><th>Инф. скорость на интерфейсе</th><td>{{ stat_tx.speedOnIifKbit }} kbit/s</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div v-if="isCinC === true">
|
||
<h2>Статистика режима CinC</h2>
|
||
<table>
|
||
<tbody>
|
||
<tr><th>ОСС</th><td>{{ stat_cinc.occ }}</td></tr>
|
||
<tr><th>Захват коррелятора</th><td><span :class="{ indicator_bad: stat_cinc.correlator === false, indicator_good: stat_cinc.correlator === true, indicator: true }"></span></td></tr>
|
||
<tr><th>Кол-во срывов коррелятора</th><td>{{ stat_cinc.correlatorFails }}</td></tr>
|
||
<tr><th>Грубая/точная част. ошибка, Гц</th><td>{{ stat_cinc.freqErr }} / {{ stat_cinc.freqErrAcc }}</td></tr>
|
||
<tr><th>Задержка в канале, мс</th><td>{{ stat_cinc.channelDelay }}</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div>
|
||
<h2>Состояние устройства</h2>
|
||
<table>
|
||
<tbody>
|
||
<tr><th>Температура ADRV</th><td>{{ stat_device.adrv }} °C</td></tr>
|
||
<tr><th>Температура ZYNQ ULTRASUCK</th><td>{{ stat_device.zynq }} °C</td></tr>
|
||
<tr><th>Температура FPGA</th><td>{{ stat_device.fpga }} °C</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
<div class="tabs-body-item" v-show="activeTab === 'setup' && settingFetchComplete">
|
||
<h2>Настройки приема/передачи</h2>
|
||
<div class="settings-set-container">
|
||
<label>
|
||
<span>Режим работы</span>
|
||
<select v-model="param.general.isCinC">
|
||
<option value="false">SCPC</option>
|
||
<option value="true">CinC</option>
|
||
</select>
|
||
</label>
|
||
</div>
|
||
<div class="tabs-item-flex-container">
|
||
<div class="settings-set-container">
|
||
<h3>Настройки передатчика</h3>
|
||
<label>
|
||
<span>Включить передатчик</span>
|
||
<span class="toggle-input">
|
||
<input type="checkbox" v-model="param.general.txEn" />
|
||
<span class="slider"></span>
|
||
</span>
|
||
</label>
|
||
<label>
|
||
<span>Автоматический запуск передатчика</span>
|
||
<span class="toggle-input">
|
||
<input type="checkbox" v-model="param.general.autoStartTx" />
|
||
<span class="slider"></span>
|
||
</span>
|
||
</label>
|
||
<label>
|
||
<span>Режим работы модулятора</span>
|
||
<select v-model="param.general.modulatorMode">
|
||
<option value="normal">Нормальный</option>
|
||
<option value="test">Тест (CW)</option>
|
||
</select>
|
||
</label>
|
||
<label>
|
||
<span>Входные данные</span>
|
||
<select v-model="param.general.isTestInputData">
|
||
<option value="false">Ethernet</option>
|
||
<option value="true">Тест (CW)</option>
|
||
</select>
|
||
</label>
|
||
</div>
|
||
<div class="settings-set-container">
|
||
<h3>Параметры передачи</h3>
|
||
<label>
|
||
<span>Центральная частота, КГц</span>
|
||
<input v-model="param.tx.centerFreq"/>
|
||
</label>
|
||
<label>
|
||
<span>Символьная скорость, Бод</span>
|
||
<input v-model="param.tx.cymRate"/>
|
||
</label>
|
||
<label>
|
||
<span>Roll-off</span>
|
||
<select v-model="param.tx.rolloff">
|
||
<option value="5">0.05</option>
|
||
<option value="10">0.10</option>
|
||
<option value="15">0.15</option>
|
||
<option value="20">0.20</option>
|
||
<option value="25">0.25</option>
|
||
</select>
|
||
</label>
|
||
<label>
|
||
<span>Ослабление, дБ</span>
|
||
<input v-model="param.tx.attenuation"/>
|
||
</label>
|
||
|
||
</div>
|
||
<div class="settings-set-container">
|
||
<h3>Режим работы DVB-S2</h3>
|
||
<label>
|
||
<span>Режим</span>
|
||
<select v-model="param.dvbs2.mode">
|
||
<option value="ccm">CCM</option>
|
||
<option value="acm">ACM</option>
|
||
</select>
|
||
</label>
|
||
<label>
|
||
<span>Размер кадра</span>
|
||
<select v-model="param.dvbs2.frameSize">
|
||
<option value="normal">normal</option>
|
||
<option value="short">short</option>
|
||
</select>
|
||
</label>
|
||
<!-- <label>-->
|
||
<!-- <span>Пилот-символы</span>-->
|
||
<!-- <select v-model="param.dvbs2.pilots">-->
|
||
<!-- <option value="true">pilots</option>-->
|
||
<!-- <option value="false">no pilots</option>-->
|
||
<!-- </select>-->
|
||
<!-- </label>-->
|
||
|
||
<label v-show="param.dvbs2.mode === 'ccm'">
|
||
<span>Модуляция</span>
|
||
<select v-model="param.dvbs2.ccm_modulation">
|
||
<option value="qpsk">QPSK</option>
|
||
<option value="8psk">8PSK</option>
|
||
<option value="16apsk">16APSK</option>
|
||
<option value="32apsk">32APSK</option>
|
||
</select>
|
||
</label>
|
||
<label v-show="param.dvbs2.mode === 'ccm'">
|
||
<span>Скорость кода</span>
|
||
<select v-model="param.dvbs2.ccm_speed">
|
||
<option v-for="speed in getAvailableModcods(param.dvbs2.ccm_modulation)" v-bind:value="speed">{{ speed }}</option>
|
||
</select>
|
||
</label>
|
||
|
||
<label v-show="param.dvbs2.mode === 'acm'">
|
||
<span>Текущий модкод</span>
|
||
<input v-model="stat_rx.modcod" readonly>
|
||
</label>
|
||
|
||
<label v-show="param.dvbs2.mode === 'acm'">
|
||
<span>Модуляция (макс. режим)</span>
|
||
<select v-model="param.dvbs2.acm_maxModulation">
|
||
<option value="qpsk">QPSK</option>
|
||
<option value="8psk">8PSK</option>
|
||
<option value="16apsk">16APSK</option>
|
||
<option value="32apsk">32APSK</option>
|
||
</select>
|
||
</label>
|
||
<label v-show="param.dvbs2.mode === 'acm'">
|
||
<span>Скорость кода (макс. режим)</span>
|
||
<select v-model="param.dvbs2.acm_maxSpeed">
|
||
<option v-for="speed in getAvailableModcods(param.dvbs2.acm_maxModulation)" v-bind:value="speed">{{ speed }}</option>
|
||
</select>
|
||
</label>
|
||
<label v-show="param.dvbs2.mode === 'acm'">
|
||
<span>Модуляция (мин. режим)</span>
|
||
<select v-model="param.dvbs2.acm_minModulation">
|
||
<option value="qpsk">QPSK</option>
|
||
<option value="8psk">8PSK</option>
|
||
<option value="16apsk">16APSK</option>
|
||
<option value="32apsk">32APSK</option>
|
||
</select>
|
||
</label>
|
||
<label v-show="param.dvbs2.mode === 'acm'">
|
||
<span>Скорость кода (мин. режим)</span>
|
||
<select v-model="param.dvbs2.acm_minSpeed">
|
||
<option v-for="speed in getAvailableModcods(param.dvbs2.acm_minModulation)" v-bind:value="speed">{{ speed }}</option>
|
||
</select>
|
||
</label>
|
||
</div>
|
||
<div class="settings-set-container">
|
||
<h3>Авто-регулировка мощности</h3>
|
||
<label>
|
||
<span>Авто-регулировка мощности</span>
|
||
<span class="toggle-input">
|
||
<input type="checkbox" v-model="param.acm.en" />
|
||
<span class="slider"></span>
|
||
</span>
|
||
</label>
|
||
<label>
|
||
<span>Максимальное ослабление</span>
|
||
<input v-model="param.acm.maxAttenuation"/>
|
||
</label>
|
||
<label>
|
||
<span>Минимальное ослабление</span>
|
||
<input v-model="param.acm.minAttenuation"/>
|
||
</label>
|
||
<label>
|
||
<span>Требуемое ОСШ</span>
|
||
<input v-model="param.acm.requiredSnr"/>
|
||
</label>
|
||
</div>
|
||
<div class="settings-set-container">
|
||
<h3>Настройка приемника</h3>
|
||
<label>
|
||
<span>Режим управления усилением</span>
|
||
<select v-model="param.rx.gainMode">
|
||
<option value="auto">АРУ</option>
|
||
<option value="manual">РРУ</option>
|
||
</select>
|
||
</label>
|
||
<label v-show="param.rx.gainMode === 'manual'">
|
||
<span>Усиление, dB</span>
|
||
<input v-model="param.rx.manualGain"/>
|
||
</label>
|
||
<label>
|
||
<span>Инверсия спектра</span>
|
||
<span class="toggle-input">
|
||
<input type="checkbox" v-model="param.rx.spectrumInversion" />
|
||
<span class="slider"></span>
|
||
</span>
|
||
</label>
|
||
<label>
|
||
<span>Центральная частота, кГц</span>
|
||
<input v-model="param.rx.centerFreq"/>
|
||
</label>
|
||
<label>
|
||
<span>Символьная скорость, Бод</span>
|
||
<input v-model="param.rx.cymRate"/>
|
||
</label>
|
||
<label>
|
||
<span>Roll-off</span>
|
||
<select v-model="param.rx.rolloff">
|
||
<option value="5">0.05</option>
|
||
<option value="10">0.10</option>
|
||
<option value="15">0.15</option>
|
||
<option value="20">0.20</option>
|
||
<option value="25">0.25</option>
|
||
</select>
|
||
</label>
|
||
<label>
|
||
<span>Ослабление, dB</span>
|
||
<input v-model="param.rx.attenuation"/>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
<button>Сохранить</button>
|
||
|
||
<h2 v-show="param.general.isCinC">Настройки режима CinC</h2>
|
||
<div v-show="param.general.isCinC" class="settings-set-container">
|
||
<label>
|
||
<span>Метод расчета задержки</span>
|
||
<select v-model="param.cinc.mode">
|
||
<option value="positional">Позиционированием</option>
|
||
<option value="delay">Окном задержки</option>
|
||
</select>
|
||
</label>
|
||
|
||
<h3 v-show="param.cinc.mode === 'positional'">Настройки позиционирования</h3>
|
||
<label v-show="param.cinc.mode === 'positional'">
|
||
<span>Широта станции</span>
|
||
<input v-model="param.cinc.position.station.latitude"/>
|
||
</label>
|
||
<label v-show="param.cinc.mode === 'positional'">
|
||
<span>Долгота станции</span>
|
||
<input v-model="param.cinc.position.station.longitude"/>
|
||
</label>
|
||
<label v-show="param.cinc.mode === 'positional'">
|
||
<span>Долгота спутника</span>
|
||
<input v-model="param.cinc.position.satelliteLongitude"/>
|
||
</label>
|
||
|
||
<h3 v-show="param.cinc.mode === 'delay'">Задержка до спутника</h3>
|
||
<label v-show="param.cinc.mode === 'delay'">
|
||
<span>от, мс</span>
|
||
<input v-model="param.cinc.delayMin"/>
|
||
</label>
|
||
<label v-show="param.cinc.mode === 'delay'">
|
||
<span>до, мс</span>
|
||
<input v-model="param.cinc.delayMax"/>
|
||
</label>
|
||
</div>
|
||
<button v-show="param.general.isCinC" type="submit">Сохранить</button>
|
||
|
||
<h2>Настройки питания и опорного генератора</h2>
|
||
<div class="tabs-item-flex-container">
|
||
<div class="settings-set-container">
|
||
<h3>Настройки BUC</h3>
|
||
<label>
|
||
<span>Подача опоры 10МГц</span>
|
||
<span class="toggle-input">
|
||
<input type="checkbox" v-model="param.buc.refClk10M" />
|
||
<span class="slider"></span>
|
||
</span>
|
||
</label>
|
||
<label>
|
||
<span>Питание BUC</span>
|
||
<select v-model="param.buc.powering">
|
||
<option value="0">выкл</option>
|
||
<option value="24">24В</option>
|
||
<option value="48">48В</option>
|
||
</select>
|
||
</label>
|
||
</div>
|
||
<div class="settings-set-container">
|
||
<h3>Настройки LNB</h3>
|
||
<label>
|
||
<span>Подача опоры 10МГц</span>
|
||
<span class="toggle-input">
|
||
<input type="checkbox" v-model="param.lnb.refClk10M" />
|
||
<span class="slider"></span>
|
||
</span>
|
||
</label>
|
||
<label>
|
||
<span>Питание LNB</span>
|
||
<select v-model="param.lnb.powering">
|
||
<option value="0">выкл</option>
|
||
<option value="13">13В</option>
|
||
<option value="18">18В</option>
|
||
<option value="24">24В</option>
|
||
</select>
|
||
</label>
|
||
</div>
|
||
<div class="settings-set-container">
|
||
<h3>Сервисные настройки</h3>
|
||
<label>
|
||
<span>Подача опоры 10МГц на 'Выход 10МГц'</span>
|
||
<span class="toggle-input">
|
||
<input type="checkbox" v-model="param.serviceSettings.refClk10M" />
|
||
<span class="slider"></span>
|
||
</span>
|
||
</label>
|
||
<label>
|
||
<span>Автозапуск BUC и LNB при включении</span>
|
||
<span class="toggle-input">
|
||
<input type="checkbox" v-model="param.serviceSettings.autoStart" />
|
||
<span class="slider"></span>
|
||
</span>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
<button type="submit">Сохранить</button>
|
||
</div>
|
||
<div class="tabs-body-item" v-show="activeTab === 'qos'">
|
||
<h2>Настройки QoS</h2>
|
||
<div class="settings-set-container">
|
||
<label>
|
||
<span>Активировать QoS</span>
|
||
<span class="toggle-input"><input type="checkbox" v-model="qos.en" /><span class="slider"></span></span>
|
||
</label>
|
||
</div>
|
||
|
||
<h3>Классы CD</h3>
|
||
<button @click="qosAddClass('cd')">Добавить класс CD</button>
|
||
<details v-for="(rule, index) in qos.cd" :key="index" class="settings-set-container">
|
||
<summary >#{{ index }} CIR={{ rule.cir }}кбит, PIR={{ rule.pir }}кбит {{ rule.description }}</summary>
|
||
<label>
|
||
<span>CIR</span>
|
||
<input v-model="rule.cir" type="number"/>
|
||
</label>
|
||
<label>
|
||
<span>PIR</span>
|
||
<input v-model="rule.pir" type="number"/>
|
||
</label>
|
||
<label>
|
||
<span>Описание</span>
|
||
<input v-model="rule.description"/>
|
||
</label>
|
||
|
||
<h3>Фильтры ({{ rule.filters.length }})</h3>
|
||
<button @click="qosClassAddRule('cd', index)">Добавить правило</button>
|
||
<details v-for="filter in rule.filters" class="settings-set-container">
|
||
<!-- :key="filterIndex"-->
|
||
<!-- <summary>Правило #{{ filterIndex }}</summary>-->
|
||
<label>
|
||
<span>vlan</span>
|
||
<input v-model="filter.vlan" type="text">
|
||
</label>
|
||
<label>
|
||
<span>proto</span>
|
||
<input v-model="filter.proto" type="text">
|
||
</label>
|
||
<label>
|
||
<span>sport</span>
|
||
<input v-model="filter.sport" type="text">
|
||
</label>
|
||
<label>
|
||
<span>dport</span>
|
||
<input v-model="filter.dport" type="text">
|
||
</label>
|
||
<label>
|
||
<span>ip_src</span>
|
||
<input v-model="filter.ip_src" type="text">
|
||
</label>
|
||
<label>
|
||
<span>ip_dest</span>
|
||
<input v-model="filter.ip_dest" type="text">
|
||
</label>
|
||
<label>
|
||
<span>dscp</span>
|
||
<input v-model="filter.dscp" type="text">
|
||
</label>
|
||
|
||
</details>
|
||
|
||
<button @click="qosDelClass('cd', index)">Del</button>
|
||
</details>
|
||
|
||
<button>Применить</button>
|
||
|
||
<p>
|
||
Эти настройки пока недоступны, но скоро разработчик это поправит. А пока купи разработчику банку <strike>пива</strike> колы)
|
||
</p>
|
||
<video preload="auto" controls style="max-width: 100%">
|
||
<source src="/vid/video_2024-11-06_15-49-35.mp4" type="video/mp4" />
|
||
</video>
|
||
</div>
|
||
<div class="tabs-body-item" v-show="activeTab === 'admin'">
|
||
<p>
|
||
Эти настройки пока недоступны, но скоро разработчик это поправит. А пока смотри на крокодила
|
||
</p>
|
||
<img loading="lazy" src="/images/krokodil_vzryvaetsya_hd.gif" alt="krokodil">
|
||
</div>
|
||
</div>
|
||
<p>Последнее обновление статистики: {{ lastUpdateTime }}</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Версия для разработки включает в себя возможность вывода в консоль полезных уведомлений -->
|
||
<script src="/js/vue.js"></script>
|
||
<script>
|
||
// const router = useRouter();
|
||
const availableTabs = ['monitoring', 'setup', 'qos', 'admin']
|
||
const defaultTab = availableTabs[0]
|
||
|
||
function getCurrentTab() {
|
||
const sl = window.location.hash.slice(1)
|
||
if (availableTabs.indexOf(sl) >= 0) {
|
||
return sl
|
||
}
|
||
return defaultTab
|
||
}
|
||
|
||
function modcodToStr(modcod) {
|
||
// модкоды из раздела 5.5.2.2 https://www.etsi.org/deliver/etsi_en/302300_302399/302307/01.01.02_60/en_302307v010102p.pdf
|
||
|
||
// NOTE модкоды со скоростью хода 3/5 не работают
|
||
const modcods = [
|
||
"DUMMY",
|
||
"QPSK 1/4",
|
||
"QPSK 1/3",
|
||
"QPSK 2/5",
|
||
"QPSK 1/2",
|
||
"QPSK 3/5", // отключено
|
||
"QPSK 2/3",
|
||
"QPSK 3/4",
|
||
"QPSK 4/5",
|
||
"QPSK 5/6",
|
||
"QPSK 8/9",
|
||
"QPSK 9/10",
|
||
|
||
"8PSK 3/5", // отключено
|
||
"8PSK 2/3",
|
||
"8PSK 3/4",
|
||
"8PSK 5/6",
|
||
"8PSK 8/9",
|
||
"8PSK 9/10",
|
||
|
||
"16APSK 2/3",
|
||
"16APSK 3/4",
|
||
"16APSK 4/5",
|
||
"16APSK 5/6",
|
||
"16APSK 8/9",
|
||
"16APSK 9/10",
|
||
|
||
"32APSK 3/4",
|
||
"32APSK 4/5",
|
||
"32APSK 5/6",
|
||
"32APSK 8/9",
|
||
"32APSK 9/10",
|
||
]
|
||
if (typeof modcod != "number" || modcod < 0 || modcod >= modcod.length) {
|
||
return "?";
|
||
}
|
||
return modcods[modcod]
|
||
}
|
||
|
||
function extractModulationAndSpeedFromModcod(modcod) {
|
||
switch (modcod) {
|
||
case 1: return { modulation: 'qpsk', speed: '1/4' }
|
||
case 2: return { modulation: 'qpsk', speed: '1/3' }
|
||
case 3: return { modulation: 'qpsk', speed: '2/5' }
|
||
case 4: return { modulation: 'qpsk', speed: '1/2' }
|
||
case 5: return { modulation: 'qpsk', speed: '3/5' }
|
||
case 6: return { modulation: 'qpsk', speed: '2/3' }
|
||
case 7: return { modulation: 'qpsk', speed: '3/4' }
|
||
case 8: return { modulation: 'qpsk', speed: '4/5' }
|
||
case 9: return { modulation: 'qpsk', speed: '5/6' }
|
||
case 10: return { modulation: 'qpsk', speed: '8/9' }
|
||
case 11: return { modulation: 'qpsk', speed: '9/10' }
|
||
case 12: return { modulation: '8psk', speed: '3/5' }
|
||
case 13: return { modulation: '8psk', speed: '2/3' }
|
||
case 14: return { modulation: '8psk', speed: '3/4' }
|
||
case 15: return { modulation: '8psk', speed: '5/6' }
|
||
case 16: return { modulation: '8psk', speed: '8/9' }
|
||
case 17: return { modulation: '8psk', speed: '9/10' }
|
||
case 18: return { modulation: '16apsk', speed: '2/3' }
|
||
case 19: return { modulation: '16apsk', speed: '3/4' }
|
||
case 20: return { modulation: '16apsk', speed: '4/5' }
|
||
case 21: return { modulation: '16apsk', speed: '5/6' }
|
||
case 22: return { modulation: '16apsk', speed: '8/9' }
|
||
case 23: return { modulation: '16apsk', speed: '9/10' }
|
||
case 24: return { modulation: '32apsk', speed: '3/4' }
|
||
case 25: return { modulation: '32apsk', speed: '4/5' }
|
||
case 26: return { modulation: '32apsk', speed: '5/6' }
|
||
case 27: return { modulation: '32apsk', speed: '8/9' }
|
||
case 28: return { modulation: '32apsk', speed: '9/10' }
|
||
}
|
||
return { modulation: 'qpsk', speed: '1/4' }
|
||
}
|
||
|
||
const app = new Vue({
|
||
el: '#app',
|
||
data: {
|
||
isCinC: null,
|
||
|
||
stat_rx: {
|
||
// индикаторы
|
||
state: '?', // общее состояние
|
||
sym_sync_lock: '?', // захват символьной
|
||
freq_search_lock: '?', // Захват поиска по частоте
|
||
afc_lock: '?', // захват ФАПЧ
|
||
pkt_sync: '?', // захват пакетной синхронизации
|
||
|
||
// куча других параметров, идет в том же порядке, что и в таблице
|
||
snr: '?', rssi: '?',
|
||
modcod: '?', frameSize: '?',
|
||
pilots: '?',
|
||
symError: '?',
|
||
freqErr: '?', freqErrAcc: '?',
|
||
inputSignalLevel: '?',
|
||
pllError: '?',
|
||
speedOnRxKbit: '?',
|
||
speedOnIifKbit: '?',
|
||
|
||
// статистика пакетов
|
||
packetsOk: '?', packetsBad: '?', packetsDummy: '?',
|
||
},
|
||
stat_tx: {
|
||
// состояние
|
||
state: '?',
|
||
|
||
// прочие поля
|
||
snr: '?', modcod: '?', frameSize: '?', pilots: '?', speedOnTxKbit: '?', speedOnIifKbit: '?',
|
||
},
|
||
stat_cinc: {
|
||
occ: '?',
|
||
correlator: null,
|
||
correlatorFails: '?',
|
||
freqErr: '?', freqErrAcc: '?',
|
||
channelDelay: '?'
|
||
},
|
||
stat_device: { // температурные датчики
|
||
adrv: 0, zynq: 0, fpga: 0
|
||
},
|
||
|
||
param: {
|
||
general: {
|
||
isCinC: false,
|
||
txEn: false, // включен/выключен
|
||
modulatorMode: 'normal', // режим работы модулятора
|
||
autoStartTx: false, // было "режим работы передатчика"
|
||
isTestInputData: false, // входные данные: eth или test
|
||
},
|
||
tx: {
|
||
attenuation: null, // ослабление
|
||
rolloff: null,
|
||
cymRate: null,
|
||
centerFreq: null,
|
||
},
|
||
dvbs2: {
|
||
mode: null, // ccm/acm
|
||
frameSize: null, // 'normal' / 'short'
|
||
// pilots: false,
|
||
|
||
// CCM
|
||
ccm_modulation: null,
|
||
ccm_speed: null,
|
||
|
||
// ACM
|
||
acm_maxModulation: null,
|
||
acm_maxSpeed: null,
|
||
acm_minModulation: null,
|
||
acm_minSpeed: null,
|
||
|
||
snrReserve: null,
|
||
servicePacketPeriod: null,
|
||
},
|
||
// авто-регулировка мощности
|
||
acm: {
|
||
en: false,
|
||
maxAttenuation: null,
|
||
minAttenuation: null,
|
||
requiredSnr: null,
|
||
},
|
||
rx: {
|
||
gainMode: null, // 'auto'/'manual' режим управления усилением
|
||
manualGain: 0, // усиление, только для ручного режима
|
||
spectrumInversion: false,
|
||
rolloff: 0,
|
||
cymRate: 100000,
|
||
centerFreq: 1200000.0,
|
||
},
|
||
|
||
cinc: {
|
||
mode: null, // 'positional' | 'delay'
|
||
searchBandwidth: 0, // полоса поиска в кГц
|
||
position: {
|
||
station: {
|
||
latitude: 0,
|
||
longitude: 0
|
||
},
|
||
satelliteLongitude: 0,
|
||
},
|
||
delayMin: 0,
|
||
delayMax: 0
|
||
},
|
||
buc: {
|
||
refClk10M: false, // подача опоры 10MHz
|
||
powering: 0 // 0, 24, 48
|
||
},
|
||
lnb: {
|
||
refClk10M: false, // подача опоры 10MHz
|
||
powering: 0 // 0, 13, 18, 24
|
||
},
|
||
serviceSettings: {
|
||
refClk10M: false, // подача опоры 10MHz
|
||
autoStart: false
|
||
},
|
||
},
|
||
|
||
qos: {
|
||
en: false,
|
||
rt1: [{cir: 100, description: 'test class'}],
|
||
rt2: [],
|
||
rt3: [],
|
||
cd: [],
|
||
},
|
||
|
||
testState: false,
|
||
initState: '',
|
||
lastUpdateTime: new Date(),
|
||
activeTab: getCurrentTab(),
|
||
settingFetchComplete: false
|
||
},
|
||
methods: {
|
||
getAvailableModcods(modulation) {
|
||
// NOTE модкоды со скоростью хода 3/5 не работают
|
||
switch (modulation) {
|
||
case 'qpsk':
|
||
return ['1/4', '1/3', '2/5', '1/2', /* '3/5',*/ '2/3', '3/4', '4/5', '5/6', '8/9', '9/10']
|
||
case '8psk':
|
||
return [/* '3/5',*/ '2/3', '3/4', '5/6', '8/9', '9/10']
|
||
case '16apsk':
|
||
return ['2/3', '3/4', '4/5', '5/6', '8/9', '9/10']
|
||
case '32apsk':
|
||
return ['3/4', '4/5', '5/6', '8/9', '9/10']
|
||
default:
|
||
return []
|
||
}
|
||
},
|
||
|
||
updateStatistics(vals) {
|
||
this.lastUpdateTime = new Date();
|
||
this.isCinC = vals["mainState"]["isCinC"]
|
||
|
||
this.stat_rx.state = vals["mainState"]["rx.state"]
|
||
this.stat_rx.sym_sync_lock = vals["mainState"]["rx.sym_sync_lock"]
|
||
this.stat_rx.freq_search_lock = vals["mainState"]["rx.freq_search_lock"]
|
||
this.stat_rx.afc_lock = vals["mainState"]["rx.afc_lock"]
|
||
this.stat_rx.pkt_sync = vals["mainState"]["rx.pkt_sync"]
|
||
this.stat_rx.snr = vals["mainState"]["rx.snr"]
|
||
this.stat_rx.rssi = vals["mainState"]["rx.rssi"]
|
||
this.stat_rx.modcod = modcodToStr(vals["mainState"]["rx.modcod"])
|
||
this.stat_rx.frameSize = vals["mainState"]["rx.frameSize"]
|
||
this.stat_rx.pilots = vals["mainState"]["rx.pilots"]
|
||
this.stat_rx.symError = vals["mainState"]["rx.symError"]
|
||
this.stat_rx.freqErr = vals["mainState"]["rx.freqErr"]
|
||
this.stat_rx.freqErrAcc = vals["mainState"]["rx.freqErrAcc"]
|
||
this.stat_rx.inputSignalLevel = vals["mainState"]["rx.inputSignalLevel"]
|
||
this.stat_rx.pllError = vals["mainState"]["rx.pllError"]
|
||
this.stat_rx.speedOnRxKbit = vals["mainState"]["rx.speedOnRxKbit"]
|
||
this.stat_rx.speedOnIifKbit = vals["mainState"]["rx.speedOnIifKbit"]
|
||
this.stat_rx.packetsOk = vals["mainState"]["rx.packetsOk"]
|
||
this.stat_rx.packetsBad = vals["mainState"]["rx.packetsBad"]
|
||
this.stat_rx.packetsDummy = vals["mainState"]["rx.packetsDummy"]
|
||
|
||
this.stat_tx.state = vals["mainState"]["tx.state"]
|
||
this.stat_tx.snr = vals["mainState"]["tx.snr"]
|
||
this.stat_tx.modcod = modcodToStr(vals["mainState"]["tx.modcod"])
|
||
this.stat_tx.frameSize = vals["mainState"]["tx.frameSize"]
|
||
this.stat_tx.pilots = vals["mainState"]["tx.pilots"]
|
||
this.stat_tx.speedOnTxKbit = vals["mainState"]["tx.speedOnTxKbit"]
|
||
this.stat_tx.speedOnIifKbit = vals["mainState"]["tx.speedOnIifKbit"]
|
||
|
||
this.stat_cinc.occ = vals["mainState"]["cinc.occ"]
|
||
this.stat_cinc.correlator = vals["mainState"]["cinc.correlator"]
|
||
this.stat_cinc.correlatorFails = vals["mainState"]["cinc.correlatorFails"]
|
||
this.stat_cinc.freqErr = vals["mainState"]["cinc.freqErr"]
|
||
this.stat_cinc.freqErrAcc = vals["mainState"]["cinc.freqErrAcc"]
|
||
this.stat_cinc.channelDelay = vals["mainState"]["cinc.channelDelay"]
|
||
|
||
this.stat_device.adrv = vals["mainState"]["device.adrv"]
|
||
this.stat_device.zynq = vals["mainState"]["device.zynq"]
|
||
this.stat_device.fpga = vals["mainState"]["device.fpga"]
|
||
|
||
this.testState = vals["mainState"]["testState"]
|
||
},
|
||
|
||
resetPacketsStatistics() {
|
||
fetch('/api/resetPacketStatistics', {
|
||
method: 'POST'
|
||
}).then(() => {
|
||
this.stat_rx.packetsOk = 0
|
||
this.stat_rx.packetsBad = 0
|
||
this.stat_rx.packetsDummy = 0
|
||
})
|
||
},
|
||
|
||
updateSettings(vals) {
|
||
this.settingFetchComplete = true
|
||
|
||
this.param.general.isCinC = vals["settings"]["general.isCinC"]
|
||
this.param.general.txEn = vals["settings"]["general.txEn"]
|
||
this.param.general.modulatorMode = vals["settings"]["general.modulatorMode"]
|
||
this.param.general.autoStartTx = vals["settings"]["general.autoStartTx"]
|
||
this.param.general.isTestInputData = vals["settings"]["general.isTestInputData"]
|
||
|
||
this.param.tx.attenuation = vals["settings"]["tx.attenuation"]
|
||
this.param.tx.rolloff = vals["settings"]["tx.rolloff"]
|
||
this.param.tx.cymRate = vals["settings"]["tx.cymRate"]
|
||
this.param.tx.centerFreq = vals["settings"]["tx.centerFreq"]
|
||
|
||
this.param.dvbs2.mode = (vals["settings"]["dvbs2.isAcm"] ? 'acm' : 'ccm')
|
||
this.param.dvbs2.frameSize = vals["settings"]["dvbs2.frameSize"]
|
||
// this.param.dvbs2.pilots = vals["settings"]["dvbs2.pilots"]
|
||
|
||
let m = extractModulationAndSpeedFromModcod(vals["settings"]["dvbs2.ccm_modcod"])
|
||
this.param.dvbs2.ccm_modulation = m.modulation
|
||
this.param.dvbs2.ccm_speed = m.speed
|
||
m = extractModulationAndSpeedFromModcod(vals["settings"]["dvbs2.acm_maxModcod"])
|
||
this.param.dvbs2.acm_maxModulation = m.modulation
|
||
this.param.dvbs2.acm_maxSpeed = m.speed
|
||
m = extractModulationAndSpeedFromModcod(vals["settings"]["dvbs2.acm_minModcod"])
|
||
this.param.dvbs2.acm_minModulation = m.modulation
|
||
this.param.dvbs2.acm_minSpeed = m.speed
|
||
|
||
this.param.dvbs2.snrReserve = vals["settings"]["dvbs2.snrReserve"]
|
||
this.param.dvbs2.servicePacketPeriod = vals["settings"]["dvbs2.servicePacketPeriod"]
|
||
|
||
this.param.acm.en = vals["settings"]["acm.en"]
|
||
this.param.acm.maxAttenuation = vals["settings"]["acm.maxAttenuation"]
|
||
this.param.acm.minAttenuation = vals["settings"]["acm.minAttenuation"]
|
||
this.param.acm.requiredSnr = vals["settings"]["acm.requiredSnr"]
|
||
|
||
this.param.rx.gainMode = vals["settings"]["rx.gainMode"]
|
||
this.param.rx.manualGain = vals["settings"]["rx.manualGain"]
|
||
this.param.rx.spectrumInversion = vals["settings"]["rx.spectrumInversion"]
|
||
this.param.rx.rolloff = vals["settings"]["rx.rolloff"]
|
||
this.param.rx.cymRate = vals["settings"]["rx.cymRate"]
|
||
this.param.rx.centerFreq = vals["settings"]["rx.centerFreq"]
|
||
|
||
this.param.cinc.mode = vals["settings"]["cinc.mode"]
|
||
this.param.cinc.searchBandwidth = vals["settings"]["cinc.searchBandwidth"]
|
||
this.param.cinc.position.station.latitude = vals["settings"]["cinc.position.station.latitude"]
|
||
this.param.cinc.position.station.longitude = vals["settings"]["cinc.position.station.longitude"]
|
||
this.param.cinc.position.satelliteLongitude = vals["settings"]["cinc.position.satelliteLongitude"]
|
||
this.param.cinc.delayMin = vals["settings"]["cinc.delayMin"]
|
||
this.param.cinc.delayMax = vals["settings"]["cinc.delayMax"]
|
||
|
||
this.param.buc.refClk10M = vals["settings"]["buc.refClk10M"]
|
||
this.param.buc.powering = vals["settings"]["buc.powering"]
|
||
this.param.lnb.refClk10M = vals["settings"]["lnb.refClk10M"]
|
||
this.param.lnb.powering = vals["settings"]["lnb.powering"]
|
||
this.param.serviceSettings.refClk10M = vals["settings"]["serviceSettings.refClk10M"]
|
||
this.param.serviceSettings.autoStart = vals["settings"]["serviceSettings.autoStart"]
|
||
},
|
||
|
||
// addQosClass()
|
||
qosAddClass(name) {
|
||
let res = {
|
||
cir: 0,
|
||
pir: 0,
|
||
filters: []
|
||
}
|
||
switch (name) {
|
||
case 'rt1': this.qos.rt1.push(res); break
|
||
case 'rt2': this.qos.rt2.push(res); break
|
||
case 'rt3': this.qos.rt3.push(res); break
|
||
case 'cd': this.qos.cd.push(res); break
|
||
}
|
||
},
|
||
|
||
qosClassAddRule(name, index) {
|
||
let rule = {
|
||
vlan: "",
|
||
proto: "tcp",
|
||
sport: "22,80,448",
|
||
dport: "5000-6000",
|
||
ip_src: "192.168.0.0/24",
|
||
ip_dest: "192.168.0.0/24,172.16.0.0/16,95.127.91.34",
|
||
dscp: ""
|
||
}
|
||
switch (name) {
|
||
case 'rt1': this.qos.rt1[index].filters.push(rule); break
|
||
case 'rt2': this.qos.rt2[index].filters.push(rule); break
|
||
case 'rt3': this.qos.rt3[index].filters.push(rule); break
|
||
case 'cd': this.qos.cd[index].filters.push(rule); break
|
||
}
|
||
},
|
||
|
||
qosDelClass(name, index) {
|
||
switch (name) {
|
||
case 'rt1': this.qos.rt1.splice(index, 1); break
|
||
case 'rt2': this.qos.rt2.splice(index, 1); break
|
||
case 'rt3': this.qos.rt3.splice(index, 1); break
|
||
case 'cd': this.qos.cd.splice(index, 1); break
|
||
}
|
||
}
|
||
},
|
||
mounted() {
|
||
const doFetchStatistics = async () => {
|
||
let d = await fetch("/api/get/statistics")
|
||
this.updateStatistics(await d.json())
|
||
|
||
setTimeout(() => {
|
||
doFetchStatistics()
|
||
}, 1000)
|
||
}
|
||
|
||
doFetchStatistics().then(() => {})
|
||
|
||
const doFetchSettings = async () => {
|
||
let d = await fetch("/api/get/settings")
|
||
this.updateSettings(await d.json())
|
||
}
|
||
|
||
doFetchSettings().then(() => {})
|
||
|
||
document.getElementById("app").removeAttribute("hidden")
|
||
}
|
||
})
|
||
|
||
// import MyComponent from './modules/header'
|
||
// const sh = new Vue(MyComponent)
|
||
</script>
|
||
</body>
|
||
</html> |