adsovw.vue 13.7 KB
<template>
    <div class="eibs-tab">
        <!-- 第1行 -->
        <c-row>
            <!--            <c-col :span="8">-->
            <!--                <el-form-item label="申报号码">-->
            <!--                    <c-input maxlength="24" placeholder="请输入申报号码"></c-input>-->
            <!--                </el-form-item>-->
            <!--            </c-col>-->
            <c-col :span="8">
                <el-form-item label="业务主键" prop="rmbbop.rmb2106.recgrp.ads.levyno">
                    <c-input disabled placeholder="请输入业务主键" v-model="model.recgrp.ads.levyno"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="操作类型" prop="rmbbop.rmb2106.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="rmbbop.rmb2106.recgrp.ads.bankorgcode">
                    <c-input disabled placeholder="请输入银行机构代码" v-model="model.recgrp.ads.bankorgcode"/>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第2行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="委托行银行机构代码" prop="rmbbop.rmb2106.recgrp.ads.entrustbankorgcode">
                    <c-input :disabled="disabledEntrustbankorgcode" maxlength="12" placeholder="请输入委托行银行机构代码"
                             v-model="model.recgrp.ads.entrustbankorgcode"/>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="业务属性" prop="rmbbop.rmb2106.recgrp.ads.transattr">
                    <c-select :disabled="disabledTransattr" dbCode="rmb121" placeholder="请输入业务属性"
                              v-model="model.recgrp.ads.transattr"></c-select>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="业务类型" prop="rmbbop.rmb2106.recgrp.ads.transtype">
                    <c-select dbCode="rmb131" disabled placeholder="请输入业务类型"
                              v-model="model.recgrp.ads.transtype"></c-select>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第3行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="境外对手行代码" prop="rmbbop.rmb2106.recgrp.ads.forbankswiftbic">
                    <c-input placeholder="请输入境外对手行代码" v-model="model.recgrp.ads.forbankswiftbic"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="进口商名称" prop="rmbbop.rmb2106.recgrp.ads.importername">
                    <c-input placeholder="请输入进口商名称" v-model="model.recgrp.ads.importername"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="进口商国家(地区)代码" prop="rmbbop.rmb2106.recgrp.ads.impcountrycode">
                    <c-select-cty placeholder="请输入进口商国家(地区)代码" v-model="model.recgrp.ads.impcountrycode"></c-select-cty>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第4行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="进口商机构代码" prop="rmbbop.rmb2106.recgrp.ads.importercode">
                    <c-input :disabled="disabledImportercode" placeholder="请输入进口商机构代码"
                             v-model="model.recgrp.ads.importercode"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="出口商名称" prop="rmbbop.rmb2106.recgrp.ads.exportername">
                    <c-input placeholder="请输入出口商名称" v-model="model.recgrp.ads.exportername"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="出口商国家(地区)代码" prop="rmbbop.rmb2106.recgrp.ads.expcountrycode">
                    <c-select-cty placeholder="请输入出口商国家(地区)代码" v-model="model.recgrp.ads.expcountrycode"></c-select-cty>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第5行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="出口商机构代码" prop="rmbbop.rmb2106.recgrp.ads.exportercode">
                    <c-input :disabled="disabledExportercode" placeholder="请输入出口商机构代码"
                             v-model="model.recgrp.ads.exportercode"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="业务发生日期" prop="rmbbop.rmb2106.recgrp.ads.occurdate">
                    <c-date-picker placeholder="请输入业务发生日期" type="date"
                                   v-model="model.recgrp.ads.occurdate"></c-date-picker>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="业务到期日" prop="rmbbop.rmb2106.recgrp.ads.enddate">
                    <c-date-picker placeholder="请输入业务到期日" type="date"
                                   v-model="model.recgrp.ads.enddate"></c-date-picker>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第6行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="信用证到期日" prop="rmbbop.rmb2106.recgrp.ads.creditenddate">
                    <c-date-picker :disabled="disabledCreditenddate" placeholder="请输入信用证到期日" type="date"
                                   v-model="model.recgrp.ads.creditenddate"></c-date-picker>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="币种" prop="rmbbop.rmb2106.recgrp.ads.currencycode">
                    <c-select dbCode="curtxt" placeholder="请选择币种" sort="SRT"
                              v-model="model.recgrp.ads.currencycode"></c-select>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="金额" prop="rmbbop.rmb2106.recgrp.ads.amt">
                    <c-input-currency :currency="model.recgrp.ads.currencycode" :disabled="disabledAmt"
                                      placeholder="请输入金额"
                                      v-model="model.recgrp.ads.amt"></c-input-currency>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第7行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="期限条件" prop="rmbbop.rmb2106.recgrp.ads.termtype">
                    <c-select dbCode="rmbqxt" placeholder="请输入期限条件" v-model="model.recgrp.ads.termtype"></c-select>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="银行业务编号" prop="rmbbop.rmb2106.recgrp.ads.banktrano">
                    <c-input disabled placeholder="请输入银行业务编号" v-model="model.recgrp.ads.banktrano"/>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第8行 -->
        <c-row>

        </c-row>

        <!-- 第9行 -->
        <c-row>
            <!--            <c-col :span="8">-->
            <!--                <el-form-item label="预留字段1">-->
            <!--                    <c-input placeholder="请输入预留字段1"></c-input>-->
            <!--                </el-form-item>-->
            <!--            </c-col>-->
            <!--            <c-col :span="8">-->
            <!--                <el-form-item label="预留字段2">-->
            <!--                    <c-input placeholder="请输入预留字段2"></c-input>-->
            <!--                </el-form-item>-->
            <!--            </c-col>-->
            <!--            <c-col :span="8">-->
            <!--                <el-form-item label="预留字段3">-->
            <!--                    <c-input placeholder="请输入预留字段3"></c-input>-->
            <!--                </el-form-item>-->
            <!--            </c-col>-->
        </c-row>

        <!-- 第10行 -->
        <c-row>
            <!--            <c-col :span="8">-->
            <!--                <el-form-item label="预留字段4">-->
            <!--                    <c-input placeholder="请输入预留字段4"></c-input>-->
            <!--                </el-form-item>-->
            <!--            </c-col>-->
            <!--            <c-col :span="8">-->
            <!--                <el-form-item label="预留字段5">-->
            <!--                    <c-input placeholder="请输入预留字段5"></c-input>-->
            <!--                </el-form-item>-->
            <!--            </c-col>-->
            <!--            <c-col :span="8">-->
            <!--                <el-form-item label="预留字段6">-->
            <!--                    <c-input placeholder="请输入预留字段6"></c-input>-->
            <!--                </el-form-item>-->
            <!--            </c-col>-->
        </c-row>

        <!-- 第11行 -->
        <c-row>
            <!--            <c-col :span="8">-->
            <!--                <el-form-item label="录入操作员">-->
            <!--                    <c-input placeholder="请输入录入操作员"></c-input>-->
            <!--                </el-form-item>-->
            <!--            </c-col>-->
            <!--            <c-col :span="8">-->
            <!--                <el-form-item label="复核操作员">-->
            <!--                    <c-input placeholder="请输入复核操作员"></c-input>-->
            <!--                </el-form-item>-->
            <!--            </c-col>-->
            <!--            <c-col :span="8">-->
            <!--                <el-form-item label="数据生成操作员">-->
            <!--                    <c-input placeholder="请输入数据生成操作员"></c-input>-->
            <!--                </el-form-item>-->
            <!--            </c-col>-->
        </c-row>

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

        <!-- 第13行 -->
        <c-row>
            <c-col>
                <el-form-item label="交易附言" prop="rmbbop.rmb2106.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 event from "../event";

    export default {
        props: ["model", "codes"],
        inject: ["root"],
        mixins: [event],
        data() {
            return {};
        },
        computed: {
            disabledEntrustbankorgcode() {
                const dkflg = this.root.model.lidgrp && this.root.model.lidgrp.rec && this.root.model.lidgrp.rec.dkflg;
                return dkflg !== "X";
            },
            disabledTransattr() {
                return this.model.recgrp.ads.transtype === '2001';
            },
            disabledImportercode() {
                return this.model.recgrp.ads.impcountrycode !== 'CHN';
            },
            disabledExportercode() {
                return this.model.recgrp.ads.expcountrycode !== 'CHN';
            },
            disabledCreditenddate() {
                return this.model.recgrp.ads.transtype !== '1001';
            },
            disabledAmt() {
                const transName = this.root.trnName.toLowerCase().substring(0, 6);
                return transName === 'litdla' || transName === 'litame' ? false : this.model.lodflg === 'Y';
            },
            disabledActiondesc() {
                return this.model.recgrp.ads.opertype === '1';
            },
        },
        watch: {
            'model.lodflg': {
                handler(newValue) {
                    if (newValue === 'Y' && this.model.pblmod.pbl.sta === '8') {
                        this.model.recgrp.ads.opertype = '2';
                    }
                },
            },
            'model.recgrp.ads.impcountrycode': {
                handler(newValue) {
                    const recgrp = this.model.recgrp;
                    recgrp.ads.importercode = newValue === 'CHN' ? recgrp.ads.importercode : '';
                },
            },
            'model.recgrp.ads.expcountrycode': {
                handler(newValue) {
                    const recgrp = this.model.recgrp;
                    recgrp.ads.exportercode = newValue === 'CHN' ? recgrp.ads.exportercode : '';
                }
            },
        },
        methods: {
            // handleInput(value) {
            //     this.model.recgrp.ads.forbankswiftbic = value.replace(/[^a-zA-Z0-9]/g, '').toUpperCase();
            // }
        }

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