{% extends "base.html" %}
{% block title %}车检器测试基准参数管理 - EDC 工装管理系统{% endblock %}

{% block content %}
<div class="test-header">
    <a href="/">← 返回设备列表</a>
    <h2>车检器测试基准参数管理</h2>
</div>

<div class="fixture-card">
    <div class="vbt-header">
        <div style="display:flex; gap:8px; align-items:center;">
            <input type="text" id="search-input" placeholder="搜索型号/编码..."
                   style="padding:6px 10px; border:1px solid #ddd; border-radius:4px; font-size:13px; width:200px;"
                   oninput="loadList()">
        </div>
        <button class="btn-add" onclick="openModal()">+ 新增</button>
    </div>

    <table id="vbt-table">
        <thead>
            <tr>
                <th>类型编码</th>
                <th>型号/名称</th>
                <th>触发和释放距离范围(mm)</th>
                <th>频率范围 (Hz)</th>
                <th>峰峰值范围(V)</th>
                <th>备注</th>
                <th>操作</th>
            </tr>
        </thead>
        <tbody></tbody>
    </table>
</div>

<!-- 编辑弹窗 -->
<div id="edit-modal" class="modal-overlay" style="display:none;" onclick="if(event.target===this)closeModal()">
    <div class="modal-box">
        <h3 id="modal-title">新增车检器测试基准</h3>
        <div class="modal-form">
            <div class="form-group">
                <label>类型编码 *</label>
                <input type="number" id="edit-type-num" min="0" max="255">
            </div>
            <div class="form-group">
                <label>型号/名称 *</label>
                <input type="text" id="edit-dev-name">
            </div>
            <div class="form-group">
                <label>触发距离最小值(mm)</label>
                <input type="number" id="edit-sens-min" value="0">
            </div>
            <div class="form-group">
                <label>释放距离最大值(mm)</label>
                <input type="number" id="edit-sens-max" value="0">
            </div>
            <div class="form-group">
                <label>频率最小值 (Hz)</label>
                <input type="number" id="edit-fre-min" value="0">
            </div>
            <div class="form-group">
                <label>频率最大值 (Hz)</label>
                <input type="number" id="edit-fre-max" value="0">
            </div>
            <div class="form-group">
                <label>峰峰值最小值(V)</label>
                <input type="number" id="edit-peak-min" value="0">
            </div>
            <div class="form-group">
                <label>峰峰值最大值(V)</label>
                <input type="number" id="edit-peak-max" value="0">
            </div>
            <div class="form-group full">
                <label>备注</label>
                <textarea id="edit-remark" rows="2" style="resize:vertical;"></textarea>
            </div>
        </div>
        <div class="modal-actions">
            <button class="btn-cancel" onclick="closeModal()">取消</button>
            <button class="btn-save" onclick="saveRecord()">保存</button>
        </div>
    </div>
</div>

<div id="toast" class="msg-toast"></div>
{% endblock %}

{% block scripts %}
<script src="{{ url_for('static', filename='js/vehicle_base_test.js') }}"></script>
{% endblock %}