<template>
  <div>
    <BasicDrawer
      v-bind="$attrs"
      @register="registerDrawer"
      :showFooter="false"
      :title="getTitle"
      width="800px"
    >
      <BasicForm :showResetButton="false" :showSubmitButton="false" @register="registerForm">
        <template #add>
          <Button style="margin-left: 30px; margin-top: 80px" type="primary" @click="handleCancel"
            >取消</Button
          >
          <Button style="margin-left: 30px" type="primary" @click="handleSaveDraft"
            >保存草稿</Button
          >
          <Button style="margin-left: 30px" type="primary" @click="handleSend">发布通知</Button>
        </template>
      </BasicForm>
    </BasicDrawer>
  </div>
</template>
<script lang="ts">
  import { defineComponent, computed, unref, ref } from 'vue';
  import { Button } from '/@/components/Button';
  import { BasicForm, useForm } from '/@/components/Form';
  import { formSchema } from './config.d';
  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
  import {
    notifyAddDraftApi,
    notifyAddLeaseApi,
  } from '/@/api/stationnotification/stationnotifyApi';
  import { useMessage } from '/@/hooks/web/useMessage';
  export default defineComponent({
    name: 'ConfigDrawer',
    components: { BasicDrawer, BasicForm, Button },
    emits: ['success', 'register'],
    setup(_, { emit }) {
      // const isUpdate = ref(true);
      // // const pointArray = ref([] as any);
      // // const isJudgeWherePoint = ref();
      // // const newArray = ref([]);
      // let getId = ref('');
      // // let getOranAndDeptId = ref(null);
      // // let getAllData: any = reactive({});
      // // let getAllEditData: any = reactive({});
      // // let postAllEditData: any = reactive({});
      // const [registerForm, { setFieldsValue, resetFields, validate, getFieldsValue }] = useForm({
      //   labelWidth: 120,
      //   schemas: formSchema,
      //   showActionButtonGroup: false,
      // });
      // const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
      //   await resetFields();
      //   setDrawerProps({ confirmLoading: false });
      //   isUpdate.value = !!data?.isUpdate;
      //   //编辑
      //   if (unref(isUpdate)) {
      //     getId.value = data.record.id;
      //     await setFieldsValue({
      //       ...data.record,
      //       receiverType: data.record.receiverType === '全部' ? '0' : '1',
      //       organizationId: isDeptId.value,
      //     });
      //   }
      // });
      // const getTitle = computed(() => (!unref(isUpdate) ? '新增通知' : '编辑通知'));

      // watch(selectWhere, (nV) => {
      //   isJudgeWherePoint.value = nV;
      // });
      // watch(isDeptId, (nV) => {
      //   getOranAndDeptId.value = nV;
      // });
      // // 发布
      // async function handleSend() {
      //   // 直接新增通知
      //   if (!unref(isUpdate)) {
      //     const values = await validate();
      //     Object.assign(getAllData, values);
      //     switch (unref(isJudgeWherePoint)) {
      //       case '0':
      //         pointArray.value = [];
      //         break;
      //       case '1':
      //         if (pointArray.value.length === 0) {
      //           pointArray.value.push(getOranAndDeptId.value);
      //         }
      //         break;
      //     }
      //     getAllData.pointId = pointArray.value;
      //     await notifyAddLeaseApi(getAllData);

      //     resetFields();
      //   } else {
      //     const values = await validate();
      //     getAllEditData = values;
      //     getAllEditData.id = unref(getId);
      //     switch (unref(isJudgeWherePoint)) {
      //       case '0':
      //         pointArray.value = [];
      //         break;
      //       case '1':
      //         if (pointArray.value.length === 0) {
      //           pointArray.value.push(getOranAndDeptId.value);
      //         }
      //         break;
      //     }
      //     getAllEditData.pointId = pointArray.value;
      //     Object.assign(postAllEditData, getAllEditData);
      //     await notifyAddLeaseApi(postAllEditData);
      //   }
      //   closeDrawer();
      //   createMessage.success('发布成功');
      //   emit('success');
      // }
      // // 保存草稿
      // async function handleSaveDraft() {
      //   if (!unref(isUpdate)) {
      //     const values = await validate();
      //     Object.assign(getAllData, values);
      //     switch (isJudgeWherePoint.value) {
      //       case '0':
      //         pointArray.value = [];
      //         break;
      //       case '1':
      //         if (pointArray.value.length === 0) {
      //           pointArray.value.push(getOranAndDeptId.value);
      //         }
      //         break;
      //     }
      //     getAllData.pointId = pointArray.value;
      //     await notifyAddDraftApi(getAllData);

      //     resetFields();
      //   } else {
      //     const values = await validate();
      //     getAllEditData = values;
      //     getAllEditData.id = getId.value;
      //     switch (isJudgeWherePoint.value) {
      //       case '0':
      //         pointArray.value = [];
      //         break;
      //       case '1':
      //         if (pointArray.value.length === 0) {
      //           pointArray.value.push(getOranAndDeptId.value);
      //         }
      //         break;
      //     }
      //     getAllEditData.pointId = pointArray.value;
      //     Object.assign(postAllEditData, getAllEditData);
      //     await notifyAddDraftApi(postAllEditData);
      //   }
      //   createMessage.success('保存草稿成功');
      //   closeDrawer();
      //   emit('success');
      // }
      // 取消
      const { createMessage } = useMessage();
      const isUpdate = ref<Boolean>();
      const getTitle = computed(() => (!unref(isUpdate) ? '新增通知' : '编辑通知'));
      const noticeId = ref('');
      const [registerForm, { setFieldsValue, resetFields, validate, getFieldsValue }] = useForm({
        labelWidth: 120,
        schemas: formSchema,
        showActionButtonGroup: false,
      });
      const [registerDrawer, { closeDrawer }] = useDrawerInner(async (data) => {
        isUpdate.value = data.isUpdate;
        //编辑
        if (unref(isUpdate)) {
          noticeId.value = data.record.id;
          console.log(data.record);
          await setFieldsValue({
            ...data.record,
            receiverType: data.record.receiverType === '全部' ? '0' : '1',
          });
        }
      });
      // 发布通知
      const handleSend = async () => {
        await validate();
        const field = getFieldsValue();
        const pointId = field.receiverType === '1' ? [field.organizationId] : [];
        // 新增情况
        if (!unref(isUpdate)) {
          const addNotice = {
            ...field,
            pointId,
          };
          await notifyAddLeaseApi(addNotice);
        } else {
          const editNotice = {
            ...field,
            pointId,
            id: unref(noticeId),
          };
          await notifyAddLeaseApi(editNotice);
        }
        emit('success');
        closeDrawer();
        createMessage.success('发布成功');
      };
      // 保存草稿
      const handleSaveDraft = async () => {
        await validate();
        const field = getFieldsValue();
        const pointId = field.receiverType === '1' ? [field.organizationId] : [];
        if (!unref(isUpdate)) {
          const saveDraft = {
            ...field,
            pointId,
          };
          await notifyAddDraftApi(saveDraft);
        } else {
          const editDraft = {
            ...field,
            pointId,
            id: unref(noticeId),
          };
          await notifyAddDraftApi(editDraft);
        }
        emit('success');
        closeDrawer();
        createMessage.success('保存草稿成功');
      };
      const handleCancel = () => {
        resetFields();
        closeDrawer();
      };
      return {
        getTitle,
        handleSend,
        handleCancel,
        handleSaveDraft,
        registerForm,
        registerDrawer,
      };
    },
  });
</script>