Inst.vue

<template>
<!--  <c-row>-->
  <div class="eibs">


    <!-- ====================左边======================= -->
    <c-col :span="12" style="padding-right: 20px">
      <c-col :span="24">
        <el-form-item label="放单指示条款" style="padding-top:15px">
          <c-fullbox>
            <c-input type="textarea" v-model="model.bodgrp.blk.colins" maxlength="3250" :rows="3" show-word-limit
              placeholder="请输入放单指示条款" >
            </c-input>
            <template slot="footer">
              <c-button size="small" type="primary" icon="el-icon-more"
                @click="showGridPromptDialog('botp.colins.buttxmsel', null, null,{TXT: ''}, {TXT: false},'doxpDialog')"
>
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>





      <c-col :span="24">
        <el-form-item label="" prop="bodgrp.blk.colinsflg" >
          <c-checkbox v-model="colinsflg" style="margin-right:80px;">放单指示条款修改</c-checkbox>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="汇票指示条款" style="padding-top:15px">
          <c-fullbox>
            <c-input type="textarea" v-model="model.bodgrp.blk.dftins" maxlength="390" :rows="5" show-word-limit
              placeholder="请输入汇票指示条款">
            </c-input>
            <template slot="footer">
              <c-button size="small" type="primary" icon="el-icon-more"
                @click="showGridPromptDialog('botp.dftins.buttxmsel', null, null,{TXT: 'bodgrp.blk.dftins'}, {TXT: false},'doxpDialog')">
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>


      <c-col :span="24">
        <el-form-item label="拒绝证书指示条款" style="padding-top:15px">
          <c-fullbox>
            <c-input type="textarea" v-model="model.bodgrp.blk.proins" maxlength="130" :rows="2" show-word-limit
              placeholder="请输入拒绝证书指示条款">
            </c-input>
            <template slot="footer">
              <c-button size="small" type="primary" icon="el-icon-more"
                @click="showGridPromptDialog('botp.proins.buttxmsel', null, null,{TXT: 'bodgrp.blk.proins'}, {TXT: false},'doxpDialog')"
>
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>


      <c-col :span="24">
        <el-form-item label="其它指示条款" style="padding-top:15px">
          <c-fullbox>
            <c-input type="textarea" v-model="model.bodgrp.blk.othins" maxlength="390" :rows="5" show-word-limit
              placeholder="请输入其它指示条款">
            </c-input>
            <template slot="footer">
              <c-button size="small" type="primary" icon="el-icon-more"
                @click="showGridPromptDialog('botp.othins.buttxmsel', null, null,{TXT: 'bodgrp.blk.othins'}, {TXT: false},'doxpDialog')"
>
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>


      <c-col :span="24">
        <el-form-item label="仓储/保险指示条款" style="padding-top:15px">
          <c-fullbox>
            <c-input type="textarea" v-model="model.bodgrp.blk.delins" maxlength="130" :rows="2" show-word-limit
              placeholder="请输入仓储/保险指示条款">
            </c-input>
            <template slot="footer">
              <c-button size="small" type="primary" icon="el-icon-more"
                @click="showGridPromptDialog('botp.whins.buttxmsel', null, null,{TXT: 'bodgrp.blk.delins'}, {TXT: false},'doxpDialog')"
>
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

    </c-col>




    <!-- ====================右边======================= -->
    <c-col :span="12" style="padding-left: 20px">
      <c-col :span="24" style="width:100%">
        <el-form-item label="费用承担条款" prop="bodgrp.rec.chato" style="padding-top:15px">
          <c-select v-model="model.bodgrp.rec.chato" style="width:100%" placeholder="请选择条款"
            :code="codes.chadet">
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24" style="width:100%">
        <el-form-item label="手续费支付的附加详述" prop="bodgrp.blk.chgtxt" style="padding-top:15px">

          <c-input type="textarea" v-model="model.bodgrp.blk.chgtxt" maxlength="210" :rows="5" show-word-limit
            placeholder="请输入手续费支付的附加详述"></c-input>


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


      <c-col :span="24">
        <el-form-item class="checkbox-right">
        <c-checkbox v-model="model.bodgrp.rec.focflg" >无偿放单选项</c-checkbox>
      </el-form-item>
      </c-col>
      <c-col :span="24" style="width:100%">
        <el-form-item label="交单时是否放弃向代收行收取费用的权力" prop="bodgrp.rec.waicolcod" style="padding-top:15px">

          <c-select v-model="model.bodgrp.rec.waicolcod" style="width:100%" placeholder="请选择拒绝证书指示条款"
            :code="codes.waicolcod">
          </c-select>

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

      <c-col :span="24" style="width:100%">
        <el-form-item label="放单时是否放弃向托收行收取费用的权力" prop="bodgrp.rec.wairmtcod" style="padding-top:15px">

          <c-select v-model="model.bodgrp.rec.wairmtcod" style="width:100%"
            placeholder="请选择放单时是否放弃向托收行收取费用的权力" :code="codes.wairmtcod">
          </c-select>

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


      <c-col :span="24" style="width:100%">
        <el-form-item label="延期付款期限" prop="bodgrp.rec.othins" style="padding-top:15px">

          <c-select v-model="model.bodgrp.rec.othins" style="width:100%" placeholder="请选择延期付款期限"
            :code="codes.othins">
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="面函提示" prop="bodgrp.cbs.opn1.cur" style="padding-top:15px">

          <c-select disabled v-model="model.bodgrp.cbs.opn1.cur" placeholder="请选择Document Amount" style="width: 100%"
            :code="codes.cur">
          </c-select>

        </el-form-item>
      </c-col>
      <c-col :span="12">
        <c-input style="padding-top:15px; margin: 0 0 0 5px" v-model="model.bodgrp.rec.lescom" placeholder="请输入Document Amount"></c-input>
      </c-col>
    </c-col>
<!--  </c-row>-->
  </div>
</template>
<script>
import event from "../event";

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

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

  },
  computed:{
    colinsflg:{
      get(){
        return this.model.bodgrp.blk.colinsflg ==="X";
      },
      set(val){
        this.model.bodgrp.blk.colinsflg=val ? "X":"";
      },
    },
  }
}

</script>
<style>
</style>