XH_Digital_Management/templates/form_partial.html

{% load tags %}
<form id="addEditForm" method="post">
    {% csrf_token %}
    {% if form.instance.pk %}
        <input type="hidden" name="id" value="{{ form.instance.pk }}">
    {% endif %}
    <div class="card-body">
        <div class="row">
            <div class="col-md-6">
                {% for field in form %}
                    {% if forloop.counter0|divisibleby:2 %}
                        <div class="mb-3">
                            <label class="form-label" for="{{ field.id_for_label }}">{{ field.label }}</label>
                            {% if field.field.widget.input_type == "text" %}
                                <input type="text" class="form-control" id="{{ field.id_for_label }}" name="{{ field.name }}" value="{{ field.value|default_if_none:'' }}" placeholder="{{ field.label }}">
                            {% elif field.field.widget.input_type == "number" %}
                                <input type="number" class="form-control" id="{{ field.id_for_label }}" name="{{ field.name }}" value="{{ field.value|default_if_none:'' }}" placeholder="{{ field.label }}">
                            {% elif field.field.widget.input_type == "select" %}
                                <select class="form-control" id="{{ field.id_for_label }}" name="{{ field.name }}">
                                    {% for choice in field.field.choices %}
                                        <option value="{{ choice.0 }}" {% if choice.0 == field.value %}selected{% endif %}>{{ choice.1 }}</option>
                                    {% endfor %}
                                </select>
                            {% elif field|is_input_type:"textarea" %}
                                <textarea class="form-control" id="{{ field.id_for_label }}" name="{{ field.name }}" rows="3">{{ field.value|default_if_none:'' }}</textarea>
                            {% elif field.field.widget.input_type == "date" %}
                                <input type="date" class="form-control" id="{{ field.id_for_label }}" name="{{ field.name }}" value="{{ field.value|date:"Y-m-d" }}">
                            {% elif field.field.widget.input_type == "datetime-local" %}
                                <input type="datetime-local" class="form-control" id="{{ field.id_for_label }}" name="{{ field.name }}" value="{{ field.value|date:"Y-m-d\TH:i" }}">
                            {% elif field.field.widget.input_type == "email" %}
                                <input type="email" class="form-control" id="{{ field.id_for_label }}" name="{{ field.name }}" value="{{ field.value|default_if_none:'' }}" placeholder="{{ field.label }}">
                            {% elif field.field.widget.input_type == "password" %}
                                <input type="password" class="form-control" id="{{ field.id_for_label }}" name="{{ field.name }}" placeholder="{{ field.label }}">
                            {% elif field.field.widget.input_type == "checkbox" %}
                                <div class="form-check">
                                    <input type="checkbox" class="form-check-input" id="{{ field.id_for_label }}" name="{{ field.name }}" {% if field.value %}checked{% endif %}>
                                    <label class="form-check-label" for="{{ field.id_for_label }}">{{ field.label }}</label>
                                </div>
                            {% else %}
                                {{ field }}
                            {% endif %}
                            {% if field.help_text %}
                                <small class="form-text text-muted">{{ field.help_text }}</small>
                            {% endif %}
                            {% for error in field.errors %}
                                <div class="text-danger">{{ error }}</div>
                            {% endfor %}
                        </div>
                    {% endif %}
                {% endfor %}
            </div>
            <div class="col-md-6">
                {% for field in form %}
                    {% if not forloop.counter0|divisibleby:2 %}
                        <div class="mb-3">
                            <label class="form-label" for="{{ field.id_for_label }}">{{ field.label }}</label>
                            {% if field.field.widget.input_type == "text" %}
                                <input type="text" class="form-control" id="{{ field.id_for_label }}" name="{{ field.name }}" value="{{ field.value|default_if_none:'' }}" placeholder="{{ field.label }}">
                            {% elif field.field.widget.input_type == "number" %}
                                <input type="number" class="form-control" id="{{ field.id_for_label }}" name="{{ field.name }}" value="{{ field.value|default_if_none:'' }}" placeholder="{{ field.label }}">
                            {% elif field.field.widget.input_type == "select" %}
                                <select class="form-control" id="{{ field.id_for_label }}" name="{{ field.name }}">
                                    {% for choice in field.field.choices %}
                                        <option value="{{ choice.0 }}" {% if choice.0 == field.value %}selected{% endif %}>{{ choice.1 }}</option>
                                    {% endfor %}
                                </select>
                            {% elif field|is_input_type:"textarea" %}
                                <textarea class="form-control" id="{{ field.id_for_label }}" name="{{ field.name }}" rows="3">{{ field.value|default_if_none:'' }}</textarea>
                            {% elif field.field.widget.input_type == "date" %}
                                <input type="date" class="form-control" id="{{ field.id_for_label }}" name="{{ field.name }}" value="{{ field.value|date:"Y-m-d" }}">
                            {% elif field.field.widget.input_type == "datetime-local" %}
                                <input type="datetime-local" class="form-control" id="{{ field.id_for_label }}" name="{{ field.name }}" value="{{ field.value|date:"Y-m-d\TH:i" }}">
                            {% elif field.field.widget.input_type == "month" %}
                                <input type="date" class="form-control" id="{{ field.id_for_label }}" name="{{ field.name }}" value="{{ field.value|date:"Y-m-d" }}">
                            {% elif field.field.widget.input_type == "email" %}
                                <input type="email" class="form-control" id="{{ field.id_for_label }}" name="{{ field.name }}" value="{{ field.value|default_if_none:'' }}" placeholder="{{ field.label }}">
                            {% elif field.field.widget.input_type == "password" %}
                                <input type="password" class="form-control" id="{{ field.id_for_label }}" name="{{ field.name }}" placeholder="{{ field.label }}">
                            {% elif field.field.widget.input_type == "checkbox" %}
                                <div class="form-check">
                                    <input type="checkbox" class="form-check-input" id="{{ field.id_for_label }}" name="{{ field.name }}" {% if field.value %}checked{% endif %}>
                                    <label class="form-check-label" for="{{ field.id_for_label }}">{{ field.label }}</label>
                                </div>
                            {% else %}
                                {{ field }}
                            {% endif %}
                            {% if field.help_text %}
                                <small class="form-text text-muted">{{ field.help_text }}</small>
                            {% endif %}
                            {% for error in field.errors %}
                                <div class="text-danger">{{ error }}</div>
                            {% endfor %}
                        </div>
                    {% endif %}
                {% endfor %}
            </div>
        </div>
    </div>
    <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
        <button type="submit" class="btn btn-primary" id="submitForm">保存</button>
    </div>
