<template>
  <div>
    <LxHeader
      icon="md-apps"
      :text="$route.meta.title"
      style="margin-bottom: 10px; border: 0px; margin-top: 15px"
      text="调度指令"
    >
    </LxHeader>

    <Card>
      <div class="step">
        <el-steps :active="currentStep" align-center process-status="finish" finish-status="success">
          <el-step title="点位选择"></el-step>
          <el-step title="调令内容"></el-step>
          <el-step title="调令预览"></el-step>
          <el-step title="完成"></el-step>
        </el-steps>
      </div>

      <Divider></Divider>

      <div class="content">
        <step1 v-if="currentStep === 0"></step1>
      </div>
    </Card>
  </div>
</template>

<script>
import LxHeader from "@/components/LxHeader/index.vue";
import step1 from "@/views/order/component/step1.vue";
export default {
  components: {
    LxHeader,
    step1
  },
  data() {
    return {
      currentStep: 0,
    }
  },
  methods: {},
  computed: {},
}
</script>

<style scoped lang="scss">
::v-deep .ivu-steps .ivu-steps-title,::v-deep .ivu-steps .ivu-steps-head {
  background: #0000;
}

.step {
  width: 80%;

  margin: 0 auto;
}
</style>
