drl_2/xuexiao/templates/transfer_form.html

{% extends "base.html" %}
{% block title %}申请转课 - 学生课程管理系统{% endblock %}
{% block content %}
<div class="d-flex justify-content-between align-items-center mb-3">
    <h4><i class="bi bi-arrow-left-right"></i> 申请转课/转赠</h4>
    <a href="{{ url_for('transfer_list') }}" class="btn btn-outline-secondary"><i class="bi bi-arrow-left"></i> 返回</a>
</div>
<div class="card shadow-sm">
    <div class="card-body">
        <form method="POST">
            <div class="row g-3">
                <div class="col-md-6">
                    <label class="form-label">转出学员 <span class="text-danger">*</span></label>
                    <select class="form-select" name="from_student_id" id="from_student_id" required>
                        <option value="">请选择学员</option>
                        {% for s in students %}
                        <option value="{{ s.id }}">{{ s.name }}</option>
                        {% endfor %}
                    </select>
                </div>
                <div class="col-md-6">
                    <label class="form-label">转出课程 <span class="text-danger">*</span></label>
                    <select class="form-select" name="from_course_id" id="from_course_id" required>
                        <option value="">请选择课程</option>
                        {% for c in courses %}
                        <option value="{{ c.id }}">{{ c.name }}(&yen;{{ c.price_per_hour }}/课时)</option>
                        {% endfor %}
                    </select>
                </div>
                <div class="col-md-4">
                    <label class="form-label">操作类型 <span class="text-danger">*</span></label>
                    <select class="form-select" name="transfer_type" id="transfer_type">
                        <option value="transfer">转课(换课程，仅正课)</option>
                        <option value="upgrade">升阶(100%正课结转)</option>
                        <option value="gift">转赠(给其他学员，仅正课)</option>
                    </select>
                </div>
                <div class="col-md-4" id="toCourseGroup">
                    <label class="form-label">转入课程</label>
                    <select class="form-select" name="to_course_id" id="to_course_id">
                        <option value="">请选择转入课程</option>
                        {% for c in courses %}
                        <option value="{{ c.id }}" data-price="{{ c.price_per_hour }}">{{ c.name }}(&yen;{{ c.price_per_hour }}/课时)</option>
                        {% endfor %}
                    </select>
                </div>
                <div class="col-md-4" id="toStudentGroup" style="display:none;">
                    <label class="form-label">转入学员</label>
                    <select class="form-select" name="to_student_id">
                        <option value="">请选择转入学员</option>
                        {% for s in students %}
                        <option value="{{ s.id }}">{{ s.name }}</option>
                        {% endfor %}
                    </select>
                </div>
                <div class="col-md-4">
                    <label class="form-label">转出课时数 <span class="text-danger">*</span></label>
                    <input type="number" step="1" class="form-control" name="transfer_hours" id="transfer_hours" required min="1">
                </div>
                <div class="col-md-8">
                    <label class="form-label">备注</label>
                    <input type="text" class="form-control" name="remark" placeholder="可选">
                </div>
            </div>
            <div class="mt-3" id="transferCalc"></div>
            <div class="mt-3">
                <button type="submit" class="btn btn-primary" onclick="return confirm('确认转课/转赠操作？')"><i class="bi bi-check-lg"></i> 确认</button>
                <a href="{{ url_for('transfer_list') }}" class="btn btn-outline-secondary">取消</a>
            </div>
        </form>
    </div>
</div>
{% endblock %}

{% block extra_js %}
<script>
document.getElementById('transfer_type').addEventListener('change', function() {
    var type = this.value;
    document.getElementById('toCourseGroup').style.display = (type === 'transfer' || type === 'upgrade') ? '' : 'none';
    document.getElementById('toStudentGroup').style.display = type === 'gift' ? '' : 'none';
});

document.getElementById('from_student_id').addEventListener('change', loadFromAccount);
document.getElementById('from_course_id').addEventListener('change', loadFromAccount);

function loadFromAccount() {
    var sid = document.getElementById('from_student_id').value;
    var cid = document.getElementById('from_course_id').value;
    if (!sid || !cid) return;
    fetch('/api/student_account/' + sid + '/' + cid)
        .then(r => r.json())
        .then(data => {
            if (data.success) {
                var d = data.data;
                document.getElementById('transferCalc').innerHTML =
                    '<div class="alert alert-light"><strong>当前余额：</strong>正课 ' + d.normal_hours + ' 课时，赠课 ' + d.gifted_hours + ' 课时，合计 ' + d.total_hours + ' 课时</div>';
            }
        });
}
</script>
{% endblock %}