ce58cb4be4
GitHub(nextgroup2706/ken_nogi)は今後使わず自社Gitea運用に切替え。 NodeSrvは旧リポジトリの履歴を破棄しファイルのみ統合(Dokploy用サービスアカウントは 別途mygit-admin/NodeSrv.gitに履歴あり)。notepmエクスポート(12GB)とPleasanter インストーラzip(208MB)はサイズが大きいため.gitignoreで除外。 Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
265 lines
8.5 KiB
HTML
265 lines
8.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ja">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>マスターシート -現場案内図-</title>
|
|
<script src="https://code.jquery.com/jquery-3.7.0.js"></script>
|
|
<script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
|
|
<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.2//themes/smoothness/jquery-ui.css">
|
|
<style type="text/css">
|
|
.kakushiBOX {
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
background-color: yellow;
|
|
width: 1000px;
|
|
height: 1300px;
|
|
opacity: 0;
|
|
z-index: 500;
|
|
display: none;
|
|
}
|
|
|
|
.rectBox {
|
|
top: 15px;
|
|
left: 770px;
|
|
width: 50px;
|
|
height: 50px;
|
|
text-align: center;
|
|
z-index: 1000;
|
|
|
|
}
|
|
|
|
.control {
|
|
width: 10px;
|
|
height: 10px;
|
|
position: absolute;
|
|
|
|
}
|
|
|
|
.controlA {
|
|
top: 0px;
|
|
right: 0px;
|
|
background-color: red;
|
|
border: 1px solid red;
|
|
z-index: 1001;
|
|
}
|
|
|
|
.controlB {
|
|
right: 0px;
|
|
bottom: 0px;
|
|
background-color: yellow;
|
|
border: 1px solid green;
|
|
z-index: 1001;
|
|
}
|
|
|
|
@media print {
|
|
.kakushiBOX,
|
|
.hideMessage,
|
|
.hideInPrint,
|
|
.hideRect,
|
|
.control {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
.hideMessage {
|
|
position: absolute;
|
|
top: 3px;
|
|
left: 6px;
|
|
vertical-align: middle;
|
|
font-size: 50%;
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.hideRect {
|
|
display: block;
|
|
border: solid blue 2px;
|
|
background-color: aqua;
|
|
opacity: 0.3;
|
|
cursor: move;
|
|
position: absolute;
|
|
z-index: 1000;
|
|
}
|
|
|
|
.showRect {
|
|
display: block;
|
|
border: solid red 2px;
|
|
background-color: pink;
|
|
opacity: 0.3;
|
|
cursor: move;
|
|
position: absolute;
|
|
z-index: 1000;
|
|
}
|
|
|
|
.tg {
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
margin: auto;
|
|
z-index: 0;
|
|
}
|
|
|
|
.tg td {
|
|
border-color: black;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
font-family: Arial, sans-serif;
|
|
font-size: 12px;
|
|
overflow: hidden;
|
|
word-break: keep-all;
|
|
}
|
|
|
|
.tg th {
|
|
border-color: black;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
font-family: Arial, sans-serif;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
overflow: hidden;
|
|
word-break: keep-all;
|
|
}
|
|
|
|
.tg .tg-title {
|
|
background-color: #333333;
|
|
color: #ffffff;
|
|
font-size: x-large;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.tg .tg-center {
|
|
text-align: center;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.tg .tg-left {
|
|
text-align: left;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.tg .tg-label {
|
|
background-color: #c0c0c0;
|
|
text-align: center;
|
|
vertical-align: middle
|
|
}
|
|
|
|
@page {
|
|
size: A4 portrait;
|
|
margin: 0mm;
|
|
}
|
|
|
|
.page {
|
|
width: 210mm;
|
|
height: 297mm;
|
|
box-sizing: border-box;
|
|
padding: 5mm;
|
|
text-align: center;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<section class="page">
|
|
<table class="tg" style="table-layout: fixed; width: 700px">
|
|
<colgroup>
|
|
<col style="width: 100px">
|
|
<col style="width: 100px">
|
|
<col style="width: 100px">
|
|
<col style="width: 100px">
|
|
<col style="width: 100px">
|
|
<col style="width: 100px">
|
|
<col style="width: 100px">
|
|
</colgroup>
|
|
<thead>
|
|
<tr>
|
|
<th class="tg-title" colspan="3" rowspan="2">現場案内図</th>
|
|
<th class="tg-label">顧客コード</th>
|
|
<th class="tg-center" colspan="2">{{kokyaku_code}}</th>
|
|
<th class="tg-center" rowspan="2">{{create_date}}</th>
|
|
</tr>
|
|
<tr>
|
|
<th class="tg-label">契約コード</th>
|
|
<th class="tg-center" colspan="2">{{keiyaku_code}}</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td class="tg-label" rowspan="2">工事名</td>
|
|
<td class="tg-left"colspan="6">{{koujimei_kana}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="tg-left" style="font-size:1.3em;font-weight:bold;" colspan="6">{{kouji_mei}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="tg-label">建築場所</td>
|
|
<td class="tg-left" colspan="2">{{jusyo_yubin}}</td>
|
|
<td class="tg-left" colspan="4">{{jyusho}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="tg-label">施工会社</td>
|
|
<td class="tg-center" colspan="2">{{sekou_kaisya}}</td>
|
|
<td class="tg-label">TEL</td>
|
|
<td class="tg-center">{{tel}}</td>
|
|
<td class="tg-label">FAX</td>
|
|
<td class="tg-center">{{fax}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="tg-label">工事担当者</td>
|
|
<td class="tg-center" colspan="2">{{kouji_tantou}}</td>
|
|
<td class="tg-label">搬入路</td>
|
|
<td class="tg-center" colspan="2">{{hannyu_road}}</td>
|
|
<td class="tg-center" rowspan="4">
|
|
<div>Google MAP</div>
|
|
<div id="mapQr"></div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="tg-label">駐車場</td>
|
|
<td class="tg-center" colspan="2">{{chusyajou}}</td>
|
|
<td class="tg-label">小運搬</td>
|
|
<td class="tg-center" colspan="2">{{sho_unpan}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="tg-label" colspan="6">その他、搬入時の注意事項 ・ 住所の補足など</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="tg-left" colspan="6">{{{sonota}}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="tg-center" colspan="7"><iframe id="mapFrame1" width="640px" height="360px"></iframe></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="tg-center" colspan="7"><iframe id="mapFrame2" width="640px" height="360px"></iframe></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<div class="kakushiBOX">
|
|
<div class="rectBox hideRect" id="rectBox1">
|
|
<div class="hideMessage">BOX1</div>
|
|
<div class="control controlA" id="controlA1"></div>
|
|
<div class="control controlB" id="controlB1"></div>
|
|
</div>
|
|
<div class="rectBox hideRect" id="rectBox2">
|
|
<div class="hideMessage">BOX2</div>
|
|
<div class="control controlA" id="controlA2"></div>
|
|
<div class="control controlB" id="controlB2"></div>
|
|
</div>
|
|
</div>
|
|
<div class="hideInPrint" style="margin-left:50px; font-size:0.8em;">
|
|
<form>
|
|
<div>※BOX右上の赤四角で角度調整。右下の黄四角でサイズ調整。BOXそのものをダブルクリックでリセット</div>
|
|
<div>※BOXの位置や大きさは保存されないので、調整をしたら下記よりPDF保存推奨</div>
|
|
<div>※「CTRL+0」キーを押してブラウザの拡大率を100%にしてから印刷してください</div>
|
|
<input type="button" value="このページを印刷する" onclick="window.print();" />
|
|
</form>
|
|
<br>
|
|
</div>
|
|
</section>
|
|
</body>
|
|
<script src="/pleasanter/myScripts/rectMove2.js"></script>
|
|
|
|
</html> |