subscription.vue 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
  1. <!-- Page 'Mon abonnement' -->
  2. <template>
  3. <v-row justify="center" align="center">
  4. <v-col cols="12" sm="12" md="12">
  5. <h3>Mon abonnement</h3>
  6. <v-expansion-panels :value="panel" focusable accordion>
  7. <UiExpansionPanel id="informations" icon="fa-info">
  8. <v-container fluid class="container">
  9. <v-row>
  10. <span>A</span>
  11. </v-row>
  12. </v-container>
  13. </UiExpansionPanel>
  14. <UiExpansionPanel id="factures" icon="fa-euro">
  15. <v-container fluid class="container">
  16. <v-row>
  17. <span>B</span>
  18. </v-row>
  19. </v-container>
  20. </UiExpansionPanel>
  21. <UiExpansionPanel id="more" icon="fa-plus">
  22. <v-container fluid class="container">
  23. <v-row>
  24. <v-simple-table>
  25. <template #default>
  26. <tbody>
  27. <tr>
  28. <td>Opentalent Artist</td>
  29. <td>Opentalent School</td>
  30. <td>Sms</td>
  31. <td>Site internet</td>
  32. </tr>
  33. <tr>
  34. <td>
  35. Bénéficiez de plus de fonctionnalités avec la version
  36. Opentalent artist premium
  37. </td>
  38. <td>
  39. Une solution économique adaptée à votre Établissement d'enseignements
  40. artistiques
  41. </td>
  42. <td>
  43. Envoyez des SMS directement depuis votre logiciel à vos membres / élèves
  44. </td>
  45. <td>
  46. Bénéficiez de votre propre nom de domaine et 5 adresses email
  47. </td>
  48. </tr>
  49. <tr>
  50. <td>
  51. pour seulement 6,33 €.TTC par mois*
  52. *payable annuellement soit 76 €.TTC/an
  53. offre réservée aux adhérents CMF (prix public 168€.TTC/an).
  54. </td>
  55. <td>
  56. à partir de 16.45€.TTC/mois*
  57. *payable annuellement soit 198 €.TTC/an
  58. Version opentalent school standard jusqu'à 69 élèves.
  59. Hors frais de licence d'utilisation et de formation.
  60. offre réservée aux adhérents CMF (prix public 358.80€.TTC/an).
  61. </td>
  62. <td>
  63. à partir de 0.10 €.TTC/sms*
  64. *pour 5000 SMS
  65. </td>
  66. <td>
  67. Pour seulement 34.80 €.TTC/mois*
  68. Ex : NomDeMaStructure.fr contact@NomDeMaStructure.fr
  69. </td>
  70. </tr>
  71. <tr>
  72. <td>
  73. Fiche produit opentalent artist Premium
  74. </td>
  75. <td>
  76. Fiche produit opentalent School
  77. </td>
  78. <td />
  79. <td />
  80. </tr>
  81. <tr>
  82. <td>
  83. Télécharger le bon de commande CMF
  84. </td>
  85. <td>
  86. Essayez notre logiciel en toute liberté ! Contactez-nous sans plus tarder pour obtenir
  87. une présentation ainsi qu'un accès de démonstration !
  88. Contacter-nous au 0 972 126 017 ou par mail contact@opentalent.fr
  89. </td>
  90. <td>
  91. <a href="https://www.opentalent.fr/uploads/opentalent/Bon_commande_SMS_ouverture-CMF.pdf">
  92. Télécharger le bon de commande CMF
  93. </a>
  94. </td>
  95. <td />
  96. </tr>
  97. </tbody>
  98. </template>
  99. </v-simple-table>
  100. </v-row>
  101. </v-container>
  102. </UiExpansionPanel>
  103. </v-expansion-panels>
  104. </v-col>
  105. </v-row>
  106. </template>
  107. <script lang="ts">
  108. import { computed, ComputedRef, defineComponent, ref, Ref, useContext } from '@nuxtjs/composition-api'
  109. import { Item, Query } from '@vuex-orm/core'
  110. import { repositoryHelper } from '~/services/store/repository'
  111. import { Organization } from '~/models/Organization/Organization'
  112. import { queryHelper } from '~/services/store/query'
  113. export default defineComponent({
  114. name: 'Subscription',
  115. setup () {
  116. // console.log(store.state.profile)
  117. //
  118. // const repository = repositoryHelper.getRepository(Organization)
  119. // const query: ComputedRef<Query> = computed(() => repository.query())
  120. // const entry: ComputedRef<Item> = computed(() => {
  121. // return queryHelper.getItem(query.value, store.state.profile.organization.id)
  122. // })
  123. //
  124. // console.log(store.state.profile.product)
  125. return {
  126. // entry
  127. }
  128. }
  129. })
  130. </script>