Instrecp.vue

<template>
     <div class="eibs-tab">
          <c-col :span="24">
               <el-form-item label="Draft Instructions" prop="bodgrp.blk.dftins" label-width="180px">
                    <c-input type="textarea" :autosize="{ minRows: 4, maxRows: 6}" v-model="model.bodgrp.blk.dftins"
                         style="width:70%;margin-right:20px;" maxlength="390" show-word-limit
                         placeholder="请输入Draft Instructions"></c-input>
               </el-form-item>
          </c-col>


          <c-col :span="24">
               <el-form-item label="Interest Instructions" prop="bodgrp.blk.intins" label-width="180px">
                    <c-input type="textarea" :autosize="{ minRows: 4, maxRows: 5}" v-model="model.bodgrp.blk.intins"
                         style="width:70%;margin-right:20px;" maxlength="325" show-word-limit
                         placeholder="请输入Interest Instructions"></c-input>
               </el-form-item>
          </c-col>
          <c-col :span="18">
               <el-form-item label="Settlement insrtrctions" prop="bodgrp.blk.setinsbo" label-width="180px">
                    <c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}" v-model="model.bodgrp.blk.setinsbo"
                         style="width:98%;margin-right:20px;" maxlength="390" show-word-limit
                         placeholder="请输入Settlement insrtrctions"></c-input>
               </el-form-item>
          </c-col>
          <c-col :span="6">
               <c-button size="small" type="primary"
                    @click="showGridPromptDialog('botp.setins.buttxmsel',null,null,{TXT:'bodgrp.blk.setinsbo'},{TXT:false},'doxpDialog')">
                    ...
               </c-button>
          </c-col>
          <c-col :span="24">
               <el-form-item label="Authority of Agent" prop="bodgrp.blk.agtaut" label-width="180px">
                    <c-input type="textarea" :autosize="{ minRows: 6, maxRows: 6}" v-model="model.bodgrp.blk.agtaut"
                         style="width:40%;margin-right:20px;" maxlength="210" show-word-limit
                         placeholder="请输入Authority of Agent"></c-input>
               </el-form-item>
          </c-col>

          <c-col :span="24">
               <el-form-item label="Shipment from" prop="bodgrp.rec.shpfro" label-width="180px">
                    <c-input v-model="model.bodgrp.rec.shpfro" style="width:40%;margin-right:20px;" maxlength="40"
                         placeholder="请输入Shipment from"></c-input>
               </el-form-item>
          </c-col>

          <c-col :span="24">
               <el-form-item label="For Transportation to" prop="bodgrp.rec.shpto" label-width="180px">
                    <c-input v-model="model.bodgrp.rec.shpto" style="width:40%;margin-right:20px;" maxlength="40"
                         placeholder="请输入For Transportation to"></c-input>
               </el-form-item>
          </c-col>
          <c-col :span="24">
               <el-form-item label="Shipment date" prop="bodgrp.rec.shpdat" label-width="180px">
                    <c-date-picker type="date" v-model="model.bodgrp.rec.shpdat" style="width:40%;margin-right:20px;"
                         placeholder="请选择Shipment date"></c-date-picker>
               </el-form-item>
          </c-col>

          <c-col :span="24">
               <el-form-item label="Description of Goods" prop="bodgrp.blk.goddes" label-width="180px">
                    <c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}" v-model="model.bodgrp.blk.goddes"
                         style="width:70%;margin-right:20px;" maxlength="325" show-word-limit
                         placeholder="请输入Description of Goods"></c-input>
               </el-form-item>
          </c-col>

     </div>
</template>
<script>
     import Api from "~/service/Api"
     import commonProcess from "~/mixin/commonProcess";
     import CodeTable from "~/config/CodeTable"
     import Event from "~/model/Botdav/Event"

     export default {
          inject: ['root'],
          props: ["model", "codes"],
          mixins: [commonProcess],
          data() {
               return {

               }
          },
          methods: { ...Event },
          created: function () {

          }
     }
</script>
<style>

</style>