<template>
  <div class="eContainer">
    <c-page title="出口信保保单融资修改">
      <el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="right" size="small" :validate-on-rule-change="false">
        <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
          <el-tab-pane label="融资信息界面" name="mainp">
            <m-mainp :model="model" :codes="codes" />
          </el-tab-pane>
          <el-tab-pane label="单据信息界面" name="danjup">
            <m-danjup :model="model" :codes="codes" />
          </el-tab-pane>
        </c-tabs>
      </el-form>
      <!-- <c-function-btn :handleCheck="handleCheck" :handleStash="handleStash" :handleSubmit="handleSubmit" @handleSureWarning="handleSureWarning" ref="commonBtn"></c-function-btn> -->
      <div class="m-Btn-eContainer">
        <div class="m-funcBtn-eContainer" style="text-align: center">
          <el-button type="primary" size="small" style="margin-right: 10px" @click="handSubmit">提交</el-button>
          <el-button type="primary" size="small" style="margin-right: 10px" @click="handCheck">检核</el-button>
          <el-button type="primary" size="small" style="margin-right: 10px" @click="handPend">暂存</el-button>
          <el-button type="primary" size="small" style="margin-right: 10px" @click="handleExit">退出</el-button>
        </div>
      </div>
    </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 Dbezxb from "../model";
import Mainp from "./Mainp";
import Danjup from "./Danjup";

export default {
  name: "Dbezxb",
  components: {
    "m-mainp": Mainp,
    "m-danjup": Danjup
  },
  provide() {
    return {
      root: this
    };
  },
  mixins: [Check, Default, operationFunc, event, commonDepend],
  data() {
    return {
      tabVal: "mainp",
      trnName: "dbezxb",
      trnType: "",
      model: new Dbezxb().data,
      codes: {
        ...CodeTable
      }
    };
  },
  methods: {
    myTabClick(tab) {
      this.tabClick(tab);
      /**
       *  do it yourself
       **/
    }
  },
  created() {
    console.log("进入dbezxb交易");
    let params = {
      transName: this.trnName,
      recgrp: {
        rec: {
          inr: this.$route.query.inr
        }
      }
    };
    this.init(params);
  }
};
</script>
<style scoped lang="less">
.m-Btn-eContainer {
  display: flex; /*flex布局*/
  position: relative;
  z-index: 10;
  height: 54px;
  padding: 10px 20px;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  background-color: var(--white);
  box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.1);
}
.m-funcBtn-eContainer {
  order: 1;
}
.m-funcBtn-eContainer button,
.m-funcBtn-eContainer .el-button + .el-button {
  margin: 0px 10px 0px 0px;
}
.m-funcBtn-eContainer .el-button--default {
  /* background-image: linear-gradient(#fff,#dedede); */
  border: 1px solid #ccc;
}
/* ui美化 */
.m-Btn-eContainer .el-button--small,
.m-Btn-eContainer .el-button--small.is-round {
  padding: 0 20px !important;
  font-size: 14px;
  height: 34px;
  line-height: 34px;
  font-weight: bold;
}
</style>