import { MyBetaModalFormProps, MyColumns, MyProTableProps } from '@/common';
import { MyModal } from '@/components/MyModal';
import { Apis } from '@/gen/Apis';
import { HouseChargeTaskDetailsStatusEnum } from '@/gen/Enums';
import { ProTable } from '@ant-design/pro-components';

export default function AssetInfo(props: MyBetaModalFormProps) {
  return (
    <MyModal
      title={props.title || '查看'}
      type={props.item?.type || 'primary'}
      width="1000px"
      node={
        <ProTable
          {...MyProTableProps.props}
          request={async (params, sort) =>
            MyProTableProps.request(
              { ...params, house_charge_tasks_id: props?.item?.id },
              sort,
              Apis.HouseCharage.HouseChargeTaskDetails.List,
            )
          }
          columns={[
            MyColumns.ID(),
            {
              title: '对象',
              dataIndex: 'full_name',
              search: false,
            },
            MyColumns.EnumTag({
              title: '状态',
              dataIndex: 'status',
              valueEnum: HouseChargeTaskDetailsStatusEnum,
            }),

            {
              title: '收费标准',
              dataIndex: ['house_charge_task', 'house_charge_standard', 'name'],
              search: false,
            },
            {
              title: '账单月份',
              render: (_, record) => {
                return `${record.year}-${String(record.month).padStart(
                  2,
                  '0',
                )}`;
              },
            },
            {
              title: '计费周期',
              render: (_, record) => {
                return `${record.house_charge_task.start_date} 至 ${String(
                  record.house_charge_task.end_date,
                ).padStart(2, '0')}`;
              },
              search: false,
            },
            {
              title: '完成时间',
              dataIndex: 'processed_time',
              search: false,
            },
          ]}
        />
      }
    />
  );
}