FredetCN.vue

<template>
    <div class="eibs-tab">
          <c-col :span="24">
      <!-- ======================= 左边 ========================= -->
      <c-col :span="12" style="padding-right: 20px">
        <!-- SF000081 : 发报类型 -->
        <c-col :span="24">
          <el-form-item label="发报类型" prop="fremsg.sndmt">
            <c-select v-model="model.fremsg.sndmt" style="width:100%" placeholder="请选择发报类型" dbCode="SNDMT" @change="changeSndmt"  :filterKey="sndmtFilterKey">
            </c-select>
          </el-form-item>
        </c-col>
        <!-- SF000167 : 报文类型 -->
        <c-col :span="24">
          <el-form-item label="报文类型" 
          :rules="[
            {required: !isFulmt, message: '必输项', trigger:['blur','change'] },
            ]"
          prop="fremsg.fulmt">
            <c-select v-model="model.fremsg.fulmt"  style="width:100%"  :disabled="isFulmt" placeholder="请选择报文类型" dbCode="FULMT" :filterKey="fulmtFilterKey">
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="是否福费廷卖出发报" v-if="inifrm == 'BPDFRE'"
          :rules="[
            {required: true, message: '必输项', trigger:['blur','change'] },
            ]"
          prop="isfft">
            <c-select v-model="model.isfft" @change="changeIsfft" style="width:100%"   placeholder="请选择是否福费廷卖出发报" dbCode="cxmflg" >
            </c-select>
          </el-form-item>
        </c-col>
        <!-- SF000160 : 标题 -->
        <c-col :span="24">
          <el-form-item label="标题" prop="fremsg.prttitle">
            <c-mul-row-input :disabled="isPrttitle" :autosize="{ minRows: 1, maxRows: 1}" :charmod="2" :cols="35" :rows="1" placeholder="请选择标题" v-model="model.fremsg.prttitle">
					</c-mul-row-input>
          </el-form-item>
        </c-col>
        <!-- SF000082 : 相关报文 -->
        <c-col :span="24">
          <el-form-item label="相关报文"
           :rules="[
            {required: !isRelmt, message: '必输项', trigger:['blur','change'] },
            ]"
           prop="fremsg.relmt">
            <c-select v-model="model.fremsg.relmt" :disabled="isRelmt"  style="width:100%" dbCode="relmt" uil="CN" :filterKey="relmtFilterKey" placeholder="请选择相关报文" >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <c-col :span="16">
            <el-form-item label="发报日期"
             :rules="[
            {required: model.fremsg.sndmt === '92' || model.fremsg.sndmt === '96' || (!isReldat && model.fremsg.sndmt === '30'), message: '必输项', trigger:['blur','change'] },
             {validator: reldatValidator, trigger: ['change', 'blur']}
            ]"
             prop="fremsg.reldat">
              <c-date-picker type="date" :disabled="isReldat" v-model="model.fremsg.reldat"  style="width:100%" placeholder="请输入发报日期" ></c-date-picker>
            </el-form-item>
          </c-col>
          <c-col :span="8">
            <el-form-item label-width="5px" prop="fremsg.reldir">
              <c-select v-model="model.fremsg.reldir" :disabled="isReldir" style="width:100%" dbCode="reldir" uil="CN" placeholder="" >
              </c-select>
            </el-form-item>
          </c-col>
        </c-col>
        <c-col :span="24">
          <c-form-item v-if="isTag20" label="Tag20" prop="fremsg.tag20ref">
            <c-input  v-model="model.fremsg.tag20ref"   placeholder="请输入tag20"></c-input>
          </c-form-item>
        </c-col>
        <c-col :span="24">
          <c-col :span="22">
          <el-form-item label="Narrative" v-if="isStrinf"
           prop="fremsg.strinf">
          	<c-mul-row-input :disabled="disStrinf" illCharaTips="2" :isRequired="!isSdh"  :autosize="{ minRows: 7, maxRows: 12}" :charmod="model.fremsg.sndmt === '30' ? 0 : 2" :isEn="false" :cols="50" :rows="999" placeholder="" v-model="model.fremsg.strinf">
						</c-mul-row-input>
             </el-form-item>
             </c-col>
              <c-col :span="2">
              <div v-if="isStrinf && model.isfft == 'Y' && model.fremsg.fulmt == '799'">
                  <m-templateStx  
                  :model="model"
                  :extCodes="['fremsg']"
                  lastModel="strinf"
                  :inifrm= "inifrm"
                  :trntyp= "trntyp"
                ></m-templateStx>
              </div>
              <div v-else-if="isStrinf">
                <m-templateBtn  
                :model="model"
                :extCodes="['fremsg']"
                lastModel="strinf"
                :inifrm= "inifrm"
              ></m-templateBtn>
              </div>
          </c-col>
        </c-col>
          <c-col :span="24">
            <el-form-item label="查询/答复"  v-if="model.fremsg.sndmt=='95' || model.fremsg.sndmt=='96'" prop="fremsg.det">
							<c-mul-row-input :isEn="false" :isRequired="true" :autosize="{ minRows: 4, maxRows: 4}" :charmod="2" :cols="35" :rows="6" placeholder="请输入查询/答复内容" v-model="model.fremsg.det">
							</c-mul-row-input>
            </el-form-item>
        </c-col>
        <c-col :span="24">
            <el-form-item label="描述(77A)"   v-if="model.fremsg.sndmt=='95' || model.fremsg.sndmt=='96'" prop="fremsg.tag77a">
							<c-mul-row-input :autosize="{ minRows: 4, maxRows: 10}" :charmod="2" :cols="35" :rows="20" placeholder="请输入描述内容" v-model="model.fremsg.tag77a">
							</c-mul-row-input>
            </el-form-item>
        </c-col>
      </c-col>
      <!-- ======================= 右边 ========================= -->
      <c-col :span="12" style="padding-left: 20px">
        <c-col :span="24">
          <el-card class="box-card">
            <el-form-item label="收报行" 
             :rules="[
            {required: !isSdh, message: '必输项', trigger:['blur','change'] },
            ]"
            prop="fremsg.msgrol">
              <c-select v-model="model.fremsg.msgrol" style="width:100%" placeholder="请选择收报行" dbCode="ROLALL" @clear="othClear('othmsg')"
                        @change="changeMsgrol($event,'othmsg','OTHMSG')" :filterKey="changeMsgrolSet">
              </c-select>
            </el-form-item>
            <c-ptap :model="model" :disabledExtkey="model.fremsg.msgrol!='OTH'"
                    chooseLanguage="CN" 	:requiredExtkey="model.fremsg.msgrol =='OTH'" :disabled="model.fremsg.msgrol!='OTH'" :isAdrblk="true" :haveAdrLabel="false" :isShowCard="false" :argadr="{title: '',grp: 'fremsg', rol: 'othmsg',}" ptytyp="B,C">
            </c-ptap>
          </el-card>
        </c-col>
        <c-col :span="24">
          <el-card class="box-card">
            <el-form-item label="副本的收报行"
             :rules="[
            {required: false, message: '必输项', trigger:['blur','change'] },
            //  {validator: ccrolValidator, trigger: ['change', 'blur']}
            ]"
             prop="fremsg.ccrol">
              <c-select v-model="model.fremsg.ccrol" style="width:100%" placeholder="请选择副本的收报行" dbCode="ROLALL" @clear="othClear('othcc')"
                        @change="changeMsgrol($event,'othcc','OTHCC')" :filterKey="changeCcrolSet">
              </c-select>
            </el-form-item>
            <c-ptap :model="model" 	:disabledExtkey="model.fremsg.ccrol!='OTH'"
                    chooseLanguage="CN" :disabled="model.fremsg.ccrol!='OTH'"  :isAdrblk="true" :haveAdrLabel="false" :isShowCard="false" :argadr="{title: '',grp: 'fremsg', rol: 'othcc',}" ptytyp="B,C">
            </c-ptap>
          </el-card>
        </c-col>
      </c-col>
    </c-col>
    </div>
