Docpre.vue

<template>
  <div class="eibs-tab">
          <c-row>
            <c-col :span="24">
                 <!-- ====================左边======================= -->
                <c-col :span="11">
                    <c-col :span="24">
                        <c-col :span="21">
                            <el-form-item label="不符点" prop="brdgrp.blk.docdis">
                                <c-input type="textarea" v-model="model.brdgrp.blk.docdis" maxlength="50" show-word-limit placeholder="请输入不符点" :disabled=this.typ1 rows="3"></c-input>
                            </el-form-item>
                        </c-col>
                       <c-col :span="3">
                                <c-button
                                    size="small"
                                    type="primary"
                                    icon="el-icon-search"
                                    @click="showGridPromptDialog('brtp.docdis.buttxmsel', null, null,{TXT: 'brdgrp.blk.docdis'}, {TXT: false},'doxpDialog')"
                                    :disabled=this.typ1
                                  >...</c-button>
                        </c-col>
                    </c-col>

                    <c-col :span="21">
                        <el-form-item label="注释和结论" prop="brdgrp.blk.comcon">
                            <c-input type="textarea" v-model="model.brdgrp.blk.comcon" maxlength="65" show-word-limit placeholder="请输入Comments and Conclusions" rows="3"></c-input>
                        </el-form-item>
                    </c-col>
                     <c-col :span="24">
                         <c-col :span="21">
                            <el-form-item label="结算指示" prop="brdgrp.blk.setinsbr">
                                <c-input type="textarea" v-model="model.brdgrp.blk.setinsbr" maxlength="65" show-word-limit placeholder="请输入Settlement Instructions BR" rows="3"></c-input>
                            </el-form-item>
                        </c-col>
                          <c-col :span="3">
                             <c-button
                                size="small"
                                type="primary"
                                icon="el-icon-search"
                                @click="showGridPromptDialog('brtp.setinstxm.buttxmsel', null, null,{TXT: 'brdgrp.blk.setinsbr'}, {TXT: false},'doxpDialog')"
                              >...</c-button>
                           </c-col>
                    </c-col>
                   <c-col :span="24">
                         <c-docpre :model="model"
                                :argadr="{
                                    path:'brdgrp.blk.prsdoc',
                                    grp:'brtp',
                                    code:'docpre'
                                }"
                            ></c-docpre>
                    </c-col>

                </c-col>
                 <!-- ====================右边======================= -->
                 <c-col :span="11" :offset="1">
                     <c-col :span="24">
                    	    <c-checkbox v-model="model.brdgrp.rec.igndisflg">忽略不符点</c-checkbox>
                     </c-col>
                     <c-col :span="24">
                     	    <c-checkbox v-model="model.brdgrp.blk.docdisflg">录入不符点</c-checkbox>
                    </c-col>
                      <c-col :span="24">
                        <el-form-item label="收到的通知类型" prop="brdgrp.rec.advtyp">
                            <c-select v-model="model.brdgrp.rec.advtyp" style="width:100%" placeholder="请选择Type of Advice Received" :code="codes.advtyp">
                              </c-select>
                        </el-form-item>
                       </c-col>
                       <c-col :span="24">
                               <el-form-item label="付款日期" prop="brdgrp.rec.totdat">
                                   <c-date-picker type="date"  v-model="model.brdgrp.rec.totdat" style="width:100%"  placeholder="请选择Date to be Paid"></c-date-picker>
                               </el-form-item>
                      </c-col>
                       <c-col :span="24">
                          <el-form-item label="不符点通知日期" prop="brdgrp.rec.disdat">
                              <c-date-picker type="date"  v-model="model.brdgrp.rec.disdat" style="width:100%"  placeholder="请选择Discrepancy Advice Dated"></c-date-picker>
                          </el-form-item>
                       </c-col>

                         <c-col :span="24">
                       	    <c-checkbox v-model="model.brdgrp.rec.approvcod">Documents on Approval Basis</c-checkbox>
                      </c-col>
                       <c-col :span="24" v-show="false">
                            <c-checkbox v-model="model.brtp.cre752flg" >Create 752</c-checkbox>
                        </c-col>
                        <c-col :span="24">
                            <c-checkbox v-model="model.brtp.cre732flg" disabled>Create MT 732</c-checkbox>
                       </c-col>
                        <c-col :span="12" v-show="false">

                           <el-form-item label="Further Identification" prop="brtp.furide">
                               <c-select v-model="model.brtp.furide" style="width:100%" placeholder="请选择Further Identification">
                                 </c-select>
                           </el-form-item>


                          </c-col>
                </c-col>
            </c-col>
	 </c-row>
  </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Brtsnd/Event"
import Docpre from "~/views/Public/Docpre"

export default {
    inject: ['root'],
    props:["model","codes"],
    mixins: [commonProcess],
    components:{
        "c-docpre":Docpre,
    },
    data(){
        return {
             typ1: true,
        }
    },
    watch: {
        "model.brdgrp.blk.docdisflg": {
          immediate: true,
          handler(val, oldval) {
            if (this.model.brdgrp.blk.docdisflg != "X") {
              this.typ1 = true;
              this.changeFormItemRequired("brdgrp.blk.docdis", false);
            } else {
              this.typ1 = false;
              this.changeFormItemRequired("brdgrp.blk.docdis", true);
            }
            this.executeDefault("brdgrp.blk.docdis").then((res) => {
              if ((res.respCode == SUCCESS)) {
                this.updateModel(res.data);
              }
            });
          },
        },
      },
    methods:{...Event},
    created:function(){

    }
}
</script>
<style>

</style>