</form>

<script type="text/javascript">
    $(document).ready(function () {
        function updateSecondaryDepartments(primaryDepartment, selectedSecondaryDepartment = null) {
            var url = "{% url 'load_secondary_departments' %}";
            $.ajax({
                url: url,
                data: {
                    'primary_department': primaryDepartment
                },
                success: function (html) {
                        $('#id_secondary_department').html(html);
                    if (selectedSecondaryDepartment) {
                        $('#id_secondary_department').val(selectedSecondaryDepartment);
                    }
                }
            });
        }

        $('#id_primary_department').change(function () {
            var primaryDepartment = $(this).val();
            if (primaryDepartment) {
                updateSecondaryDepartments(primaryDepartment);
            } else {
                $('#id_secondary_department').html('<option value="">---------</option>');
            }
        });

        // 如果在页面加载时已选择一级部门，则加载相应的二级部门
        var initialPrimaryDepartment = $('#id_primary_department').val();
        var initialSecondaryDepartment = $('#id_secondary_department').val();
        if (initialPrimaryDepartment) {
            updateSecondaryDepartments(initialPrimaryDepartment, initialSecondaryDepartment);
        }

        // 动态生成id_seal_type的select选项
        var sealTypeOptions = [
            { value: '公章', text: '公章' },
            { value: '法人章', text: '法人章' },
            { value: '合同章', text: '合同章' },
            { value: '财务章', text: '财务章' },
            { value: '其他', text: '其他' }
        ];

        var $sealTypeSelect = $('<select>', {
            class: 'form-control',
            id: 'id_seal_type',
            name: 'seal_type'
        });

        $.each(sealTypeOptions, function (index, option) {
            $sealTypeSelect.append($('<option>', {
                value: option.value,
                text: option.text
            }));
        });

        // 替换现有的#id_seal_type元素
        $('#id_seal_type').replaceWith($sealTypeSelect);

        // 如果需要在选择时执行某些操作，可以添加监听器
        $('#id_seal_type').change(function() {
            var selectedSealType = $(this).val();
            console.log('选择的用印类型是：' + selectedSealType);
            // 在这里添加其他需要的处理逻辑
        });

    });
</script>