status.vue 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <template>
  2. <div class='deviceStatus' v-if="info">
  3. <div class='c-t-center ptb30 c-f20 c-333 c-border-b bgc-fff'>
  4. <span>当前设备状态:</span><span class='c-17b3ec'>{{info.networkStatus==1? '在线' : '离线'}}</span>
  5. </div>
  6. <div class='mt30 plr15'>
  7. <van-button style='width:100%' class='c-border-r-5' type="info" @click="findById">刷新设备状态</van-button>
  8. </div>
  9. </div>
  10. </template>
  11. <script>
  12. import medicineAbinetApi from '@/api/api-medicineAbinet'
  13. export default{
  14. name: 'deviceStatus',
  15. data(){
  16. return {
  17. id: this.$route.query.id,
  18. info: ''
  19. }
  20. },
  21. created(){
  22. this.findById()
  23. },
  24. methods:{
  25. findById(){
  26. this.$loading('加载中..')
  27. let p = {
  28. deviceId: this.id
  29. }
  30. medicineAbinetApi
  31. .findDeviceById(p)
  32. .then(res=>{
  33. this.$toast.clear()
  34. this.info = res.obj.device
  35. })
  36. .catch(err=>{
  37. console.error(err)
  38. })
  39. }
  40. },
  41. }
  42. </script>
  43. <style scoped lang='scss'>
  44. .deviceStatus{
  45. }
  46. </style>