Canp.vue

<template>
  <div class="eibs">


    <!-- =======================  Main Part of this transaction ========================= -->
    <c-col :span="24">
      <!-- ======================= 左边 ========================= -->
      <c-col :span="12" style="padding-right: 20px">
          <!--  Narrative to Beneficiary Side, 益人陈述-->
        <c-col :span="24">
          <el-form-item label="Narrative to Beneficiary Side" prop="strinf">
           <!--     maxlength 50*35, view-lines 12       -->
            <c-input type="textarea" v-model="model.strinf" maxlength="1750" show-word-limit :rows="12"
                     placeholder=""></c-input>
          </el-form-item>
        </c-col>

        <!-- Booking Procedure, 预订程序-->
        <c-col :span="24">
          <el-form-item label="Booking Procedure" prop="rebkpflg">
            <c-select v-model="model.rebkpflg" style="width: 100%" placeholder=""
                      :filterKey="['N','B']" dbCode="REBKP1"
            >
            </c-select>
          </el-form-item>
        </c-col>

      </c-col>

      <c-col :span="12" style="padding-left: 20px">
        <!--  Send Message, 发送消息-->
        <c-col :span="24">
          <el-form-item class="checkbox-left">
            <c-checkbox  v-model="model.sndmsg" true-label="X" false-label=""  > Send Message</c-checkbox>
          </el-form-item>
        </c-col>
      </c-col>

    </c-col>
  </div>
</template>
<script>
import Api from '~/service/Api'
import CodeTable from '~/config/CodeTable'
import event from '../event';
export default {
  inject: ['root'],
  props: ['model', 'codes'],
  mixins: [event],
  data() {
    return {}
  },
  methods: { },
}
</script>
<style></style>