<template>
  <div>
    <BasicModal
      v-bind="$attrs"
      width="62rem"
      :height="heightNum"
      @register="register"
      title="任务详细"
      @cancel="handleCancel"
      :showOkBtn="false"
    >
      <div>
        <Description :column="3" size="middle" @register="registeDesc" />
      </div>
    </BasicModal>
  </div>
</template>
<script setup lang="ts">
  import { ref, nextTick, reactive } from 'vue';
  import { BasicModal, useModalInner } from '/@/components/Modal';
  import { personSchema } from '../../report/config/config.data';
  import { Description } from '/@/components/Description/index';
  import { useDescription } from '/@/components/Description';

  const heightNum = ref(800);
  let personData = reactive({});
  const [registeDesc, { setDescProps }] = useDescription({
    title: '任务详细信息',
    data: personData,
    schema: personSchema,
    column: 3,
  });
  const [register] = useModalInner((data) => {
    console.log(data);
    nextTick(() => {
      Reflect.set(personData, 'b1', '1');
      Reflect.set(personData, 'b2', '默认');
      Reflect.set(personData, 'b3', '系统默认（无参）');
      Reflect.set(personData, 'b4', '2022-08-01 12:01:58');
      Reflect.set(personData, 'b5', '0/10 * * * * ?');
      Reflect.set(personData, 'b6', '2022-08-08 10:25:00');
      Reflect.set(personData, 'b7', 'ryTask.ryNoParams');
      Reflect.set(personData, 'b8', '失败');
      Reflect.set(personData, 'b9', '禁止');
      Reflect.set(personData, 'b10', '禁止');
      setDescProps(personData);
    });
  });
  const handleCancel = () => {};
</script>
<style></style>