/* eslint-disable operator-linebreak */
/* eslint-disable space-before-function-paren */
import { createNamespacedHelpers } from 'vuex';
const { mapActions } = createNamespacedHelpers('order/orderList');

import { orderActionsMap, ownType } from 'constants/order-constants';
import DialogConfirmInfo from '../../components/dialog-confirm-info';

export default {
  data() {
    return {
      isMixin: true,
    };
  },
  methods: {
    ...mapActions(['cancelTradeConfirmInfo', 'cancelTrade', 'deleteOrder']),
    async onSellerOrderAction({ action, order }) {
      const { owner = ownType.SELL } = this.$route.params;
      const { orderCode, earnestMoney } = order;

      switch (action.name) {
        case orderActionsMap.DEL_ORDER.name: {
          this.deleteOrderConfirmDialog({ orderCode, owner });
          break;
        }
        case orderActionsMap.NOT_SOLD.name: {
          const confirmInfo = await this.cancelTradeConfirmInfo({
            orderCode,
            owner,
          });

          const confirmBtnText = confirmInfo.needPenalty
            ? '赔付并取消订单'
            : '不卖了';

          this.$createConfirmDialog(
            {
              confirmBtn: {
                text: confirmBtnText,
                style: { color: '#D0021B' },
              },
              cancelBtn: { text: '继续出售', active: true },
              onConfirm: async () => {
                const isOk = await this.cancelTrade({
                  orderCode,
                  owner,
                });

                if (isOk) {
                  this.fetchOrderDetail(this.$route.params);
                }

                // const txt = isOk ? "取消成功" : "取消失败";
                // this.$createToast({ txt, type: "txt" }).show();
              },
            },
            createElement => {
              return [
                createElement(DialogConfirmInfo, {
                  props: { info: confirmInfo },
                  slot: 'content',
                }),
              ];
            },
          ).show();
          break;
        }

        case orderActionsMap.PAY_EARNESTMONEY.name: {
          this.$createOrderPayType({
            orderCode,
            price: earnestMoney,
            desc: '保证金',

            // 支付成功会跳route
            extra: JSON.stringify({
              back: {
                name: 'sellOrderDetail',
                params: { owner, orderCode },
              },
            }),
          }).show();
          break;
        }

        default:
          return;
      }
    },
    async onBuyerOrderAction({ action, order }) {
      const { owner = ownType.SELL } = this.$route.params;
      const { orderCode, priceInfo = {}, bidDepositInfo = {} } = order;

      switch (action.name) {
        case orderActionsMap.DEL_ORDER.name: {
          this.deleteOrderConfirmDialog({ orderCode, owner });
          break;
        }
        case orderActionsMap.PAY_DEPOSIT.name: {
          this.$createOrderPayType({
            orderCode,
            price: parseFloat(bidDepositInfo.depositAmount),
            desc: '保证金',
            extra: JSON.stringify({
              forward: {
                name: 'OrderList',
                params: {
                  owner: 'buy',
                },
              },
            }),
          }).show();
          break;
        }
        case orderActionsMap.CANCEL_ORDER.name: {
          const confirmInfo = await this.cancelTradeConfirmInfo({
            orderCode,
            owner,
          });

          this.$createConfirmDialog(
            {
              confirmBtn: { text: '取消订单', style: { color: '#D0021B' } },
              cancelBtn: { text: '保留订单', active: true },
              onConfirm: async () => {
                const isOk = await this.cancelTrade({
                  orderCode,
                  owner,
                });

                if (isOk) {
                  this.fetchOrderDetail(this.$route.params);
                }
                const txt = isOk ? '取消成功' : '取消失败';

                this.$createToast({ txt, type: 'txt' }).show();
              },
            },
            createElement => {
              return [
                createElement(DialogConfirmInfo, {
                  props: { info: confirmInfo },
                  slot: 'content',
                }),
              ];
            },
          ).show();
          break;
        }

        case orderActionsMap.NOW_BUY.name: {
          this.$createOrderPayType({
            orderCode,
            price: parseFloat(priceInfo.realPayPrice || ''),
            desc: '',
            extra: JSON.stringify({
              back: {
                name: 'buyOrderDetail',
                params: {
                  owner,
                  orderCode,
                },
              },
            }),
          }).show();
          break;
        }

        case orderActionsMap.CONFIRM_DELIVERY.name: {
          this.$createConfirmDialog({
            content: '确认收货？',
            confirmBtn: { style: { color: '#D0021B' } },
            cancelBtn: { active: true },
            onConfirm: async () => {
              const isOk = await this.confirmReceipt({
                orderCode,
                owner,
              });

              if (isOk) {
                this.fetchOrderDetail(this.$route.params);
              }

              // const txt = isOk ? "收货成功" : "收货失败";
              // this.$createToast({ txt, type: "txt" }).show();
            },
          }).show();
          break;
        }
        default:
          return;
      }
    },

    // 删除订单
    deleteOrderConfirmDialog({ orderCode, owner }) {
      this.$createConfirmDialog({
        type: 'confirm',
        content: '确认删除订单？',
        confirmBtn: { style: { color: '#D0021B' } },
        onConfirm: async () => {
          const isOk = await this.deleteOrder({
            orderCode,
            owner,
          });

          if (isOk) {
            this.$router.back();
          }

          // const txt = isOk ? "删除成功" : "删除失败";
          // this.$createToast({ txt, type: "txt" }).show();
        },
      }).show();
    },
  },
};