index.vue

<template>
  <div class="eContainer">
    <c-page title="出口应收账款融资新增">
      <el-form :model="model" :rules="rules" ref="modelForm" label-width="120px" size="small" label-position="right" :validate-on-rule-change="false">
        <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick">

          <el-tab-pane label="融资业务信息" name="ovwp">
            <c-content>
              <m-ovwp :model="model" :codes="codes" />
            </c-content>
          </el-tab-pane>

          <el-tab-pane label="单据信息" name="danjup">
            <c-content>
              <m-danjup :model="model" :codes="codes" />
            </c-content>
          </el-tab-pane>

        </c-tabs>
      </el-form>
      <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="submit">提交</el-button>
          <el-button size="small" style="margin-right: 10px" @click="check">检核</el-button>
          <el-button size="small" style="margin-right: 10px" @click="pend">暂存</el-button>
          <el-button size="small" style="margin-right: 10px" @click="exit">退出</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 Utils from "~/utils";

import event from "../event";
import Check from "../model/check";
import Default from "../model/default";
import Dbablc from "../model";

import ovwp from "./ovwp";
import danjup from "./danjup";

export default {
  name: "Dbablc",
  components: {
    "m-ovwp": ovwp,
    "m-danjup": danjup
  },
  provide() {
    return {
      root: this
    };
  },
  mixins: [Check, Default, operationFunc, event, commonDepend],
  data() {
    return {
      tabVal: "ovwp",
      trnName: "dbablc",
      model: new Dbablc().data,
      codes: {
        ...CodeTable
      }
    };
  },

  created() {
    console.log("进入dbablc交易");
    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>