<template>
  <!-- 设置站点选择 和 设备下发状态 -->
  <DeviceSelectAndStatus :status="status" />

  <el-tabs v-model="activeName">
    <el-tab-pane :lazy="true" label="远动参数" name="function">
      <FunctionConfigPending v-if="activeName === 'function'" :active-name="activeName" />
    </el-tab-pane>
    <el-tab-pane :lazy="true" label="网络参数" name="network">
      <NetworkConfigPending v-if="activeName === 'network'" :active-name="activeName" />
    </el-tab-pane>
  </el-tabs>
</template>

<script setup>
import { ref } from 'vue';
import FunctionConfigPending from 'components/config/function-config-pending.vue';
import NetworkConfigPending from 'components/config/network-config-pending.vue';
import DeviceSelectAndStatus from 'components/config/device-select-and-status.vue';

const status = ref('');

const activeName = ref('function');
</script>
