<template>
    <div class="eibs-tab">
        <c-row :gutter="100">
            <c-col :span="12">
                <c-row>
                    <el-form-item :prop="`jshmod.${prefix}.bas.rptno`" label="申报号码" style="margin-left: 20px">
                        <c-input disabled placeholder="请输入编号" v-model="model.bas.rptno"></c-input>
                    </el-form-item>
                </c-row>
                <c-row>
                    <el-form-item :prop="`jshmod.${prefix}.bas.actiontype`" label="操作类型" style="margin-left: 20px">
                        <c-select dbCode="action" disabled placeholder="请选择操作类型"
                                  v-model="model.bas.actiontype"></c-select>
                    </el-form-item>
                </c-row>
            </c-col>
            <c-col :span="12">
                <el-form-item :prop="`jshmod.${prefix}.bas.actiondesc`" label="删除原因" style="margin-right: 20px">
                    <c-input :rows="3" disabled maxlength="128" placeholder="请输入删除原因" show-word-limit type="textarea"
                             v-model="model.bas.actiondesc"></c-input>
                </el-form-item>
            </c-col>
        </c-row>

        <c-row :gutter="100">
            <c-col :span="12">
                <c-row>
                    <el-form-item :prop="`jshmod.${prefix}.bas.ownextkey`" label="地区机构号" style="margin-left: 20px">
                        <c-select placeholder="请输入地区机构号" v-model="model.bas.ownextkey">
                            <el-option :key="item.inr" :label="item.branch + ' ' + item.bchname" :value="item.branch"
                                       v-for="item in ownextkeyList"></el-option>
                        </c-select>
                    </el-form-item>
                </c-row>
                <c-row>
                    <el-form-item :prop="`jshmod.${prefix}.bas.buscode`" label="银行业务编号" style="margin-left: 20px">
                        <c-input disabled placeholder="请输入银行业务编号" v-model="model.bas.buscode"></c-input>
                    </el-form-item>
                </c-row>
            </c-col>
            <c-col :span="12">
                <c-checkbox class="checkbox-left" disabled v-model="acp">确认</c-checkbox>
            </c-col>
        </c-row>

        <c-row :gutter="100">
            <c-col :span="12">
                <el-form-item :label="`${typnam}申请人主体类型`" :prop="`jshmod.${prefix}.bas.custype`"
                              style="margin-left: 20px">
                    <c-select dbCode="SCUTYP" placeholder="请选择申请人主体类型" v-model="model.bas.custype"></c-select>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item :label="`${typnam}申请人主体标识码`" :prop="`jshmod.${prefix}.bas.custcod`"
                              style="margin-right: 20px">
                    <c-input :disabled="disabledCustcod" maxlength="9" placeholder="请输入申请人主体标识码"
                             v-model="model.bas.custcod"></c-input>
                </el-form-item>
            </c-col>
        </c-row>

        <c-row :gutter="100">
            <c-col :span="12">
                <el-form-item :label="`${typnam}申请人名称`" :prop="`jshmod.${prefix}.bas.custnm`" style="margin-left: 20px">
                    <c-input maxlength="124" placeholder="请输入申请人名称" v-model="model.bas.custnm"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item :prop="`jshmod.${prefix}.bas.idcode`" label="个人身份证件号码" style="margin-right: 20px">
                    <c-input :disabled="disabledIdcode" maxlength="32" placeholder="请输入个人身份证件号码"
                             v-model="model.bas.idcode"></c-input>
                </el-form-item>
            </c-col>
        </c-row>

        <c-row :gutter="100">
            <c-col :span="12">
                <el-form-item :prop="`jshmod.${prefix}.bas.fcyacc`" label="外汇账户账号" style="margin-left: 20px">
                    <c-input disabled maxlength="32" placeholder="请输入外汇账户账号" v-model="model.bas.fcyacc"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item :prop="`jshmod.${prefix}.bas.lcyacc`" label="人民币账户账号" style="margin-right: 20px">
                    <c-input disabled maxlength="32" placeholder="请输入人民币账户账号" v-model="model.bas.lcyacc"></c-input>
                </el-form-item>
            </c-col>
        </c-row>

        <c-row :gutter="100">
            <c-col :span="12">
                <el-form-item :label="`${oppuserLabel}`" :prop="`jshmod.${prefix}.bas.oppuser`"
                              style="margin-left: 20px">
                    <c-input maxlength="124" placeholder="请输入人民币收款人名称" v-model="model.bas.oppuser"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item :label="`${oppbankLabel}`" :prop="`jshmod.${prefix}.bas.oppbank`"
                              style="margin-right: 20px">
                    <c-input maxlength="256" placeholder="请输入人民币帐户开户行" v-model="model.bas.oppbank"></c-input>
                </el-form-item>
            </c-col>
        </c-row>

        <c-row :gutter="100" v-if="prefix === 'dbjgrp'">
            <c-col :span="12">
                <el-form-item :label="`${typnam}币种`" :prop="`jshmod.${prefix}.bas.fcyccy`" style="margin-left: 20px">
                    <c-select dbCode="curtxt" placeholder="请输入币种" v-model="model.bas.fcyccy"></c-select>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item :label="`${typnam}金额`" :prop="`jshmod.${prefix}.bas.fcyamt`" style="margin-right: 20px">
                    <c-input-currency disabled placeholder="请输入金额" v-model="model.bas.fcyamt"></c-input-currency>
                </el-form-item>
            </c-col>
        </c-row>

        <c-row :gutter="100" v-if="prefix === 'dbwgrp'">
            <c-col :span="12">
                <el-form-item :label="`${typnam}币种`" :prop="`jshmod.${prefix}.bas.lcyccy`" style="margin-left: 20px">
                    <c-select dbCode="curtxt" placeholder="请输入币种" v-model="model.bas.lcyccy"></c-select>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item :prop="`jshmod.${prefix}.bas.lcyamt`" label="购汇金额（人民币）" style="margin-right: 20px">
                    <c-input-currency disabled placeholder="请输入金额" v-model="model.bas.lcyamt"></c-input-currency>
                </el-form-item>
            </c-col>
        </c-row>

        <c-row :gutter="100">
            <c-col :span="12">
                <el-form-item :prop="`jshmod.${prefix}.bas.exrate`" label="汇率" style="margin-left: 20px">
                    <c-input-number :precision="8" placeholder="请输入汇率" v-model="model.bas.exrate"></c-input-number>
                </el-form-item>
            </c-col>
        </c-row>
    </div>
