<!--
@name: 待审核-查看
@author: 张泽贤
@time: 2022-04-11
-->
<template>
  <div>
    <p-card class="full-card-panel">
      <div slot="title" style="display: flex; align-items: center; cursor: pointer">
        <a-icon type="arrow-left" style="color: #1990ff" @click="back" />
        查看
      </div>
      <a-tabs :animated="false" :activeKey="activeKey" @tabClick="activeKey = $event">
        <a-tab-pane key="1" force-render tab="订单信息">
          <orderInfo
            :editId="editId"
            :viewUrl="viewUrl"
            :goodsListRemoteUrl="goodsListRemoteUrl"
            :packListRemoteUrl="packListRemoteUrl"
            :isOrganization="isOrganization"
            :mextendedField_list="mextendedField_list"
            :goods_tableExtendedField="goods_tableExtendedField"
          ></orderInfo>
        </a-tab-pane>
        <a-tab-pane key="2" force-render tab="节点跟踪">
          <nodeTracking :editId="editId"></nodeTracking>
        </a-tab-pane>
        <a-tab-pane key="3" force-render tab="订单轨迹"> </a-tab-pane>
        <a-tab-pane key="4" force-render tab="温度监控"> </a-tab-pane>
        <a-tab-pane key="5" force-render tab="操作日志">
          <operationLog :editId="editId"></operationLog>
        </a-tab-pane>
      </a-tabs>
    </p-card>
  </div>
</template>

<script>
import orderInfo from './modules/orderInfo.vue'
import nodeTracking from './modules/nodeTracking.vue'
import operationLog from './modules/operationLog.vue'

export default {
  components: { orderInfo, nodeTracking, operationLog },
  props: {
    editId: {
      type: String,
      default: '',
    },
    editData: {
      type: Object,
      default: () => ({}),
    },
    options: {
      type: Object,
      default: () => ({}),
    },
    mextendedField_list: {
      type: Array,
      default: () => [],
    },
    goods_tableExtendedField: {
      type: Array,
      default: () => [],
    },
    viewUrl: {
      type: Function,
      default: null,
    },
    goodsListRemoteUrl: {
      type: Object,
      default: () => ({}),
    },
    packListRemoteUrl: {
      type: Object,
      default: () => ({}),
    },
    isOrganization: {
      type: Boolean,
      default: true,
    },
  },
  data() {
    return {
      activeKey: '1',
    }
  },
  methods: {
    // 返回
    back() {
      this.$emit('back')
    },
  },
}
</script>