Mt754p.vue

<template>
  <div class="eibs">
    <el-col :span="12" class="col-left">
      <c-col :span="12">
        <el-form-item label="单据金额" prop="brdgrp.cbs.max.cur">
          <c-input
            disabled
            v-model="model.brdgrp.cbs.max.cur"
            maxlength="3"
            placeholder="请输入单据金额"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="" label-width="10px" prop="brdgrp.cbs.max.amt">
          <c-input
            v-model="model.brdgrp.cbs.max.amt"
            placeholder="请输入金额"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="提取附加金额" prop="brdgrp.cbs.opn2.cur">
          <c-select
            disabled
            v-model="model.brdgrp.cbs.opn2.cur"
            style="width: 100%"
            placeholder="请选择附加金额"
          >
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="" label-width="10px" prop="brdgrp.cbs.max2.amt">
          <c-input
            v-model="model.brdgrp.cbs.max2.amt"
            placeholder="请输入附加金额"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="已扣除费用" prop="brdgrp.blk.chaded">
          <c-input
            :rows="4"
            type="textarea"
            v-model="model.brdgrp.blk.chaded"
            maxlength="200"
            show-word-limit
            placeholder="请输入已扣除费用"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="已添加费用" prop="brdgrp.blk.chaadd">
          <c-input
            :rows="4"
            type="textarea"
            v-model="model.brdgrp.blk.chaadd"
            maxlength="200"
            show-word-limit
            placeholder="请输入已添加费用"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="待支付金额" prop="brdgrp.rec.totcur">
          <c-input
            disabled
            v-model="model.brdgrp.rec.totcur"
            maxlength="3"
            placeholder="请选择币种"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="" label-width="10px" prop="brdgrp.rec.totamt">
          <c-input
            v-model="model.brdgrp.rec.totamt"
            placeholder="请输入金额"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
      <el-form-item label="偿付行" prop="brdgrp.rmb.pts.extkey">
        <c-fullbox>
          <c-input
            @keyup.enter.native="showGridPromptDialog('brdgrp.rmb.pts.extkey')"
            v-model="model.brdgrp.rmb.pts.extkey"
            maxlength="16"
            placeholder="请输入地址编号"
          ></c-input>

          <template slot="footer">
            <c-button size="small" type="primary" @click="onBebpDet">
              详情
            </c-button>
          </template>
        </c-fullbox>
      </el-form-item>
    </c-col>
    <c-col :span="24">
        <el-form-item label="地址信息" prop="brdgrp.rmb.pts.adrblk">
          <c-input
            :rows="4"
            type="textarea"
            v-model="model.brdgrp.rmb.pts.adrblk"
            maxlength="135"
            show-word-limit
            placeholder="请输入地址信息"
          ></c-input>
        </el-form-item>
      </c-col>
      
      <c-col :span="24">
        <el-form-item label="账户行" prop="brdgrp.acb.pts.extkey">
          <c-fullbox>
            <c-input
              @keyup.enter.native="
                showGridPromptDialog('brdgrp.acb.pts.extkey')
              "
              v-model="model.brdgrp.acb.pts.extkey"
              maxlength="16"
              placeholder="请输入地址编号"
            ></c-input>

            <template slot="footer">
              <c-button size="small" type="primary" @click="onBebpDet">
                详情
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="地址信息" prop="brdgrp.acb.pts.adrblk">
          <c-input
            :rows="4"
            type="textarea"
            v-model="model.brdgrp.acb.pts.adrblk"
            maxlength="135"
            show-word-limit
            placeholder="请输入地址信息"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
      <el-form-item label="付款日期" prop="brdgrp.rec.totdat">
        <c-date-picker
          type="date"
          v-model="model.brdgrp.rec.totdat"
          style="width: 100%"
          placeholder="请选择日期"
        ></c-date-picker>
      </el-form-item>
    </c-col>
    </el-col>

    <!-- right -->
    <el-col :span="12" class="col-right">
      <c-col :span="24">
        <el-form-item
          label="77A场内容"
          prop="brdgrp.blk.nartxt77a"
        >
          <c-input
            :rows="23"
            type="textarea"
            v-model="model.brdgrp.blk.nartxt77a"
            maxlength="700"
            show-word-limit
            placeholder="请输入MT754 77A场内容"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="受益人银行" prop="brdgrp.beb.pts.extkey">
          <c-fullbox>
            <c-input
              @keyup.enter.native="
                showGridPromptDialog('brdgrp.beb.pts.extkey')
              "
              v-model="model.brdgrp.beb.pts.extkey"
              maxlength="16"
              placeholder="请输入地址编号"
            ></c-input>

            <template slot="footer">
              <c-button size="small" type="primary" @click="onBebpDet">
                详情
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>
       <c-col :span="24">
        <el-form-item label="地址信息" prop="brdgrp.beb.pts.adrblk">
          <c-input
           :rows="4"
            type="textarea"
            v-model="model.brdgrp.beb.pts.adrblk"
            maxlength="135"
            show-word-limit
            placeholder="请输入地址信息"
          ></c-input>
        </el-form-item>
      </c-col>
    </el-col>

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

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