import type { DescriptionItemSchema } from '#/components/description';

import { h } from 'vue';

import { DICT_TYPE } from '@vben/constants';
import { fenToYuan, formatDate } from '@vben/utils';

import { ElImage } from 'element-plus';

import { DictTag } from '#/components/dict-tag';

/** 订单信息 schema */
export function useOrderInfoSchema(): DescriptionItemSchema[] {
  return [
    {
      field: 'orderNo',
      label: '订单号',
    },
    {
      field: 'order.deliveryType',
      label: '配送方式',
      render: (val) =>
        h(DictTag, {
          type: DICT_TYPE.TRADE_DELIVERY_TYPE,
          value: val,
        }),
    },
    {
      field: 'order.type',
      label: '订单类型',
      render: (val) =>
        h(DictTag, {
          type: DICT_TYPE.TRADE_ORDER_TYPE,
          value: val,
        }),
    },
    {
      field: 'order.receiverName',
      label: '收货人',
    },
    {
      field: 'order.userRemark',
      label: '买家留言',
    },
    {
      field: 'order.terminal',
      label: '订单来源',
      render: (val) =>
        h(DictTag, {
          type: DICT_TYPE.TERMINAL,
          value: val,
        }),
    },
    {
      field: 'order.receiverMobile',
      label: '联系电话',
    },
    {
      field: 'order.remark',
      label: '商家备注',
    },
    {
      field: 'order.payOrderId',
      label: '支付单号',
    },
    {
      field: 'order.payChannelCode',
      label: '付款方式',
      render: (val) =>
        h(DictTag, {
          type: DICT_TYPE.PAY_CHANNEL_CODE,
          value: val,
        }),
    },
    {
      field: 'user.nickname',
      label: '买家',
    },
  ];
}

/** 售后信息 schema */
export function useAfterSaleInfoSchema(): DescriptionItemSchema[] {
  return [
    {
      field: 'no',
      label: '退款编号',
    },
    {
      field: 'auditTime',
      label: '申请时间',
      render: (val) => formatDate(val) as string,
    },
    {
      field: 'type',
      label: '售后类型',
      render: (val) =>
        h(DictTag, {
          type: DICT_TYPE.TRADE_AFTER_SALE_TYPE,
          value: val,
        }),
    },
    {
      field: 'way',
      label: '售后方式',
      render: (val) =>
        h(DictTag, {
          type: DICT_TYPE.TRADE_AFTER_SALE_WAY,
          value: val,
        }),
    },
    {
      field: 'refundPrice',
      label: '退款金额',
      render: (val) => fenToYuan(val ?? 0),
    },
    {
      field: 'applyReason',
      label: '退款原因',
    },
    {
      field: 'applyDescription',
      label: '补充描述',
    },
    {
      field: 'applyPicUrls',
      label: '凭证图片',
      render: (val) => {
        const images = val || [];
        return h(
          'div',
          { class: 'flex gap-10px' },
          images.map((url: string, index: number) =>
            h(ElImage, {
              key: index,
              src: url,
              width: 60,
              height: 60,
            }),
          ),
        );
      },
    },
  ];
}

/** 退款状态 schema */
export function useRefundStatusSchema(): DescriptionItemSchema[] {
  return [
    {
      field: 'status',
      label: '退款状态',
      render: (val) =>
        h(DictTag, {
          type: DICT_TYPE.TRADE_AFTER_SALE_STATUS,
          value: val,
        }),
    },
    {
      field: 'reminder',
      label: '提醒',
      render: () =>
        h('div', { class: 'text-red-500 mb-10px' }, [
          h('div', '如果未发货，请点击同意退款给买家。'),
          h('div', '如果实际已发货，请主动与买家联系。'),
          h('div', '如果订单整体退款后，优惠券和余额会退还给买家.'),
        ]),
    },
  ];
}

/** 商品信息 columns */
export function useProductColumns() {
  return [
    {
      field: 'spuName',
      title: '商品信息',
      minWidth: 300,
      slots: { default: 'spuName' },
    },
    {
      field: 'price',
      title: '商品原价',
      minWidth: 150,
      formatter: 'formatFenToYuanAmount',
    },
    {
      field: 'count',
      title: '数量',
      minWidth: 100,
    },
    {
      field: 'payPrice',
      title: '合计',
      minWidth: 150,
      formatter: 'formatFenToYuanAmount',
    },
  ];
}

/** 操作日志 columns */
export function useOperateLogSchema() {
  return [
    {
      field: 'createTime',
      title: '操作时间',
      width: 180,
      formatter: 'formatDateTime',
    },
    {
      field: 'userType',
      title: '操作人',
      width: 100,
      slots: { default: 'userType' },
    },
    {
      field: 'content',
      title: '操作内容',
    },
  ];
}