Ovwp1.vue 8.96 KB
<template>
  <div class="eibs-tab">
    <!-- ====================左边======================= -->
    <c-col :span="12" style="padding-right: 20px;">
     <c-col :span="24">
        <el-form-item label="Reference" prop="bcdgrp.rec.ownref" style="width: 100%">
          <c-fullbox>
            <c-input v-model="model.bcdgrp.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.bcdgrp.dre.pts.ptainr == ''"
                @click="queryOwnref">
                获取
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Remitting Bank Reference" prop="bcdgrp.rmi.pts.ref" style="width: 100%">
          <c-input style="width: 100%" v-model="model.bcdgrp.rmi.pts.ref" maxlength="16" placeholder=""></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Contract No." prop="bcdgrp.dre.pts.ref" style="width: 100%">
          <c-input style="width: 100%" v-model="model.bcdgrp.dre.pts.ref" maxlength="16" placeholder=""></c-input>
        </el-form-item>
      </c-col>
      
      <c-col :span="24">
        <el-form-item label="Invoice No." prop="bcdgrp.rec.invref" style="width: 100%">
          <c-input style="width: 100%" v-model="model.bcdgrp.rec.invref" maxlength="35" placeholder="" @change="changeInvoinceno"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24" class="custom-box-wrap">
          <el-form-item label="Document Amount" prop="bcdgrp.cbs.max.cur">
            <c-select-cur dbCode="CURTXT"
              sort="SRT"
              placeholder="请选择币种"
              style="width: 115px"
              v-model="model.bcdgrp.cbs.max.cur"
              @change="changeMaxCur"
              ></c-select-cur>
          </el-form-item>
        <div class="box-3">
          <el-form-item label-width="5px" prop="bcdgrp.cbs.max.amt">
            <c-input-currency
              :currency="model.bcdgrp.cbs.max.cur"
              placeholder="请选择金额"
              style="width: 100%;"
              v-model="model.bcdgrp.cbs.max.amt"
              @change="changeMaxAmt"
              ></c-input-currency>
          </el-form-item>
        </div>
      </c-col>

      <c-col :span="24" class="custom-box-wrap">
          <el-form-item label="Open Amount" prop="bcdgrp.cbs.opn1.cur">
            <c-select-cur dbCode="CURTXT"
              disabled
              sort="SRT"
              placeholder="请选择币种"
              style="width: 115px;"
              v-model="model.bcdgrp.cbs.opn1.cur"
              @change="changeMaxCur"
              ></c-select-cur>
          </el-form-item>
        <div class="box-3">
          <el-form-item label-width="5px" prop="bcdgrp.cbs.opn1.amt">
            <c-input-currency
              disabled
              :currency="model.bcdgrp.cbs.opn1.cur"
              placeholder="请选择金额"
              style="width: 100%;"
              v-model="model.bcdgrp.cbs.opn1.amt"
              ></c-input-currency>
          </el-form-item>
        </div>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Docs received on" prop="bcdgrp.rec.rcvdat">
          <c-date-picker type="date" v-model="model.bcdgrp.rec.rcvdat" style="width: 100%" placeholder="请选择收单日期" @change="changeRcvdat"></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Date of Remittance Lt." prop="bcdgrp.rec.predat">
          <c-date-picker type="date" v-model="model.bcdgrp.rec.predat" style="width: 100%" placeholder="请选择托收行寄单日"></c-date-picker>
        </el-form-item>
      </c-col>
    </c-col>

    <!-- ========================右边======================= -->
    <c-col :span="12" style="padding-left: 20px;">
      <c-col :span="24">
        <el-form-item label="Responsible User" prop="bcdgrp.rec.ownusr" style="width: 100%">
          <c-input style="width: 100%" v-model="model.bcdgrp.rec.ownusr" maxlength="16" placeholder="请输入客户经理编号" disabled></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Collection Condition" prop="bcdgrp.rec.doctypcod">
          <c-select v-model="model.bcdgrp.rec.doctypcod" style="width: 100%" placeholder="请选择交单条件" dbCode='DOCTYP' :filterKey="['P', 'A','D', 'M']" :isShowKey="false" @change="changeDoctypcod"> <!-- @change="getColins('bcdgrp.rec.doctypcod')" -->
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Maturity Date" prop="bcdgrp.rec.matdat">
          <c-date-picker type="date" v-model="model.bcdgrp.rec.matdat" value-format="yyyy-MM-dd" style="width: 100%" placeholder="请选择单据到期日" :disabled="model.bcdgrp.rec.doctypcod === 'P'"></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="Tenor Specification" prop="bcdgrp.rec.matpercnt">
            <c-input-number :min="0" :max="999" v-model.number="model.bcdgrp.rec.matpercnt" placeholder="请输入单据期限" :disabled="model.bcdgrp.rec.doctypcod === 'P'"></c-input-number>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label="" label-width="10px" prop="bcdgrp.rec.matpertyp">
            <c-select v-model="model.bcdgrp.rec.matpertyp" style="width: 100%" placeholder="请选择" 
                      dbCode="MATPER" :filterKey="['D']" uil="EN"
                      :disabled="model.bcdgrp.rec.doctypcod === 'P'"></c-select>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Tenor Starting from" prop="bcdgrp.rec.matperbeg">
          <c-select v-model="model.bcdgrp.rec.matperbeg" style="width: 100%" placeholder="请选择单据期限起算日" dbCode="MATBEG" :isShowKey="false" uil="EN" :disabled="model.bcdgrp.rec.doctypcod === 'P'">
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Maturity Text" prop="bcdgrp.blk.bcgdet" class="mattxtFont">
          <c-input type="textarea" v-model="model.bcdgrp.blk.bcgdet" placeholder="请输入到期文本" :rows="1" maxlength="90" :disabled="!this.model.bcdgrp.blk.bcgdetflg" @change="changeBcgdet"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="" prop="bcdgrp.blk.bcgdetflg">
            <c-checkbox true-label="X" false-label="" class="checkbox-left" v-model="model.bcdgrp.blk.bcgdetflg">Maturity Text modified
            </c-checkbox>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="申报类型" prop="bctp.sblx">
            <c-select v-model="model.bctp.sblx" style="width: 100%" placeholder="请选择申报类型" dbCode='SZFLG' @change="changeSblx">
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label="款项去向" prop="bctp.acttyp">
            <c-select v-model="model.bctp.acttyp" style="width: 100%" placeholder="请选择款项去向" dbCode="PAYDIR" :disabled="this.model.bctp.sblx !== '1'">
            </c-select>
          </el-form-item>
        </c-col>

        <!-- <c-col :span="12">
          <el-form-item label="适用业务类型" prop="appbt">
            <c-select v-model="model.appbt" style="width: 100%" :code="apptp">
            </c-select>
          </el-form-item>
        </c-col> -->
      </c-col>
    </c-col>
  </div>
</template>
<script>
import event from "../event";

export default {
  components: {
  },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  watch: {
  },

  data() {
    return {
      docgrd: {
      },
      // apptp: [
      //   { label: "货物贸易", value: "01" },
      //   { label: "服务贸易", value: "02" },
      //   { label: "收益与经常转移", value: "03" },
      //   { label: "境外直接投资", value: "04" },
      //   { label: "境内直接投资", value: "05" },
      //   { label: "跨境担保", value: "06" },
      //   { label: "企业境外放款", value: "07" },
      //   { label: "外债", value: "08" },
      //   { label: "境外贷款", value: "09" },
      //   { label: "国际贸易融资", value: "10" },
      // ],
    };
  },
  methods: {},
  computed: {
  },
  created: function() {}
};
</script>
<style lang="less" scoped>
.mattxtFont {
  margin-bottom: 0!important; 
}
</style>