查验
This commit is contained in:
@@ -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>
|
||||
Reference in New Issue
Block a user