</template>
<script>
import Api from "~/service/Api"
import Pts from "~/components/business/commonModel/Pts.js"
import Utils from '~/utils/index.js';
import TemplateBtn from '~/components/business/template/templateTxm.vue';
import TemplateStx from '~/components/business/template/templateStx.vue';

export default {
    inject: ['root'],
    props: ["model", "codes","trntyp","inifrm"],
    mixins: [], 
    components: {
        "m-templateBtn": TemplateBtn,
        "m-templateStx": TemplateStx,
    },
    data() {
        return {
            isFulmt:false,
            isPrttitle:false,
            isRelmt:false,
            isReldat:false,
            isTag20:false,
            isStrinf:false,
            disStrinf:false,          
            sndmtSet:[],
            fulmtSet:[],
            dbCodes:{
              relmt:[],
            },
            isSdh:false,
            oldSndmt:'',
        }
    },
 mounted(){
    this.getdbCode('relmt','','relmt');
  },
      computed:{
    changeMsgrolSet(){
      if (this.model.fremsg.msgrolSet == undefined || this.model.fremsg.msgrolSet.length == 0) {
        return;
      }
      let filterKey = ['AAA'];
      switch (this.model.fremsg.sndmt) {
        case "95":
        case "96":
          for (let item of this.model.fremsg.msgrolSet) {
            if (item == "OTH" || (this.model[this.trntyp + 'grp'][item.toLowerCase()] && this.model[this.trntyp + 'grp'][item.toLowerCase()].ptytyp === "B") || (this.model[this.getPnttyp(this.trntyp) + 'grp'] && this.model[this.getPnttyp(this.trntyp) + 'grp'][item.toLowerCase()] && this.model[this.getPnttyp(this.trntyp) + 'grp'][item.toLowerCase()].ptytyp === "B") ) {
              filterKey.push(item);
            }
          }
          break;
        default:
          filterKey = this.model.fremsg.msgrolSet;
          break;
      }
       if('trd' == this.trntyp){
          filterKey = []
          filterKey.push('FIP')
          filterKey.push('OTH')
        }
         if('bpd' == this.trntyp){
          filterKey = []
          if('BPDFRE' == this.inifrm && 'Y' == this.model.isfft){
            filterKey.push('BMH')
            filterKey.push('OTH')
          }else{
            filterKey.push('FIA')
            filterKey.push('OTH')
          }
        }
        if('dfd' == this.trntyp){
          filterKey = []
          filterKey.push('DFF')
          filterKey.push('OTH')
        }
      return filterKey;
    },

     changeCcrolSet(){
      if (this.model.fremsg.msgrolSet == undefined || this.model.fremsg.msgrolSet.length == 0) {
        return;
      }
      let filterKey = ['AAA'];
      filterKey = this.model.fremsg.msgrolSet;
       if('trd' == this.trntyp){
          filterKey = []
          filterKey.push('FIP')
          filterKey.push('OTH')
        }
         if('bpd' == this.trntyp){
          filterKey = []
          filterKey.push('FIA')
          filterKey.push('OTH')
        }
        if('dfd' == this.trntyp){
          filterKey = []
          filterKey.push('DFF')
          filterKey.push('OTH')
        }
      return filterKey;
    },

    sndmtFilterKey(){
      let filterKey = [];
      if("CCTFRE|MCTOPN|CPTFRE".includes(this.inifrm)){
        filterKey = ['99']
      }else{
        filterKey = ['99','92','95','96','30']
      }
      if('LE|LI|BR|BE|GI|GC|LT|BT|RM|RC|BP|TR|PA|MC|SD|GE'.includes(this.trntyp.substr(0,2).toUpperCase())){
          filterKey.push('59')
      }
   
       //PRTTITLE default
        if(this.model.fremsg.sndmt === '99'){
          this.isPrttitle = false
        }else{
          this.model.fremsg.prttitle = ''
          this.isPrttitle = true
        }
        //reldat 950
        if(this.model.fremsg.sndmt === '92'|| this.model.fremsg.sndmt === '95'|| this.model.fremsg.sndmt === '96'){
          this.isReldat = false;
        }else if(this.model.fremsg.sndmt === '30'){
          if(this.trntyp.substr(0,2).toUpperCase() === 'BC' || this.trntyp.substr(0,2).toUpperCase() === 'BO'){
            this.model.fremsg.reldat = ''
            this.isReldat = true
          }else{
            this.isReldat = false
          }
        }else if(this.model.fremsg.sndmt === 'AME'){
          if(this.trntyp.substr(0,2).toUpperCase() === 'GI' || this.trntyp.substr(0,2).toUpperCase() === 'NI'){
            this.model.fremsg.reldat = ''
            this.isReldat = true
          }else{
            this.isReldat = false
          }
        }else{
           this.model.fremsg.reldat = ''
           this.isReldat = true
        }
        //reldir 100
        if(this.model.fremsg.sndmt === '99'){
          this.isReldir = true
        }else if(this.model.fremsg.sndmt === '92'){
          this.isReldir = true
        }else if(this.model.fremsg.sndmt === 'AVD'){
          this.isReldir = true
        }else if(this.model.fremsg.sndmt === '95' || this.model.fremsg.sndmt ==='96'){
          this.isReldir = false
        }else{
          this.isReldir = true
        }
            //strinf default 1100
        if(this.model.fremsg.sndmt === 'REV' || this.model.fremsg.sndmt ==='59' || this.model.fremsg.sndmt ==='752'){
          this.model.fremsg.strinf = ''
          this.isStrinf = false
          this.disStrinf = true
        }else {
          if(this.model.fremsg.sndmt === '30' || this.model.fremsg.sndmt ==='AME'){
             this.model.fremsg.strinf = ''
             this.isStrinf = true 
             this.disStrinf = true
             if(this.trntyp.substr(0,2).toUpperCase() === 'GI' || this.trntyp.substr(0,2).toUpperCase() === 'NI'){
             }else{
               this.model.fremsg.strinf = "Please use 'Sender to Receiver Information' in the Details Panel."
             }
          }else{
             if(this.oldSndmt && this.oldSndmt === '30'){
              this.model.fremsg.strinf = ''
            }
             this.isStrinf = true 
             this.disStrinf = false
          }
        }
      return filterKey;
    },
    fulmtFilterKey(){
      let filterKey = [];
      //fulmt 950
      if(this.model.fremsg.sndmt === '99'|| this.model.fremsg.sndmt === '59'){
        this.isFulmt = false
      }else{
        this.model.fremsg.fulmt = ''
        this.isFulmt = true
      }
      if(!this.isFulmt){
        switch (this.trntyp){
          case 'cpd':
            filterKey = ['999'];
            break;
            case 'bcd':
            case 'bod':
            case 'chd':
              filterKey = ['199','299','499'];
              break;
          case "led":
          case "bed":
          case "ltd":
          case "btd":
          case "lid":
          case "brd":
          case "gid":
          case "gcd":
          case "rmd":
          case "rcd":
          case "pad":
          case "ged":
            filterKey = ['199','299','799'];
            break;
          case "bpd":
          case "trd":
            filterKey = ['199','299','499','799'];
            break;
          case "mcd":
            filterKey = ['499','799','759'];
            break;
          case "ccd":
            filterKey = ['499'];
            break;
          case "did":
          case "bdd":
          case "ded":
          case "bfd":
            filterKey = ['799'];
            break;
          default:
            filterKey = ['199','299'];
            break;
        }
      }
      //fulmt 1100
      if(this.model.fremsg.sndmt === '59'){
        filterKey = ['759'];
      }
       //tag20 default
        if(this.model.fremsg.fulmt === '799' || this.model.fremsg.fulmt === '499' ||this.model.fremsg.fulmt === '759'){
          this.isTag20 = true
        }else{
          this.isTag20 = false
        }
      return filterKey;
    },
    relmtFilterKey(){
          //relmt 950
          let filterKey = []
          if(this.model.fremsg.sndmt === '92'|| this.model.fremsg.sndmt === '95'|| this.model.fremsg.sndmt === '96'){
            this.isRelmt = false;
            if(this.trntyp.substr(0,2).toUpperCase() === 'BC' || this.trntyp.substr(0,2).toUpperCase() === 'BO'){
              filterKey = this.dbCodes.relmt.map(item => item.value).filter(item => !/^7/.test(item));
            }else{
              filterKey = this.dbCodes.relmt.map(item => item.value).filter(item => !/^4/.test(item));
            }
          }else{
            this.model.fremsg.relmt = ''
            this.isRelmt = true;
          }
          return filterKey;
      },
    },
    methods:{
      ccrolValidator(rule,value,callback){
            if (value && value !="OTH") {
              if(value == this.model.fremsg.msgrol){
                callback(new Error('不能与收报行选择相同角色!'))
              }
              callback()
          }
      },
       reldatValidator(rule, value, callback) {
          if (new Date(value).getTime() > new Date().getTime()) {
            callback(new Error('发报日期不能晚于当前日期！'))
          }  else {
            callback()
          }
        },
      changeIsfft(){
        if(this.model.isfft == 'Y'){
          this.model.fremsg.fulmt = '799'
        }else{
          this.model.fremsg.fulmt = '199'
        }
      },
    changeSndmt(){
         //fulmt 1100
        if(this.model.fremsg.sndmt === '59'){
          this.model.fremsg.fulmt = '759'
        }
        if(this.model.fremsg.sndmt === '99'){
          this.initFulmt();
        }
          //strinf default 1100
        if(this.model.fremsg.sndmt === 'REV' || this.model.fremsg.sndmt ==='59' || this.model.fremsg.sndmt ==='752'){
          this.model.fremsg.strinf = ''
          this.isStrinf = false
          this.disStrinf = true
        }else {
          if(this.model.fremsg.sndmt === '30' || this.model.fremsg.sndmt ==='AME'){
             this.model.fremsg.strinf = ''
             this.isStrinf = true 
             this.disStrinf = true
             if(this.trntyp.substr(0,2).toUpperCase() === 'GI' || this.trntyp.substr(0,2).toUpperCase() === 'NI'){
             }else{
               this.model.fremsg.strinf = "Please use 'Sender to Receiver Information' in the Details Panel."
             }
          }else{
             if(this.oldSndmt && this.oldSndmt === '30'){
              this.model.fremsg.strinf = ''
            }
             this.isStrinf = true 
             this.disStrinf = false
          }
        }
        this.oldSndmt = this.model.fremsg.sndmt
         if(this.model.fremsg.sndmt === '99'){
          this.model.fremsg.reldir = ''
        }else if(this.model.fremsg.sndmt === '92'){
          this.model.fremsg.reldir = 'S'
        }else if(this.model.fremsg.sndmt === 'AVD'){
          this.model.fremsg.reldir = 'R'
        }else if(this.model.fremsg.sndmt === '95' || this.model.fremsg.sndmt ==='96'){
            this.model.fremsg.reldir = 'R'
        }else{
          this.model.fremsg.reldir = ''
        }
      },
      initFulmt(){
         switch (this.trntyp){
            case 'cpd':
              this.model.fremsg.fulmt = '999';
              break;
            case 'bcd':
            case 'bod':
            case 'chd':
              this.model.fremsg.fulmt = '499';
              break;
            case "led":
            case "bed":
            case "ltd":
            case "btd":
            case "lid":
            case "brd":
            case "gid":
            case "gcd":
            case "rmd":
            case "rcd":
            case "pad":
            case "ged":
            case "bpd":
              this.model.fremsg.fulmt = '799';
              break;
            case "trd":
              this.model.fremsg.fulmt = '199';
              break;
            case "mcd":
              if(this.model.fremsg.sndmt === '59'){
                this.model.fremsg.fulmt = '759';
              }else{
                this.model.fremsg.fulmt = '799';
              }
              break;
            case "ccd":
              this.model.fremsg.fulmt = '499';
              break;
            case "did":
            case "bdd":
            case "ded":
            case "bfd":
              this.model.fremsg.fulmt = '799';
              break;
            default:
              this.model.fremsg.fulmt = '199';
              break;
          }
           if(!this.model.fremsg.sndmt){
            this.model.fremsg.sndmt = '99'
          }

      },
    changeMsgrol(e, key, rol) {
      const restObj = {
        pts: new Pts().data,
        namelc: "", //  名称		.fremsg.othcc.namelc
        adrelc: "", //  地址		.fremsg.othcc.adrelc
        dbfadrblkcn: "", //  Chinese address		.fremsg.othcc.dbfadrblkcn
      }
      for (let item of this.model.fremsg.msgrolSet) {
        if (e === item) {
          if(item == 'OTH'){
            Utils.copyValueFromVoData(this.model.fremsg[key], restObj);
          }else{
            if(this.model[this.trntyp + 'grp'][item.toLowerCase()]){
                 Utils.copyValueFromVoData(this.model.fremsg[key], this.model[this.trntyp + 'grp'][item.toLowerCase()]);
            }else{
                Utils.copyValueFromVoData(this.model.fremsg[key], this.model[this.getPnttyp(this.trntyp) + 'grp'][item.toLowerCase()]);
              }
           
          }
          this.model.fremsg[key].rol = rol;
          this.model.fremsg[key].pts.rol = rol;
          break;
        }
      }
    },

    othClear(rol){
      if (rol === undefined) {
        return
      }
      const restObj = {
        pts: new Pts().data,
        namelc: "", //  名称		.fremsg.othcc.namelc
        adrelc: "", //  地址		.fremsg.othcc.adrelc
        dbfadrblkcn: "", //  Chinese address		.fremsg.othcc.dbfadrblkcn
      }
      Utils.copyValueFromVoData(this.model.fremsg[rol], restObj);
    },
    async getdbCode(codeType, uil, codeNam) {
        let params = {
          codeType: codeType,
          uil: uil ? uil : 'EN'
        }
        let rtnmsg = await Api.post("/manager/dic/listDicInfo", params)
        if (rtnmsg.respCode === SUCCESS) {
          let curList = rtnmsg.data.map(item => ({
            value: item.codeValue,
            label: item.codeName
          }));
          this.dbCodes[codeNam] = curList
        }
      },
          getPnttyp(typ){
        switch(typ){
          case 'brd':
            return 'lid';
            break;
          case 'bed':
            return 'led';
            break;
          case 'bdd':
            return 'did';
            break;
          case 'bfd':
            return 'ded';
            break;
          default:
            return '';
            break;
        }
      },
      
      getSdhflg(){
        if(!this.$route.meta.trnName){
          this.isSdh = false
        }else{
          this.isSdh = true
        }
      },
  },
    created: function () {
      this.initFulmt();
      this.changeSndmt();
      this.getSdhflg();
    }
}
</script>
<style></style>