Fktj.vue 4.92 KB
<template>
  <div class="eibs-tab">

    <!-- ==================左边================ -->
    <c-col :span="12" style="padding-right: 20px">
      <c-col :span="24">
        <el-form-item label="付款人" prop="fkr">
          <c-input v-model="model.fkr" maxlength="40" placeholder="请输入付款人"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="付款账号" prop="fkzh">
          <c-input v-model="model.fkzh" maxlength="40" placeholder="请输入付款账号"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="付款行行名" prop="fkhnam">
          <c-input  v-model="model.fkhnam" maxlength="40" placeholder="请输入付款行行名"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="付款行行号" prop="fkhnum">
          <c-input  v-model="model.fkhnum" maxlength="35" placeholder="请输入付款行行号"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="付款日" prop="qxr">
          <c-date-picker type="date" v-model="model.qxr" style="width:100%" placeholder="请选择付款日"></c-date-picker>
        </el-form-item>
      </c-col>



      <c-col :span="24">
        <el-form-item label="附言:寄单编号" prop="jdhbh">
          <c-input v-model="model.jdhbh" maxlength="40" placeholder="请输入寄单行编号"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="附言:信用证编号:" prop="xyzbh">
          <c-input v-model="model.xyzbh" maxlength="40" placeholder="请输入信用证编号"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="付款类型" prop="bddgrp.rec.paytyp" :rules="[{required:model.didgrp.rec.elcflg=='Y'&&!paytypflg,message:'必输项'}]">
          <c-select :disabled="paytypflg" dbCode="ELC018" v-model="model.bddgrp.rec.paytyp" style="width:100%" placeholder="请选择付款类型">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="清算方式" prop="bddgrp.rec.clrmtd" :rules="[{required:!clrmtdflg,message:'必输项'}]">
          <c-select :disabled="clrmtdflg" dbCode="CLRMTD" uil="CN" v-model="model.bddgrp.rec.clrmtd" style="width:100%" placeholder="请选择清算方式" @change="clrmtdChange">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="付款方式" prop="fkfs" :rules="[{required:model.bddgrp.rec.clrmtd=='OFLN',message:'必输项'}]">
          <c-select :disabled="model.bddgrp.rec.clrmtd!='OFLN'" dbCode="FKFS" uil="CN" v-model="model.fkfs" style="width:100%" >
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="备注" prop="bddgrp.blk.setrmk">
          <c-input type="textarea" v-model="model.bddgrp.blk.setrmk" maxlength="650" show-word-limit placeholder="请输入备注"></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="skr">
          <c-input v-model="model.skr" maxlength="40" placeholder="请输入收款人"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="收款帐号" prop="skzh">
          <c-input v-model="model.skzh" maxlength="35" placeholder="请输入收款行帐号"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-ptap-itebank :model="model" :argadr="{bankTitle: '收款行行号',nameTitle:'收款行行名',bankModel:'skhnum',nameModel:'khh'}" :disabledBankno="false" :isShowCard="false"></c-ptap-itebank>
      </c-col>

      <c-col :span="24">
          <el-form-item label="国内证落款" prop="advnam">
            <c-input v-model="model.advnam" maxlength="50" placeholder="请输入国内证落款"></c-input>
          </el-form-item>
        </c-col>
    </c-col>
  </div>
</template>
<script>
import event from "../event";
import moment from 'moment';

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {};
  },
  methods: {},
  computed: {
    paytypflg() {
      if(this.model.bddgrp.rec.credat!=""&&moment(this.model.bddgrp.rec.credat).diff(moment("2020-06-05").toDate(), 'days') <= 0){
        	return true;
      }
      return false;
    },
    clrmtdflg() {
      if(this.model.bddgrp.rec.credat!=""&&moment(this.model.bddgrp.rec.credat).diff(moment("2020-06-05").toDate(), 'days') <= 0){
        return true;
      }
      else{
        if(this.model.didgrp.rec.elcflg=="Y"){
           return false;
        }
        else{
          return true;
        }
      }
    },
  },
  created() {},
};
</script>
<style>
</style>