Ovwp1.vue 13 KB
<template>
  <div class="eibs-tab">
    <!-- ==================左边================ -->
    <c-col :span="12" style="padding-right: 20px;">
      <c-col :span="24">
        <el-form-item label="业务编号" prop="didgrp.rec.ownref">
          <c-fullbox>
            <c-input disabled maxlength="16" placeholder="请输入业务编号" v-model="model.didgrp.rec.ownref"></c-input>
            <template slot="footer">
              <c-button :disabled="ownrefDisabled" size="small" style="margin: 0 0" type="primary" @click="queryOwnref">
                获取
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="经办柜员" prop="didgrp.rec.ownusr">
          <c-input v-model="model.didgrp.rec.ownusr" disabled maxlength="8" placeholder="请输入经办柜员"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <div class="custom-box-wrap">
          <div style="width: 280px;">
            <el-form-item label="信用证金额" prop="didgrp.cbs.nom1.cur">
              <c-select dbCode="curtxt" disabled isShowKeyAndLabel placeholder="请选择信用证金额" style="width: 100%" v-model="model.didgrp.cbs.nom1.cur">
              </c-select>
            </el-form-item>
          </div>
          <div style="width: calc(100% - 280px);">
            <el-form-item label-width="5px" prop="didgrp.cbs.nom1.amt">
              <c-input-currency :currency="model.didgrp.cbs.nom1.cur" @keyup.enter.native="$event.target.blur()" placeholder="请输入信用证金额" style="width: 100%" v-model="model.didgrp.cbs.nom1.amt" @change="smallToBig"></c-input-currency>
            </el-form-item>
          </div>
        </div>
      </c-col>
      <c-col :span="24">
        <el-form-item label="大写金额" prop="ditp.amt">
          <c-input v-model="model.ditp.amt" disabled placeholder="请输入大写金额"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <div class="custom-box-wrap">
          <div style="width: 280px;">
            <el-form-item label="溢短装+/-" prop="didgrp.rec.nomtop">
              <c-input-currency :maxlength='9' :precision='5'  @change="nomtopChange" v-model="model.didgrp.rec.nomtop" placeholder="请输入上下浮动限额 +/-"></c-input-currency>
            </el-form-item>
          </div>
          <div style="width: 200px;">
            <el-form-item label="/" label-width="40px" prop="didgrp.rec.nomton">
              <c-input-currency :maxlength='9' :precision='5'  @change="nomtonChange" v-model="model.didgrp.rec.nomton" placeholder=""></c-input-currency>
            </el-form-item>
          </div>
          <div>
            <el-form-item label="%" label-width="40px">
            </el-form-item>
          </div>
        </div>
      </c-col>
      <c-col :span="24">
        <div class="custom-box-wrap">
          <div style="width: 280px;">
            <el-form-item label="信用证最大金额" prop="didgrp.cbs.max.cur">
              <c-select dbCode="curtxt" disabled isShowKeyAndLabel placeholder="请选择信用证最大金额" style="width: 100%" v-model="model.didgrp.cbs.max.cur">
              </c-select>
            </el-form-item>
          </div>
          <div style="width: calc(100% - 280px);">
            <el-form-item label-width="5px" prop="didgrp.cbs.max.amt">
              <c-input-currency disabled :currency="model.didgrp.cbs.max.cur" @keyup.enter.native="$event.target.blur()" placeholder="请输入信用证金额" style="width: 100%" v-model="model.didgrp.cbs.max.amt"></c-input-currency>
            </el-form-item>
          </div>
        </div>
      </c-col>
      <c-col :span="24">
        <el-form-item label="开证日期" prop="didgrp.rec.opndat">
          <c-date-picker type="date" v-model="model.didgrp.rec.opndat" style="width:100%" placeholder="请选择开证日期" @change="opndatChange"></c-date-picker>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item :label="(model.didgrp.rec.mytype=='H'||model.didgrp.rec.mytype=='')?'最迟货物装运日': (model.didgrp.rec.mytype=='F'?'最迟服务提供日':'最迟货物装运/服务提供日')" prop="didgrp.rec.shpdat" >
          <c-date-picker type="date" v-model="model.didgrp.rec.shpdat" style="width:100%"  @change="expdatandshpdatChange"></c-date-picker>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="有效日期" prop="didgrp.rec.expdat">
          <c-date-picker type="date" v-model="model.didgrp.rec.expdat" style="width:100%" placeholder="请输入有效日期" @change="expdatandshpdatChange"></c-date-picker>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="有效地点" prop="didgrp.rec.expplc" :rules="[{required:model.didgrp.rec.opndat!=null&&model.didgrp.rec.opndat!='',message:'必输项'}]">
          <c-input type="textarea" :rows="2" v-model="model.didgrp.rec.expplc" maxlength="210" show-word-limit placeholder="请输入有效地点"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="合同编号" prop="didgrp.rec.conno">
          <c-input v-model="model.didgrp.rec.conno" maxlength="35" show-word-limit placeholder="请输入合同编号" @change="lcrgodDefault"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <div class="custom-box-wrap">
          <div style="width: 280px;">
            <el-form-item label="合同金额" prop="didgrp.rec.concur">
              <c-select dbCode="curtxt" :filterKey="['CNY']" isShowKeyAndLabel placeholder="请选择信用证金额" style="width: 100%" v-model="model.didgrp.rec.concur">
              </c-select>
            </el-form-item>
          </div>

          <div style="width: calc(100% - 280px);">
            <el-form-item label-width="5px" prop="didgrp.rec.conamt">
              <c-input-currency :currency="model.didgrp.rec.concur" @keyup.enter.native="$event.target.blur()" placeholder="请填写基础贸易合同金额" style="width: 100%" v-model="model.didgrp.rec.conamt"></c-input-currency>
            </el-form-item>
          </div>
        </div>
      </c-col>
    </c-col>

    <!-- ============右边================= -->
    <c-col :span="12" style="padding-left: 20px;">
      <c-col :span="24">
        <el-form-item label="贸易类型" prop="didgrp.rec.mytype" :rules="[{required:model.didgrp.rec.opndat!=null&&model.didgrp.rec.opndat!='',message:'必输项'}]">
          <c-select dbCode="MYTYPE" v-model="model.didgrp.rec.mytype" style="width:100%" placeholder="请选择贸易类型" @change="mytypeChange">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <div class="custom-box-wrap">
          <div style="width: 280px;">
            <el-form-item label="货物贸易金额" prop="didgrp.cbs.max.cur">
              <c-select disabled dbCode="curtxt" isShowKeyAndLabel placeholder="请选择货物贸易金额" style="width: 100%" v-model="model.didgrp.cbs.max.cur">
              </c-select>
            </el-form-item>
          </div>
          <div style="width: calc(100% - 280px);">
            <el-form-item label-width="5px" prop="didgrp.rec.hmyamt">
              <c-input-currency :disabled="model.didgrp.rec.mytype!='3'" :currency="model.didgrp.cbs.max.cur" @keyup.enter.native="$event.target.blur()" placeholder="请输入货物贸易金额" style="width: 100%" v-model="model.didgrp.rec.hmyamt"></c-input-currency>
            </el-form-item>
          </div>
        </div>
      </c-col>
      <c-col :span="24">
        <div class="custom-box-wrap">
          <div style="width: 280px;">
            <el-form-item label="服务贸易金额" prop="didgrp.cbs.max.cur">
              <c-select disabled dbCode="curtxt" isShowKeyAndLabel placeholder="请选择服务贸易金额" style="width: 100%" v-model="model.didgrp.cbs.max.cur">
              </c-select>
            </el-form-item>
          </div>
          <div style="width: calc(100% - 280px);">
            <el-form-item label-width="5px" prop="didgrp.rec.fmyamt">
              <c-input-currency :disabled="model.didgrp.rec.mytype!='3'" :currency="model.didgrp.cbs.max.cur" @keyup.enter.native="$event.target.blur()" placeholder="请输入服务贸易金额" style="width: 100%" v-model="model.didgrp.rec.fmyamt" ></c-input-currency>
            </el-form-item>
          </div>
        </div>
      </c-col>
      <c-col :span="24">
        <el-form-item label="是否租赁证" prop="didgrp.rec.finrenflg">
          <c-select :disabled="isfinrenflg" dbCode="ISYN" v-model="model.didgrp.rec.finrenflg" style="width:100%" placeholder="请选择是否融资租赁证">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="基础交易买卖方是否关联企业" prop="didgrp.rec.bsisaeflg">
          <c-select :disabled="bsisaeflg" dbCode="ISYN" v-model="model.didgrp.rec.bsisaeflg" style="width:100%" placeholder="请选择基础交易买卖方是否关联企业">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="是否通过电证系统" prop="didgrp.rec.elcflg">
          <c-select @change="elcflgChange" dbCode="ISYN" v-model="model.didgrp.rec.elcflg" style="width:100%" placeholder="请输入是否通过电证系统">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="报文类型" prop="ditp.msgtyp">
          <c-select v-model="model.ditp.msgtyp" disabled style="width:100%" placeholder="请输入报文类型">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="开证类型" prop="didgrp.rec.dkflg">
          <c-select dbCode="DKFLG" uil="CN" v-model="model.didgrp.rec.dkflg" disabled style="width:100%" placeholder="请输入开证类型">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="申请人统一社会信用代码" prop="didgrp.rec.idcode" :rules="[{required:model.didgrp.rec.elcflg=='Y',message:'必输项'}]">
          <c-input v-model="model.didgrp.rec.idcode" disabled maxlength="18" placeholder="请输入申请人统一社会信用代码"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="假远期信用证" prop="didgrp.rec.jyqflg">
          <c-select dbCode="JYQFLG" v-model="model.didgrp.rec.jyqflg" style="width:100%" placeholder="请输入假远期信用证">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="货押标识" prop="didgrp.rec.guaflg">
          <c-select dbCode="GUAFLG" v-model="model.didgrp.rec.guaflg" style="width:100%" placeholder="请输入货押标识">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item prop="ditp.yptxy">
          <c-button size="small" type="primary"  @click="agreementSigning" v-model="model.ditp.yptxy" :disabled="model.ditp.yptxy!='Y'||model.ditp.xyflg=='Y'">
            协议签署
          </c-button>
        </el-form-item>
      </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 {};
  },
  computed: {
    ownrefDisabled() {
      if (this.model.didgrp.rec.ownref != "") {
        return true;
      }
      if (this.model.didgrp.apl.pts.ptainr == "") {
        return true;
      }
      return false;
    },
    isfinrenflg(){
		  if((this.$route.query.businessInr&&this.$route.query.businessType=='TRN')||this.isInDisplay){
        return true;
		  }
		  if (this.model.didgrp.apl.pts.cnnam.indexOf("租赁") != -1||this.model.didgrp.ben.pts.cnnam.indexOf("租赁") != -1) {
        this.model.didgrp.rec.finrenflg = "Y";
        this.customRemoveModify(this.model.didgrp.rec,"finrenflg");
			  return true;
		  }
      if (this.model.didgrp.rec.modifySet && this.model.didgrp.rec.modifySet.includes('finrenflg')) {
				return;
			}
		  this.model.didgrp.rec.finrenflg = "N";
		  return false;
	  },
    bsisaeflg(){
      if((this.$route.query.businessInr&&this.$route.query.businessType=='TRN')||this.isInDisplay){
				return true;
      }
      if(this.codes.aplPartygroupNo&&this.codes.benPartygroupNo){
          if(this.codes.aplPartygroupNo ==this.codes.benPartygroupNo){
            this.model.didgrp.rec.bsisaeflg = "Y";
            return true;
          }
          if (this.model.didgrp.rec.bsisaeflg == "Y") {
             return false;
		      }
		      if(this.$route.query.businessInr&&this.model.didgrp.rec.bsisaeflg ==""){
			      return false;
		      }
          this.model.didgrp.rec.bsisaeflg = "N";
          return false;
      }
      else{
          this.model.didgrp.rec.bsisaeflg = "N";
          return false;
      }
    }
  },
  created() {}
};
</script>
<style scoped lang="less">
</style>