Utlp.vue

<template>
    <div class="eibs-tab">
        <!-- ==================左边================ -->
        <c-col :span="12" style="padding-right: 20px">
            <c-col :span="24">
                <el-card class="box-card">
                    <c-col :span="24">
                        <el-form-item label="交单行" prop="bddgrp.rec.docprbrol">
                            <c-select dbCode="ROLALL" disabled v-model="model.bddgrp.rec.docprbrol" style="width:100%" placeholder="请输入交单行">
                            </c-select>
                        </el-form-item>
                    </c-col>

                    <c-col :span="24">
                        <c-ptap6 :model="model" :argadr="{title:'BIC',grp: 'bddgrp',rol: 'prb'}" :disabledExtkey="true" :disabledBankno="true" :disabledJigomc="true" :disabledDizhii="true" :isShowCard="false">
                        </c-ptap6>
                    </c-col>
                </el-card>
            </c-col>
            <c-col :span="24" style="margin-top:20px">
                <el-card class="box-card">
                    <c-col :span="24">
                        <el-form-item label="付款人" prop="bddgrp.rec.payrol">
                            <c-select dbCode="ROLALL" disabled v-model="model.bddgrp.rec.payrol" style="width:100%" placeholder="请选择付款人">
                            </c-select>
                        </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <c-ptap3 :model="model" :argadr="{title: 'BIC', grp: 'bdtp',rol: 'oth'}"  :disabledExtkey="true" :disabledNamelc="true" :disabledAdrelc="true" :isShowCard="false">
                        </c-ptap3>
                    </c-col>
                </el-card>
            </c-col>
        </c-col>

        <!-- ============右边================= -->
        <c-col :span="12" style="padding-left: 20px">
            <c-col :span="24">
                <el-form-item label="寄单索款编号" prop="bddgrp.rec.sndref" :rules="[{required:model.didgrp.rec.elcflg=='Y',message:'必输项'}]">
                    <c-input v-model="model.bddgrp.rec.sndref" maxlength="20" placeholder="请输入寄单索款编号"></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item prop="advrefflg">
                    <c-checkbox :disabled="model.bddgrp.blk.disdocflg=='X'" v-model="model.advrefflg" true-label="X" false-label= "" class="checkbox-left">出具拒付函</c-checkbox>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="通知日期" prop="bddgrp.rec.orddat">
                    <c-date-picker :disabled="model.advrefflg!='X'" type="date" v-model="model.bddgrp.rec.orddat" style="width:100%" placeholder="请选择通知日期"></c-date-picker>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item prop="advbwdflg">
                    <c-checkbox :disabled="advbwdflg" v-model="model.advbwdflg" true-label="X" false-label= "" class="checkbox-left">是否发送电证213拒付报文</c-checkbox>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <c-col :span="8">
                    <el-form-item prop="bddgrp.rec.advdocflg">
                        <c-checkbox :disabled="advdocflg" v-model="model.bddgrp.rec.advdocflg" class="checkbox-left" true-label="X" false-label="" @change="advdocflgChange">退单</c-checkbox>
                    </el-form-item>
                </c-col>
                <c-col :span="16" v-show="model.bddgrp.rec.advdocflg=='X'">
                    <el-form-item label="退单方式" prop="rejtype">
                        <c-radio v-model="model.rejtype" label="1" @change="rejtypeChange">应对方要求退单</c-radio>
                        <c-radio v-model="model.rejtype" label="2" @change="rejtypeChange">我行主动退单</c-radio>
                    </el-form-item>
                </c-col>
            </c-col>

            <c-col :span="24">
                <el-form-item label="单据处理类型" prop="bddgrp.rec.bilpro" :rules="[{required:model.didgrp.rec.elcflg=='Y',message:'必输项'}]">
                    <c-select dbCode="ELC025" uil="cn" isShowKeyAndLabel v-model="model.bddgrp.rec.bilpro" style="width:100%" placeholder="请选择单据处理类型" @change="getDisdoc">
                    </c-select>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label-width="0">
                    <!-- <c-ptap-common title="拒付声明" :disabled="disdocflg2" :disabledButton="disdocflg2" :model="model" grp="bddgrp" :dis='true'></c-ptap-common> -->
                    <c-ptap-commons :requiredExtkey="model.advrefflg=='X'" :disabled="disdocflg2" :disabledButton="disdocflg2" :cols="35" :rows="3" :minRows="3" :maxRows="3" :model="model" :extCodes="['bddgrp','blk']" lastModel="disdoc" :uil="model.didgrp.rec.elcflg=='Y'?'CN':'EN'" title="拒付声明"></c-ptap-commons>
                </el-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item prop="bddgrp.blk.disdocflg">
                    <c-checkbox :disabled="disdocflg" true-label="X" false-label= "" v-model="model.bddgrp.blk.disdocflg" class="checkbox-left" @change="disdocflgChange">拒付声明修改</c-checkbox>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item prop="rejpenins">
                    <c-checkbox v-model="model.rejpenins" true-label="X" false-label= "" class="checkbox-left" @change="rejpeninsChange">拒付且听候处理</c-checkbox>
                </el-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item prop="clsflg">
                    <c-checkbox :disabled="clsflg" v-model="model.clsflg" true-label="X" false-label= ""  class="checkbox-left">闭卷</c-checkbox>
                </el-form-item>
            </c-col>

        </c-col>
    </div>
</template>
<script>
import event from "../event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {
        rejtypeFlg:false,
        rejpeninsFlg:false,
    };
  },
  methods: {},
  created() {},
  computed: {
    disdocflg() {
      if(this.model.advrefflg==""){
          this.model.bddgrp.blk.disdocflg==""
          return true;
      }
      return false;
    },
    advbwdflg(){
        if(this.model.didgrp.rec.elcflg=='Y'){
            if(this.model.bddgrp.rec.advdocflg==""){
                return false;
            }
        }
        return true;
    },
    advdocflg(){
        if(this.model.didgrp.rec.elcflg=='Y'){
            if(this.model.advbwdflg=="X"){
                return true;
            }

        }
        return false;
    },
    clsflg(){
        if(this.model.rejpenins==""){
            this.model.clsflg="X";
        }
        else{
            this.model.clsflg="";
        }
        return true;
    },
    disdocflg2(){
        if(this.model.advbwdflg=="X"){
            return false;
        }
        else{
            if(this.model.bddgrp.blk.disdocflg==""){
                return true;
            }
            else{
                return false;
            }
        }
    }
  }
};
</script>
<style>
</style>