<template>
    <div class="flow-param-set">
      <navigation-name :msg="msg"/>
      <div class="content">
        <login-box v-if="loginBoxVisible" @success="handleLoginSuccess"/>
        <div style="width: 100%;" v-else>
          <flow-param-modal/>
        </div>
      </div>
    </div>
</template>

<script>
import NavigationName from '@/components/NavigationName'
import LoginBox from '@/components/LoginBox/index'
import FlowParamModal from '@/views/FlowParam/FlowParamModal'

export default {
  name: 'FlowParamSet',
  components: { FlowParamModal, LoginBox, NavigationName },
  data() {
    return {
      msg: '流量参数设置',
      loginBoxVisible: true,
    }
  },
  methods: {
    handleLoginSuccess(flag) {
      this.loginBoxVisible = flag
    },
  },
}
</script>

<style lang="less" scoped>
.flow-param-set {
  height: 100%;
  padding: 0 40px;
  font-size: 16px;
  display: flex;
  flex-direction: column;

  .content {
    display: flex;
    justify-content: center;
  }
}
</style>