</template>
<script>
    import event from "../event";
    import {getBchList} from "../../../../service/business/rmb";

    export default {
        inject: ['root', 'calcJshmod'],
        props: ["model", "codes", "prefix"],
        mixins: [event],
        data() {
            return {
                acp: true,
                ownextkeyList: [],
            }
        },
        methods: {},
        computed: {
            oppuserLabel() {
                if (this.prefix === 'dbjgrp') {
                    return "人民币收款人名称"
                }
                if (this.prefix === 'dbwgrp') {
                    return "外汇收款人名称"
                }
                return "";
            },
            oppbankLabel() {
                if (this.prefix === 'dbjgrp') {
                    return "人民币账户开户行"
                }
                if (this.prefix === 'dbwgrp') {
                    return "外汇账户开户行'"
                }
                return "";
            },
            typnam() {
                if (this.prefix === 'dbjgrp') {
                    return "结汇"
                }
                if (this.prefix === 'dbwgrp') {
                    return "购汇"
                }
                return "";
            },
            disabledCustcod() {
                return this.model.bas.custype !== "C";
            },
            disabledIdcode() {
                return this.model.bas.custype === "C";
            },
        },
        watch: {
            'model.bas.custype': {
                handler(newValue) {
                    if (newValue !== "C") {
                        this.model['bas'].custcod = '';
                    } else {
                        this.model['bas'].idcode = '';
                    }
                    this.calcJshmod();
                },
            },
        },
        mounted() {
            getBchList().then(response => {
                if (response.respCode === SUCCESS) {
                    this.ownextkeyList = response.data;
                }
            });
        }
    }
</script>
<style>
</style>