<template>
    <div class="eibs-tab">
        <!-- 第1行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="业务主键" prop="recgrp.ads.levyno">
                    <c-fullbox>
                        <c-input disabled maxlength="24" placeholder="请输入业务主键"
                                 v-model="model.recgrp.ads.levyno"></c-input>
                        <template slot="footer">
                            <c-button @click="getRef" size="small" style="margin: 0 0 0 10px; padding: 0 12px"
                                      type="primary">
                                获取
                            </c-button>
                        </template>
                    </c-fullbox>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="操作类型" prop="recgrp.ads.opertype">
                    <c-select dbCode="OPETYP" disabled placeholder="请输入操作类型"
                              v-model="model.recgrp.ads.opertype"></c-select>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="银行业务编号" prop="recgrp.ads.banktrano">
                    <c-input maxlength="16" placeholder="请输入银行业务编号" v-model="model.recgrp.ads.banktrano"></c-input>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第2行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="报送机构代码" prop="recgrp.ads.leorgcode">
                    <c-input disabled maxlength="12" placeholder="请输入报送机构代码"
                             v-model="model.recgrp.ads.leorgcode"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="资金划转关系" prop="recgrp.ads.amttransrelation">
                    <c-select dbCode="RMB118" placeholder="请输入资金划转关系" v-model="model.recgrp.ads.amttransrelation">
                    </c-select>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="资金划转类型" prop="recgrp.ads.amttranstype">
                    <c-select dbCode="RMB119" placeholder="请输入资金划转类型" v-model="model.recgrp.ads.amttranstype">
                    </c-select>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第4行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="付款行机构代码" prop="recgrp.ads.payerbkorgcode">
                    <c-input maxlength="12" placeholder="请输入付款行机构代码"
                             v-model="model.recgrp.ads.payerbkorgcode"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="付款行机构名称" prop="recgrp.ads.payerbkorgname">
                    <c-input maxlength="128" placeholder="请输入付款行机构名称"
                             v-model="model.recgrp.ads.payerbkorgname"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="付款行国家（地区）代码" prop="recgrp.ads.payerbkcountrycode">
                    <c-select-cty placeholder="请输入付款行国家（地区）代码"
                                  v-model="model.recgrp.ads.payerbkcountrycode"></c-select-cty>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第5行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="付款人代码" prop="recgrp.ads.payerswiftbic">
                    <c-input maxlength="11" placeholder="请输入付款人代码" v-model="model.recgrp.ads.payerswiftbic"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="付款人名称" prop="recgrp.ads.payerswiftbicname">
                    <c-input maxlength="128" placeholder="请输入付款人名称"
                             v-model="model.recgrp.ads.payerswiftbicname"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="付款人账号" prop="recgrp.ads.payerbicbkacct">
                    <c-input maxlength="32" placeholder="请输入付款人账号" v-model="model.recgrp.ads.payerbicbkacct"></c-input>
                </el-form-item>
            </c-col>
        </c-row>


        <!-- 第6行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="付款人国家（地区）代码" prop="recgrp.ads.payercountrycode">
                    <c-select-cty placeholder="请输入付款人国家（地区）代码"
                                  v-model="model.recgrp.ads.payercountrycode"></c-select-cty>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="收款行机构代码" prop="recgrp.ads.payeebkorgcode">
                    <c-input maxlength="12" placeholder="请输入收款行机构代码"
                             v-model="model.recgrp.ads.payeebkorgcode"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="收款行机构名称" prop="recgrp.ads.payeebkorgname">
                    <c-input maxlength="128" placeholder="请输入收款行机构名称"
                             v-model="model.recgrp.ads.payeebkorgname"></c-input>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第7行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="收款行国家（地区）代码" prop="recgrp.ads.payeebkcountrycode">
                    <c-select-cty placeholder="请输入收款行国家（地区）代码"
                                  v-model="model.recgrp.ads.payeebkcountrycode"></c-select-cty>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="收款人代码" prop="recgrp.ads.payeeswiftbic">
                    <c-input maxlength="11" placeholder="请输入收款人代码" v-model="model.recgrp.ads.payeeswiftbic"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="收款人名称" prop="recgrp.ads.payeeswiftbicname">
                    <c-input maxlength="128" placeholder="请输入收款人名称"
                             v-model="model.recgrp.ads.payeeswiftbicname"></c-input>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第8行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="收款人账号" prop="recgrp.ads.payeebicbkacct">
                    <c-input maxlength="32" placeholder="请输入收款人账号" v-model="model.recgrp.ads.payeebicbkacct"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="收款人国家（地区）代码" prop="recgrp.ads.payeecountrycode">
                    <c-select-cty placeholder="请输入收款人国家（地区）代码"
                                  v-model="model.recgrp.ads.payeecountrycode"></c-select-cty>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <c-col :span="16">
                    <el-form-item label="收付款币种金额" prop="recgrp.ads.paymentcurrencycode">
                        <c-select-cur dbCode="curtxt" disabled placeholder="请选择收付款币种" sort="SRT"
                                      v-model="model.recgrp.ads.paymentcurrencycode"></c-select-cur>
                    </el-form-item>
                </c-col>
                <c-col :span="8">
                    <el-form-item label-width="0px" prop="recgrp.ads.paymentamt">
                        <c-input-currency placeholder="请输入融资金额" v-model="model.recgrp.ads.paymentamt">
                        </c-input-currency>
                    </el-form-item>
                </c-col>
            </c-col>
        </c-row>

        <!-- 第9行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="收付款日期" prop="recgrp.ads.paymentdate">
                    <c-date-picker placeholder="请输入收付款日期" type="date"
                                   v-model="model.recgrp.ads.paymentdate"></c-date-picker>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="划转用途" prop="recgrp.ads.amttranspurpose">
                    <c-select :code="amttranspurpose" placeholder="请输入划转用途"
                              v-model="model.recgrp.ads.amttranspurpose"></c-select>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="业务种类代码" prop="recgrp.ads.bustypecode">
                    <c-select dbCode="RMB120" placeholder="请输入业务种类代码" sort="SRT" v-model="model.recgrp.ads.bustypecode">
                    </c-select>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第14行 -->
        <c-row>
            <c-col>
                <el-form-item label="变更/撤销原因" prop="recgrp.ads.actiondesc">
                    <c-input disabled maxlength="128" placeholder="请输入变更/撤销原因" show-word-limit type="textarea"
                             v-model="model.recgrp.ads.actiondesc"></c-input>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第15行 -->
        <c-row>
            <c-col>
                <el-form-item label="交易附言" prop="recgrp.ads.addword">
                    <c-input maxlength="128" placeholder="请输入交易附言" show-word-limit type="textarea"
                             v-model="model.recgrp.ads.addword"></c-input>
                </el-form-item>
            </c-col>
        </c-row>

    </div>
