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

        <c-row :gutter="80">
            <c-col :span="12">
                <el-form-item label="交易编码" prop="recgrp.vrf.txcode">
                    <c-select :code="txcode" :disabled="model.mtabut.vrfflg !== 'X'" placeholder="请输入交易编码"
                              v-model="model.recgrp.vrf.txcode"></c-select>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item label="外汇局批件号/备案表号/业务编号" prop="recgrp.vrf.regno">
                    <c-input :disabled="model.mtabut.vrfflg !== 'X'" maxlength="20" placeholder="请输入外汇局批件号/备案表号/业务编号"
                             v-model="model.recgrp.vrf.regno"></c-input>
                </el-form-item>
            </c-col>
        </c-row>

        <c-row :gutter="80">
            <c-col :span="12">
                <el-form-item label="填报人" prop="recgrp.vrf.crtuser">
                    <c-input :disabled="model.mtabut.vrfflg !== 'X'" maxlength="20" placeholder="请输入填报人"
                             v-model="model.recgrp.vrf.crtuser"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item label="填报人电话" prop="recgrp.vrf.inptelc">
                    <c-input :disabled="model.mtabut.vrfflg !== 'X'" maxlength="20" placeholder="请输入填报人电话"
                             v-model="model.recgrp.vrf.inptelc"></c-input>
                </el-form-item>
            </c-col>
        </c-row>

        <c-row :gutter="80">
            <c-col :span="12">
                <el-form-item label="结汇用途" prop="recgrp.vrf.usetype">
                    <c-select :code="codes.usetype" :disabled="model.mtabut.vrfflg !== 'X'" placeholder="请选择操作类型"
                              v-model="model.recgrp.vrf.usetype">
                    </c-select>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item label="申报日期" prop="recgrp.vrf.rptdate">
                    <c-date-picker :disabled="model.mtabut.vrfflg !== 'X'" placeholder="请选择申报日期" style="width:100%"
                                   type="date" v-model="model.recgrp.vrf.rptdate"></c-date-picker>
                </el-form-item>
            </c-col>
        </c-row>

        <c-row :gutter="80">
            <c-col :span="12">
                <el-form-item label="结汇详细用途" prop="recgrp.vrf.usedetail">
                    <c-input :disabled="model.mtabut.vrfflg !== 'X'" maxlength="100" placeholder="请输入结汇详细用途"
                             show-word-limit type="textarea" v-model="model.recgrp.vrf.usedetail"></c-input>
                </el-form-item>
            </c-col>
        </c-row>

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

    export default {
        inject: ["root"],
        props: ["model", "codes"],
        mixins: [event],
        data() {
            return {
                txcode: [],
            };
        },
        methods: {
        },
        // mounted() {
        //     this.getBopcodItems();
        // },
        created: function () {
                let request = {
                    typ: "I",
                    transName: this.root.trnName,
                };
                Api.post(`/${this.moduleRouter()}/codetable/bopcod/list`, 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.txcode.findIndex(item => item.value === option.value);
                            if (existingIndex !== -1) {
                                this.txcode.splice(existingIndex, 1)
                            }
                            this.txcode.push(option);
                        }
                    }
                });
        }
    };
</script>
<style>
</style>