<template>
    <div class="eContainer">
        <c-page :title="$t('remit.止付申请')">
            <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">
                    <!--PD000001 -->
                    <el-tab-pane :label="$t('remit.业务概况')" name="ovwp">
                        <c-content>
                            <m-ovwp :model="model" :codes="codes"/>
                        </c-content>
                    </el-tab-pane>
                    <el-tab-pane :label="$t('remit.费用/账务')" name="setpan">
                        <c-content>
                            <m-setpan :model="model" :codes="codes"/>
                        </c-content>
                    </el-tab-pane>

                    <el-tab-pane :label="$t('remit.报文/面函')" name="docpan">
                        <c-content>
                            <m-docpan :model="model" :codes="codes"/>
                        </c-content>
                    </el-tab-pane>
                </c-tabs>
            </el-form>
            <c-function-btn :handleCheck="handleCheck" :handleStash="handleStash" :handleSubmit="handleSubmit"
                            @handleSureWarning="handleSureWarning" ref="commonBtn"></c-function-btn>
        </c-page>
    </div>
</template>
<script>
    import CodeTable from "~/config/CodeTable";
    import operationFunc from '~/mixin/operationFunc';
    import Cptrej from "../model";
    import Default from "../model/default";
    import commonDepend from "~/mixin/commonDepend";
    import check from '../model/check'
    import event from "../event";
    import buildFn from "../event/buildCommons.js";

    import Ovwp from "./Ovwp";
    import Setpan from "~/components/business/setmod/views";
    // import Rmbbop from "~/components/business/rmb/rmbbop/views";
    import Docpan from "~/components/business/docpan/views";

    export default {
        name: "Cptrej",
        components: {
            "m-ovwp": Ovwp,
            "m-setpan": Setpan,
            // "m-rmbbop": Rmbbop,
            "m-docpan": Docpan,
        },
        provide() {
            return {
                root: this,
            };
        },
        mixins: [operationFunc, event, buildFn, check, commonDepend, Default],
        computed: {},
        data() {
            return {
                tabVal: "ovwp",
                trnName: "cptrej",
                model: new Cptrej().data,
                codes: {
                    ...CodeTable,
                    listyj: [
                        {label: "需至柜面办理", value: "01"},
                        {label: "填报信息需修改", value: "02"},
                        {label: "资金来源不合规", value: "03"},
                        {label: "需补充上传资料", value: "04"},
                        {label: "需电话沟通", value: "05"},
                        {label: "业务信息不完整", value: "06"},
                        {label: "其他", value: "07"}
                    ],
                    blk_boc_lstCodes: [
                        {label: "CRED", value: "CRED"},
                        {label: "CRTS", value: "CRTS"},
                        {label: "SPAY", value: "SPAY"},
                        {label: "SPRI", value: "SPRI"},
                        {label: "SSTD", value: "SSTD"}
                    ],
                    cfxbustyp_cips: [
                        {label: "货物贸易(GODX)", value: "01"},
                        {label: "服务贸易(STRX)", value: "02"},
                        {label: "资本项下(CTFX)", value: "03"},
                        {label: "个人汇款(RMTX)", value: "04"},
                        {label: "金融机构头寸调拨(FTFX)", value: "05"},
                        {label: "货物贸易退汇(RGOD)", value: "06"},
                        {label: "服务贸易退汇(RSTR)", value: "07"},
                        {label: "资本项下退汇(RCTF)", value: "08"},
                        {label: "个人汇款退汇(RRMT)", value: "09"},
                        {label: "北向通(WMCN)", value: "16"},
                        {label: "南向通(WMCS)", value: "17"},
                        {label: "其他(OCAX)", value: "99"}
                    ],
                    cpspnumb12: [
                        {label: "01支付运保费", value: "01"},
                        {label: "02代理进出口", value: "02"},
                        {label: "03与特殊经济区企业资金往来", value: "03"},
                        {label: "04同一企业不同账户资金划转", value: "04"},
                        {label: "05归还国内外贷款或转贷款", value: "05"},
                        {label: "06贸易深加工结转业务", value: "06"},
                        {label: "07贸易融资业务", value: "07"},
                        {label: "08其他", value: "08"},
                        {label: "同步交收业务（PVP）02804", value: "02804"},
                        {label: "外币资金拆借业务 02805", value: "02805"},
                        {label: "券款对付业务（DVP）02806", value: "02806"},
                        {label: "轧差净额 02807", value: "02807"},
                        {label: "退汇 02108", value: "02108"},
                        {label: "支付运保费 09101", value: "09101"},
                        {label: "代理进出口 09102", value: "09102"},
                        {label: "与特殊经济区企业资金往来 09103", value: "09103"},
                        {label: "同一企业不同账户资金划转 09104", value: "09104"},
                        {label: "归还国内外贷款或转贷款 09105", value: "09105"},
                        {label: "贸易深加工结转业务 09106", value: "09106"},
                        {label: "贸易融资业务 09107", value: "09107"},
                        {label: "贷记汇入业务 09108", value: "09108"},
                        {label: "贷记汇出业务 09109", value: "09109"},
                        {label: "行间资金汇划 09110", value: "09110"},
                        {label: "信息类业务 06001", value: "06001"},
                        {label: "其他 09001", value: "09001"}
                    ],
                    listsb: [],
                    paycodlst: {
                        columns: [
                            {
                                title: "Instruction",
                                width: "120px",
                                dataIndex: "cod",
                                show: "input",
                                isDisable: true,
                                scopedSlots: {customRender: "cod"},
                                maxLength: 4
                            },
                            {
                                title: "additional information",
                                width: "240px",
                                dataIndex: "codtxt",
                                show: "input",
                                isDisable: false,
                                maxLength: 30,
                                scopedSlots: {customRender: "codtxt"}
                            }
                        ],
                        rowNum: 1
                    },
                },
            };
        },
        methods: {},
        created() {
            console.log("进入cptrej交易");
            let params = {
                transName: this.trnName,
                cpdgrp: {
                    rec: {
                        inr: this.$route.query.inr || ''
                    }
                }
            };
            this.init(params);
        },
        mounted() {

        },
    };
</script>
<style></style>