Utlp.vue

<template>
  <div class="eibs">
    <c-row>
      <c-col :span="24">

        <!---------------------------左边--------------------------->
        <c-col :span="12" class="col-left">
          <c-col :span="24">
            <el-form-item label="信用证编号" prop="lidgrp.rec.ownref">
              <c-input v-model="model.lidgrp.rec.ownref" maxlength="16" placeholder="请输入信用证编号"
                       disabled></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item label="单据参考号" prop="brdgrp.rec.ownref">
              <c-input v-model="model.brdgrp.rec.ownref" maxlength="16" placeholder="请输入单据参考号"
                       disabled></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <c-col :span="13">
              <el-form-item label="单据金额" prop="brdgrp.cbs.max.cur">
                <c-select v-model="model.brdgrp.cbs.max.cur" style="width:100%" placeholder="请选择单据金额" disabled
                          :code="codes.cur">
                </c-select>
              </el-form-item>
            </c-col>
            <c-col :span="11">
              <el-form-item label="" prop="brdgrp.cbs.max.amt" label-width="5px">
                <c-input v-model="model.brdgrp.cbs.max.amt" placeholder="请输入单据金额" disabled></c-input>
              </el-form-item>
            </c-col>
          </c-col>

          <c-col :span="24">
            <c-col :span="13">
              <el-form-item label="单据余额" prop="brdgrp.cbs.opn1.cur">
                <c-input v-model="model.brdgrp.cbs.opn1.cur" maxlength="3" placeholder="请输入单据余额" disabled
                         :code="codes.cur"></c-input>
              </el-form-item>
            </c-col>

            <c-col :span="11">
              <el-form-item label="" prop="brdgrp.cbs.opn1.amt" label-width="5px">
                <c-input v-model="model.brdgrp.cbs.opn1.amt" placeholder="请输入" disabled></c-input>
              </el-form-item>
            </c-col>
          </c-col>

          <c-col :span="24">
            <c-col :span="12">
              <el-form-item label="到单日期" prop="brdgrp.rec.rcvdat">
                <c-date-picker type="date" v-model="model.brdgrp.rec.rcvdat" style="width:100%"
                               placeholder="请选择到单日期" disabled></c-date-picker>
              </el-form-item>
            </c-col>
            <c-col :span="12">
              <el-form-item label="通知到单日期" prop="brdgrp.rec.advdat">
                <c-date-picker type="date" v-model="model.brdgrp.rec.advdat" style="width:100%"
                               placeholder="请选择通知到单日期" disabled></c-date-picker>
              </el-form-item>
            </c-col>
          </c-col>

          <c-col :span="24">
            <c-col :span="12">
              <el-form-item label="远期单据到期日" prop="brdgrp.rec.matdat">
                <c-date-picker type="date" v-model="model.brdgrp.rec.matdat" style="width:100%"
                               placeholder="请选择远期单据到期日" disabled></c-date-picker>
              </el-form-item>
            </c-col>
            <c-col :span="12">
              <el-form-item label="开始日期" prop="brdgrp.rec.stadat">
                <c-date-picker type="date" v-model="model.brdgrp.rec.stadat" style="width:100%"
                               placeholder="请选择开始日期" disabled></c-date-picker>
              </el-form-item>
            </c-col>
          </c-col>
          <c-col :span="24">
            <c-col :span="12">
              <el-form-item label="单据类型" prop="brdgrp.rec.docflg">
                <c-select v-model="model.brdgrp.rec.docflg" style="width:100%" placeholder="请选择单据类型"
                          :code="codes.docflg" disabled>
                </c-select>
              </el-form-item>
            </c-col>
            <c-col :span="12">
              <el-form-item label="期限（天）" prop="brdgrp.rec.tenmaxday">
                <c-input v-model="model.brdgrp.rec.tenmaxday" placeholder="请输入期限（天）" disabled></c-input>
              </el-form-item>
            </c-col>
          </c-col>
          <c-col :span="24">
            <el-form-item label="单据状态" prop="brdgrp.rec.docsta">
              <c-select v-model="model.brdgrp.rec.docsta" style="width:100%" placeholder="请选择单据状态"
                        :code="codes.docsta1" disabled>
              </c-select>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="提交单据" prop="brdgrp.blk.prsdoc">
              <c-input type="textarea" v-model="model.brdgrp.blk.prsdoc" maxlength="65" show-word-limit
                       placeholder="请输入" :rows="5" disabled></c-input>
            </el-form-item>
          </c-col>

        </c-col>

        <!---------------------------右边--------------------------->
        <c-col :span="12" class="col-right">
          <c-col :span="24">
            <el-form-item label="到期日" prop="lidgrp.rec.expdat">
              <c-date-picker type="date" v-model="model.lidgrp.rec.expdat" style="width:100%" placeholder="请选择到期日"
                             disabled></c-date-picker>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <c-col :span="13">
              <el-form-item label="信用证余额" prop="lidgrp.cbs.opn1.cur">
                <c-input v-model="model.lidgrp.cbs.opn1.cur" maxlength="3" placeholder="请选择币种" disabled></c-input>
              </el-form-item>
            </c-col>
            <c-col :span="11">
              <el-form-item label="" prop="lidgrp.cbs.opn1.amt" label-width="5px">
                <c-input v-model="model.lidgrp.cbs.opn1.amt" placeholder="请输入信用证余额" disabled></c-input>
              </el-form-item>
            </c-col>
          </c-col>
          <c-col :span="24">
            <el-form-item label="单据简略信息" prop="brdgrp.rec.nam">
              <c-input v-model="model.brdgrp.rec.nam" maxlength="40" placeholder="请输入单据简略信息"
                       disabled></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <c-col :span="13">
              <el-form-item label="申请人" prop="brdgrp.apl.pts.ref">
                <c-input v-model="model.brdgrp.apl.pts.ref" maxlength="16" placeholder="请输入申请人"
                         disabled></c-input>
              </el-form-item>
            </c-col>
            <c-col :span="11">
              <el-form-item label="" prop="brdgrp.apl.pts.nam" label-width="5px">
                <c-input v-model="model.brdgrp.apl.pts.nam" maxlength="40" placeholder="请输入" disabled></c-input>
              </el-form-item>
            </c-col>
          </c-col>

          <c-col :span="24">
            <c-col :span="13">
              <el-form-item label="受益人" prop="brdgrp.ben.pts.ref">
                <c-input v-model="model.brdgrp.ben.pts.ref" maxlength="16" placeholder="请输入受益人"
                         disabled></c-input>
              </el-form-item>
            </c-col>
            <c-col :span="11">
              <el-form-item label="" prop="brdgrp.ben.pts.nam" label-width="5px">
                <c-input v-model="model.brdgrp.ben.pts.nam" maxlength="40" placeholder="请输入" disabled></c-input>
              </el-form-item>
            </c-col>
          </c-col>

          <c-col :span="24">
            <c-col :span="13">
              <el-form-item label="交单行" prop="brdgrp.prb.pts.ref">
                <c-input v-model="model.brdgrp.prb.pts.ref" maxlength="16" placeholder="请输入交单行"
                         disabled></c-input>
              </el-form-item>
            </c-col>
            <c-col :span="11">
              <el-form-item label="" prop="brdgrp.prb.pts.nam" label-width="5px">
                <c-input v-model="model.brdgrp.prb.pts.nam" maxlength="40" placeholder="请输入" disabled></c-input>
              </el-form-item>
            </c-col>
          </c-col>

          <c-col :span="24">
            <br>
          </c-col>
          <c-col :span="24">
            <el-form-item label="">
              <c-checkbox v-model="model.gleflg" true-label="X" style="float: left;">系统内付款且过账</c-checkbox>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <c-col :span="13">
              <el-form-item label="减少后的结算金额" prop="setmod.doccur">
                <c-input v-model="model.setmod.doccur" maxlength="3" placeholder="请输入减少后的结算金额"
                         disabled></c-input>
              </el-form-item>
            </c-col>
            <c-col :span="11">
              <el-form-item label="" prop="setmod.docamt" label-width="5px">
                <c-input v-model="model.setmod.docamt" placeholder="请输入"></c-input>
              </el-form-item>
            </c-col>
          </c-col>
          <c-col :span="24">
            <el-form-item label="收到申请人指示" prop="brdgrp.blk.aplins">
              <c-input type="textarea" v-model="model.brdgrp.blk.aplins" maxlength="40" show-word-limit
                       placeholder="请输入指示内容" :rows="5"></c-input>
            </el-form-item>
          </c-col>
        </c-col>
      </c-col>


      <!--多余字段先隐藏了-->
      <c-col :span="24" v-show="false">
        <c-col :span="12">
          <el-form-item label="Drag  Drop Sender" prop="brtp.lidget.sdamod.dadsnd">
            <c-input v-model="model.brtp.lidget.sdamod.dadsnd" placeholder="请输入Drag  Drop Sender"></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label="" prop="brtp.lidget.sdamod.seainf">
            <c-input v-model="model.brtp.lidget.sdamod.seainf" placeholder="请输入"></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label="Drag  Drop Sender" prop="brtp.recget.sdamod.dadsnd">
            <c-input v-model="model.brtp.recget.sdamod.dadsnd" placeholder="请输入Drag  Drop Sender"></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label="" prop="brtp.recget.sdamod.seainf">
            <c-input v-model="model.brtp.recget.sdamod.seainf" placeholder="请输入"></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <span v-text="model.brtp.matp.mattxtlab" data-path=".brtp.matp.mattxtlab"> </span>
        </c-col>


      </c-col>

    </c-row>
  </div>
</template>
<script>
import event from "../event"

export default {
  inject: ['root'],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {}
  },
  created: function () {
  },
  computed: {
    setmoddoccur() {
      this.model.setmod.doccur = this.brdgrp.cbs.max.cur
      return this.model.setmod.doccur
    }
  }
}
</script>
<style>

</style>