This commit is contained in:
ywb
2026-06-16 14:17:05 +08:00
parent 62292edc70
commit 916b44bc3c
10 changed files with 725 additions and 133 deletions
+27 -3
View File
@@ -4,7 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>运行监控 - AGV 拍摄系统</title>
<link rel="stylesheet" href="/static/css/style.css?v=20260529a">
<link rel="stylesheet" href="/static/css/style.css?v=20260616a">
</head>
<body>
<div id="app">
@@ -48,6 +48,30 @@
</div>
</section>
<!-- 查验进度 -->
<section class="card" v-if="inspection">
<h2>🔍 查验进度 — {% raw %}{{ inspection.customsName }}{% endraw %}</h2>
<p class="hint" style="margin-bottom:12px">
总进度: {% raw %}{{ inspectionTotal }}{% endraw %} / {% raw %}{{ inspectionTarget }}{% endraw %} 台
<span v-if="inspectionTotal >= inspectionTarget && inspectionTarget > 0" style="color:#4caf50;font-weight:bold"> ✅ 已完成</span>
</p>
<div class="inspection-grid">
<div v-for="(item, ii) in inspection.items" :key="ii" class="inspection-item" :class="{ 'insp-done': item.inspected >= item.quantify, 'insp-active': item.inspected > 0 && item.inspected < item.quantify }">
<div class="insp-name">{% raw %}{{ item.inventoryName }}{% endraw %}</div>
<div class="insp-code">{% raw %}{{ item.inventoryCode }}{% endraw %}</div>
<div class="insp-spec">{% raw %}{{ item.spec }}{% endraw %}</div>
<div class="insp-count">
<span class="insp-num">{% raw %}{{ item.inspected }}{% endraw %}</span>
<span class="insp-sep">/</span>
<span class="insp-total">{% raw %}{{ item.quantify }}{% endraw %}</span>
</div>
<div class="insp-bar">
<div class="insp-fill" :style="{width: (item.quantify > 0 ? (item.inspected / item.quantify * 100) : 0) + '%'}"></div>
</div>
</div>
</div>
</section>
<!-- 任务步骤控制开关 -->
<section class="card">
<h2>🎛️ 任务步骤控制</h2>
@@ -202,7 +226,7 @@
<div class="modal-overlay" v-if="showQrModal">
<div class="modal">
<h3>⌨️ 手动输入二维码</h3>
<p>所有姿态均未识别到二维码,请手动输入:</p>
<p>{% raw %}{{ qrMessage }}{% endraw %}</p>
<input type="text" v-model="qrValue" placeholder="输入二维码内容" autofocus @keyup.enter="submitQr">
<div class="modal-actions">
<button class="btn btn-success" @click="rescanQr" style="margin-right:auto">🔄 重新扫描</button>
@@ -241,6 +265,6 @@
</div>
<script src="/static/js/vue3.global.prod.js"></script>
<script src="/static/js/running.js?v=20260605b"></script>
<script src="/static/js/running.js?v=20260616c"></script>
</body>
</html>