Ofghngmainpnl.vue

<template>
  <div class="eibs-tab">
                             <!-- LT001833 : 相关记录信息展示如下： -->
                 <!-- LT001897 : 起息日 -->
                  
<c-col :span="12">
    <span  v-text="model.oftgrp.dot.valdat"   data-path=".oftgrp.dot.valdat" > </span>
</c-col>
                 <!-- LT001896 : 账户行 -->
                  
<c-col :span="12">
    <span  v-text="model.oftgrp.dot.actbic"   data-path=".oftgrp.dot.actbic" > </span>
</c-col>
                 <!-- LT001898 : 收发日期 -->
                  
<c-col :span="12">
    <span  v-text="model.oftgrp.dot.rsptim"   data-path=".oftgrp.dot.rsptim" > </span>
</c-col>
                 <!-- LT001893 : 报文类型 -->
                  
<c-col :span="12">
    <span  v-text="model.oftgrp.dot.mty"   data-path=".oftgrp.dot.mty" > </span>
</c-col>
                 <!-- LT001895 : 关联类型 -->
                  
<c-col :span="12">
    <span  v-text="model.oftgrp.dot.objtyp" data-code="dottyp"  data-path=".oftgrp.dot.objtyp" > </span>
</c-col>
                 <!-- LT001885 : 金  额 -->
                  
<c-col :span="12">
    <span  v-text="model.oftgrp.dot.amt"   data-path=".oftgrp.dot.amt" > </span>
</c-col>
                 <!-- LT001887 : 收  支 -->
                  
<c-col :span="12">
    <span  v-text="model.oftgrp.dot.dcflg" data-code="dcflg"  data-path=".oftgrp.dot.dcflg" > </span>
</c-col>
                 <!-- LT001884 : 币    种 -->
                  
<c-col :span="12">
    <span  v-text="model.oftgrp.dot.cur"   data-path=".oftgrp.dot.cur" > </span>
</c-col>
                 <!-- LT001890 : 状  态 -->
                  
<c-col :span="12">
    <span  v-text="model.oftgrp.dot.sta" data-code="sta"  data-path=".oftgrp.dot.sta" > </span>
</c-col>
                 <!-- LT001892 : 勾销标志 -->
                  
<c-col :span="12">
    <span  v-text="model.oftgrp.dot.offsta" data-code="offsta"  data-path=".oftgrp.dot.offsta" > </span>
</c-col>
                 <!-- LT001894 : 记帐状态 -->
                  
<c-col :span="12">
    <span  v-text="model.oftgrp.dot.recsta" data-code="batcharge"  data-path=".oftgrp.dot.recsta" > </span>
</c-col>
                 <!-- LT001888 : 参考号/前 -->
                  
<c-col :span="12">
    <span  v-text="model.oftgrp.dot.ownref"   data-path=".oftgrp.dot.ownref" > </span>
</c-col>
                 <!-- LT001889 : 参考号/后 -->
                  
<c-col :span="12">
    <span  v-text="model.oftgrp.dot.othref"   data-path=".oftgrp.dot.othref" > </span>
</c-col>
                 <!-- LT001899 : 详细信息 -->
                  
<c-col :span="12">
    <span  v-text="model.oftgrp.dot.inf"   data-path=".oftgrp.dot.inf" > </span>
</c-col>
                  
       <c-col :span="24">
        <div class="e-table-wrapper">
            <el-table
                :data="model.oftgrp.dotlst"
                style="width: 100%"
                >
                <el-table-column
                  prop="valdat"
                  label="起息日"
                  sortable
                  width="120">
                </el-table-column>
                <el-table-column
                  prop="dcflg"
                  label="借贷"
                  sortable
                  width="50">
                  <template slot-scope="scope">
                    <span>{{ this.codes.dcflg.find(item=>item.value==scope.row.dcflg).label }}</span>
                  </template>
                </el-table-column>
                <el-table-column
                  prop="ownref"
                  label="参考号/前"
                  sortable
                  width="140">
                </el-table-column>
                <el-table-column
                  prop="othref"
                  label="参考号/后"
                  sortable
                  width="140">
                </el-table-column>
                <el-table-column
                  prop="sta"
                  label="关联状态"
                  sortable
                  width="110">
                  <template slot-scope="scope">
                    <span>{{ this.codes.sta.find(item=>item.value==scope.row.sta).label }}</span>
                  </template>
                </el-table-column>
                <el-table-column
                  prop="typ"
                  label="记账类型"
                  sortable
                  width="100">
                  <template slot-scope="scope">
                    <span>{{ this.codes.kpatyp.find(item=>item.value==scope.row.typ).label }}</span>
                  </template>
                </el-table-column>
                <el-table-column
                  prop="offsta"
                  label="勾销状态"
                  sortable
                  width="110">
                  <template slot-scope="scope">
                    <span>{{ this.codes.offsta.find(item=>item.value==scope.row.offsta).label }}</span>
                  </template>
                </el-table-column>
                <el-table-column
                  prop="recsta"
                  label="记账状态"
                  sortable
                  width="130">
                  <template slot-scope="scope">
                    <span>{{ this.codes.batcharge.find(item=>item.value==scope.row.recsta).label }}</span>
                  </template>
                </el-table-column>
                <el-table-column
                  prop="mty"
                  label="报文类型"
                  sortable
                  width="100">
                </el-table-column>
                <el-table-column
                  prop="amt"
                  label="金额"
                  sortable
                  width="150">
                </el-table-column>
                <el-table-column
                  prop="cur"
                  label="币种"
                  sortable
                  width="60">
                </el-table-column>
                <el-table-column
                  prop="objtyp"
                  label="产生类型"
                  sortable
                  width="130">
                  <template slot-scope="scope">
                    <span>{{ this.codes.dottyp.find(item=>item.value==scope.row.objtyp).label }}</span>
                  </template>
                </el-table-column>
                <el-table-column
                  prop="actbic"
                  label="账户行"
                  sortable
                  width="130">
                </el-table-column>
                <el-table-column
                  prop="revbak"
                  label="收报行"
                  sortable
                  width="120">
                </el-table-column>
                <el-table-column
                  prop="sedbak"
                  label="发报行"
                  sortable
                  width="130">
                </el-table-column>
              </el-table>
              <el-pagination
                 layout="prev, pager, next"
                 :total="1">
              </el-pagination>
       </div>
       </c-col>
                 <!-- LT001960 : 请输入挂账附言： -->
                  
       <c-col :span="12">
        <c-form-item label="挂账附言" prop="oftp.hngfuyan">
            <c-input type="textarea" v-model="model.oftp.hngfuyan" maxlength="66" show-word-limit :placeholder="$t('other.please_enter')+'挂账附言'" ></c-input>
        </c-form-item>
        </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onSav">
             {{$t('mtabut.BT000008')}}
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onPed">
             {{$t('mtabut.BT000009')}}
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onOftpRtn">
             {{$t('oftp.BT001827')}}
        </c-button>
       </c-col>
  </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "../model/Event"

export default {
    inject: ['root'],
    props:["model","codes"],
    mixins: [commonProcess],
    data(){
        return {

        }
    },
    methods:{...Event},
    created:function(){

    }
}
</script>
<style>

</style>