<template>
  <div class="ivu-row">
    <div class="ivu-card">
      <div class="ivu-card-head">
        <p slot="title" style="height: 35px">
          当前订单状态：{{ orderStatus[orderInfo.orderStatus] }}
          <template v-if="orderInfo.orderStatus >= 100 && orderInfo.orderStatus < 600">
            <i-button size="large" type="success" style="margin-left: 50px;" @click="deliver(123)">发货</i-button>
          </template>
        </p>
      </div>
      <div class="ivu-card-body">
        若订单一直未发货，买家会有投诉风险，建议您及时点击发货 查看未发货超时规则 <br />
        若买家存在恶意购买行为，您可以联系平台处理
      </div>
    </div>
    <div class="ivu-card">
      <div class="ivu-card-head">
        <p slot="title">订单信息</p>
      </div>
      <div class="ivu-card-body">
        <Row>
          <i-col span="24">订购人：{{ orderInfo.mobile }}（{{ orderInfo.adminName }}）</i-col>
        </Row>
        <br />
        <Row>
          <i-col span="4">订单号：{{ orderInfo.orderCode }}</i-col>
          <i-col span="4">下单时间：{{ orderInfo.createTime | timeFormat }}</i-col>
          <i-col span="4">发货时间：{{ orderInfo.arriveTime | timeFormat }}</i-col>
        </Row>
        <br />
        <Row>
          <i-col span="4">订单状态：{{ orderStatus[orderInfo.orderStatus] }}</i-col>
          <i-col span="4">提交时间：{{ orderInfo.checkTime | timeFormat }}</i-col>
          <i-col span="4">成交时间：</i-col>
        </Row>
      </div>
    </div>
    <div class="ivu-card">
      <div class="ivu-card-head">
        <p slot="title">物流信息</p>
      </div>
      <div class="ivu-card-body">
        <Row>
          <i-col span="4">收货人：{{ orderInfo.consigneeName }}</i-col>
          <i-col span="4">手机号：{{ orderInfo.mobile }} </i-col>
        </Row>
        <Row>
          <i-col span="24">
            送货地址：{{ orderInfo.province }} {{ orderInfo.city }} {{ orderInfo.district }}
            {{ orderInfo.street }}
          </i-col>
        </Row>
        <Row>
          <i-col span="24">详细地址：{{ orderInfo.address }}</i-col>
        </Row>
        <Row>
          <i-col span="24">邮政编码：{{ orderInfo.zipCode }}</i-col>
        </Row>
        <Row>
          <i-col span="24">物流公司：{{ orderInfo.expressName }} </i-col>
        </Row>
        <Row>
          <i-col span="24">运单号：{{ orderInfo.expressNumber }} </i-col>
        </Row>
      </div>
    </div>
    <div class="ivu-card">
      <div class="ivu-card-head">
        <p slot="title">商品信息</p>
      </div>
      <div class="ivu-card-body">
        <goods-info
          :table-data="tableData"
          :coupons-data="couponsData"
          :goods-promos="goodsPromos"
          :order-info="orderInfo"
          :order-promos="orderPromos"
        >
        </goods-info>
      </div>
    </div>
  </div>
</template>

<script>
import { GoodsInfo } from './components';
import { OrderConfig } from '../configs';
import OrderService from 'services/order/order-service';
import _ from 'lodash';

export default {
  components: { GoodsInfo },
  data() {
    return {
      orderCode: this.$route.query.orderCode,
      orderStatus: OrderConfig.orderStatus,
      feeSharingType: OrderConfig.feeSharingType,
      orderInfo: [],
      couponsData: [],
      tableData: [],
      goodsPromos: [],
      orderPromos: [],
    };
  },
  created() {
    this.orderService = new OrderService();
    this.getOrderInfo();
    this.getOrderGoods();
    this.getGoodsPromos();
    this.getOrderCoupons();
    this.getOrderPromos();
  },
  methods: {
    deliver(code) {
      this.$router.push({
        name: 'order.deliver.step1',
        params: {},
        query: {
          orderCode: code,
        },
      });
    },
    //获取订单详情
    getOrderInfo() {
      this.orderService.orderDetail({ orderCode: +this.orderCode }).then(ret => {
        this.orderInfo = _.get(ret, 'data', []);
      });
    },
    //获取订单商品
    getOrderGoods() {
      this.orderService.queryOrderGoods({ orderCode: +this.orderCode }).then(ret => {
        this.tableData = _.get(ret, 'data', []);
      });
    },
    //获取订单商品促销信息
    getGoodsPromos() {
      this.orderService.queryOrderGoodsPromos({ orderCode: +this.orderCode }).then(ret => {
        this.goodsPromos = _.get(ret, 'data', []);
      });
    },
    //获取订单优惠券
    getOrderCoupons() {
      this.orderService.queryOrderCoupons({ orderCode: +this.orderCode }).then(ret => {
        this.couponsData = _.get(ret, 'data', {});
        _.each(this.couponsData, coupons => {
          coupons['feeSharingTypeStr'] = this.feeSharingType[coupons.feeSharingType] || '无';
        });
      });
    },
    //获取订单促销信息
    getOrderPromos() {
      this.orderService.queryOrderPromos({ orderCode: +this.orderCode }).then(ret => {
        this.orderPromos = _.get(ret, 'data', {});
      });
    },
  },
};
</script>

<style lang="scss"></style>