Infsea.vue

<template>
  <div class="eibs-tab">
		<c-list-search @form-reset="handleReset" @form-search="formSubmit">                  
     <el-form :model="model" :rules="rules" ref="limp0Form" label-width="120px" label-position="right" size="small"
        :validate-on-rule-change="false">                                     
				<c-col :span="8" >
					<el-form-item label="Reference" style="width: 100%">
							<c-input v-model="model.extkey" maxlength="16"  placeholder="请输入Reference" ></c-input>
					</el-form-item>
				</c-col>

        <c-col :span="8" >
					<el-form-item label="Send Ref./报文标识号" style="width: 100%">
							<c-input v-model="model.sndref" maxlength="16" placeholder="请输入Send Ref./报文标识号"></c-input>
					</el-form-item>
				</c-col>  

				<c-col :span="8" >
					<el-form-item label="Date of Receipt" style="width: 100%">
						  <c-date-picker type="date" v-model="model.rcvdat" style="width: 100%" placeholder="" value-format="yyyy-MM-dd"></c-date-picker>
					</el-form-item>
				</c-col>

				<c-col :span="8" >
					<el-form-item label="报文类型" style="width: 100%">
						  <c-select v-model="model.flg" style="width: 100%" placeholder="请选择报文类型" dbCode="ACKFLG">
              </c-select>
					</el-form-item>
				</c-col>

				<c-col :span="8" >
					<el-form-item label="Status" style="width: 100%">
							<c-select v-model="model.sta" style="width: 100%" placeholder="请选择报文类型">
								<el-option v-for="item in statusList" :key="item.value" :value ="item.value" :label="item.label">
                </el-option>
							</c-select>
					</el-form-item>
				</c-col> 

				<c-col :span="8">
					<el-form-item label="Msg.Type" style="width: 100%">
							<c-input v-model="model.acksrv" maxlength="16" placeholder="请输入Msg.Type"></c-input>
					</el-form-item>
				</c-col>

					<c-col :span="24">
						<c-col :span="8">
						<el-form-item label="Generated from"  style="width: 100%">
							<c-col :span="11">
								<c-date-picker type="date" v-model="model.gendat" style="width: 100%" placeholder="请选择起始日期" value-format="yyyy-MM-dd"></c-date-picker>
							</c-col>
							<c-col :span="2" style="text-align: center">
								<label style="display: inline-block; width: 100%">-</label>
							</c-col>
							<c-col :span="11">
								<c-date-picker type="date" v-model="model.endgendat" style="width: 100%" placeholder="请选择截止日期" value-format="yyyy-MM-dd"></c-date-picker>
							</c-col>
						</el-form-item>
				    </c-col>   

					<c-col :span="8" >
						<el-form-item label="报文种类" style="width: 100%" v-if="model.flg=='ELC'">
								<c-select v-model="model.elcmsgtyp" style="width: 100%" placeholder="请选择报文种类">
									<el-option :key="item.value" :label="item.label" :value="item.value" v-for="item in msgtyp">
									</el-option>	
								</c-select>
						</el-form-item>
				  </c-col>
          
				<c-col :span="8">
					<el-form-item label="uetr" style="width: 100%">
							<c-input v-model="model.uetr" maxlength="36" placeholder="请输入uetr编号"></c-input>
					</el-form-item>
				</c-col>
				</c-col>				
			</el-form>
		</c-list-search>
     <el-row >
      <el-col :span="24" style="margin-left: 0px;">
			 <c-button class="medium_bcs" style="margin-left: 20" :disabled="isUpdate"  size="medium" type="primary" @click="batchupdateAck">批量更新</c-button>
      </el-col>
    </el-row>
		 <el-col :span="24" style="margin-top: 10px">
			<div style="height: 90%">
      <c-col :span="24">
      <c-tabs v-model="activeTab"  type="card" ref="elment">
        <el-tab-pane label="Search Panel" name="ack">
            <el-table 
            id='infgidSpTableRef' 
            :data="tableData" 
            :highlight-current-row="true" 
            :border="true" 
            style="width:100%" 
            size="medium">
              <el-table-column label="Reference" prop="extkey" align="left" fixed="left" min-width="180">
              </el-table-column>
              <el-table-column label="Status" prop="sta" align="left" min-width="150">
                  <template slot-scope="scope">
                  {{getCodelabel(scope.row.sta,'acksta')}}
                  </template>
              </el-table-column>
              <el-table-column label="Send Ref." prop="sndref" align="left" min-width="180">
              </el-table-column>
              <el-table-column label="Type" prop="acksrv" align="left" :show-overflow-tooltip="true" min-width="100">
              </el-table-column>
              <el-table-column label="Generated" prop="gendattim" align="left" min-width="150">
              </el-table-column>
              <el-table-column label="Received" prop="rcvdattim" align="left" min-width="150">
              </el-table-column>
              <el-table-column label="Info.Text" prop="acktxt" align="left" min-width="150" :show-overflow-tooltip="true">
              </el-table-column>
              <el-table-column label="币种" prop="tbxx08" align="left" min-width="80">
              </el-table-column>
              <el-table-column label="金额" prop="tbxx09" align="left" min-width="180">
              </el-table-column>
              <el-table-column label="汇款人名称" prop="tbxx10" align="left" min-width="250">
              </el-table-column>
              <el-table-column label="汇款人账号" prop="tbxx11" align="left" min-width="250">
              </el-table-column>
              <el-table-column label="收款人名称" prop="tbxx12" align="left" min-width="250">
              </el-table-column>
              <el-table-column label="Uetr" prop="tbxx13" align="left" min-width="250" :show-overflow-tooltip="true">
              </el-table-column>
              <el-table-column label="Chlflg" prop="chlflg" align="left">
              </el-table-column>
              <el-table-column label="操作" fixed="right" min-width="200">
                <template slot-scope="scope">
                  <c-button style="margin-right: 5px"  size="small" type="primary" @click="showMessage(scope.row)">预览</c-button>
                  <c-button style="margin-right: 5px"  size="small" type="primary" :disabled="scope.row.acksrv.length == 3"  @click="updateAck(scope.row)">更新</c-button>
                  <c-button style="margin-right: 5px"  size="small" type="primary" :disabled="!((scope.row.acksrv == '103' || scope.row.acksrv == '202') && scope.row.chlflg != 'G')"  @click="getGpi(scope.row)">GPI状态</c-button>
            </template>
                
              </el-table-column>
            </el-table>
              <el-pagination layout="total, sizes, prev, pager, next, jumper" :total="pagination.total" :page-size="pagination.pageSize" :current-page="pagination.pageNum"
              @size-change="handleSizeChange"	@current-change="currentChange">
              </el-pagination>
          </el-tab-pane>
          <el-tab-pane label="INFO GPI" name="gpi">
            <el-table :data="gpiTable.data" 
              height="calc(100vh - 480px)"
              border :columns="gpiTable.columns" :showButtonFlg="true" :highlight-current-row="true" >
              <el-table-column v-for="(item, key) in gpiTable.columns" :key="key" :label="item.label" :prop="item.prop" :min-width="item.width" >
               <template  slot-scope="scope">
                  <div v-if="item.prop ==='ioFlag'">{{getLabel(ioflag,scope.row[item.prop])}}</div>
                  <div  v-else-if="item.prop == 'gpiStatus'">{{getLabel(gpistatus,scope.row[item.prop])}}</div>
                  <div  v-else-if="item.prop.indexOf('gpiStatusCode') >= 0" >{{getLabel(gpistatuscode,scope.row[item.prop])}}</div>
                  <div v-else>{{scope.row[item.prop]}}</div>
                </template>
              </el-table-column>
            </el-table>
          </el-tab-pane>
          </c-tabs>
      </c-col>
				<!-- 预览弹框 -->
				<message-view ref="msgView" :model="model"></message-view>
    </div>
    </el-col>    
    
  </div>
