Symfony Profiler

{% set sub_title = "メニュー" %}
{% extends 'inc/layout.html.twig' %}
{% block header %}
<section class="fixedHeader">
<header class="header" role="banner">
<div class="header-block">
<h1 class="header-title"><img src="img/icon/boxes.png" alt="">生産実績管理</h1>
<div class="header-refine">
<div class="header-refine-ctrl">
<input type="text" name="today" value="{{ today }}" class="header-refine-input" readonly>
<!--
検証用に日付の設定をできるようにしてある
<div class="js-flatpickr">
<div class="header-refine-ctrl">
<form action="" method="post">
<input type="text" name="today" value="{{ today }}" class="header-refine-input -changeable" readonly data-input onchange="this.form.submit()">
</form>
</div>
</div>
-->
</div>
</div>
<!--
  ※検証用に日付を設定できるようにしてあります。
-->
</div>
<div class="header-sub">
<p class="header-back"><a href="./">ダッシュボードへ</a></p>
</div>
</header>
<section class="upperSection">
<form method="post" id="search-form">
<input type="hidden" name="search_machine" value="" >
<input type="hidden" name="today" value="{{ today }}" >
</form>
<ul class="upperSection-link">
{% for machien_id, machine in machine_list %}
<li><a href="#" {% if machine == search.machine %}class="is-active"{% endif %} data-machine="{{ machine }}" data-machine-id="{{ machien_id }}">{{ machine }}</a></li>
{% endfor %}
</ul>
</section>
</section>
{% endblock %}
{% block main %}
<main class="contents" role="main">
<section class="stock">
<div class="stock-header">
<div class="stock-header-separate">
<h2 class="stock-header-title"><span class="line-name"></span> 完成数量</h2>
<textarea name="memo" placeholder="仕掛りなどのメモを入力してください" class="stock-memo-text"></textarea>
<button type="button" class="stock-memo-save-btn">保存</button>
</div>
</div>
<div style="text-align: right; padding: 0 5px 5px 0">
<button type="button" class="btn-show-log">ログ</button>
</div>
<div style="overflow: auto; height: calc(100svh - 240px)">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="stock-table">
<thead>
<tr>
<th class="-name">商品名</th>
<th class="-make"><span class="line-name"></span><br>手配数</th>
<th class="-num">No</th>
<th class="-complete">完成数量</th>
<th class="-completenum">完成No.</th>
<th class="-operation">操作</th>
<th class="-operation">検査者</th>
</tr>
</thead>
<tbody data-moc='
<tr>
<th class="-name">__item_name__</th>
<td class="-make">__qty__</td>
<td class="-num">__no__</td>
<td class="-complete">
<div class="stock-ctrl">
<button type="button" class="stock-ctrl-autoBtn js-sampleBtn01" data-qty="__qty__"><img src="img/icon/check_bl.png" alt="自動入力"></button>
<div class="stock-ctrl-box">
<input type="tel" name="qty" class="stock-ctrl-input -full js-sampleInput01">
</div>
</div>
</td>
<td class="-completenum">
<div class="stock-ctrl">
<button type="button" class="stock-ctrl-autoBtn js-sampleBtn02" data-no="__no__"><img src="img/icon/check_bl.png" alt="自動入力"></button>
<div class="stock-ctrl-box">
<input type="tel" name="no_start" class="stock-ctrl-input -small js-sampleInput02_1">
<div class="stock-ctrl-kara">～</div>
<input type="tel" name="no_end" class="stock-ctrl-input -small js-sampleInput02_2">
</div>
</div>
</td>
<td class="-operation">
<button type="button" class="stock-table-btn" data-date="__date__" data-key="__key__">確定</button>
</td>
<td>
<select class="stock-userSelect" name="">
<option value="">▼検査者を選択</option>
{% for name in staff %}
<option value="{{ name }}">{{ name }}</option>
{% endfor %}
</select>
</td>
</tr>
'>
</tbody>
</table>
</div>
</section>
<section class="remodal" data-remodal-id="modal-operation" id="modal-confirm">
<section class="modalSection">
<h3 class="modalSection-heading">在庫数操作</h3>
<div class="modalSection-block">
<h4 class="modalSection-title"><span class="item_name"></span></h4>
<div class="modalSection-data">
<dl class="modalSection-data-item">
<dt>完成数量</dt>
<dd><span class="qty"></span></dd>
</dl>
<dl class="modalSection-data-item">
<dt>完成No.</dt>
<dd><span class="no"></span></dd>
</dl>
</div>
</div>
<div class="modalSection-links">
<div class="modalSection-links-small"><button type="button" class="modalSection-submit-btn -cancel" data-remodal-action="close"><span>キャンセル</span></button></div>
<div class="modalSection-links-large"><button type="button" class="modalSection-submit-btn btn-exec" data-remodal-action="close" data-key="" data-date=""><span>実行</span></button></div>
</div>
</section>
<button data-remodal-action="close" class="remodal-close">閉じる</button>
</section>
<section class="remodal" data-remodal-id="modal-stock-log" id="modal-stock-log">
<section class="modalSection">
<h3 class="modalSection-heading log-title"></h3>
<div class="modalSection-block">
<table class="stock-log-table">
<thead>
<tr>
<th>時間</th><th>商品名</th><th>完成数量</th><th>完成No.</th><th>手配数</th><th>合計完了数</th><th>検査者</th>
</tr>
</thead>
<tbody data-moc='<tr>
<td>__time__</td>
<td>__item_name__</td>
<td>__qty__</td>
<td>__no__</td>
<td>__num__</td>
<td>__complete_num__</td>
<td>__staff__</td>
</tr>'>
</tbody>
</table>
</div>
</section>
<button data-remodal-action="close" class="remodal-close">閉じる</button>
</section>
</main>
{% endblock %}
{# スタイルシートの設定 #}
{% block stylesheet %}
<link rel="stylesheet" href="common/css/reset.css">
<link rel="stylesheet" href="common/css/common.css?v=1.01">
<link rel="stylesheet" href="common/css/contents.css?v=1.01">
<link rel="stylesheet" href="common/css/remodal.css">
<link rel="stylesheet" href="common/css/flatpickr.min.css">
<style>
.stock-table tbody .-date{
background: #f7f7f7;
font-size: 15px;
font-weight: 600;
}
</style>
{% endblock %}
{# JavaScriptの設定 #}
{% block javascript %}
<script src="common/js/jquery.js"></script>
<script src="common/js/common.js"></script>
<script src="common/js/utility.js"></script>
<script src="common/js/remodal.js"></script>
<script src="common/js/flatpickr.js"></script>
<script>
$(function(){
$('body').on('click', '.js-itemRadio', function () {
$('label').removeClass('is-active');
$(this).parents('label').addClass('is-active');
});
const config = {
enableTime: false,
// mode: "range",
showMonths: 2,
// minDate: "today",
wrap: true,
locale: "ja",
dateFormat: "Y-m-d",
}
flatpickr('.js-flatpickr', config);
});
//手配処した情報を送る先のURL
const edit_url = '{{ url('set_stock') }}';
// 商品データをjsonでセットしておく
const item_list = JSON.parse('{{ json_items|raw }}');
// メモを保存するURL
const set_memo_url = '{{ url('stock_set_memo') }}';
// メモのデータをjsonでセットしておく
let memo_list = JSON.parse('{{ json_memo|raw }}');
// ログのデータをjsonでセットしておく
let log_list = JSON.parse('{{ json_log|raw }}');
// 手配済みリストをjsonでセットしておく
{% if json_arrangement %}
let arrangement_list = JSON.parse('{{ json_arrangement|raw }}');
{% else %}
let arrangement_list = {};
{% endif %}
</script>
<script src="common/js/page_stock.js?v=1.01"></script>
{% endblock %}

templates/stock.html.twig line 1