<template>
  <div class="page">
    <insert v-if="symbolInfo.symbol && optionInfo.code" :symbolInfo="symbolInfo" :optionInfo="optionInfo" :optionFeeInfo="optionFeeInfo" />
    <inquiry v-if="symbolInfo.symbol && !optionInfo.code && loading" :symbolInfo="symbolInfo" />
  </div>
</template>
<script>
import insert from "./components/insert.vue";
import inquiry from "./components/inquiry.vue";
export default {
  props: ['symbolInfo', 'optionInfo', 'loading', 'optionFeeInfo'],
  components: {
    insert,
    inquiry
  },
  data () {
    return {
    }
  },
  created () {
  },
  methods: {
  }
}
</script>
<style lang="less" scoped>
.page {
  background-color: #F6FAFE;
  padding-top: 5px;
  max-height: calc(100vh - 114px);
  overflow-y: auto;
}
</style>