assetinfo.vue 664 B

12345678910111213141516171819202122232425
  1. <template>
  2. <div>
  3. <h4 class="text-center">{{ this.data.pcmanu }} {{ this.data.pcmake }} - <small class="text-muted">{{this.data.pcnickname}}</small></h4>
  4. <p>S/N: {{ this.data.pcserial }}</p>
  5. <p>CPU: {{ this.data.pcproc}}</p>
  6. <p>RAM: {{ this.data.pcram }}</p>
  7. <p>OS: {{this.data.pcos}}</p>
  8. </div>
  9. </template>
  10. <script>
  11. export default {
  12. props: ['asset'],
  13. data() {
  14. return {
  15. data: JSON.parse(this.asset)
  16. }
  17. },
  18. mounted() {
  19. Echo.channel('assets')
  20. .listen('AssetUpdated', (e) => {
  21. this.data = JSON.parse(e.data);
  22. });
  23. }
  24. }
  25. </script>