<template>
    <div class="eibs">
<!--      <c-row>-->
        <!-- ====================左边======================= -->
        <c-col :span="12" style="padding-right: 20px">
            <c-col :span="24">
              <el-form-item label="放单指示条款" prop="bcdgrp.blk.colins">
                <c-fullbox>
                  <c-input type="textarea" v-model="model.bcdgrp.blk.colins" maxlength="65" show-word-limit
                           placeholder="请输入放单指示条款"></c-input>
                  <template slot="footer">
                    <c-button size="small" type="primary" style="margin-left: 10px; padding:0 12px"
                              @click="
                  showGridPromptDialog(
                    'bctp.colins.buttxmsel',
                    null,
                    null,
                    { TXT: 'bcdgrp.blk.colins' },
                    { TXT: false },
                    'doxpDialog'
                  )
                ">
                      <i class="el-icon-more"></i>
                    </c-button>
                  </template>
                </c-fullbox>
              </el-form-item>
<!--                <c-col :span="20">-->
<!--                    <el-form-item label="放单指示条款" prop="bcdgrp.blk.colins">-->
<!--                        <c-input type="textarea" v-model="model.bcdgrp.blk.colins" maxlength="65" show-word-limit-->
<!--                            placeholder="请输入放单指示条款"></c-input>-->
<!--                    </el-form-item>-->
<!--                </c-col>-->

<!--                <c-col :span="1">-->
<!--                    <c-button size="small" type="primary" icon="el-icon-search" -->
<!--                    @click="-->
<!--                  showGridPromptDialog(-->
<!--                    'bctp.colins.buttxmsel',-->
<!--                    null,-->
<!--                    null,-->
<!--                    { TXT: 'bcdgrp.blk.colins' },-->
<!--                    { TXT: false },-->
<!--                    'doxpDialog'-->
<!--                  )-->
<!--                ">-->
<!--                    </c-button>-->
<!--                </c-col>-->
            </c-col>
            <c-col :span="24">
<!--                <c-col :span="20">-->
<!--                    <el-form-item label="汇票指示条款" prop="bcdgrp.blk.dftins">-->
<!--                        <c-input type="textarea" v-model="model.bcdgrp.blk.dftins" maxlength="65" show-word-limit-->
<!--                            placeholder="请输入汇票指示条款"></c-input>-->
<!--                    </el-form-item>-->
<!--                </c-col>-->

<!--                <c-col :span="1">-->
<!--                    <c-button size="small" type="primary" icon="el-icon-search" -->
<!--                      @click="-->
<!--                  showGridPromptDialog(-->
<!--                    'bctp.dftins.buttxmsel',-->
<!--                    null,-->
<!--                    null,-->
<!--                    { TXT: 'bcdgrp.blk.dftins' },-->
<!--                    { TXT: false },-->
<!--                    'doxpDialog'-->
<!--                  )-->
<!--                ">-->
<!--                    </c-button>-->
<!--                </c-col>-->
              <el-form-item label="汇票指示条款" prop="bcdgrp.blk.dftins">
                <c-fullbox>
                  <c-input type="textarea" v-model="model.bcdgrp.blk.dftins" maxlength="65" show-word-limit
                           placeholder="请输入汇票指示条款"></c-input>
                  <template slot="footer">
                    <c-button size="small" type="primary" style="margin-left: 10px; padding:0 12px"
                              @click="
                  showGridPromptDialog(
                    'bctp.dftins.buttxmsel',
                    null,
                    null,
                    { TXT: 'bcdgrp.blk.dftins' },
                    { TXT: false },
                    'doxpDialog'
                  )
                ">
                      <i class="el-icon-more"></i>
                    </c-button>
                  </template>
                </c-fullbox>

              </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="拒绝证书指示条款" prop="bcdgrp.rec.proins">
                    <c-select v-model="model.bcdgrp.rec.proins" style="width:100%" placeholder="请选择拒绝证书指示条款">
                      <el-option v-for="item in codes.proins" :key="item.value" :label="item.label" :value="item.value">
                      </el-option>
                    </c-select>
                </el-form-item>
            </c-col>

            <c-col :span="24">
<!--                <c-col :span="20">-->
<!--                    <el-form-item label="其他指示条款" prop="bcdgrp.blk.othins">-->
<!--                        <c-input type="textarea" v-model="model.bcdgrp.blk.othins" maxlength="65" show-word-limit-->
<!--                            placeholder="请输入其他指示条款"></c-input>-->
<!--                    </el-form-item>-->
<!--                </c-col>-->

