<template>
  <div class="demo-collapse">
    <el-collapse>
      <el-collapse-item title="HY_ACU7M5_Antenna_PROTOCOL" name="1">
        <div style="margin: auto; width: 90%">
          <collapse-table class="mt-4"></collapse-table>
        </div>
      </el-collapse-item>
      <el-collapse-item title=" HY_HWF0355-0357FC_PROTOCOL" name="2">
        <div style="margin: auto; width: 90%">
          <collapse-table class="mt-4"></collapse-table>
        </div>
      </el-collapse-item>
      <el-collapse-item title="HY_DualChannelLBandOpticalTransceiver_PROTOCOL" name="3">
        <div style="margin: auto; width: 90%">
          <collapse-table class="mt-4"></collapse-table>
        </div>
      </el-collapse-item>
    </el-collapse>
  </div>
</template>

<script  setup>
import {ref, onMounted } from 'vue'
import CollapseTable from "./collapse-table.vue";
import {DeviceProtocol} from "../dao/device";

async function getDeviceProtocol(){
  let data = await DeviceProtocol()
  console.log(data)
}

onMounted(() => {
  getDeviceProtocol()
})
</script>

<style>
.el-collapse-item__header {
  padding-left: 40px; /* 调整合适的左边距值 */
}
</style>
