<form @submit.prevent="guardarObservacionCulminado" id="nueva_ubicacion_parte">
    <div class="modal fade" tabindex="-1" role="dialog" aria-hidden="true" id="modal_nueva_ubicacion_parte">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header mh">
                    <h4 class="modal-title">Finalizar Órden de Servicios</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <label class="form-label d-block" style="margin-bottom: .5rem; font-weight: 600; margin-left: 10px;">Registrar Medidas</label>
                    <div class="row col-lg-12" style="margin: 0 auto;">
                        <div class="col-4" style="border: 1px solid #ebedf2;">
                            <div class="form-group">
                                <label class="form-label d-block">Medida: Bloque</label>
                                <div class="selectgroup selectgroup-pills" style="display: flex; justify-content: center;">
                                    <label class="selectgroup-item">
                                        <input type="radio" class="selectgroup-input" value="1" v-model="medida1">
                                        <span class="selectgroup-button" style="padding: 0.1rem 0.6rem;">Estándar</span>
                                    </label>
                                    <label class="selectgroup-item">
                                        <input type="radio" class="selectgroup-input" value="10" v-model="medida1">
                                        <span class="selectgroup-button" style="padding: 0.1rem 0.6rem;">10</span>
                                    </label>
                                    <label class="selectgroup-item">
                                        <input type="radio" class="selectgroup-input" value="20" v-model="medida1">
                                        <span class="selectgroup-button" style="padding: 0.1rem 0.6rem;">20</span>
                                    </label>
                                    <label class="selectgroup-item">
                                        <input type="radio" class="selectgroup-input" value="30" v-model="medida1">
                                        <span class="selectgroup-button" style="padding: 0.1rem 0.6rem;">30</span>
                                    </label>
                                    <label class="selectgroup-item">
                                        <input type="radio" class="selectgroup-input" value="40" v-model="medida1">
                                        <span class="selectgroup-button" style="padding: 0.1rem 0.6rem;">40</span>
                                    </label>
                                    <label class="selectgroup-item">
                                        <input type="radio" class="selectgroup-input" value="50" v-model="medida1">
                                        <span class="selectgroup-button" style="padding: 0.1rem 0.6rem;">50</span>
                                    </label>
                                    <label class="selectgroup-item">
                                        <input type="radio" class="selectgroup-input" value="60" v-model="medida1">
                                        <span class="selectgroup-button" style="padding: 0.1rem 0.6rem;">60</span>
                                    </label>
                                </div>
                            </div>
                        </div>
                        <div class="col-4" style="border: 1px solid #ebedf2;">
                            <div class="form-group">
                                <label class="form-label d-block">Medida: Cigüeñal (Bancada)</label>
                                <div class="selectgroup selectgroup-pills" style="display: flex; justify-content: center;">
                                    <label class="selectgroup-item">
                                        <input type="radio" class="selectgroup-input" value="1" v-model="medida2">
                                        <span class="selectgroup-button" style="padding: 0.1rem 0.6rem;">Estándar</span>
                                    </label>
                                    <label class="selectgroup-item">
                                        <input type="radio" class="selectgroup-input" value="10" v-model="medida2">
                                        <span class="selectgroup-button" style="padding: 0.1rem 0.6rem;">10</span>
                                    </label>
                                    <label class="selectgroup-item">
                                        <input type="radio" class="selectgroup-input" value="20" v-model="medida2">
                                        <span class="selectgroup-button" style="padding: 0.1rem 0.6rem;">20</span>
                                    </label>
                                    <label class="selectgroup-item">
                                        <input type="radio" class="selectgroup-input" value="30" v-model="medida2">
                                        <span class="selectgroup-button" style="padding: 0.1rem 0.6rem;">30</span>
                                    </label>
                                    <label class="selectgroup-item">
                                        <input type="radio" class="selectgroup-input" value="40" v-model="medida2">
                                        <span class="selectgroup-button" style="padding: 0.1rem 0.6rem;">40</span>
                                    </label>
                                    <label class="selectgroup-item">
                                        <input type="radio" class="selectgroup-input" value="50" v-model="medida2">
                                        <span class="selectgroup-button" style="padding: 0.1rem 0.6rem;">50</span>
                                    </label>
                                    <label class="selectgroup-item">
                                        <input type="radio" class="selectgroup-input" value="60" v-model="medida2">
                                        <span class="selectgroup-button" style="padding: 0.1rem 0.6rem;">60</span>
                                    </label>
                                </div>
                            </div>
                        </div>
                        <div class="col-4" style="border: 1px solid #ebedf2;">
                            <div class="form-group">
                                <label class="form-label d-block">Medida: Cigüeñal (Bielas)</label>
                                <div class="selectgroup selectgroup-pills" style="display: flex; justify-content: center;">
                                    <label class="selectgroup-item">
                                        <input type="radio" class="selectgroup-input" value="1" v-model="medida3">
                                        <span class="selectgroup-button" style="padding: 0.1rem 0.6rem;">Estándar</span>
                                    </label>
                                    <label class="selectgroup-item">
                                        <input type="radio" class="selectgroup-input" value="10" v-model="medida3">
                                        <span class="selectgroup-button" style="padding: 0.1rem 0.6rem;">10</span>
                                    </label>
                                    <label class="selectgroup-item">
                                        <input type="radio" class="selectgroup-input" value="20" v-model="medida3">
                                        <span class="selectgroup-button" style="padding: 0.1rem 0.6rem;">20</span>
                                    </label>
                                    <label class="selectgroup-item">
                                        <input type="radio" class="selectgroup-input" value="30" v-model="medida3">
                                        <span class="selectgroup-button" style="padding: 0.1rem 0.6rem;">30</span>
                                    </label>
                                    <label class="selectgroup-item">
                                        <input type="radio" class="selectgroup-input" value="40" v-model="medida3">
                                        <span class="selectgroup-button" style="padding: 0.1rem 0.6rem;">40</span>
                                    </label>
                                    <label class="selectgroup-item">
                                        <input type="radio" class="selectgroup-input" value="50" v-model="medida3">
                                        <span class="selectgroup-button" style="padding: 0.1rem 0.6rem;">50</span>
                                    </label>
                                    <label class="selectgroup-item">
                                        <input type="radio" class="selectgroup-input" value="60" v-model="medida3">
                                        <span class="selectgroup-button" style="padding: 0.1rem 0.6rem;">60</span>
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="nuevaUbicacionPartes">Ubicación / Observaciones</label>
                        <textarea class="form-control" name="nuevaUbicacionPartes" id="nuevaUbicacionPartes" cols="30" rows="3"></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Cerrar</button>
                    <button type="submit" class="btn btn-sm btn-primary">Guardar cambios</button>
                </div>
            </div>
        </div>
    </div>
</form>