<template>
  <div class="eContainer">
    <c-page title="对外担保">
      <el-form :model="model" ref="modelForm" label-width="120px" label-position="right" size="small">
        <c-tabs v-model="tabVal" ref="elment" type="card">
          <!--PD000039 -->
          <el-tab-pane label="机构允许经办交易权限控制" name="ovwn">
            <c-content>
              <m-ovwn :model="model" ref="ovwn" />
            </c-content>
          </el-tab-pane>
          <el-tab-pane label="经办二级福费廷允许录入光大银行" name="findback">
            <c-content>
              <m-findback :model="model" ref="findback" />
            </c-content>
          </el-tab-pane>
          <el-tab-pane label="保证金实收比例最低限制" name="ratpan">
            <c-content>
              <m-ratpan :model="model" ref="ratpan" />
            </c-content>
          </el-tab-pane>
          <el-tab-pane label="融资放款权限管理" name="falpan">
            <c-content>
              <m-falpan :model="model" ref="falpan" />
            </c-content>
          </el-tab-pane>
          <el-tab-pane label="租赁证上收权限管理" name="leasepan">
            <c-content>
              <m-leasepan :model="model" ref="leasepan" />
            </c-content>
          </el-tab-pane>
          <el-tab-pane label="对手行权限管理" name="opppan">
            <c-content>
              <m-opppan :model="model" ref="opppan" />
            </c-content>
          </el-tab-pane>
          <el-tab-pane label="进出口押汇管理" name="jckpan">
            <c-content>
              <m-jckpan :model="model" ref="jckpan" />
            </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="save">保存</el-button>
          <el-button size="small" style="margin-right: 10px" @click="exit">退出</el-button>
        </div>
      </div>

    </c-page>
  </div>
</template>

<script>
import Dbetbp from "../model";
import event from "../event";
import CodeTable from "~/config/CodeTable";
import Ovwn from "./ovwn";
import findback from "./findback";
import ratpan from "./ratpan";
import falpan from "./falpan";
import leasepan from "./leasepan";
import opppan from "./opppan";
import jckpan from "./jckpan";
import commonFunctions from "~/mixin/commonFunctions.js";
import { queryByTrncod, edit } from "~/service/manage/tbp.js";

export default {
  name: "Dbetbp",
  mixins: [event, commonFunctions],
  components: {
    "m-ovwn": Ovwn,
    "m-findback": findback,
    "m-ratpan": ratpan,
    "m-falpan": falpan,
    "m-leasepan": leasepan,
    "m-opppan": opppan,
    "m-jckpan": jckpan
  },
  provide() {
    return {
      root: this,
    };
  },
  data() {
    return {
      tabVal: "ovwn",
      model: new Dbetbp().data,
      codes: {
        ...CodeTable
      }
    };
  },
  created() {
    console.log("进入dbetbp交易");
    if(this.$route.query.tab){
      this.tabVal = this.$route.query.tab
    }
    let params = {
      transName: this.$route.name,
      rec: {
        trncod: this.$route.query.trncod,
        trnnam: this.$route.query.trnnam,
      }
    };
    const loading = this.loading('数据加载中');
    queryByTrncod(params).then(res => {
      this.model.rec.trncod = params.rec.trncod;
      this.model.rec.trnnam = params.rec.trnnam;
      if (res.respCode == SUCCESS) {
        this.model.trnbchlst = res.data.trnbchlst;
        loading.close();
      } else {
        loading.close();
        this.$notify.error("查询失败");
      }
      loading.close();
    });
  },
  methods: {
    save() {
      const loading = this.loading('正在保存数据');
      edit(this.model).then(res => {
        if (res.respCode == "AAAAAA") {
          this.$notify({
            title: "成功",
            message: "提交成功",
            type: "success"
          });
          this.$nextTick(() => {
            this.$store.commit("delTagsArry", this.$route.path);
            this.$router.push({
              name: "Dbitbp"
            });
            this.$store.commit("updateDbitbpRefresh", true);
          });
        } else {
          this.$notify({
            title: "错误",
            message: res.respMsg,
            type: "error"
          });
        }
        loading.close();
      });
    },

    exit() {
      this.$confirm("确认退出？", "提示", {
        confirmButtonText: "确认",
        cancelButtonText: "取消",
        type: "warning"
      }).then(() => {
        this.$store.commit("delTagsArry", this.$route.path);
        this.$router.back();
      });
    }
  }
};
</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>