Drv.vue

<template>
  <div class="eibs">
    <!-- ======================= 第4部分 Main Part of this transaction ========================= -->
    <c-col :span="24" >

      <!-- ======================= 左边 ========================= -->
      <c-col :span="12" style="padding-right: 20px">

        <c-col :span="24">
          <c-col :span="12">
            <!-- Document Amount 单据名义金额-->
            <el-form-item label="Document Amount" prop="bedgrp.cbs.max.cur">
              <c-select-cur v-model="model.bedgrp.cbs.max.cur" style="width: 100%" placeholder="请选择币种"
                        @keyup.enter.native="maxCurEvent"
                        dbCode="curtxt" sort="SRT"
                        disabled>
              </c-select-cur>
            </el-form-item>
          </c-col>
          <c-col :span="12">
            <el-form-item label="" label-width="5px" prop="bedgrp.cbs.max.amt">
              <c-input-currency
                      v-model="model.bedgrp.cbs.max.amt"
                      style="text-align: left; width: 100%"
                      class="m-input-currency"
                      placeholder="请输入单据名义金额"
              ></c-input-currency>
            </el-form-item>
          </c-col>
        </c-col>

        <c-col :span="24">
          <c-col :span="12">
            <!-- Document Amount 单据名义金额-->
            <el-form-item label="Original Document Amount" prop="oldbedgrp.cbs.max.cur">
              <c-select-cur v-model="model.oldbedgrp.cbs.max.cur" style="width: 100%" placeholder="请选择币种"
                        @keyup.enter.native="maxCurEvent"
                        dbCode="curtxt" sort="SRT"
                        disabled>
              </c-select-cur>
            </el-form-item>
          </c-col>
          <c-col :span="12">
            <el-form-item label="" label-width="5px" prop="oldbedgrp.cbs.max.amt">
              <c-input-currency
                      v-model="model.oldbedgrp.cbs.max.amt"
                      style="text-align: left; width: 100%"
                      class="m-input-currency"
                      placeholder="请输入单据名义金额"
                      disabled
              ></c-input-currency>
            </el-form-item>
          </c-col>
        </c-col>

        <c-col :span="24">
          <c-col :span="12">
            <el-form-item label="Drawn Add. Amount" prop="bedgrp.cbs.max2.cur">
              <c-select-cur
                      v-model="max2cur"
                      style="width: 100%"
                      placeholder=""
                      dbCode="curtxt" sort="SRT"
                      disabled
              ></c-select-cur>
            </el-form-item>
          </c-col>
          <c-col :span="12">
            <el-form-item label="" label-width="5px" prop="bedgrp.cbs.max2.amt">
              <c-input-currency
                      v-model="model.bedgrp.cbs.max2.amt"
                      placeholder=""
                      disabled
              ></c-input-currency>
            </el-form-item>
          </c-col>
        </c-col>


        <c-col :span="24">

          <!-- Received on 到单日期-->
          <c-col :span="24">
            <el-form-item label="Received on" prop="bedgrp.rec.rcvdat">
              <c-date-picker type="date" v-model="model.bedgrp.rec.rcvdat" style="width: 100%"
                             placeholder=""
                             value-format="yyyy-MM-dd"
                             @change="rcvdatChange"
                             :disabled="model.bedgrp.rec.doctypcod ==='E'"
              >

              </c-date-picker>
            </el-form-item>
          </c-col>

          <!-- Date of Shipment, 装运日期 -->
          <c-col :span="24">
            <el-form-item label="Shipped on" prop="bedgrp.rec.shpdat">
              <c-date-picker type="date" v-model="model.bedgrp.rec.shpdat" style="width: 100%"
                             placeholder=""
                             value-format="yyyy-MM-dd"></c-date-picker>
            </el-form-item>
          </c-col>

        </c-col>

        <c-col :span="24">
          <!-- Presented on 交单日期 -->
 <!--         <c-col :span="24">
            <el-form-item label="Presented on" prop="bedgrp.rec.predat">
              <c-date-picker type="date" v-model="model.bedgrp.rec.predat" style="width: 100%"
                             placeholder=""
                             value-format="yyyy-MM-dd" :disabled="true"></c-date-picker>
            </el-form-item>
          </c-col>-->
          <!-- Maturity Date, 到期日 -->
          <c-col :span="24">
            <el-form-item label="Maturity Date" prop="bedgrp.rec.matdat">
              <c-date-picker type="date" v-model="model.bedgrp.rec.matdat" style="width: 100%" placeholder=""
                             value-format="yyyy-MM-dd"
                             :disabled="model.bedgrp.blk.matper != '' || model.bedgrp.rec.doctypcod == 'P'">
              </c-date-picker>
            </el-form-item>
          </c-col>
        </c-col>

        <!-- Maturity Period, 到期期限 -->
        <c-col :span="24">
          <el-form-item label="Maturity Period" prop="bedgrp.blk.matper">
            <c-input type="textarea" v-model="model.bedgrp.blk.matper" maxlength="65" show-word-limit
                     placeholder=""
                     :disabled="model.bedgrp.rec.matdat != null && model.bedgrp.rec.matdat != '' || model.bedgrp.rec.doctypcod == 'P'">
            </c-input>
          </el-form-item>
        </c-col>

      </c-col>


      <!-- ======================右边====================== -->
      <c-col :span="12" style="padding-left: 20px">

        <!-- Payer , 付款人-->
        <c-col :span="24">
          <el-form-item label="Payer" prop="bedgrp.rec.payrol">
            <c-select v-model="model.bedgrp.rec.payrol" style="width: 100%" placeholder=""
                      dbCode="ROLALL"
                      :filterKey="payrolFilter"
                      @change="payrolChange"
            >
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <c-ptap
                  :model="model"
                  :argadr="{title: 'Payer', grp: 'bedgrp',rol: 'oth',}"
                  :haveAdrLabel="true"
                  :isAdrblk="true"
                  bchinr="00000036"
                  :disabled="model.bedgrp.rec.payrol !='OTH'"
                  :disabledRef="model.bedgrp.rec.payrol != 'OTH'"
                  :disabledExtkey="model.bedgrp.rec.payrol != 'OTH'"
                  ptytyp="B"
									:isLabel120="false"
          >
          </c-ptap>

        </c-col>

        <!-- Presented by , 交单行-->
                <c-col :span="24">
                  <el-form-item label="Presented by" prop="bedgrp.rec.docprbrol">
                    <c-select v-model="model.bedgrp.rec.docprbrol" style="width: 100%" placeholder=""
                              dbCode="ROLALL"
                              :filterKey="['BEN','PRB']"
                              @change="docprbrolChange"
                    >
                    </c-select>
                  </el-form-item>
                </c-col>

                <c-col :span="24">
                  <c-ptap :model="model"
                          :argadr="{title: '',grp: 'bedgrp',rol: 'prb',}"
                          :disabled="model.bedgrp.rec.docprbrol == 'BEN'"
                          :disabled-extkey="model.bedgrp.rec.docprbrol == 'BEN'"
                          :disabled-ref="model.bedgrp.rec.docprbrol == 'BEN'"
                          ptytyp="C"
						  :isLabel120="false"
                          :charmod="0"
              >
                  </c-ptap>

                </c-col>

      </c-col>

    </c-col>

  </div>
