<template>
  <div class="eContainer">
    <c-page title="电商付汇报文后台服务">
      <el-form :model="model" :rules="rules" ref="modelForm" label-width="120px" label-position="right" size="small"
        :validate-on-rule-change="false">
        <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="curTabClick">

          <el-tab-pane label="Task Manager" name="tskmgr">
            <c-content>
              <m-tskmgr :model="model" :codes="codes" />
            </c-content>
          </el-tab-pane>

          <el-tab-pane label="Completion" name="config">
            <c-content>
              <m-config :model="model" :codes="codes" />
            </c-content>
          </el-tab-pane>

        </c-tabs>
      </el-form>
    </c-page>
  </div>
</template>
<script>
  import Api from "~/service/Api";
  import CodeTable from "~/config/CodeTable";
  import operationFunc from "~/mixin/operationFunc";
  import commonDepend from "~/mixin/commonDepend";

  import event from "../event";
  import Check from "../model/check";
  import Default from "../model/default";
  import buildFn from '../event/buildCommons.js';
  import Trntsk from "../model";

  import tskmgr from "./tskmgr";
  import config from "./config";

  export default {
    name: "Trntsk",
    components: {
      "m-tskmgr": tskmgr,
      "m-config": config
    },
    provide() {
      return {
        root: this,
      };
    },
    mixins: [Check, Default, operationFunc, event, commonDepend, buildFn],
    data() {
      return {
        tabVal: "tskmgr",
        trnName: "trntsk",
        model: new Trntsk().data,
        codes: {
          ...CodeTable
        },
      };
    },
    mounted() {
      console.log('this.$route', this.$route)
    },
    methods: {
      curTabClick(tab) {
        if (!this.isInDisplay) {
          this.templateToText(tab.name)
        }
        this.tabClick(tab)
      },
    }
  };
</script>
<style scoped>
</style>