</template>
<script>
import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable";
import event from "../event";
import Check from "../model/check";
import MessageView from "~/components/business/docpan/views/MessageView";

export default {
	inject: ["root"],
  props: ["model", "codes"],
	mixins: [event,Check],
	components:{MessageView},
  data() {
    return {
			tableData: [],
			statusKey: [],
			pagination: {
        pageNum: 1,
        pageSize: 10,
        total: 0
			},
      activeTab: "ack",
      gpiTable:{
        columns:[
          {
            label: "收发标志",
            prop: "ioFlag",
            width: "80px"
          },
          {
            label: "报文类型",
            prop: "msgType",
            width: "80px"
          },
          {
            label: "服务编号",
            prop: "stid",
            width: "80px"
          },
          {
            label: "UETR编号",
            prop: "uetr",
            width: "300px"
          },
          {
            label: "参考号",
            prop: "refNo",
            width: "150px"
          },
          {
            label: "相关参考号",
            prop: "relNo",
            width: "150px"
          },
          {
            label: "状态码",
            prop: "gpiStatus",
            width: "150px"
          },
          {
            label: "原因码",
            prop: "gpiStatusCode",
            width: "180px"
          },
          {
            label: "状态更新时间",
            prop: "gpiTimeStamp",
            width: "180px"
          },
          {
            label: "状态发起行",
            prop: "gpiBank",
            width: "180px"
          },
          {
            label: "转汇银行",
            prop: "gpiFwdBank",
            width: "180px"
          },
          {
            label: "原起息日",
            prop: "valueDate",
            width: "150px"
          },
          {
            label: "币种",
            prop: "ccy",
            width: "80px"
          },
          {
            label: "金额",
            prop: "amt",
            width: "150px"
          },
          {
            label: "原币种",
            prop: "srcCcy",
            width: "80px"
          },
          {
            label: "目标币种",
            prop: "ctranCcycy",
            width: "80px"
          },
          {
            label: "汇率",
            prop: "rate",
            width: "150px"
          },
          {
            label: "收费币种",
            prop: "feeCur",
            width: "80px"
          },
          {
            label: "收费金额",
            prop: "feeAmt",
            width: "150px"
          },
        ],
        data:[]
      },
      ioflag:[
        {label:"发报",value:"0"},
        {label:"收报",value:"1"},
      ],
      gpistatus:[
        {label:"入账完成",value:"ACSC"},
        {label:"入账完成",value:"ACCC"},
        {label:"处理中",value:"ACSP"},
        {label:"拒绝",value:"RJCT"},
        {label:"无效",value:"INVA"},
        {label:"警告",value:"WARN"},
      ],
      gpistatuscode:[
        {label:"转发至GPI银行",value:"G000"},
        {label:"转发至非GPI银行",value:"G001"},
        {label:"处理中",value:"G002"},
        {label:"等待客户提交资料",value:"G003"},
        {label:"等待头寸",value:"G004"},
			],
			msgtyp:[
        {value:"elcs.101.001.01",label:"elcs.101.001.01-信用证开证申请报文"},
				{value:"elcs.102.001.01",label:"elcs.102.001.01-拒绝通知报文"},
				{value:"elcs.103.001.01",label:"elcs.103.001.01-信用证修改申请报文"},
				{value:"elcs.104.001.01",label:"elcs.104.001.01-信用证修改确认报文"},
				{value:"elcs.107.001.01",label:"elcs.107.001.01-通知行修改申请报文"},
				{value:"elcs.201.001.01",label:"elcs.201.001.01-寄单索款通知报文"},
				{value:"elcs.202.001.01",label:"elcs.202.001.01-寄单索款修改报文"},
				{value:"elcs.203.001.01",label:"elcs.203.001.01-到单确认报文"},
				{value:"elcs.204.001.01",label:"elcs.204.001.01-退单报文"},
				{value:"elcs.211.001.01",label:"elcs.211.001.01-议付业务报文"},
				{value:"elcs.212.001.01",label:"elcs.212.001.01-到期付款确认报文"},
				{value:"elcs.213.001.01",label:"elcs.213.001.01-拒付报文"},
				{value:"elcs.221.001.01",label:"elcs.221.001.01-信用证付款申请报文"},
				{value:"elcs.223.001.01",label:"elcs.223.001.01-信用证注销/闭卷报文"},
				{value:"ccms.303.001.02",label:"ccms.303.001.02-自由格式报文"},
				{value:"elcs.721.001.01",label:"elcs.721.001.01-信用证业务对账申请报文"},
				{value:"elcs.722.001.01",label:"elcs.722.001.01-原报文下载申请报文"},
				{value:"elcs.805.001.01",label:"elcs.805.001.01-登录、退出申请报文"},
				{value:"elcs.902.001.01",label:"elcs.902.001.01-业务开通注册报文"},
				{value:"ccms.990.001.02",label:"ccms.990.001.02-通信级确认报文"},
				{value:"ccms.991.001.01",label:"ccms.991.001.01-探测请求报文"},
				{value:"elcs.101.001.02",label:"elcs.101.001.02-信用证开证申请报文02"},
				{value:"elcs.103.001.02",label:"elcs.103.001.02-信用证修改申请报文02"},
				{value:"elcs.201.001.02",label:"elcs.201.001.02-寄单索款通知报文02"},
				{value:"elcs.202.001.02",label:"elcs.202.001.02-寄单索款修改报文02"},
				{value:"elcs.231.001.01",label:"elcs.231.001.01-债权转让通知报文"},
				{value:"elcs.232.001.01",label:"elcs.232.001.01-到期催付报文"},
				{value:"elcs.303.001.01",label:"elcs.303.001.01-信用证自由格式报文"},
				{value:"elcs.316.001.01",label:"elcs.316.001.01-信用证信息查询申请报文"},
				{value:"elcs.321.001.01",label:"elcs.321.001.01-发票重复性融资查询报文"},
				{value:"ccms.900.001.02",label:"ccms.900.001.02-通用处理确认报文"},
				{value:"ccms.919.001.01",label:"ccms.919.001.01-数字证书下载申请报文"},
				{value:"ccms.903.001.02",label:"ccms.903.001.02-数字证书绑定通知报文"},
      ],
		};
  },
  computed: {
		columns() {
      return this.tableColumns.filter(item => item.isShow);
		},
    isUpdate(){
      let cnt = 0;
      for(let i = 0; i < this.tableData.length; i++){
        if(this.tableData[i].acksrv.length == 3){
          cnt++;
        }
      }
      if(this.tableData.length <= 0){
        cnt++;
      }
      if(cnt > 0){
        return true
      }else{
        return false
      }
    },
		statusList(){
			let listKey = [];
			switch(this.model.flg){
				case "CMT":
					listKey = [
						{value:' ',label:'<all>'},
						{value:'N',label:'无清算报文'},
						{value:'S',label:'清算成功'},
						{value:'Q',label:'清算排队'},
						{value:'D',label:'清算拒绝'},
						{value:'C',label:'撤销'}
					]
					break;
					case "FMT":
						listKey = [
						{value:' ',label:'<all>'},
						{value:'O',label:'未清算'},
						{value:'Q',label:'已排队'},
						{value:'S',label:'清算成功'},
						{value:'C',label:'已撤销'},
						{value:'D',label:'清算拒绝'},
						{value:'G',label:'已结算'}
					]
					break;
					case "HVP":
						listKey = [
						{value:' ',label:'<all>'},
						{value:'O',label:'Open'},
						{value:'W',label:'组报失败'},
						{value:'V',label:'已发送'},
						{value:'F',label:'MBFE拒绝'},
						{value:'B',label:'报文重发'},
						{value:'J',label:'退还客户'}
					]
					break;
					case "CIP":
						listKey = [
						{value:' ',label:'<all>'},
						{value:'O',label:'等待查询'},
						{value:'G',label:'已结算'},
						{value:'X',label:'已撤销'},
						{value:'U',label:'已拒绝'},
						{value:'Y',label:'结算排队'},
						{value:'1',label:'日终退回'}
					]
					break;
					case "ELC":
						listKey = [
						{value:' ',label:'<all>'},
						{value:'6',label:'已发送'},
						{value:'0',label:'已成功'},
						{value:'S',label:'已清算'},
						{value:'U',label:'已拒绝'},
						{value:'E',label:'错误'},
						{value:'Y',label:'结算排队'},
						{value:'1',label:'日终退回'},
						{value:'8',label:'待清算'},
						{value:'9',label:'丢弃失败'}
					]
					break;
				default:
					listKey = [
						{value:' ',label:'<all>'},
						{value:'O',label:'Open'},
						{value:'R',label:'Rejected (NAC)'},
						{value:'A',label:'Acknowledged'},
						{value:'M',label:'Modified'}
					]
					break;
			}
			return listKey;
		}
		
	},
  methods: {
		formSubmit() {
      this.handleSearch();
		},	
		async showMessage(row){
			if(row.objsub){
				row.smhinr = row.objsub;
				this.$refs.msgView.fileViewDispaly(-1, row);
			}else{
				let res = await Api.post("/public/quesel/ruleShowmsgN1000",row)
				this.$refs.msgView.infackViewDispaly(res)
			}
		},
		async currentChange(num) {
      this.pagination.pageNum = num;
      this.formSubmit();
    },
		// pageSize改变
		handleSizeChange(val) {
			this.pagination.pageNum = 1;
			this.pagination.pageSize = val;
			this.formSubmit();
		},
	},
  mounted() {
    this.getdbCode('acksta','CN','acksta');

  },
  created: function() {}
};
</script>
<style  scoped lang="less">
</style>