<template>
<div class="eibs">
    <c-row>
        <c-col :span="24">
            <!-- ====================左边======================= -->
            <c-col :span="11">
                <c-col :span="24">
                    <el-form-item label="不符点" prop="brdgrp.blk.docdis" style="width: 100%">
                        <c-fullbox>

                            <c-input type="textarea" v-model="model.brdgrp.blk.docdis" maxlength="3500" show-word-limit placeholder="请输入不符点" :disabled=this.typ1 rows="3"></c-input>

                            <template slot="footer">
                                <c-button size="small" type="primary" @click="showGridPromptDialog('brtp.docdis.buttxmsel', null, null,{TXT: 'brdgrp.blk.docdis'}, {TXT: false},'doxpDialog')" :disabled=this.typ1>...</c-button>
                            </template>
                        </c-fullbox>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="注释和结论" prop="brdgrp.blk.comcon">
                        <c-input type="textarea" v-model="model.brdgrp.blk.comcon" maxlength="1950" show-word-limit placeholder="请输入注释和结论" rows="3"></c-input>
                    </el-form-item>
                </c-col>
                <c-col :span="24">
                    <el-form-item label="结算指示" prop="brdgrp.blk.setinsbr" style="width: 100%">
                        <c-fullbox>

                            <c-input type="textarea" v-model="model.brdgrp.blk.setinsbr" maxlength="390" show-word-limit placeholder="请输入结算指示" rows="3"></c-input>

                            <template slot="footer">
                                <c-button size="small" type="primary" @click="showGridPromptDialog('brtp.setinstxm.buttxmsel', null, null,{TXT: 'brdgrp.blk.setinsbr'}, {TXT: false},'doxpDialog')">...</c-button>
                            </template>
                        </c-fullbox>
                    </el-form-item>
                </c-col>
                <c-col :span="24">
                    <c-docpre :model="model" :argadr="{
                                    path:'brdgrp.blk.prsdoc',
                                    grp:'brtp',
                                    code:'docpre'
                                }"></c-docpre>
                </c-col>

            </c-col>
            <!-- ====================右边======================= -->
            <c-col :span="11" :offset="1">
                <c-col :span="24">
                    <el-form-item label=" " prop="brdgrp.rec.igndisfl" label-width="120px" style="float:left;">
                        <c-checkbox v-model="model.brdgrp.rec.igndisflg">忽略不符点</c-checkbox>
                    </el-form-item>

                    <el-form-item label=" " prop="brdgrp.blk.docdisflg" label-width="120px" style="float:left;">
                        <c-checkbox v-model="model.brdgrp.blk.docdisflg">录入不符点</c-checkbox>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="收到的通知类型" prop="brdgrp.rec.advtyp">
                        <c-select v-model="model.brdgrp.rec.advtyp" style="width:100%" placeholder="请选择收到通知类型" :code="codes.advtyp">
                        </c-select>
                    </el-form-item>
                </c-col>
                <c-col :span="24">
                    <el-form-item label="付款日期" prop="brdgrp.rec.totdat">
                        <c-date-picker type="date" v-model="model.brdgrp.rec.totdat" style="width:100%" placeholder="请选择日期"></c-date-picker>
                    </el-form-item>
                </c-col>
                <c-col :span="24">
                    <el-form-item label="不符点通知日期" prop="brdgrp.rec.disdat">
                        <c-date-picker type="date" v-model="model.brdgrp.rec.disdat" style="width:100%" placeholder="请选择不符点通知日期"></c-date-picker>
                    </el-form-item>
                </c-col>

                <c-col :span="24">

                    <el-form-item label=" " prop="brdgrp.rec.approvcod" label-width="120px" style="float:left;">
                        <c-checkbox v-model="model.brdgrp.rec.approvcod">批准的单据</c-checkbox>
                    </el-form-item>

                    <el-form-item label=" " prop="brtp.cre732flg" label-width="120px" style="float:left;">
                        <c-checkbox v-model="model.brtp.cre732flg" disabled>创建 MT732</c-checkbox>
                    </el-form-item>
                </c-col>
                <c-col :span="24" v-show="false">
                    <c-checkbox v-model="model.brtp.cre752flg">创建 MT752</c-checkbox>
                </c-col>
                <c-col :span="24">

                </c-col>
                <c-col :span="12" v-show="false">

                    <el-form-item label="进一步确认" prop="brtp.furide">
                        <c-select v-model="model.brtp.furide" style="width:100%" placeholder="请选择进一步确认">
                        </c-select>
                    </el-form-item>

                </c-col>
            </c-col>
        </c-col>
    </c-row>
</div>
</template>

<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Brtsnd/Event"
import Docpre from "~/views/Public/Docpre"

export default {
    inject: ['root'],
    props: ["model", "codes"],
    mixins: [commonProcess],
    components: {
        "c-docpre": Docpre,
    },
    data() {
        return {
            typ1: true,
        }
    },
    watch: {
        "model.brdgrp.blk.docdisflg": {
            immediate: true,
            handler(val, oldval) {
                if (this.model.brdgrp.blk.docdisflg != "X") {
                    this.typ1 = true;
                    this.changeFormItemRequired("brdgrp.blk.docdis", false);
                } else {
                    this.typ1 = false;
                    this.changeFormItemRequired("brdgrp.blk.docdis", true);
                }
                this.executeDefault("brdgrp.blk.docdis").then((res) => {
                    if ((res.respCode == SUCCESS)) {
                        this.updateModel(res.data);
                    }
                });
            },
        },
    },
    methods: {
        ...Event
    },
    created: function () {

    }
}
</script>

<style>

</style>