<template>
  <section class="screen layout-order">
    <flat-list :ref="flatListRefName"
      @fetch="fetch"
      indexes="oid"
      :security-size="20"
    >

      <template v-slot:item="{item}">
        <component
          :is="mode.component"
          :key="'order-'+item.oid"
          :item="item"
        ></component>
      </template>


    </flat-list>
  </section>
</template>

<script>
import {
  FlatList
} from '$components';
import layoutOrderItem from '$layout/layout-order-item';
import layoutOrderReceiveItem from '$layout/layout-order-receive-item';
import mixins from '../mixins';
import props from '../props';
export default {
  name: "layout-order",
  components:{
    FlatList,
    layoutOrderItem,
    layoutOrderReceiveItem
  },
  mixins,
  props
}
</script>

<style scoped lang="scss" src="../style.scss"></style>