|
<!DOCTYPE html>
|
|
<html lang="ja">
|
|
|
|
<head>
|
|
<!-- メタデータ、共通で使用するcssやjsファイルなどを宣言 -->
|
|
<meta charset="UTF-8">
|
|
|
|
<!-- ビューポート -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<!-- <meta name="viewport" content="width=1280"> -->
|
|
|
|
<!-- bootstrap -->
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"
|
|
integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
|
|
|
|
<!-- jquery -->
|
|
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.5.0.min.js"></script>
|
|
|
|
<!-- fontawesome -->
|
|
<link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet">
|
|
|
|
<!-- CSS -->
|
|
<link href="./base.css" rel="stylesheet">
|
|
|
|
<meta charset="UTF-8">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="header px-2">
|
|
|
|
<div class="">
|
|
<div class="w-100" style="display: flex;">
|
|
<div class="">
|
|
<span>MPTM500</span>
|
|
</div>
|
|
<div class="" style="margin-left: auto;margin-right: 0;">
|
|
<span>2024/05/25(土) 12:34:56</span>
|
|
<BR>
|
|
<div>店所CD 店所名 従業員名称 </div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="" style="position: absolute;top: 0;width: inherit;left :50%;">
|
|
<div class="" style="position: absolute;top: 0; font-size: 30px; transform: translateX(-50%);">
|
|
<span class="title">積荷明細照会</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="content">
|
|
<!-- コンテンツ -->
|
|
<!-- ※※※※※※※※※※ ここにタグを追加する ※※※※※※※※※ -->
|
|
<div class="container text-center">
|
|
<div class="row">
|
|
<div class="col-md-2 text-end">
|
|
<label for="" class="title">送付書No.</label>
|
|
</div>
|
|
<div class="col-md-7 text-start">
|
|
<input type="tel" name="" id="" class="textlength8" maxlength="8" value="99999999">
|
|
</div>
|
|
<div class="col-md-1 text-end">
|
|
<label for="" class="title">社番</label>
|
|
</div>
|
|
<div class="col-md-1 text-start">
|
|
<input type="tel" name="" id="" class="textlength5" maxlength="5" value="99999" disabled>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-2 text-end">
|
|
<label for="" class="title">発店</label>
|
|
<label for="" class="title" style="display: none;">発店名</label>
|
|
</div>
|
|
<div class="col-md-5 text-start">
|
|
<input tye="tel" name="" id="" class="textlength6" maxlength="6" value="999999" disabled>
|
|
<input tye="text" name="" id="" class="textlength16" maxlength="10" value="ＸＸＸＸＸＸＸＸＸＸ" disabled>
|
|
</div>
|
|
|
|
<div class="col-md-1 text-end">
|
|
<label for="" class="title">合計枚数</label>
|
|
</div>
|
|
<div class="col-md-1 text-start">
|
|
<input type="tel" name="" id="" class="textlength5" maxlength="5" value="99999" disabled>
|
|
</div>
|
|
<div class="col-md-1 text-end">
|
|
<label for="" class="title">合計個数</label>
|
|
</div>
|
|
<div class="col-md-1 text-start">
|
|
<input type="tel" name="" id="" class="textlength5" maxlength="5" value="99999" disabled>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-2 text-end">
|
|
<label for="" class="title">着店</label>
|
|
<label for="" class="title" style="display: none;">着店名</label>
|
|
</div>
|
|
<div class="col-md-5 text-start">
|
|
<input tye="tel" name="" id="" class="textlength6" maxlength="6" value="999999" disabled>
|
|
<input type="text" name="" id="" class="textlength16" maxlength="10" value="ＸＸＸＸＸＸＸＸＸＸ" disabled>
|
|
</div>
|
|
<div class="col-md-1 text-end">
|
|
<label for="" class="title">合計重量</label>
|
|
</div>
|
|
<div class="col-md-1 text-start">
|
|
<input type="tel" name="" id="" class="textlength5" maxlength="5" value="99999" disabled>
|
|
</div>
|
|
<div class="col-md-1 text-end">
|
|
<label for="" class="title">合計収受金</label>
|
|
</div>
|
|
<div class="col-md-1 text-start">
|
|
<input type="tel" name="" id="" class="textlength5" maxlength="5" value="99999" disabled>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="row">
|
|
<!-- <div class="col-md-12 mt-4" style="overflow-y: scroll;max-height:500px"> -->
|
|
<div class="col-md-12 mt-4 table-responsive" style="max-height:500px">
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th>詳細</th>
|
|
<th>送り状No.</th>
|
|
<th>発荷主名</th>
|
|
<th>着荷主名</th>
|
|
<th>着地</th>
|
|
<th>配達店</th>
|
|
<th>状況</th>
|
|
<th>他社No.</th>
|
|
<th>個数</th>
|
|
<th>重量</th>
|
|
<th>指定日</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td><button type="button" class="btn btn-outline-dark bg-white">詳細</button></td>
|
|
<td><label for="" class="title">99999999999</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸ</label></td>
|
|
<td><label for="" class="title">9999999999999</label></td>
|
|
<td class="text-end"><label for="" class="title">99,999</label></td>
|
|
<td class="text-end"><label for="" class="title">99,999</label></td>
|
|
<td><label for="" class="title">99/99/99</label></td>
|
|
</tr>
|
|
<tr>
|
|
<td><button type="button" class="btn btn-outline-dark bg-white">詳細</button></td>
|
|
<td><label for="" class="title">99999999999</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸ</label></td>
|
|
<td><label for="" class="title">9999999999999</label></td>
|
|
<td class="text-end"><label for="" class="title">99,999</label></td>
|
|
<td class="text-end"><label for="" class="title">99,999</label></td>
|
|
<td><label for="" class="title">99/99/99</label></td>
|
|
</tr>
|
|
<tr>
|
|
<td><button type="button" class="btn btn-outline-dark bg-white">詳細</button></td>
|
|
<td><label for="" class="title">99999999999</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸ</label></td>
|
|
<td><label for="" class="title">9999999999999</label></td>
|
|
<td class="text-end"><label for="" class="title">99,999</label></td>
|
|
<td class="text-end"><label for="" class="title">99,999</label></td>
|
|
<td><label for="" class="title">99/99/99</label></td>
|
|
</tr>
|
|
<tr>
|
|
<td><button type="button" class="btn btn-outline-dark bg-white">詳細</button></td>
|
|
<td><label for="" class="title">99999999999</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸ</label></td>
|
|
<td><label for="" class="title">9999999999999</label></td>
|
|
<td class="text-end"><label for="" class="title">99,999</label></td>
|
|
<td class="text-end"><label for="" class="title">99,999</label></td>
|
|
<td><label for="" class="title">99/99/99</label></td>
|
|
</tr>
|
|
<tr>
|
|
<td><button type="button" class="btn btn-outline-dark bg-white">詳細</button></td>
|
|
<td><label for="" class="title">99999999999</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸ</label></td>
|
|
<td><label for="" class="title">9999999999999</label></td>
|
|
<td class="text-end"><label for="" class="title">99,999</label></td>
|
|
<td class="text-end"><label for="" class="title">99,999</label></td>
|
|
<td><label for="" class="title">99/99/99</label></td>
|
|
</tr>
|
|
<tr>
|
|
<td><button type="button" class="btn btn-outline-dark bg-white">詳細</button></td>
|
|
<td><label for="" class="title">99999999999</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸ</label></td>
|
|
<td><label for="" class="title">9999999999999</label></td>
|
|
<td class="text-end"><label for="" class="title">99,999</label></td>
|
|
<td class="text-end"><label for="" class="title">99,999</label></td>
|
|
<td><label for="" class="title">99/99/99</label></td>
|
|
</tr>
|
|
<tr>
|
|
<td><button type="button" class="btn btn-outline-dark bg-white">詳細</button></td>
|
|
<td><label for="" class="title">99999999999</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸ</label></td>
|
|
<td><label for="" class="title">9999999999999</label></td>
|
|
<td class="text-end"><label for="" class="title">99,999</label></td>
|
|
<td class="text-end"><label for="" class="title">99,999</label></td>
|
|
<td><label for="" class="title">99/99/99</label></td>
|
|
</tr>
|
|
<tr>
|
|
<td><button type="button" class="btn btn-outline-dark bg-white">詳細</button></td>
|
|
<td><label for="" class="title">99999999999</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸ</label></td>
|
|
<td><label for="" class="title">9999999999999</label></td>
|
|
<td class="text-end"><label for="" class="title">99,999</label></td>
|
|
<td class="text-end"><label for="" class="title">99,999</label></td>
|
|
<td><label for="" class="title">99/99/99</label></td>
|
|
</tr>
|
|
<tr>
|
|
<td><button type="button" class="btn btn-outline-dark bg-white">詳細</button></td>
|
|
<td><label for="" class="title">99999999999</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸ</label></td>
|
|
<td><label for="" class="title">9999999999999</label></td>
|
|
<td class="text-end"><label for="" class="title">99,999</label></td>
|
|
<td class="text-end"><label for="" class="title">99,999</label></td>
|
|
<td><label for="" class="title">99/99/99</label></td>
|
|
</tr>
|
|
<tr>
|
|
<td><button type="button" class="btn btn-outline-dark bg-white">詳細</button></td>
|
|
<td><label for="" class="title">99999999999</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸ</label></td>
|
|
<td><label for="" class="title">9999999999999</label></td>
|
|
<td class="text-end"><label for="" class="title">99,999</label></td>
|
|
<td class="text-end"><label for="" class="title">99,999</label></td>
|
|
<td><label for="" class="title">99/99/99</label></td>
|
|
</tr>
|
|
<tr>
|
|
<td><button type="button" class="btn btn-outline-dark bg-white">詳細</button></td>
|
|
<td><label for="" class="title">99999999999</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸ</label></td>
|
|
<td><label for="" class="title">9999999999999</label></td>
|
|
<td class="text-end"><label for="" class="title">99,999</label></td>
|
|
<td class="text-end"><label for="" class="title">99,999</label></td>
|
|
<td><label for="" class="title">99/99/99</label></td>
|
|
</tr>
|
|
<tr>
|
|
<td><button type="button" class="btn btn-outline-dark bg-white">詳細</button></td>
|
|
<td><label for="" class="title">99999999999</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸ</label></td>
|
|
<td><label for="" class="title">9999999999999</label></td>
|
|
<td class="text-end"><label for="" class="title">99,999</label></td>
|
|
<td class="text-end"><label for="" class="title">99,999</label></td>
|
|
<td><label for="" class="title">99/99/99</label></td>
|
|
</tr>
|
|
<tr>
|
|
<td><button type="button" class="btn btn-outline-dark bg-white">詳細</button></td>
|
|
<td><label for="" class="title">99999999999</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸ</label></td>
|
|
<td><label for="" class="title">9999999999999</label></td>
|
|
<td class="text-end"><label for="" class="title">99,999</label></td>
|
|
<td class="text-end"><label for="" class="title">99,999</label></td>
|
|
<td><label for="" class="title">99/99/99</label></td>
|
|
</tr>
|
|
<tr>
|
|
<td><button type="button" class="btn btn-outline-dark bg-white">詳細</button></td>
|
|
<td><label for="" class="title">99999999999</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸ</label></td>
|
|
<td><label for="" class="title">9999999999999</label></td>
|
|
<td class="text-end"><label for="" class="title">99,999</label></td>
|
|
<td class="text-end"><label for="" class="title">99,999</label></td>
|
|
<td><label for="" class="title">99/99/99</label></td>
|
|
</tr>
|
|
<tr>
|
|
<td><button type="button" class="btn btn-outline-dark bg-white">詳細</button></td>
|
|
<td><label for="" class="title">99999999999</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸ</label></td>
|
|
<td><label for="" class="title">9999999999999</label></td>
|
|
<td class="text-end"><label for="" class="title">99,999</label></td>
|
|
<td class="text-end"><label for="" class="title">99,999</label></td>
|
|
<td><label for="" class="title">99/99/99</label></td>
|
|
</tr>
|
|
<tr>
|
|
<td><button type="button" class="btn btn-outline-dark bg-white">詳細</button></td>
|
|
<td><label for="" class="title">99999999999</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸＸＸ</label></td>
|
|
<td><label for="" class="title">ＸＸＸ</label></td>
|
|
<td><label for="" class="title">9999999999999</label></td>
|
|
<td class="text-end"><label for="" class="title">99,999</label></td>
|
|
<td class="text-end"><label for="" class="title">99,999</label></td>
|
|
<td><label for="" class="title">99/99/99</label></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- フッター -->
|
|
<div class="footer">
|
|
<div class="function" style="display: flex;">
|
|
<input type="text" class="footer_text" tabindex="-1" value="エラーメッセージ" readonly="">
|
|
</div>
|
|
|
|
<div class="function" style="display: flex;">
|
|
<input type="button" style="width: 10%;" class="funcbutton m4" tabindex="-1" onclick="clickF1();"
|
|
value="実行:継続">
|
|
<input type="button" style="width: 10%;" class="funcbutton m4" tabindex="-1" onclick="clickF2();"
|
|
value="F2:取消">
|
|
<input type="button" style="width: 10%;" class="funcbutton m4" tabindex="-1" onclick="clickF3();"
|
|
value="F3:終了">
|
|
<input type="button" style="width: 10%;" class="funcbutton m4" tabindex="-1" onclick="clickF4();"
|
|
value="F4:戻り">
|
|
<input type="button" style="width: 10%;" class="funcbutton m4" tabindex="-1" onclick="clickF5();"
|
|
value="F5: ">
|
|
<input type="button" style="width: 10%;" class="funcbutton m4" tabindex="-1" onclick="clickF6();"
|
|
value="F6: ">
|
|
<input type="button" style="width: 10%;" class="funcbutton m4" tabindex="-1" onclick="clickF7();"
|
|
value="F7: ">
|
|
<input type="button" style="width: 10%;" class="funcbutton m4" tabindex="-1" onclick="clickF8();"
|
|
value="F8: ">
|
|
<input type="button" style="width: 10%;" class="funcbutton m4" tabindex="-1" onclick="clickF9();"
|
|
value="F9: ">
|
|
<input type="button" style="width: 10%;" class="funcbutton m4" tabindex="-1" onclick="clickF10();"
|
|
value="F10: ">
|
|
<input type="button" style="width: 10%;" class="funcbutton m4" tabindex="-1" onclick="clickF11();"
|
|
value="F11: ">
|
|
<input type="button" style="width: 10%;" class="funcbutton m4" tabindex="-1" onclick="clickF12();"
|
|
value="F12: ">
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html>
|