index.vue

<template>
  <!-- <d2-container type="card"> -->
  <el-card class="box-card mains">
    <el-tabs class="ztabs" v-model="cache.nowMenu" @tab-click="ztabsClick">
      <el-tab-pane label="柜组任务" name="taskBar">
        <task-bar />
      </el-tab-pane>
      <el-tab-pane label="集团任务" name="taskCom">
        <task-com />
      </el-tab-pane>
      <el-tab-pane label="任务统计" name="taskCount">
        <task-count />
      </el-tab-pane>
    </el-tabs>
  </el-card>
</template>

<script>
import TaskBar from "../bar/index";
import TaskCom from "../com/index";
import TaskCount from "../count/index";
// import { ApiTestGet, ApiTestPost } from "@/api/task/main";

export default {
  components: {
    TaskBar,
    TaskCom,
    TaskCount
  },
  data() {
    return {
      cache: {
        nowMenu: "taskBar"
      }
    };
  },
  created() {
    let postData = {
      brief: "停车券兑换",
      orderNo: "12345678",
      point: "123.321",
      procType: 46,
      updateType: "dec",
      vipId: 1
    };
    // ApiTestPost(postData).then(res => {
    //   log("--->Api: Post: res =", res);
    // });
  },
  methods:{
    ztabsClick(){},
  }
};
</script>

<style lang="scss" scoped>
.mains {
  /*border: 1px solid red;*/
  height: calc((100vh - 140px) * 1.0);
  min-width: 1280px;

  margin: 10px 20px 10px 10px;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.ztabs {
  /*border: 2px solid darkviolet;*/

  height: calc((100vh - 180px) * 1.0);

  width: 100%;
}
</style>