Opnp1.vue

<template>
  <div class="eibs-tab">
    <c-col :span="24">
      <!-- ======================= 左边 ========================= -->
      <c-col :span="12" style="padding-right: 20px">
        <!-- 处理方式 -->
        <c-col :span="24">
          <el-form-item label="处理方式" prop="cpdgrp.rec.accmod">
            <c-select :disabled="this.model.cpdgrp.rec.accmod=='G'" v-model="model.cpdgrp.rec.accmod" style="width:100%" placeholder="请输入处理方式" :code="codes.cptmod" :filterKey="this.model.cpdgrp.rec.accmod=='G'?['G']:['0','2']">
            </c-select>
          </el-form-item>
        </c-col>
        <!-- S0000367 : 业务编号 -->
        <c-col :span="24">
          <el-form-item label="业务编号" prop="cpdgrp.rec.ownref">
            <c-fullbox>
              <c-input v-model="model.cpdgrp.rec.ownref" maxlength="16" placeholder="请输入业务编号" disabled></c-input>
              <template slot="footer">
                <c-button style="margin: 0 10px 0 10px; padding: 0 12px; height: 32px" size="small" type="primary" icon="el-icon-search">
                </c-button>
                <c-button style="margin: 0 0" size="small" type="primary" :disabled="model.cpdgrp.rec.ownref!=''" @click="getOwnref()">
                  获取
                </c-button>
              </template>
            </c-fullbox>
          </el-form-item>
        </c-col>
        <!-- SG000398 : 清算编号 -->
        <c-col :span="24">
          <el-form-item label="清算编号" prop="cpdgrp.rec.sysno">
            <c-input v-model="model.cpdgrp.rec.sysno" maxlength="21" placeholder="请输入清算编号"></c-input>
          </el-form-item>
        </c-col>

        <!-- S0000372 : 汇款金额 -->
        <c-col :span="24">
          <c-col :span="12">
            <el-form-item label="汇款金额（32A）" prop="cpdgrp.cbs.nom1.cur">
              <c-select-cur v-model="model.cpdgrp.cbs.nom1.cur" style="width:100%" placeholder="" dbCode="curtxt" :filterKey="['CNY','HKD']" :isShowKeyAndLabel="true">
              </c-select-cur>
            </el-form-item>
          </c-col>
          <c-col :span="12">
            <el-form-item label-width="5px" prop="cpdgrp.cbs.nom1.amt">
              <c-input-currency :currency="model.cpdgrp.cbs.nom1.cur" v-model="model.cpdgrp.cbs.nom1.amt" placeholder=""></c-input-currency>
            </el-form-item>
          </c-col>
        </c-col>
        <c-col :span="24">
          <el-form-item label="汇款语种" prop="cptp.payuil">
            <c-select v-model="model.cptp.payuil" style="width:100%" placeholder="请输入汇款语种" dbCode="PAYUIL">
            </c-select>
          </el-form-item>
        </c-col>
        <!-- SG000415 : 原始金额 -->
        <!-- <c-col :span="24">
          <c-col :span="12">
            <el-form-item label="原始金额（33b）" prop="cpdgrp.rec.curf33b">
              <c-select v-model="model.cpdgrp.rec.curf33b" style="width:100%" placeholder="请输入原始币种" dbCode="curtxt">
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="12">
            <el-form-item label-width="5px" prop="cpdgrp.rec.amtf33b">
              <c-input-currency :currency="model.cpdgrp.rec.curf33b" v-model="model.cpdgrp.rec.amtf33b" placeholder="请输入原始金额"></c-input-currency>
            </el-form-item>
          </c-col>
        </c-col> -->
        <!-- SG000417 : 发报行扣费金额 -->
        <!-- <c-col :span="24">
          <c-col :span="12">
            <el-form-item label="发报行扣费金额（71f）" prop="cpdgrp.rec.cur71f">
              <c-select v-model="model.cpdgrp.rec.cur71f" style="width:100%" placeholder="请输入发报行扣费金额" dbCode="curtxt">
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="12">
            <el-form-item label-width="5px" prop="cpdgrp.rec.amt71f">
              <c-input-currency :currency="model.cpdgrp.rec.cur71f" v-model="model.cpdgrp.rec.amt71f" placeholder="请输入"></c-input-currency>
            </el-form-item>
          </c-col>
        </c-col> -->
        <c-col :span="24" v-if="model.cpdgrp.rec.swftyp==''||model.cpdgrp.rec.swftyp=='CIU'">
          <el-form-item label="业务种类（CEE）" prop="cptp.bustyp">
            <c-select v-model="model.cptp.bustyp" style="width:100%" placeholder="请输入业务种类" dbCode="CBUTYP" uil="CN" :filterKey="['GODX','STRX','CTFX','OTFX']">
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24" v-if="model.cpdgrp.rec.swftyp=='CIV'||model.cpdgrp.rec.swftyp=='CIVCOV'">
          <el-form-item label="业务种类（CEE）" prop="cptp.bustyp">
            <c-select v-model="model.cptp.bustyp" style="width:100%" placeholder="请输入业务种类" dbCode="CBUTYP" uil="CN">
            </c-select>
          </el-form-item>
        </c-col>

      </c-col>
      <!-- ======================= 右边 ========================= -->
      <c-col :span="12" style="padding-left: 20px">
        <!-- SG000405 : 汇款性质 -->
        <c-col :span="24">
          <el-form-item label="汇款性质" prop="cpdgrp.rec.trntyp">
            <c-select v-model="model.cpdgrp.rec.trntyp" :isShowKeyAndLabel="true" style="width:100%" placeholder="请输入汇款性质" dbCode="CTRTYE" uil="CN" sort="SRT" :filterKey="['01','02','03','04','05','06','07','08','09','10']">
            </c-select>
          </el-form-item>
        </c-col>
        <!-- SG000818 : Uetr -->
        <!-- 需要CIPS增加接口 -->
        <!-- <c-col :span="24">
          <el-form-item label="Uetr" prop="cptp.uetr">
            <c-fullbox>
              <c-input v-model="model.cptp.uetr" maxlength="40" placeholder="请输入Uetr"></c-input>
              <template slot="footer">
                <c-button size="small" type="primary" @click="getUetr">
                  获取
                </c-button>
              </template>
            </c-fullbox>
          </el-form-item>
        </c-col> -->
        <c-col :span="24">
          <el-form-item label="端到端标识号（DDD）" prop="cipmod.dddbsh">
            <c-input disabled v-model="model.cipmod.dddbsh" maxlength="21" placeholder=""></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="解付日期" prop="cpdgrp.rec.paydat">
            <c-date-picker type="date" v-model="model.cpdgrp.rec.paydat" style="width:100%" placeholder="请输入解付日期"></c-date-picker>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="起息日（30A）" prop="cpdgrp.rec.valdat">
            <c-date-picker type="date" v-model="model.cpdgrp.rec.valdat" style="width:100%" placeholder="请输入起息日"></c-date-picker>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="费用承担方（FYCD）" prop="cpdgrp.rec.detchgcod">
            <c-select placeholder="请选择费用承担方" style="width:100%" v-model="model.cpdgrp.rec.detchgcod" @change="feetypChange"  dbCode="FEECOD" uil="CN" sort="SRT" :filterKey="['DEBT','CRED','SHAR','SLEV']" :isShowKeyAndLabel="true">
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <c-col :span="12">
            <el-form-item label="国外费用（FEY1+FEY2）" prop="cpdgrp.rec.feecur">
              <c-select-cur v-model="model.cpdgrp.rec.feecur" style="width:100%" placeholder="请输入国外费用币种" dbCode="curtxt" :isShowKeyAndLabel="true">
              </c-select-cur>
            </el-form-item>
          </c-col>
          <c-col :span="12">
            <el-form-item label="" label-width="5px" prop="cpdgrp.rec.feeamt">
              <c-input-currency :currency="model.cpdgrp.rec.feecur" v-model="model.cpdgrp.rec.feeamt" placeholder="请输入国外费用金额"></c-input-currency>
            </el-form-item>
          </c-col>
        </c-col>

        <c-col :span="24">
          <el-form-item label="同名划转" prop="cpdgrp.rec.tsnflg" class="checkbox-left">
            <c-checkbox v-model="model.cpdgrp.rec.tsnflg"></c-checkbox>
          </el-form-item>
        </c-col>
      </c-col>
    </c-col>
  </div>
</template>
<script>
import event from "../../event";
import Default from "../../model/default";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event, Default],
  data() {
    return {};
  },
  methods: {},
  created() {},
  watch: {
    "model.cpdgrp.cbs.nom1.cur": {
      immediate: true,
      handler(newVal) {
        if (newVal) {
          this.model.cpdgrp.cbs.max.cur = newVal;
          this.model.cpdgrp.rec.feecur = newVal;
        }
      }
    },
    "model.cpdgrp.cbs.nom1.amt": {
      immediate: true,
      handler(newVal) {
        if (newVal) {
          this.model.cpdgrp.cbs.max.amt = newVal;
        }
      }
    }
  }
};
</script>
<style scoped lang="less">
.box-card {
  margin-bottom: 10px;
  /deep/ .el-form-item--mini.el-form-item,
  .el-form-item--small.el-form-item {
    margin-bottom: 10px;
  }
  /deep/ .el-card__body {
    padding: 10px 10px 10px 0px;
  }
}
.el-textarea .el-textarea__inner {
  height: 100px;
}
</style>