164 lines
4.9 KiB
PHP
164 lines
4.9 KiB
PHP
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>ФБУ "Якутский ЦСМ"| Проверка статуса Заявки клиента</title>
|
||
<link rel='stylesheet' href='style.css' />
|
||
|
||
<!--
|
||
<style>
|
||
red{color: red;}
|
||
divcenter {
|
||
width: 680px;
|
||
display: block;
|
||
top: 20%;
|
||
left: 25%;
|
||
position: absolute;
|
||
}
|
||
|
||
ErrorMessage{
|
||
color: red;
|
||
}
|
||
|
||
div.new_form {
|
||
width: 600px;
|
||
border: 1px solid red;
|
||
display: block;
|
||
}
|
||
|
||
div.new_form input[type="text"] {
|
||
width: 100%;
|
||
margin-top: 10px;
|
||
padding: 10px 0;
|
||
text-indent: 15px;
|
||
}
|
||
|
||
div.new_form input[type="number"] {
|
||
width: 100%;
|
||
margin-top: 10px;
|
||
padding: 10px 0;
|
||
text-indent: 15px;
|
||
}
|
||
|
||
div.new_form input[type="radio"] {
|
||
width: 15px;
|
||
padding: 10px 0;
|
||
text-indent: 1px;
|
||
}
|
||
|
||
div.new_form input[type="submit"] {
|
||
float: right;
|
||
}
|
||
|
||
div.new_form input {
|
||
width: 49%;
|
||
margin-top: 10px;
|
||
padding: 10px 0;
|
||
text-indent: 15px;
|
||
}
|
||
|
||
div.new_form {
|
||
width: 600px;
|
||
border: 1px solid #cecece;
|
||
display: block;
|
||
height: 210px;
|
||
padding: 40px; box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 3px 6px rgba(0,0,0,0.22); margin: auto;
|
||
}
|
||
|
||
h2.forms {
|
||
text-align: center;
|
||
font-family: sans-serif;
|
||
font-weight: 100;
|
||
color: #4d5d53;
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
/* начало раскраски кнопок RADIO */
|
||
|
||
.form_radio_btn {
|
||
display: inline-block;
|
||
/* margin-right: 10px; */
|
||
}
|
||
|
||
.form_radio_btn input[type=radio] {
|
||
display: none;
|
||
}
|
||
|
||
.form_radio_btn label {
|
||
width: 266px;
|
||
display: inline-block;
|
||
cursor: pointer;
|
||
padding: 0px 15px;
|
||
line-height: 35px;
|
||
border: 1px solid #999;
|
||
border-radius: 6px;
|
||
user-select: none;
|
||
}
|
||
|
||
/* Checked */
|
||
.form_radio_btn input[type=radio]:checked + label {
|
||
background: #ffe0a6;
|
||
}
|
||
|
||
/* Hover */
|
||
.form_radio_btn label:hover {
|
||
color: #666;
|
||
}
|
||
|
||
/* Disabled */
|
||
.form_radio_btn input[type=radio]:disabled + label {
|
||
background: #efefef;
|
||
color: #666;
|
||
}
|
||
|
||
/* конец раскраски кнопок RADIO */
|
||
|
||
rezult {
|
||
display: block;
|
||
margin: 14px;
|
||
}
|
||
|
||
#result_table {
|
||
position:relative;
|
||
margin-top:100px;
|
||
top:0;
|
||
width: 680px;
|
||
}
|
||
|
||
</style> -->
|
||
<script src="script.js"></script>
|
||
</head>
|
||
|
||
<body>
|
||
<divcenter>
|
||
<h2 class="forms">Проверка статуса готовности</br> по номеру Заявки / Счета</h2>
|
||
<div id="ErrorMessage" class="ErrorMessage"></div>
|
||
<!-- <rezult><? echo $info;?></rezult> -->
|
||
<div class="new_form">
|
||
<div class="form_radio_btn">
|
||
<input type="radio" name="urfiz" id="ur" value="ur" checked oninput="btnClick();">
|
||
<label for="ur">Юридическое лицо</label>
|
||
<input type="radio" name="urfiz" id="fiz" value="fiz" oninput="btnClick();">
|
||
<label for="fiz">Физическое лицо</label>
|
||
</div>
|
||
|
||
<input type="text" name="INN" id="INN" placeholder="ИНН юр.лица" oninput="checkRegExpValNumber();">
|
||
<input type="text" name="strNumDoc" id="strNumDoc" placeholder="Номера документов через запятую" oninput="checkRegExpValRusNum()">
|
||
|
||
<input type="submit" id="submit_btn" value="Получить данные" onclick="return send_data();">
|
||
<div id="bottom_text">
|
||
<p>
|
||
Порядок действий: <br>
|
||
1. Выбрать представление Контрагента - Юр.лицо / Физ.лицо <br>
|
||
2. (Опционально) Для Юр.лица указать ИНН <br>
|
||
3. Внести список номеров документов, разделенных запятой <br>
|
||
... Пример: ТТ-ЗАК-00123,ЭЛР-СЧ-01234 и т.д. Желательно, не более 5 номеров <br>
|
||
4. Нажать кнопку "Получить данные"</p>
|
||
</div>
|
||
</div>
|
||
<div id="result_table"></div>
|
||
</divcenter>
|
||
</body>
|
||
</html>
|