assetinfo.vue 815 B

12345678910111213141516171819202122232425262728
  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>OS: {{this.pcextra[2]}}</p>
  5. <p>S/N: {{ this.pcextra[104] }}</p>
  6. <p>CPU: {{ this.pcextra[101]}}</p>
  7. <p>RAM: {{ this.pcextra[100] }}</p>
  8. <p>Graphics: {{this.pcextra[4]}}</p>
  9. </div>
  10. </template>
  11. <script>
  12. export default {
  13. props: ['asset', 'pcextraStart'],
  14. data() {
  15. return {
  16. data: JSON.parse(this.asset),
  17. pcextra: JSON.parse(this.pcextraStart)
  18. }
  19. },
  20. mounted() {
  21. console.log(this.pcextra);
  22. Echo.channel('assets')
  23. .listen('AssetUpdated', (e) => {
  24. this.data = JSON.parse(e.data);
  25. });
  26. }
  27. }
  28. </script>