Opnp1.vue 8.39 KB
<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 :disabled="this.model.spt.inr!=''&&this.model.spt.sta=='FMT'&&this.model.cpdgrp.rec.sysno!=''" 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" sort="SRT" :expKey="['CNY']" :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>
        <!-- S0000179 : 业务种类 -->
        <c-col :span="24" v-if="this.model.attp.ywlxdm=='A100'">
          <el-form-item label="业务种类" prop="attp.bustyp">
            <c-select placeholder="请选择业务种类" :isShowKeyAndLabel="true" style="width:100%" v-model="model.attp.bustyp" dbCode="HBSTYP" :filterKey="['09101','09102','09103','09104','09105','09106','09107','09001']" uil="CN" sort="SRT" >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24" v-if="this.model.attp.ywlxdm=='A200'">
          <el-form-item label="业务种类" prop="attp.bustyp">
            <c-select disabled placeholder="请选择业务种类" :isShowKeyAndLabel="true" style="width:100%" v-model="model.attp.bustyp" dbCode="HBSTYP" :filterKey="['09110']" uil="CN" sort="SRT" >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24" v-if="this.model.attp.ywlxdm=='A311'">
          <el-form-item label="业务种类" prop="attp.bustyp">
            <c-select disabled placeholder="请选择业务种类" :isShowKeyAndLabel="true" style="width:100%" v-model="model.attp.bustyp" dbCode="HBSTYP" :filterKey="['09108']" uil="CN" sort="SRT" >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24" v-if="this.model.attp.ywlxdm=='A105'">
          <el-form-item label="业务种类" prop="attp.bustyp">
            <c-select disabled placeholder="请选择业务种类" :isShowKeyAndLabel="true" style="width:100%" v-model="model.attp.bustyp" dbCode="HBSTYP" :filterKey="['02108']" uil="CN" sort="SRT">
            </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" style="width:100%" :isShowKeyAndLabel="true" 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>
        <c-col :span="24">
          <el-form-item label="汇款人账户性质" prop="attp.acctyp" :rules="(model.cpdgrp.rec.swftyp == '111') ? [{required: true,message: '必输项'}] : [{required: false}]">
            <c-select v-model="model.attp.acctyp" style="width:100%" placeholder="请选择汇款人账户性质" dbCode="ACTPRO" uil="CN" sort="SRT" :disabled="model.cpdgrp.rec.swftyp == '112'" :filterKey="['1000','1101','1104','1202','1602','1603','2101','2102','2103','2104','2108','2109','2110','2111','2112','2113','2202','2301','2302','2303','2403','2410','2412','2416','2417','2418','2421','2499','3300','3400','3601','3603','3604','3605','3606','4200','4600']">
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="解付日期" prop="cpdgrp.rec.opndat">
            <c-date-picker type="date" v-model="model.cpdgrp.rec.opndat" style="width:100%" placeholder="请输入解付日期"></c-date-picker>
          </el-form-item>
        </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%" placeholder="请输入起息日"></c-date-picker>
          </el-form-item>
        </c-col> -->
        <c-col :span="24" v-if="this.model.cpdgrp.rec.swftyp != '112'&&this.model.attp.ywlxdm!= 'A105'">
          <el-form-item label="费用承担方" prop="cpdgrp.rec.detchgcod">
            <c-select :disabled="model.attp.ywlxdm=='A100'" placeholder="请输入费用类型" style="width:100%" v-model="model.cpdgrp.rec.detchgcod" dbCode="FEECOD" uil="CN" :filterKey="['SHA','BEN','OUR']" @change="feetypChange" :isShowKeyAndLabel="true">
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="业务类型" prop="attp.ywlxdm">
            <c-select placeholder="请输入业务类型" style="width:100%" @change="changeYwlxdm" v-model="model.attp.ywlxdm" dbCode="YWLXDM" :filterKey="model.cpdgrp.rec.swftyp == '111'?['A100','A311','A105']:['A200','A311','A105']" uil="CN" sort="SRT" :isShowKeyAndLabel="true">
            </c-select>
          </el-form-item>
        </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" true-label="X" false-label=""></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", "rules"],
  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;
        }
      }
    },
    "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>