</template>
<script>
import event from "../event";
import Utils from '~/utils'
import Default from "../model/default"

export default {
  components: {  },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event,Default],
  data() {
    return {};
  },
  methods: {
    
  },
  computed: {
    maxcur(){
      this.model.bedgrp.cbs.max.cur = this.model.ledgrp.cbs.nom1.cur;
      this.model.bedgrp.cbs.opn1.cur =  this.model.bedgrp.cbs.max.cur;
      return this.model.bedgrp.cbs.max.cur;
    },

    max2cur(){
      this.model.bedgrp.cbs.max2.cur = this.model.ledgrp.cbs.nom1.cur
      return this.model.bedgrp.cbs.max2.cur
    },

    payrolFilter: {
      get() {
        let rmbrolArray =[];
        if(this.model.ledgrp.adv.pts.ptainr!=''){
          rmbrolArray.push("ADV")
        }
        if(this.model.ledgrp.avb.pts.ptainr!=''){
          rmbrolArray.push("AVB")
        }
        if(this.model.ledgrp.iss.pts.ptainr!=''){
          rmbrolArray.push("ISS")
        }
        if(this.model.ledgrp.con.pts.ptainr!=''){
          rmbrolArray.push("CON")
        }

        rmbrolArray.push("OTH");


        return rmbrolArray;
      }
    },
  },
  created () { },
};
</script>
<style>
.span_oridoclab {
  margin-right: 30px;
  height: 24px;
  color: #606266;
  line-height: 24px;
  font-size: 12px;
  float: right;
  text-align: right;
}
</style>