Canp.vue

<template>
  <div class="eibs">
    <!-- =================左边============== -->
    <c-col :span="12" style="padding-right: 20px">
      <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"><i class="el-icon-info"></i></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>
          </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 :span="24">
        <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>

    <!-- =================右边====================== -->
    <c-col :span="12" style="padding-left: 20px">
      <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="汇款人" 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 :span="24" class="">
        <el-form-item prop="sndsmg" label-width="120px" style=" float:left;">
          <c-checkbox
            v-model="model.sndsmg"
            >发送报文</c-checkbox
          >
        </el-form-item>
      </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: "汇入汇款", value: "I" },
        { label: "汇出汇款", value: "O" },
        { label: "过境汇款", value: "T" },
      ],
    };
  },
  methods: { ...Event },
  created: function () {},
};
</script>
<style>
</style>