Detp.vue

<template>
  <c-row>
    <!-- ====================左边======================= -->
    <c-col :span="11">
      <c-col :span="24">
        <el-form-item label="Delivery of Documents Instructions">
          <c-input
            disabled
            type="textarea"
            disabled
            v-model="model.bcdgrp.blk.colins"
            maxlength="65"
            show-word-limit
            placeholder="请输入Collection Instructions"
          >
          </c-input>
        </el-form-item>
      </c-col>

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

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

      <c-col :span="24">
        <el-form-item label="Other Instructions">
          <c-input
            disabled
            type="textarea"
            v-model="model.bcdgrp.blk.othins"
            maxlength="65"
            show-word-limit
            placeholder="请输入Other Instructions"
          ></c-input>
        </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-option
            v-for="item in codes.godcod"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          >
          </el-option>
        </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-option
            v-for="item in codes.chadet"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          >
          </el-option>
        </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 disabled v-model="model.bcdgrp.rec.focflg"
        style="margin-left:150px"
          >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>
  </c-row>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Bctdor/Event";

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