Detp.vue

<template>
<div>
  <!-- ====================左边======================= -->
  <c-col :span="11">
    <c-col :span="24">
      <el-form-item label="Delivery of Documents Instructions ">
        <c-fullbox>
          <c-input
            disabled
            type="textarea"
            v-model="model.bcdgrp.blk.colins"
            maxlength="65"
            show-word-limit
            placeholder="请输入Collection Instructions"
          >
          </c-input>
          <template slot="footer">
            <c-button
              disabled
              size="small"
              type="primary"
              icon="el-icon-search"
              @click="onColinsButtxmsel"
            >
            </c-button>
          </template>
        </c-fullbox>
      </el-form-item>
    </c-col>

    <c-col :span="24">
      <el-form-item label="Draft Instructions">
        <c-fullbox>
          <c-input
            disabled
            type="textarea"
            v-model="model.bcdgrp.blk.dftins"
            maxlength="65"
            show-word-limit
            placeholder="请输入Draft Instructions"
          ></c-input>
          <template slot="footer">
            <c-button
              disabled
              size="small"
              type="primary"
              icon="el-icon-search"
              @click="onDftinsButtxmsel"
            >
            </c-button>
          </template>
        </c-fullbox>
      </el-form-item>
    </c-col>

    <c-col :span="24">
      <el-form-item label="Protest Instructions">
        <c-select
          disabled
          v-model="model.bcdgrp.rec.proins"
          style="width: 100%"
          placeholder="请选择Protest Instructions"
        >
        </c-select>
      </el-form-item>
    </c-col>

    <c-col :span="24">
      <el-form-item label="Other Instructions">
        <c-fullbox>
          <c-input
            disabled
            type="textarea"
            v-model="model.bcdgrp.blk.othins"
            maxlength="65"
            show-word-limit
            placeholder="请输入Other Instructions"
          ></c-input>
          <template slot="footer">
            <c-button
              disabled
              size="small"
              type="primary"
              icon="el-icon-search"
              @click="onOthins1Buttxmsel"
            >
            </c-button>
          </template>
        </c-fullbox>
      </el-form-item>
    </c-col>

    <c-col :span="24">
      <el-form-item label="Good's Code (for Statistics)">
        <c-select
          disabled
          v-model="model.bcdgrp.rec.stagod"
          style="width: 100%"
          placeholder="请选择Good's Code (for Statistics"
        >
        </c-select>
      </el-form-item>
    </c-col>
  </c-col>
  <!-- ====================右边======================= -->
  <c-col :span="11" :offset="1">
    <c-col :span="24">
      <el-form-item label="Charges Condition">
        <c-select
          disabled
          v-model="model.bcdgrp.rec.chato"
          style="width: 100%"
          placeholder="请选择Our Charges to"
        >
        </c-select>
      </el-form-item>
    </c-col>

    <c-col :span="24">
      <el-form-item label="Charges Text">
        <c-input
          disabled
          type="textarea"
          v-model="model.bcdgrp.blk.chgtxt"
          maxlength="35"
          show-word-limit
          placeholder="请输入Charges Text"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="24">
      <c-checkbox
        style="margin-left: 150px"
        disabled
        v-model="model.bcdgrp.rec.focflg"
        >Free of Payment</c-checkbox
      >
    </c-col>

    <c-col :span="24">
      <el-form-item label="Waive Collecting Bank Charges">
        <c-select
          disabled
          v-model="model.bcdgrp.rec.waicolcod"
          style="width: 100%"
          placeholder="请选择Waive Collecting Bank Charges"
        >
        </c-select>
      </el-form-item>
    </c-col>

    <c-col :span="24">
      <el-form-item label="Waive Remitting Bank Charges">
        <c-select
          disabled
          v-model="model.bcdgrp.rec.wairmtcod"
          style="width: 100%"
          placeholder="请选择Waive Remitting Bank Charges"
        >
        </c-select>
      </el-form-item>
    </c-col>

    <c-col :span="24">
      <el-form-item label="Defer Payment until">
        <c-select
          disabled
          v-model="model.bcdgrp.rec.othins"
          style="width: 100%"
          placeholder="请选择Defer Payment until"
        >
        </c-select>
      </el-form-item>
    </c-col>

  </c-col>
</div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Bctset/Event";

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