<template>
    <div class="eibs-tab">
        <c-row :gutter="80">
            <c-col :span="12">
                <c-row>
                    <el-form-item label="申报号码" prop="recgrp.bas.rptno">
                        <c-input disabled maxlength="22" placeholder="请输入申报号码"
                                 v-model="model.recgrp.bas.rptno"></c-input>
                    </el-form-item>
                </c-row>
                <c-row>
                    <el-form-item label="操作类型" prop="recgrp.bas.actiontype">
                        <c-select dbCode="action" disabled placeholder="请选择操作类型"
                                  v-model="model.recgrp.bas.actiontype"></c-select>
                    </el-form-item>
                </c-row>
            </c-col>
            <c-col :span="12">
                <el-form-item label="删除原因" prop="recgrp.bas.actiondesc">
                    <c-input :disabled="disabledActiondesc" :rows="3" placeholder="请输入删除原因" show-word-limit
                             type="textarea" v-model="model.recgrp.bas.actiondesc"></c-input>
                </el-form-item>
            </c-col>
        </c-row>

        <c-row :gutter="80">
            <c-col :span="12">
                <el-form-item label="地区机构号" prop="recgrp.bas.ownextkey">
                    <c-select @change="ownextkeyChange" disabled placeholder="请输入地区机构" style="width: 100%"
                              v-model="model.recgrp.bas.ownextkey">
                        <el-option :key="item.inr" :label="item.branch + '-' + item.decnum + '-' + item.bchname"
                                   :value="item.branch"
                                   v-for="item in ownExtkeyList"></el-option>
                    </c-select>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item label="银行业务编号" prop="recgrp.bas.buscode">
                    <c-input disabled placeholder="请输入银行业务编号" v-model="model.recgrp.bas.buscode"></c-input>
                </el-form-item>
            </c-col>
        </c-row>
        <c-row :gutter="80">
            <c-col :span="12">
                <el-form-item label="购汇申请人主体类型" prop="recgrp.bas.custype">
                    <c-select @change="custypeChange" dbCode="scutyp" disabled placeholder="请输入付款人类型"
                              style="width: 100%" v-model="model.recgrp.bas.custype">
                    </c-select>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item label="个人身份证件号码" prop="recgrp.bas.idcode">
                    <c-input disabled maxlength="32" placeholder="请输入个人身份证件号码"
                             v-model="model.recgrp.bas.idcode"></c-input>
                </el-form-item>
            </c-col>
        </c-row>

        <c-row :gutter="80">
            <c-col :span="12">
                <el-form-item label="购汇申请人名称" prop="recgrp.bas.custnm">
                    <c-input disabled maxlength="128" placeholder="请输入购汇申请人名称"
                             v-model="model.recgrp.bas.custnm"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item label="购汇申请人主体标识码" prop="recgrp.bas.custcod">
                    <c-input disabled placeholder="请输入购汇申请人主体标识码"
                             v-model="model.recgrp.bas.custcod"></c-input>
                </el-form-item>
            </c-col>
        </c-row>

        <c-row :gutter="80">
            <c-col :span="12">
                <el-form-item label="外汇账户账号" prop="recgrp.bas.fcyacc">
                    <c-input disabled maxlength="32" placeholder="请输入外汇账户账号"
                             v-model="model.recgrp.bas.fcyacc"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item label="人民币账户账号" prop="recgrp.bas.lcyacc">
                    <c-input disabled maxlength="32" placeholder="请输入人民币账户账号"
                             v-model="model.recgrp.bas.lcyacc"></c-input>
                </el-form-item>
            </c-col>
        </c-row>

        <c-row :gutter="80">
            <c-col :span="12">
                <el-form-item label="外汇收款人名称" prop="recgrp.bas.oppuser">
                    <c-input disabled maxlength="128" placeholder="请输入外汇收款人名称"
                             v-model="model.recgrp.bas.oppuser"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item label="外汇帐户开户行" prop="recgrp.bas.oppbank">
                    <c-input disabled maxlength="256" placeholder="请输入外汇帐户开户行"
                             v-model="model.recgrp.bas.oppbank"></c-input>
                </el-form-item>
            </c-col>
        </c-row>

        <c-row :gutter="80">
            <c-col :span="12">
                <el-form-item label="购汇币种" prop="recgrp.bas.lcyccy">
                    <c-select dbCode="curtxt" disabled placeholder="请输入购汇币种"
                              v-model="model.recgrp.bas.lcyccy"></c-select>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item label="购汇金额" prop="recgrp.bas.lcyamt">
                    <c-input-currency disabled placeholder="请输入购汇金额"
                                      v-model="model.recgrp.bas.lcyamt"></c-input-currency>
                </el-form-item>
            </c-col>
        </c-row>

        <c-row :gutter="80">
            <c-col :span="12">
                <c-form-item label="汇率" prop="recgrp.bas.exrate">
                    <c-input-currency :precision="8" disabled placeholder="请输入汇率"
                                      v-model="model.recgrp.bas.exrate"></c-input-currency>
                </c-form-item>
            </c-col>
        </c-row>

    </div>
</template>
<script>
    import event from "../event";

    export default {
        inject: ["root"],
        props: ["model", "codes"],
        mixins: [event],
        computed: {
            disabledActiondesc() {
                // return this.model.recgrp.bas.actiontype !== "D" || this.model.mtabut.basflg !== "X";
                return false;
            }
        },
        data() {
            return {ownExtkeyList: []};
        },
        methods: {},
        mounted() {
            this.getOwnExtkeyCondition();
        },
        created: function () {
        }
    };
</script>
<style>
    .el-form-item__label {
        padding: 0 0 0 20px;
        line-height: 20px !important;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
</style>