Inst.vue

<template>
  <div class="eibs">
    <!-- ==================左边================ -->
    <c-col :span="12" style="padding-right: 20px;">
      <c-col :span="24">
        <el-form-item label="放单指示条款" prop="bodgrp.blk.colins">
          <c-fullbox>
            <c-input type="textarea" v-model="model.bodgrp.blk.colins" maxlength="65" show-word-limit
                     placeholder="请输入放单指示条款" disabled></c-input>
            <template slot="footer">
              <c-button size="small" type="primary" disabled icon="el-icon-more">
              </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="model.bodgrp.blk.colinsflg" disabled>修改放单指示条款</c-checkbox>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="汇票指示条款" prop="bodgrp.blk.dftins">
          <c-fullbox>
            <c-input type="textarea" v-model="model.bodgrp.blk.dftins" maxlength="65" show-word-limit
                     placeholder="请输入汇票指示条款" disabled>
            </c-input>
            <template slot="footer">
              <c-button size="small" type="primary" disabled icon="el-icon-more">
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="拒绝证书指示条款" prop="bodgrp.blk.proins">
          <c-fullbox>
            <c-input type="textarea" v-model="model.bodgrp.blk.proins" maxlength="65" show-word-limit
                     placeholder="请输入拒绝证书指示条款" disabled></c-input>
            <template slot="footer">
              <c-button size="small" type="primary" disabled icon="el-icon-more">
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="其它指示条款" prop="bodgrp.blk.othins">
          <c-fullbox>
            <c-input type="textarea" v-model="model.bodgrp.blk.othins" maxlength="65" show-word-limit
                     placeholder="请输入其它指示条款" disabled></c-input>
            <template slot="footer">
              <c-button size="small" type="primary" disabled icon="el-icon-more">
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="仓储/保险指示条款 " prop="bodgrp.blk.delins">
          <c-fullbox>
            <c-input type="textarea" v-model="model.bodgrp.blk.delins" maxlength="65" show-word-limit
                     placeholder="请输入仓储/保险指示条款" disabled></c-input>
            <template slot="footer">
              <c-button size="small" type="primary" disabled icon="el-icon-more">
              </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="bodgrp.rec.chato">
          <c-select v-model="model.bodgrp.rec.chato" style="width:100%" placeholder="请选择条款" disabled>
            <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 :span="24">
        <el-form-item label="手续费支付的附加详述" prop="bodgrp.blk.chgtxt">
          <c-input type="textarea" v-model="model.bodgrp.blk.chgtxt" maxlength="35" show-word-limit
                   placeholder="请输入手续费支付的附加详述" disabled></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="" prop="bodgrp.blk.colinsflg">
          <c-checkbox v-model="model.bodgrp.rec.focflg" disabled>无偿放单选项</c-checkbox>
        </el-form-item>
      </c-col>

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

      <c-col :span="24">
        <el-form-item label="延期付款期限" prop="bodgrp.rec.othins">
          <c-select v-model="model.bodgrp.rec.othins" style="width:100%" placeholder="请选择延期付款期限" disabled>
            <el-option v-for="item in codes.othins" :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="10">
          <el-form-item label="面函提示" prop="bodgrp.rec.lescom">
            <c-select v-model="model.bodgrp.cbs.opn1.cur" style="width: %" placeholder="请选择"
                      :disabled="true" :code="codes.cur">
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="14">
          <el-form-item label="" prop="bodgrp.rec.lescom" label-width="5px">
            <c-input v-model="model.bodgrp.rec.lescom" placeholder="请输入" disabled></c-input>
          </el-form-item>
        </c-col>
      </c-col>
    </c-col>

  </div>
</template>
<script>

import event from "../event"

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

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