<template>
  <div class="device-bind-content">
    <p class="item-value">
      请通过手机大疆行业 APP 或遥控器 DJI Pilot 2 的机场部署流程-云服务配置，以组织ID和设备绑定码来绑定机场
    </p>
    <div class="show-item">
      <div class="item-label">组织名称</div>
      <div class="item-value">{{data?.orgName}}</div>
    </div>
    <div class="show-item">
      <div class="item-label">组织 ID</div>
      <div class="item-value">{{data.orgId}}</div>
    </div>
    <div class="show-item">
      <div class="item-label">设备绑定码</div>
      <div class="item-value">{{data.gatewaySn}}</div>
    </div>
  </div>
</template>

<script setup lang="ts">
import { onMounted, ref } from "vue"
import { GetGateway } from '@/api/demo/device'
const data = ref({})
onMounted(() => {
  GetGateway().then(res => {
    console.log('GetGateway',res)
    data.value = res
  })
})
</script>

<style lang="scss" scoped>
.device-bind-content{
  padding: 20px;
  .item-value{
    opacity: 0.7;
  }
  .show-item{
    display: flex;
    margin-bottom: 15px;
    .item-label{
      width: 150px; 
      text-align: left;
    }
  }
}
</style>
