<template>
    <div class="eibs-tab">
        <c-col :span="24">
            <c-col :span="11">
                <el-form-item label="托收业务编号" prop="bodgrp.rec.ownref">
                    <c-fullbox>
                        <c-input v-model="model.bodgrp.rec.ownref" maxlength="16" placeholder="请输入托收业务编号"
                            style="width: 100%" disabled></c-input>
                        <template slot="footer">
                            <c-button style="margin-left:8px; padding: 0 12px" size="small" type="primary" @click="">
                                <i class="el-icon-info"></i>
                            </c-button>
                        </template>
                    </c-fullbox>
                </el-form-item>
            </c-col>
            <c-col :span="11" :offset="1">
                <el-form-item label="简略信息" prop="bodgrp.rec.nam" style="width: 100%">
                    <c-input v-model="model.bodgrp.rec.nam" maxlength="40" style="width: 100%" placeholder="请输入简略信息"
                        disabled></c-input>
                </el-form-item>
            </c-col>
        </c-col>

        <c-col :span="24">
            <c-col :span="11">
                <c-col :span="12">
                    <el-form-item label="托收金额" prop="bodgrp.cbs.max.cur">
                        <c-input v-model="model.bodgrp.cbs.max.cur" style="width:100%" placeholder="请选择托收金额"
                            disabled>
                        </c-input>
                    </el-form-item>
                </c-col>
                <c-col :span="11" :offset="1">
                    <el-form-item label="" prop="bodgrp.cbs.max.amt" label-width="0">
                        <c-input v-model.number="model.bodgrp.cbs.max.amt" placeholder="请输入托收金额" disabled>
                        </c-input>
                    </el-form-item>
                </c-col>
            </c-col>
            <c-col :span="11" :offset="1">
                <el-form-item label="收款人参考号" prop="bodgrp.drr.pts.ref">
                    <c-input v-model="model.bodgrp.drr.pts.ref" maxlength="16" placeholder="请输入" disabled>
                    </c-input>
                </el-form-item>
            </c-col>
        </c-col>

        <c-col :span="24">
            <c-col :span="11">
                <c-col :span="12">
                    <el-form-item label="托收余额" prop="bodgrp.cbs.opn1.cur">
                        <c-input v-model="model.bodgrp.cbs.opn1.cur" style="width:100%"
                            placeholder="请选择" disabled>
                        </c-input>
                    </el-form-item>
                </c-col>
                <c-col :span="11" :offset="1">
                    <el-form-item label="" label-width="0" prop="bodgrp.cbs.opn1.amt">
                        <c-input v-model.number="model.bodgrp.cbs.opn1.amt" style="width:100%"
                            placeholder="请输入托收余额" disabled></c-input>
                    </el-form-item>
                </c-col>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-col :span="24">
                    <el-form-item label="" prop="bodgrp.drr.pts.nam">
                        <c-input v-model="model.bodgrp.drr.pts.nam" placeholder="bodgrp.drr.pts.nam" disabled></c-input>
                    </el-form-item>
                </c-col>
            </c-col>
        </c-col>


        <c-col :span="24">
            <c-col :span="11">
                <el-form-item label="交单条件" prop="bodgrp.rec.doctypcod">
                    <c-select v-model="model.bodgrp.rec.doctypcod" style="width: 100%"
                        placeholder="请选择交单条件" disabled>
                        <el-option v-for="item in codes.doctypcod" :key="item.value" :label="item.label"
                            :value="item.value">
                        </el-option>
                    </c-select>
                </el-form-item>
            </c-col>

            <c-col :span="11" :offset="1">
                <el-form-item label="代收行参考号" prop="bodgrp.col.pts.ref">
                    <c-input v-model="model.bodgrp.col.pts.ref" maxlength="16" placeholder="请输入代收行"
                        disabled></c-input>
                </el-form-item>
            </c-col>
        </c-col>

        <c-col :span="24">
            <c-col :span="11">
                <c-col :span="24">
                    <el-form-item label="单据状态" prop="bodgrp.rec.docsta">
                        <c-select v-model="model.bodgrp.rec.docsta" style="width: 100%"
                            placeholder="请输入单据状态" disabled>
                            <el-option v-for="item in codes.docstabot" :key="item.value" :label="item.label"
                                :value="item.value">
                            </el-option>
                        </c-select>
                    </el-form-item>
                </c-col>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-col :span="24">
                    <el-form-item label="" prop="bodgrp.col.pts.nam">
                        <c-input v-model="model.bodgrp.col.pts.nam" maxlength="40" placeholder=""
                            disabled>
                        </c-input>
                    </el-form-item>
                </c-col>
            </c-col>
        </c-col>

        <c-col :span="24">
            <c-col :span="11">
                <c-col :span="12">
                    <el-form-item label="单据期限" prop="bodgrp.rec.matdat">
                        <c-input v-model="model.bodgrp.rec.matdat" placeholder="" disabled>
                        </c-input>
                    </el-form-item>
                </c-col>
                <c-col :span="9">
                    <el-form-item label="" prop="bodgrp.rec.matpercnt">
                        <c-input v-model="model.bodgrp.rec.matpercnt" placeholder="请输入" disabled>
                        </c-input>
                    </el-form-item>
                </c-col>
                <c-col :span="2" :offset="1">
                    <span>天</span>
                </c-col>
                <c-col :span="24">
                    <el-form-item label="" prop="bodgrp.rec.matperbeg">
                        <c-select v-model="model.bodgrp.rec.matperbeg" style="width: 100%"
                            placeholder="请选择" disabled>
                            <el-option v-for="item in codes.matperbeg" :key="item.value" :label="item.label"
                                :value="item.value">
                            </el-option>
                        </c-select>
                    </el-form-item>
                </c-col>
            </c-col>

            <c-col :span="11" :offset="1">
                <c-col :span="24">
                    <el-form-item label="付款人参考号" prop="bodgrp.dre.pts.ref">
                        <c-input v-model="model.bodgrp.dre.pts.ref" maxlength="16" disabled>
                        </c-input>
                    </el-form-item>
                </c-col>
                <c-col :span="24">
                    <el-form-item label="" prop="bodgrp.dre.pts.nam">
                        <c-input v-model="model.bodgrp.dre.pts.nam" maxlength="40" placeholder=""
                            disabled>
                        </c-input>
                    </el-form-item>
                </c-col>
            </c-col>
        </c-col>

        <c-col :span="24">
            <c-col :span="11">
                <c-col :span="12">
                    <el-form-item label="收单日期" prop="bodgrp.rec.rcvdat">
                        <c-date-picker type="date" v-model="model.bodgrp.rec.rcvdat" style="width:100%"
                            placeholder="请选择收单日期" disabled></c-date-picker>
                    </el-form-item>
                </c-col>
                <c-col :span="12">
                    <el-form-item label="寄单日期" prop="bodgrp.rec.predat">
                        <c-date-picker type="date" v-model="model.bodgrp.rec.predat" style="width:100%"
                            placeholder="请选择寄单日期" disabled></c-date-picker>
                    </el-form-item>
                </c-col>
            </c-col>
        </c-col>

        <c-col :span="24" style="margin-top:15px;border-top:2px solid #ddd;padding-top:15px">
            <c-col :span="11">
                <c-col :span="12">
                    <el-form-item label="接受金额" prop="setmod.doccur">
                        <c-input v-model="model.setmod.doccur" style="width:100%" placeholder="请选择"
                            disabled>
                        </c-input>
                    </el-form-item>
                </c-col>
                <c-col :span="11" :offset="1">
                    <el-form-item label-width="0" prop="setmod.docamt">
                        <c-input v-model.number="model.setmod.docamt" placeholder="请输入" disabled>
                        </c-input>
                    </el-form-item>
                </c-col>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-checkbox v-model="model.mtabut.clsflg" :disabled="model.mtabut.clsflg !== 'O'">闭卷</c-checkbox>
            </c-col>
        </c-col>


        <c-col :span="24">
            <c-col :span="11">
                <c-col :span="12">
                    <el-form-item label="扣减金额" prop="setmod.doccur">
                        <c-input v-model="model.setmod.doccur" style="width:100%" placeholder="请选择"
                            disabled>
                        </c-input>
                    </el-form-item>
                </c-col>
                <c-col :span="11" :offset="1">
                    <el-form-item label-width="0" prop="setmod.redamt">
                        <c-input v-model.number="model.setmod.redamt" placeholder="请输入"
                            :disabled="model.bodgrp.rec.focflg == 'X'">
                        </c-input>
                    </el-form-item>
                </c-col>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-checkbox v-model="model.bodgrp.rec.focflg" @change="change">无偿放单选项</c-checkbox>
            </c-col>
        </c-col>

        <c-col :span="24" style="margin-top: 30px">
            <span style="font-size:14px">归还押汇款:</span>
        </c-col>
        <c-col :span="24" style="margin-top: -10px">
            <c-col :span="12">
                <c-edit-table :model="model" v-bind="docgrd" style="margin-left:-30px">
                </c-edit-table>
            </c-col>
        </c-col>
        <c-col :span="24">
            <c-col :span="11">
                <c-istream-table ref="table" :list="model.liaall.tenstm.rows || []" :columns="stmData.columns"
                    :showSelection="true" v-on:multipleSelect="multipleSelect" prop="liaall.tenstm">
                </c-istream-table>
            </c-col>
        </c-col>
    </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Botpay/Event"

