<template>
  <div class="dialog" v-if="dialogForm">
    <div class="head_box">
      <span class="title">发起布控12346</span>
      <div>
        <el-button size="small" @click="close">关闭</el-button>
      </div>
    </div>
    <div class="cntinfo">
      <div>布控信息</div>
      <ControlInfo></ControlInfo>
      <div>布控范围</div>
      <ControlArea></ControlArea>
      <div>审批信息</div>
      <ApprovalInfo></ApprovalInfo>
    </div>
  </div>
</template>

<script setup>
  import { ref, reactive } from "vue";
  import ControlInfo from "./ui/controlInfo.vue";
  import ControlArea from "./ui/controlArea.vue";
  import ApprovalInfo from "./ui/approvalInfo.vue";

  const dialogForm = ref(false);
  const listQuery = ref({});

  // 初始化数据
  const init = (type, row) => {
    dialogForm.value = true;
    // 根据type和row初始化表单数据
  };

  const close = () => {
    dialogForm.value = false;
  };

  defineExpose({ init });
</script>

<style lang="scss" scoped>
  .dialog {
    padding: 20px;

    .cntinfo {
      color: #000;
      height: calc(100% - 70px);
      overflow: hidden;
      overflow-y: auto;
    }
  }
</style>
