site_logiciels/components/Form/ApplicationForm.vue

<template>
  <v-dialog v-model="dialog" persistent max-width="600">
    <v-card>
      <v-card-title>
        Formulaire de Candidature
      </v-card-title>
      <v-card-text>
        <!-- Ajoutez ici les champs du formulaire -->
        <v-form @submit="submitApplication">
          <v-text-field v-model="nom" label="Nom"></v-text-field>
          <v-text-field v-model="prenom" label="Prénom"></v-text-field>
          <v-text-field v-model="email" label="Email"></v-text-field>
          <v-text-field v-model="telephone" label="Téléphone"></v-text-field>
          <input type="file" @change="handleFileUpload" />
          <v-textarea v-model="message" label="Message"></v-textarea>
        </v-form>
      </v-card-text>
      <v-card-actions>
        <v-btn @click="dialog = false">Annuler</v-btn>
        <v-btn @click="submitApplication" color="primary">Envoyer</v-btn>
      </v-card-actions>
    </v-card>
  </v-dialog>
</template>

<script>
export default {
  data() {
    return {
      dialog: false,
      nom: "",
      prenom: "",
      email: "",
      telephone: "",
      cv: null,
      lettreMotivation: null,
      message: ""
    };
  },
  methods: {
    openApplicationForm() {
      this.dialog = true;
    },
    handleFileUpload(event) {
      const file = event.target.files[0];
      if (file) {
        // Gérer le fichier ici, par exemple
      }
    },
    submitApplication() {
      // Gérer l'envoi du formulaire ici
      this.dialog = false;
    }
  }
};
</script>