export default {
    inject: ['root'],
    props: ["model", "codes"],
    mixins: [commonProcess],
    data() {
        return {
            stmData: {
                columns: [
                    '1 1 "类型" 80',
                    '2 2 "Dbt" 80',
                    '3 3 "Cdt" 80',
                    '4 4 "币种" 80',
                    '5 5 "金额" 113 2 8 1 4',
                    // '6 6 "Mat.Dat." 80 4 7 1',
                    { index: 6, position: 6, width: 113, render: (item, scope) => { return scope.row[item.prop] === 'null' ? '' : scope.row[item.prop] }, label: 'Mat.Dat.' },
                ],
            },
            docgrd: {
                columns: [{
                    title: "业务编号",
                    width: "80px",
                    dataIndex: "ownref",
                    show: "input",
                },
                {
                    title: "币种",
                    width: "80px",
                    dataIndex: "opncur",
                    show: "input",
                },
                {
                    title: "托收余额",
                    width: "100px",
                    dataIndex: "opnamt",
                    show: "input",
                },
                {
                    title: "已结数额",
                    width: "100px",
                    dataIndex: "bckamt",
                    show: "input",
                },
                {
                    title: "按钮",
                    width: "100px",
                    dataIndex: "butcal",
                    show: "button",
                },

                ],
                urls: "bptbck.bptbckg.docgrd",
            },

        }
    },
    methods: {
        ...Event,
        async change() {
            if (this.model.bodgrp.rec.focflg === "X") {
                this.model.setmod.redamt = this.model.setmod.docamt;

            } else {
                this.model.setmod.redamt = "0.00";
            }
            let rtnmsg = await this.executeDefault("liaall.tenstm");
            this.model.bodgrp.rec.docsta = rtnmsg.data.bodgrp_rec_docsta;
        },
        async multipleSelect(selection) {
            let rtnmsg = await this.executeDefault("executeNotify");
            if (selection.length > 1) {
                this.$notify({
                    title: "错误",
                    message: "您不能选择多个期限",
                    type: "error",
                });
            } else {
                let chkIds;
                if (selection.length === 0) {
                    chkIds = [];
                    this.model.liaall.tensetstm.rows = [];
                } else {
                    chkIds = [selection[0] + 1];
                }
                //
                console.log(this.model.liaall.tensetstm);
                let params = { chkDst: "liaall.tenstm", chkIds };
                console.log(params);
                const rtnmsg = await this.executeRule("liaall.tenstm", params);
                console.log(rtnmsg);
                if (rtnmsg.respCode == SUCCESS) {
                    this.updateModel(rtnmsg.data);
                } else {
                    this.$notify.error({ title: "错误", message: "服务请求失败！" });
                }
            }
        },
    },
    created: function () {

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