Canp.vue

<template>
  <div class="eibs-tab">
    <!-- =================左边============== -->
    <c-col :span="11">
      <c-col :span="24">
        <el-form-item label="汇款编号" prop="cpdgrp.rec.ownref">
          <c-fullbox>
            <c-input v-model="model.cpdgrp.rec.ownref" disabled></c-input>
            <template slot="footer">
              <c-button type="primary"><span style="font-family: '宋体'; font-weight: bold">i</span></c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-col :span="13">
          <el-form-item label="付款额" prop="cpdgrp.cbs.nom1.cur">
            <c-input v-model="model.cpdgrp.cbs.nom1.cur" disabled></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="11">
          <el-form-item style="text-align: left" label-width="5px" prop="cpdgrp.cbs.nom1.amt">
            <c-input-currency v-model="model.cpdgrp.cbs.nom1.amt" style="text-align: left; width: 100%"
              placeholder="请输入汇款金额" disabled></c-input-currency>
            <!-- @keyup.enter.native="
                defaultFunction(
                  'cpdgrp.cbs.nom1.amt',
                  model.cpdgrp.cbs.nom1.amt
                )
              " -->
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <c-col :span="13">
          <el-form-item label="收款额" prop="cpdgrp.cbs.max.cur">
            <c-input v-model="model.cpdgrp.cbs.max.cur" disabled></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="11">
          <el-form-item style="text-align: left" label-width="5px" prop="cpdgrp.cbs.max.amt">
            <c-input-currency v-model="model.cpdgrp.cbs.max.amt" style="text-align: left; width: 100%"
              placeholder="请输入汇款金额" disabled @keyup.enter.native="
                defaultFunction(
                  'cpdgrp.cbs.nom1.amt',
                  model.cpdgrp.cbs.nom1.amt
                )
              "></c-input-currency>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <el-form-item label="有效期" prop="cpdgrp.rec.valdat">
          <c-date-picker type="date" v-model="model.cpdgrp.rec.valdat" style="width: 100%" disabled></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="支付类型" prop="cpdgrp.rec.paytyp">
          <c-select v-model="model.cpdgrp.rec.paytyp" style="width:100%" disabled>
            <el-option v-for="item in paytyp" :key="item.value" :value="item.value" :label="item.label"></el-option>
          </c-select>
        </el-form-item>
      </c-col>
    </c-col>
    <!-- =================右边====================== -->
    <c-col :span="11" :offset="1">
      <c-col :span="24">
        <el-form-item label="简略信息" prop="cpdgrp.rec.nam">
          <c-input v-model="model.cpdgrp.rec.nam" disabled></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Ordering Customer" prop="cpdgrp.orc.pts.nam">
          <c-input type="textarea" v-model="model.cpdgrp.orc.pts.nam" disabled></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="汇款行" prop="cpdgrp.ori.pts.nam">
          <c-input type="textarea" v-model="model.cpdgrp.ori.pts.nam" disabled></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="支付行" prop="cpdgrp.pyb.pts.pts">
          <c-input type="textarea" v-model="model.cpdgrp.pyb.pts.pts" disabled></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="收款人" prop="cpdgrp.pye.pts.nam">
          <c-input type="textarea" v-model="model.cpdgrp.pye.pts.nam" disabled></c-input>
        </el-form-item>
      </c-col>
    </c-col>

    <c-col :span="24">
      <c-col :span="11">
        <el-form-item label="叙述内容" prop="strinf">
          <c-input type="textarea" v-model="model.strinf" rows="4"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="6" :offset="1">
        <c-checkbox v-model="model.sndsmg">发送消息</c-checkbox>
      </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/Cptcan/Event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
      paytyp: [
        { label: "Incoming Payment", value: "I" },
        { label: "Outgoing Payment", value: "O" },
        { label: "Transit Payment", value: "T" },
      ]
    };
  },
  methods: { ...Event },
  created: function () { },
};
</script>
<style>

</style>