<template>
    <div class="eibs">

        <!-- ====================左边======================= -->
        <c-col :span="12" style="padding-right: 20px">
            <c-col :span="24">
                <el-form-item label="代收编号" prop="bcdgrp.rec.ownref">
                  <c-fullbox>
                    <c-input v-model="model.bcdgrp.rec.ownref" maxlength="16" placeholder="请输入代收编号" style="width: 100%"
                        disabled>
                    </c-input>
                    <template slot="footer">
                      <c-button style="margin: 0 0 0 10px; padding: 0 12px" size="small" type="primary">
                        <i class="el-icon-info"></i>
                      </c-button>
                    </template>
                  </c-fullbox>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item label="代收币种及金额" prop="bcdgrp.cbs.max.cur">
                    <c-input v-model="model.bcdgrp.cbs.max.cur" style="width:100%" placeholder="请选择代收币种及金额" disabled>
                    </c-input>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item style="text-align: left; margin-left: 5px" label-width="0" prop="bcdgrp.cbs.max.amt">
                    <c-input v-model="model.bcdgrp.cbs.max.amt" style="text-align: left; width: 100%" disabled></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item label="代收币种及余额" prop="bcdgrp.cbs.opn1.cur">
                    <c-input v-model="model.bcdgrp.cbs.opn1.cur" style="width:100%" placeholder="请选择代收币种及余额" disabled>
                    </c-input>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item style="text-align: left; margin-left: 5px" label-width="0" prop="bcdgrp.cbs.opn1.amt">
                    <c-input v-model="model.bcdgrp.cbs.opn1.amt" style="text-align: left; width: 100%" disabled>
                    </c-input>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item label="收单日期" prop="bcdgrp.rec.rcvdat">
                    <c-date-picker type="date" v-model="model.bcdgrp.rec.rcvdat" style="width:100%"
                        value-format="yyyy-MM-dd" placeholder="请选择收单日期" disabled></c-date-picker>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item label="通知日期" prop="bcdgrp.rec.advdat">
                    <c-date-picker type="date" v-model="model.bcdgrp.rec.advdat" style="width:100%"
                        value-format="yyyy-MM-dd" placeholder="请选择通知日期" disabled></c-date-picker>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item label="单据到期日" prop="bcdgrp.rec.matdat">
                    <c-date-picker type="date" v-model="model.bcdgrp.rec.matdat" style="width:100%"
                        value-format="yyyy-MM-dd" placeholder="请选择单据到期日" disabled></c-date-picker>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item label="托收日期" prop="bcdgrp.rec.predat">
                    <c-date-picker type="date" v-model="model.bcdgrp.rec.predat" style="width:100%"
                        value-format="yyyy-MM-dd" placeholder="请选择托收日期" disabled></c-date-picker>
                </el-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item label="支付条件" prop="bcdgrp.rec.doctypcod">
                    <c-select :code="codes.doctypcod" v-model="model.bcdgrp.rec.doctypcod" style="width:100%"
                        placeholder="请选择支付条件" disabled>
                    </c-select>
                </el-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item label="单据状态" prop="bcdgrp.rec.docsta">
                    <c-select :code="codes.docstabot" v-model="model.bcdgrp.rec.docsta" style="width:100%"
                        placeholder="请输入单据状态" disabled>
                    </c-select>
                </el-form-item>
            </c-col>
