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 Event from "../event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [Event],
  data() {
    return {};
  },
  methods: {},
  created: function () {},
};
</script>
<style></style>