243 lines
		
	
	
		
			8.0 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			243 lines
		
	
	
		
			8.0 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
<!DOCTYPE html>
 | 
						||
<html lang="ru">
 | 
						||
<head>
 | 
						||
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 | 
						||
  <meta charset="utf-8" />
 | 
						||
  <title>ВДП</title>
 | 
						||
  <link rel="stylesheet" href="./lib/Bootstrap/css/bootstrap.css">
 | 
						||
  <link rel="stylesheet" href="./lib/Font-Awesome/css/fontawesome-all.css" />
 | 
						||
  <link rel="stylesheet" href="./css/MainSau.css">
 | 
						||
</head>
 | 
						||
<body>
 | 
						||
  <div class="container">
 | 
						||
    <!--Голова-->
 | 
						||
    <header class="row align-items-center justify-content-center">
 | 
						||
      <div class="col text-center pt-2">
 | 
						||
        <h3>РМТ "САУ ВДП" и "КОРПУС"</h3>
 | 
						||
      </div>
 | 
						||
    </header>
 | 
						||
    <!--Меню выбора печи и времени-->
 | 
						||
    <div class="row pt-2 pb-3">
 | 
						||
      <!--Поиск по паспорту-->
 | 
						||
      <div class="col-sm-12 col-md-5 border">
 | 
						||
        <div class="row">
 | 
						||
          <div class="col-12">
 | 
						||
            <strong>Поиск по дате:</strong>
 | 
						||
          </div>
 | 
						||
          <div class="col-auto">
 | 
						||
            <input class="form-control" id="pasport_date_list" type="date">
 | 
						||
          </div>
 | 
						||
          <div class="col">
 | 
						||
            <button class="btn btn-primary" id="search_button" type="button">
 | 
						||
              Поиск
 | 
						||
            </button>
 | 
						||
          </div>
 | 
						||
          <div class="w-100"></div>
 | 
						||
          <div class="col-12">
 | 
						||
            <strong>Список паспортов:</strong>
 | 
						||
          </div>
 | 
						||
          <div class="col-auto">
 | 
						||
            <select class="form-control" id="pasport_list"></select>
 | 
						||
          </div>
 | 
						||
          <div class="col-auto">
 | 
						||
            <button class="btn btn-primary" id="pasport_select_button" type="button" hidden>
 | 
						||
              Выбрать
 | 
						||
            </button>
 | 
						||
          </div>
 | 
						||
        </div>
 | 
						||
      </div>
 | 
						||
      <!--Указание печи и интервала времени-->
 | 
						||
      <div class="col-sm-12 col-md-7 border">
 | 
						||
        <div class="row">
 | 
						||
          <div class="col-12">
 | 
						||
            <strong>Загрузка по печи:</strong>
 | 
						||
          </div>
 | 
						||
          <div class="col-auto pt-2">
 | 
						||
            Печь №
 | 
						||
          </div>
 | 
						||
          <div class="col-auto">
 | 
						||
            <select class="form-control" id="vdp_select"></select>
 | 
						||
          </div>
 | 
						||
          <div class="w-100"></div>
 | 
						||
 | 
						||
          <div class="col-auto pt-2">
 | 
						||
            Начало:
 | 
						||
          </div>
 | 
						||
 | 
						||
          <div class="col-auto">
 | 
						||
            <input class="form-control" type="date" id="vdp_date_start">
 | 
						||
          </div>
 | 
						||
          <div class="col-auto">
 | 
						||
            <input class="form-control" type="time" id="vdp_time_start" step="1">
 | 
						||
          </div>
 | 
						||
          <div class="w-100"></div>
 | 
						||
          <div class="col-auto pt-2">
 | 
						||
            Конец:
 | 
						||
          </div>
 | 
						||
          <div class="col-auto">
 | 
						||
            <input class="form-control" id="vdp_date_end" type="date">
 | 
						||
          </div>
 | 
						||
          <div class="col-auto">
 | 
						||
            <input class="form-control" type="time" id="vdp_time_end" step="1">
 | 
						||
          </div>
 | 
						||
          <div class="w-100"></div>
 | 
						||
          <div class="col-auto pt-1">
 | 
						||
            <button class="btn btn-primary" id="vdp_select_button" type="button">
 | 
						||
              Выбрать
 | 
						||
            </button>
 | 
						||
          </div>
 | 
						||
        </div>
 | 
						||
      </div>
 | 
						||
    </div>
 | 
						||
    <!--Меню выбра-->
 | 
						||
    <div class="row border-top" id="manipulate_buttons" hidden>
 | 
						||
      <div class="col-auto pt-1 pb-1">
 | 
						||
        <button class="btn btn-primary disabled" id="menu_pasport_button" type="button">
 | 
						||
          Паспорта
 | 
						||
        </button>
 | 
						||
      </div>
 | 
						||
      <div class="col-auto pt-1 pb-1">
 | 
						||
        <button class="btn btn-primary" id="menu_analog_button" type="button">
 | 
						||
          Аналоги
 | 
						||
        </button>
 | 
						||
      </div>
 | 
						||
      <div class="col-auto pt-1 pb-1">
 | 
						||
        <button class="btn btn-primary" id="menu_descret_button" type="button">
 | 
						||
          Дискреты
 | 
						||
        </button>
 | 
						||
      </div>
 | 
						||
      <div class="col-auto pt-1 pb-1">
 | 
						||
        <button class="btn btn-primary" id="menu_tech_cycle_button" type="button">
 | 
						||
          Технологический цикл
 | 
						||
        </button>
 | 
						||
      </div>
 | 
						||
      <div class="col-auto pt-1 pb-1">
 | 
						||
        <button class="btn btn-primary" id="menu_protect_button" type="button">
 | 
						||
          Защиты
 | 
						||
        </button>
 | 
						||
      </div>
 | 
						||
    </div>
 | 
						||
    <!--Голова паспорта-->
 | 
						||
    <div class="row border-top" id="pasport_label" hidden>
 | 
						||
      <div class="col-12 text-center">
 | 
						||
        <h5>Паспорт</h5>
 | 
						||
      </div>
 | 
						||
    </div>
 | 
						||
    <!--Заданные параметры печи и даты-->
 | 
						||
    <div class="row" id="pasport_date" hidden>
 | 
						||
      <div class="col-auto">
 | 
						||
        Печь № <span></span>
 | 
						||
      </div>
 | 
						||
      <div class="col-auto">
 | 
						||
        Время начала: <span></span>
 | 
						||
      </div>
 | 
						||
      <div class="col-auto">
 | 
						||
        Время конца: <span></span>
 | 
						||
      </div>
 | 
						||
    </div>
 | 
						||
    <!--Паспорт, если выбрали-->
 | 
						||
    <div class="row border-bottom pb-1" id="pasport_info" hidden>
 | 
						||
      <div class="col-sm-12 col-lg-6">
 | 
						||
        Сплав: <span></span>
 | 
						||
      </div>
 | 
						||
      <div class="col-sm-12 col-lg-6">
 | 
						||
        Переплав № <span></span>
 | 
						||
      </div>
 | 
						||
      <div class="col-sm-12 col-lg-6">
 | 
						||
        Назначение: <span></span>
 | 
						||
      </div>
 | 
						||
      <div class="col-sm-12 col-lg-6">
 | 
						||
        Категория продукции: <span></span>
 | 
						||
      </div>
 | 
						||
      <div class="col-sm-12 col-lg-6">
 | 
						||
        Заказчик: <span></span>
 | 
						||
      </div>
 | 
						||
      <div class="col-sm-12 col-lg-6">
 | 
						||
        Вес слитка: <span></span>
 | 
						||
      </div>
 | 
						||
      <div class="col-sm-12 col-lg-6">
 | 
						||
        Комплект № <span></span>
 | 
						||
      </div>
 | 
						||
      <div class="col-sm-12 col-lg-6">
 | 
						||
        Диаметр кристализатора: <span></span>
 | 
						||
      </div>
 | 
						||
      <div class="col-sm-12 col-lg-6">
 | 
						||
        Диаметр электрода: <span></span>
 | 
						||
      </div>
 | 
						||
      <div class="col-sm-12 col-lg-6">
 | 
						||
        Контракт № <span></span>
 | 
						||
      </div>
 | 
						||
      <div class="col-sm-12 col-lg-6">
 | 
						||
        Указание: <span></span>
 | 
						||
      </div>
 | 
						||
    </div>
 | 
						||
 | 
						||
    <!--УДАЛИТЬ
 | 
						||
  <div class="row border-top" id="AnalogChart_label" hidden>
 | 
						||
    <div class="col-12 text-center">
 | 
						||
      <h5>Аналоговые сигналы</h5>
 | 
						||
    </div>
 | 
						||
  </div>
 | 
						||
  <div id="AnalogChart_Global" class="row" hidden>
 | 
						||
    <div class="col-sm-12 col-md-2" style="font-size:12px">
 | 
						||
      <div class="row">
 | 
						||
        <div class="col-12">
 | 
						||
          <input id="AnalogChart_Update" class="btn btn-primary" type="button" value="Обновить" />
 | 
						||
        </div>
 | 
						||
        <div class="col-12" style=" max-height: 570px; overflow: auto;">
 | 
						||
          <div id="AnalogChart_Checkbox" class="form-check"></div>
 | 
						||
        </div>
 | 
						||
      </div>
 | 
						||
    </div>
 | 
						||
    <div class="col-sm-12 col-md-10">
 | 
						||
      <div id="AnalogChart" style="height: 600px;"></div>
 | 
						||
    </div>
 | 
						||
  </div>
 | 
						||
 | 
						||
 | 
						||
  <div class="row border-top" id="Discret_label" hidden>
 | 
						||
    <div class="col-12 text-center">
 | 
						||
      <h5>Дискретные сигналы</h5>
 | 
						||
    </div>
 | 
						||
  </div>
 | 
						||
  <div id="Discret_Global" class="row" hidden>
 | 
						||
    <div class="col-sm-12 col-md-2" style="font-size:12px">
 | 
						||
      <div class="row">
 | 
						||
        <div class="col-12">
 | 
						||
          <input id="Discret_Update" class="btn btn-primary" type="button" value="Обновить" />
 | 
						||
        </div>
 | 
						||
        <div class="col-12" style=" max-height: 570px; overflow: auto;">
 | 
						||
          <div id="Discret_Checkbox" class="form-check"></div>
 | 
						||
        </div>
 | 
						||
      </div>
 | 
						||
    </div>
 | 
						||
    <div class="col-sm-12 col-md-10" style="overflow : auto; max-height : 600px">
 | 
						||
      <table class="table table-active">
 | 
						||
        <thead>
 | 
						||
          <tr>
 | 
						||
            <th>
 | 
						||
              <button class="btn btn-primary fas fa-sort-amount-down" id="Discret_Sort" type="button"></button>
 | 
						||
            </th>
 | 
						||
            <th>Время начала</th>
 | 
						||
            <th>Название</th>
 | 
						||
            <th>Статус</th>
 | 
						||
          </tr>
 | 
						||
        </thead>
 | 
						||
        <tbody></tbody>
 | 
						||
      </table>
 | 
						||
    </div>
 | 
						||
  </div>
 | 
						||
    -->
 | 
						||
  </div>
 | 
						||
 | 
						||
  <script src="./lib/JQuery/jquery-3.3.1.js"></script>
 | 
						||
  <script src="./lib/Popper/umd/popper.js"></script>
 | 
						||
  <script src="./lib/Bootstrap/js/bootstrap.bundle.js"></script>
 | 
						||
 | 
						||
  <script src="./js/pasport.js"></script>
 | 
						||
  <script src="./js/menu.js"></script>
 | 
						||
  <script src="./js/index.js"></script>
 | 
						||
 | 
						||
</body>
 | 
						||
</html>
 |