SupplierDetails.vue 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. <template lang="pug">
  2. .supplier-details
  3. form.supplier-form
  4. .form-separator
  5. h3 Detalles Generales
  6. hr
  7. .form-item
  8. label.form-label Nombre
  9. input.form-input(:value="supplierSelected.name || ''" readonly)
  10. .form-item
  11. label.form-label Celular
  12. input.form-input(:value="supplierSelected.mobile || ''" readonly)
  13. .form-item
  14. label.form-label Teléfono
  15. input.form-input(:value="supplierSelected.phone || ''" readonly)
  16. .form-item
  17. label.form-label Email
  18. input.form-input(:value="supplierSelected.email || ''" readonly)
  19. </template>
  20. <script>
  21. import { mapGetters } from 'vuex'
  22. export default {
  23. computed: mapGetters([
  24. 'supplierSelected'
  25. ])
  26. }
  27. </script>
  28. <style lang="sass">
  29. .supplier-details
  30. width: 100%
  31. height: 100%
  32. .supplier-form
  33. width: 100%
  34. height: 100%
  35. .form-separator
  36. h3
  37. color: #9e9e9e
  38. font-size: 8pt
  39. hr
  40. margin-top: 5px
  41. .form-item
  42. width: 100%
  43. height: 35px
  44. margin-bottom: 5px
  45. .form-label
  46. width: 65px
  47. height: 35px
  48. .form-input
  49. width: 210px
  50. height: 35px
  51. border-radius: 0
  52. </style>