<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 :disabled="disabledActiontype" :expKey="['D']" dbCode="action"
                                  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";

    export default {
        inject: ['root'],
        props: ["model", "codes"],
        mixins: [event],
        computed: {
            disabledActiontype() {
                return this.model.ctlmod.dbl.vrfsta !== "S" || this.model.mtabut.vrfflg !== "X";
            }
        },
        data() {
            return {
                txcode: [],
            }
        },
        // mounted() {
        //     this.getBopcodItems()
        // },
        methods: {
            // searchBopCod1(query) {
            //     if (query !== "") {
            //         this.options1 = this.bopcodList.filter((item) => item.cod.startsWith(query));
            //     } else {
            //         this.options1 = this.bopcodList;
            //     }
            // }
        },
        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>