<!--                <c-col :span="1">-->
<!--                    <c-button size="small" type="primary" icon="el-icon-search" -->
<!--                       @click="-->
<!--                  showGridPromptDialog(-->
<!--                    'bctp.othins.buttxmsel',-->
<!--                    null,-->
<!--                    null,-->
<!--                    { TXT: 'bcdgrp.blk.othins' },-->
<!--                    { TXT: false },-->
<!--                    'doxpDialog'-->
<!--                  )-->
<!--                ">-->
<!--                    </c-button>-->
<!--                </c-col>-->

              <el-form-item label="其他指示条款" prop="bcdgrp.blk.othins">
                <c-fullbox>
                  <c-input type="textarea" v-model="model.bcdgrp.blk.othins" maxlength="65" show-word-limit
                           placeholder="请输入其他指示条款"></c-input>
                  <template slot="footer">
                    <c-button size="small" type="primary" style="margin-left: 10px; padding:0 12px"
                              @click="
                  showGridPromptDialog(
                    'bctp.othins.buttxmsel',
                    null,
                    null,
                    { TXT: 'bcdgrp.blk.othins' },
                    { TXT: false },
                    'doxpDialog'
                  )
                ">
                      <i class="el-icon-more"></i>
                    </c-button>
                  </template>
                </c-fullbox>

              </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="货物代码（风险国家）" prop="bcdgrp.rec.stagod">
                    <c-select v-model="model.bcdgrp.rec.stagod" style="width:100%"
                        placeholder="请选择货物代码（风险国家）">
                        <el-option v-for="item in codes.godcod" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                    </c-select>
                </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.chato">
                    <c-select v-model="model.bcdgrp.rec.chato" style="width:100%" placeholder="请选择">
                       <el-option v-for="item in codes.chadet" :key="item.value" :label="item.label" :value="item.value">
                       </el-option>
                    </c-select>
                </el-form-item>
            </c-col>

            <c-col>
                &nbsp;
            </c-col>

            <c-col :span="24">
                <el-form-item label="手续费支付的附加详述" prop="bcdgrp.blk.chgtxt">
                    <c-input type="textarea" v-model="model.bcdgrp.blk.chgtxt" maxlength="35" style="width:100%" show-word-limit
                        placeholder="请输入手续费支付的附加详述"></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="24">
              <el-form-item label="" style="text-align: left"  prop="bcdgrp.rec.focflg">
                <c-checkbox  v-model="model.bcdgrp.rec.focflg">无偿放单选项</c-checkbox>
              </el-form-item>
            </c-col>

            <c-col :span="24">
<!--                <el-form-item label="交单时是否放弃向代收行收取费用的权力" prop="bcdgrp.rec.waicolcod">-->
                <el-form-item label="交单时放弃向代收行收取费用的权力" prop="bcdgrp.rec.waicolcod">
                    <c-select v-model="model.bcdgrp.rec.waicolcod" style="width:100%"
                        placeholder="请选择交单时是否放弃向代收行收取费用的权力">
                        <el-option v-for="item in codes.waicod" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                    </c-select>
                </el-form-item>
            </c-col>

            <c-col>
                &nbsp;
            </c-col>

            <c-col :span="24">
<!--                <el-form-item label="放单时是否放弃向托收行收取费用的权力" prop="bcdgrp.rec.wairmtcod">-->
                <el-form-item label="放单时放弃向托收行收取费用的权力" prop="bcdgrp.rec.wairmtcod">
                    <c-select v-model="model.bcdgrp.rec.wairmtcod" style="width:100%"
                        placeholder="请选择放单时是否放弃向托收行收取费用的权力">
                        <el-option v-for="item in codes.waicod" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                    </c-select>
                </el-form-item>
            </c-col>

            <c-col>
                &nbsp;
            </c-col>

            <c-col :span="24">
                <el-form-item label="延期付款期限" prop="bcdgrp.rec.othins">
                    <c-select v-model="model.bcdgrp.rec.othins" style="width:100%" placeholder="请选择延期付款期限">
                        <el-option v-for="item in codes.bcothi" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                    </c-select>
                </el-form-item>
            </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/Bctame/Event"

    export default {
        inject: ['root'],
        props: ["model", "codes"],
        mixins: [commonProcess],
        data() {
            return {

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

        }
    }
</script>
<style>

</style>