</template>
<script>
    import {getDecnum, getRef} from "../../../../../../service/business/rmb";
    import Api from "../../../../../../service/Api";

    export default {
        props: ["model", "codes"],
        inject: ["root"],

        computed: {
            disabledGetRef() {
                return this.model.recgrp.ads.banktrano === '' || this.model.recgrp.ads.levyno !== '';
            },
        },
        data() {
            return {
                amttranspurpose: [],
            }
        },
        created() {
            let request = {
                transName: this.root.trnName,
                typ: "I",
            };
            Api.post('/report/codetable/bopcod/get', request).then(response => {
                if (response.respCode === SUCCESS) {
                    for (const item of response.data) {
                        const option = {
                            label: item.cod + '-' + item.txt,
                            value: item.cod
                        };
                        let existingIndex = this.amttranspurpose.findIndex(item => item.value === option.value);
                        if (existingIndex !== -1) {
                            this.amttranspurpose.splice(existingIndex, 1)
                        }
                        this.amttranspurpose.push(option);
                    }
                }
            });
        },
        watch: {
            'model.rmbbut.ownextkey': {
                handler(newValue) {
                    getDecnum(newValue).then(response => {
                        if (response.respCode === SUCCESS) {
                            this.model.recgrp.ads.leorgcode = response.data;
                        }
                    });
                    this.model.recgrp.ads.ownextkey = newValue;
                },
            }
        },
        methods: {
            getRef() {
                let data = {
                    rmbtyp: "TDM",
                    banktrano: this.model.recgrp.ads.banktrano
                };
                getRef(data).then(response => {
                    if (response.respCode === SUCCESS) {
                        this.model.recgrp.ads.levyno = response.data
                    } else {
                        this.$notify({
                            title: "失败",
                            message: "获取业务主键失败",
                            type: "error",
                        });
                    }
                });
            },
            handleChange() {
                this.model.recgrp.ads.levyno = '';
            },
        }
    };
</script>
<style>
</style>