<!--            <c-col :span="20">-->
<!--                <el-form-item label="二次收单指示" style="width: 100%" prop="bcdgrp.blk.colinssnm">-->
<!--                    <c-input type="textarea" v-model="model.bcdgrp.blk.colinssnm" maxlength="60" show-word-limit-->
<!--                        style="width: 100%" placeholder="请输入二次收单指示"></c-input>-->
<!--                </el-form-item>-->
<!--            </c-col>-->
<!--            <c-col :span="4">-->
<!--                <c-button style="margin-left:34px;padding: 0 10px;" size="small" type="primary" icon="el-icon-search"-->
<!--                    @click="onColinssnmButtxmsel">-->
<!--                </c-button>-->
<!--            </c-col>-->
          <c-col :span="24">
            <el-form-item label="二次收单指示" style="width: 100%" prop="bcdgrp.blk.colinssnm">
              <c-fullbox>
                <c-input type="textarea"
                         v-model="model.bcdgrp.blk.colinssnm" maxlength="60" show-word-limit
                         style="width: 100%" aria-placeholder="请输入二次收单指示"></c-input>
                <template slot="footer">
                  <c-button

                      size="small"
                      style="margin-left: 10px; padding: 0 12px"
                      type="primary"
                      @click="onColinssnmButtxmsel">
                    <i class="el-icon-more"></i>
                  </c-button>
                </template>
              </c-fullbox>
            </el-form-item>

          </c-col>

        </c-col>
        <!-- ====================右边======================= -->
        <c-col :span="12" style="padding-left: 20px">

            <c-col :span="24">
                <el-form-item label="简略信息" prop="bcdgrp.rec.nam" style="width: 100%">
                    <c-input v-model="model.bcdgrp.rec.nam" maxlength="40" style="width: 100%" disabled></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item style="text-align: right" label="付款人参考号" prop="bcdgrp.dre.pts.ref">
                    <c-input v-model="model.bcdgrp.dre.pts.ref" maxlength="16" style="width: 100%" disabled></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item prop="bcdgrp.dre.pts.nam">
                    <c-input v-model="model.bcdgrp.dre.pts.nam" maxlength="40" style="width: 100%" disabled></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item style="text-align: right" label="托收行参考号" prop="bcdgrp.rmi.pts.ref">
                    <c-input v-model="model.bcdgrp.rmi.pts.ref" maxlength="16" style="width: 100%" disabled>
                    </c-input>
                </el-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item prop="bcdgrp.rmi.pts.nam">
                    <c-input v-model="model.bcdgrp.rmi.pts.nam" maxlength="40" style="width: 100%" disabled></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item style="text-align: right" label="收款人参考号" prop="bcdgrp.drr.pts.ref">
                    <c-input v-model="model.bcdgrp.drr.pts.ref" maxlength="16" style="width: 100%" disabled>
                    </c-input>
                </el-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item prop="bcdgrp.drr.pts.nam">
                    <c-input v-model="model.bcdgrp.drr.pts.nam" maxlength="40" style="width: 100%" disabled></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item style="text-align: right" label="第二代收行参考号" prop="bcdgrp.co2.pts.ref">
                    <c-input v-model="model.bcdgrp.co2.pts.ref" maxlength="16" style="width: 100%" disabled>
                    </c-input>
                </el-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item label="" prop="bcdgrp.co2.pts.nam" style="width: 100%">
                    <c-fullbox>
                        <c-input v-model="model.bcdgrp.co2.pts.nam" maxlength="16" disabled placeholder="请输入">
                        </c-input>
                        <template slot="footer">
                            <c-button style="margin: 0 10px 0 10px; padding: 0 12px" size="small" type="primary">
                                <i class="el-icon-info"></i>
                            </c-button>
                            <c-button style="margin: 0 0" size="small" type="primary" disabled>
                                详情
                            </c-button>
                        </template>
                    </c-fullbox>
                </el-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item label="地址信息" prop="bcdgrp.co2.pts.adrblk">
                    <c-input type="textarea" :rows="4" v-model="model.bcdgrp.co2.pts.adrblk" maxlength="50" disabled
                        show-word-limit placeholder="请输入地址信息"></c-input>
                </el-form-item>
            </c-col>
        </c-col>

      <c-col :span="24">
        <!-- <c-edit-table :model="model" v-bind="docgrd">
        </c-edit-table> -->
        <c-docpre :model="model" :argadr="{
                      path: 'SEMFLG',
                      grp: 'bctp',
                      code: 'docpre'
                }"></c-docpre>
      </c-col>
    </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Bctrad/Event"
import Ptap from "~/views/Public/Ptap";
import Docpre from "~/views/Public/Docpre";

export default {
    components: {
        "c-ptap": Ptap,
        "c-docpre": Docpre
    },
    inject: ['root'],
    props: ["model", "codes"],
    mixins: [commonProcess],
    data() {
        return {
            docgrd: {
                columns: [{
                    title: "lst1",
                    width: "80px",
                    dataIndex: "cmail1",
                    show: "input",
                },
                {
                    title: "2nd",
                    width: "80px",
                    dataIndex: "cmail2",
                    show: "input",
                },
                {
                    title: "单据",
                    width: "320px",
                    dataIndex: "docnam",
                    show: "input",
                },
                ],
                urls: "bctp.docgrdm.docgrd",
            },

        }
    },
    methods: {
        ...Event
    },
    created: function () {

    }
}
</script>
<style>

</style>