<template>
  <BasicModal v-bind="$attrs" :title="title" @register="registerInnerModal" :width="1200">
    <template #footer>
      <div>
        <a-button disabled type="primary">开启维保</a-button>
        <a-button disabled type="primary">关闭维保</a-button>
        <a-button disabled type="primary">开启上报</a-button>
        <a-button disabled type="primary">关闭上报</a-button>
        <a-button type="primary" @click="handleCancle">返回</a-button>
      </div>
    </template>
    <Descriptions
      title="电梯管理"
      bordered
      :column="{ xxl: 2, xl: 2, lg: 2, md: 2, sm: 2, xs: 2 }"
    >
      <DescriptionsItem label="电梯编号">HBWHGDG09</DescriptionsItem>
      <DescriptionsItem label="电梯名称">光电谷A2</DescriptionsItem>
      <DescriptionsItem label="维保状态">开启</DescriptionsItem>
      <DescriptionsItem label="上报状态">开启</DescriptionsItem>
    </Descriptions>
  </BasicModal>
</template>

<script setup lang="ts">
import { Descriptions, DescriptionsItem } from "ant-design-vue";
import { BasicModal, useModalInner } from "@/components/Modal";
import { ref } from "vue";
const title = ref<string>("维保");

const [registerInnerModal, { modalLoading, closeModal }] = useModalInner();
const handleCancle = () => {
  closeModal();
};
</script>
