<template>
    <c-page title="">
        <div class="eContainer">
            <div class="eibs-tab">
                <c-function-btn :hideFuncBtn="true"
                >
                    <el-button size="small">Detail</el-button>
                    <el-button size="small">Warning</el-button>
                </c-function-btn>                        
                <!-- <c-col :span="12">
                    <el-form-item label="Drag  Drop Sender">
                        <c-input  v-model="model.recpan.recget.sdamod.dadsnd"  placeholder="请输入Drag  Drop Sender"></c-input>
                    </el-form-item>
                </c-col>              -->
                    <el-form
                        :model="model"
                        ref="modelForm"
                        tokenKey="modelForm"
                        :validate-on-rule-change="false"
                        label-width="150px"
                        size="small"
                        >
                <c-content>
                    <c-col :span="23">
                        <c-col :span="8">
                            <el-form-item label="Reference">
                                <c-input  v-model="model.trn.ownref" maxlength="16"  placeholder="请输入Reference"></c-input>
                            </el-form-item>
                        </c-col>             
                        <c-col :span="1">
                            <c-button size="small" type="primary">
                                i
                            </c-button>
                        </c-col>             
                        <!-- <c-col :span="12">
                            <el-form-item label="Reference">
                                <c-input  v-model="model.recpan.con"  placeholder="请输入Reference"></c-input>
                            </el-form-item>
                        </c-col>              -->
                                                    
                        <!-- <c-col :span="12">
                            <el-form-item label="Transaction Key">
                                <c-input  v-model="model.trn.inr" maxlength="8"  placeholder="请输入Transaction Key"></c-input>
                            </el-form-item>
                        </c-col>              -->
                                    
                        <c-col :span="6">
                            <el-form-item label-width="30%" label="Ident No.">
                                <c-input  v-model="model.recpan.recget.sdamod.seainf"  placeholder="请输入Ident No."></c-input>
                            </el-form-item>
                        </c-col>             

                        <c-col :span="1">
                            &nbsp;
                        </c-col> 

                        <c-col :span="1">
                            <c-button size="small" type="primary">
                                i
                            </c-button>
                        </c-col>       

                        <c-col :span="6">
                                <c-input  v-model="model.trn.objnam" maxlength="40"  placeholder="请输入External Readable Object Identification"></c-input>
                        </c-col>
                    </c-col>                            
                                    
                                
                    <!-- <c-col :span="12">
                        <c-button size="small" type="primary"  @click="onRecpanDet">
                            详情
                        </c-button>
                    </c-col>
                                
                    <c-col :span="12">
                        <el-form-item label="Drag  Drop Sender">
                            <c-input  v-model="model.recpan.atpget.sdamod.dadsnd"  placeholder="请输入Drag  Drop Sender"></c-input>
                        </el-form-item>
                    </c-col>              -->

                    <c-col :span="23">
                        <c-col :span="8">
                            <el-form-item label="Transaction  ID">
                                <c-input  v-model="model.recpan.atp.cod" maxlength="6"  placeholder="请输入Transaction  ID"></c-input>
                            </el-form-item>
                        </c-col>             
                                    
                        <!-- <c-col :span="12">
                            <el-form-item label="Transaction">
                                <c-input  v-model="model.recpan.atpget.sdamod.seainf"  placeholder="请输入Transaction"></c-input>
                            </el-form-item>
                        </c-col>              -->

                        <c-col :span="1">
                            <c-button size="small" type="primary">
                                i
                            </c-button>
                        </c-col> 

                        <c-col :span="14">
                                <c-input  v-model="model.recpan.atp.cod" maxlength="6"  placeholder="请输入Transaction  ID"></c-input>
                        </c-col>    
                    </c-col>      

                    <!-- <c-col :span="12">
                        <c-button size="small" type="primary"  @click="onSyswrnButshw">
                            &Warning
                        </c-button>
                    </c-col> -->
                    <c-col :span="23">
                        <c-col :span="12">
                            <c-row>
                                <c-col :span="12">
                                    <el-form-item label="Relevant Amount">
                                        <c-input  v-model="model.trn.reloricur" maxlength="3"  placeholder="请输入Relevant Amount"></c-input>
                                    </el-form-item>
                                </c-col>
                                <c-col :span="12">
                                        <c-input  v-model="model.trn.reloriamt"  placeholder="请输入Relevant Amount for Release in Original Currency"></c-input>
                                </c-col>   
                            </c-row>
                        </c-col>  
                                                                
                        <c-col :span="12">
                            <el-form-item label-width="40%" label="Release Status of Transaction">
                                <c-select v-model="model.trn.relflg" style="width:100%" placeholder="请选择Release Status of Transaction">
                                </c-select>
                            </el-form-item>
                        </c-col>
                    </c-col>
                    
                                
                    <!-- <c-col :span="12">
                        <c-button size="small" type="primary"  @click="onRecpanNotmap">
                            Unmapped
                        </c-button>
                    </c-col> -->

                    <c-col :span="23">
                        <c-col :span="6">
                            <el-form-item label="Responsible">
                                <c-input  v-model="model.trn.usr" maxlength="8"  placeholder="请输入Responsible"></c-input>
                            </el-form-item>
                        </c-col>             
                                                    
                        <c-col :span="6">
                            <el-form-item label-width="35%" label="Group">
                                <c-input  v-model="model.trn.usg" maxlength="6"  placeholder="请输入Responsible Group"></c-input>
                            </el-form-item>
                        </c-col>             
                                                    
                        <c-col :span="12">
                            <el-form-item label-width="40%" label="Signatures Required/Obtained">
                            <c-cow>
                                <c-col :span="11">
                                    <c-input  v-model="model.trn.relreq" maxlength="3"  placeholder="请输入Signatures Required/Obtained"></c-input>
                                </c-col>
                                <c-col :span="2">
                                    <span style="margin-left:40%">/</span>
                                </c-col>
                                <c-col :span="11">
                                    <c-input  v-model="model.trn.relres" maxlength="3"  placeholder="请输入Applied Signatures"></c-input>
                                </c-col>
                            </c-cow>
                            </el-form-item>
                        </c-col>         
                    </c-col>                            
                        
                                                
                    <!-- <c-col :span="12">
                        <el-form-item label="Applied Signatures">
                            <c-input  v-model="model.trn.relres" maxlength="3"  placeholder="请输入Applied Signatures"></c-input>
                        </el-form-item>
                    </c-col>              -->

                    <c-col :span="23">
                        <c-col :span="6">
                            <el-form-item label="Based on Ident No.">
                                <c-input  v-model="model.trn.cortrninr" maxlength="8"  placeholder="请输入Based on Ident No."></c-input>
                            </el-form-item>
                        </c-col>             
                                                    
                        <c-col :span="6">
                            <el-form-item label-width="35%" label="Execution Date">
                                <c-date-picker type="date"  v-model="model.trn.exedat" style="width:100%"  placeholder="请选择Execution Date"></c-date-picker>
                            </el-form-item>
                        </c-col>

                        <c-col :span="12">
                                <el-form-item>
                                    <span style="text-align:center;display:block;" v-text="model.recpan.cpltxt"   data-path=".recpan.cpltxt" > </span>
                                </el-form-item>
                        </c-col>
                    </c-col>             

                    <c-col :span="23">
                        <c-col :span="6">
                            <el-form-item label="Entered by">
                                <c-input  v-model="model.recpan.cretrs.usr" maxlength="8"  placeholder="请输入Entered by"></c-input>
                            </el-form-item>
                        </c-col>             
                                                    
                        <c-col :span="6">
                            <el-form-item label-width="35%" label="Timestamp">
                                <c-input  v-model="model.recpan.cretrs.dattim"  placeholder="请输入Timestamp"></c-input>
                            </el-form-item>
                        </c-col>  
                    </c-col>   
                                
                                                
                    <!-- <c-col :span="12">
                        <el-form-item label="Send to SOP/CASmf reference">
                            <c-input  v-model="model.recpan.ackgrp.rec.sndref" maxlength="40"  placeholder="请输入Send to SOP/CASmf reference"></c-input>
                        </el-form-item>
                    </c-col>              -->
                                
                    <!-- <c-col :span="12">
                        <span  v-text="model.recpan.spt.sta"   data-path=".recpan.spt.sta" > </span>
                    </c-col> -->
                                
                    <!-- <c-col :span="12">
                        <c-button size="small" type="primary"  @click="onRecpanButspt">
                            Pending Item
                        </c-button>
                    </c-col> -->
                                                
                    <c-col :span="23">
                        <el-form-item label="Documents">
                            <!-- <c-input  v-model="model.recpan.smhstm"  placeholder="请输入Documents"></c-input> -->
                            <c-istream-table :list="documentsData.data" :columns="documentsData.columns" style="width:100%">
                                <el-table-column
                                    fixed="right"
                                    prop="display"
                                    label="操作"
                                    width="auto"
                                >
                                <template slot="header">
                                    <c-col :span="11" style="text-align:left"><span>操作</span></c-col>
                                    <c-col :span="12" style="text-align:right"><c-button icon="el-icon-s-tools"></c-button></c-col>
                                    </template>
                                    <template slot-scope="scope">
                                    <c-button
                                        style="margin-left: 0"
                                        size="small"
                                        type="primary"
                                        @click="onDetail(scope.$index,scope.row)"
                                    >
                                        详情
                                    </c-button>
                                    <c-button
                                        style="margin-left: 0"
                                        size="small"
                                        type="primary"
                                        @click="onHandle(scope.$index,scope.row)"
                                    >
                                        处理
                                    </c-button>
                                    </template>
                                </el-table-column>
                            </c-istream-table>
                        </el-form-item>
                    </c-col> 
                                
                    <!-- <c-col :span="12">
                        <c-button size="small" type="primary"  @click="onRecpanInc">
                            Show &Incoming
                        </c-button>
                    </c-col> -->
                                
                    <!-- <c-col :span="12">
                        <c-button size="small" type="primary"  @click="onRecpanButord">
                            Order
                        </c-button>
                    </c-col> -->
                                
                    <!-- <c-col :span="12">
                        <span  v-text="model.recpan.ord.sta"   data-path=".recpan.ord.sta" > </span>
                    </c-col> -->
                                
                    <!-- <c-col :span="12">
                        <c-button size="small" type="primary"  @click="onImgmod1Image">
                            imgyge
                        </c-button>
                    </c-col>
                                
                    <c-col :span="12">
                        <c-button size="small" type="primary"  @click="onRecpanIncben">
                            Inc to Ben
                        </c-button>
                    </c-col> -->

                    <c-col :span="23">
                        <c-col :span="16">
                            <el-form-item label="Infotext">
                                <c-input type="textarea" v-model="model.trn.inftxt" maxlength="65" show-word-limit placeholder="请输入Infotext" ></c-input>
                            </el-form-item>
                        </c-col>
                        <c-col :span="1">
                            <c-button size="small" type="primary">
                                ...
                            </c-button>
                        </c-col>
                        <c-col :span="6">
                            <el-form-item label-width="20%" label="Infoflag">
                                <c-input v-model="model.trn.infdsp" style="width:100%" placeholder="请选择Infoflag">
                                </c-input>
                            </el-form-item>
                        </c-col>
                    </c-col>     

                    <!-- <c-col :span="12">
                        <el-form-item label="User ID">
                            <c-input  v-model="model.recpan.usr.extkey" maxlength="8"  placeholder="请输入User ID"></c-input>
                        </el-form-item>
                    </c-col>             
                                
                    <c-col :span="12">
                        <el-form-item label="">
                            <c-input  v-model="model.recpan.usrget.sdamod.seainf"  placeholder="请输入"></c-input>
                        </el-form-item>
                    </c-col>             
                                                    -->
                    <c-col :span="23">
                        <c-col :span="18">
                            <el-form-item label="Signatures">
                                <!-- <c-input  v-model="model.recpan.trsstm"  placeholder="请输入Signatures"></c-input> -->
                                <c-istream-table :list="SignaturesData.data" :columns="SignaturesData.columns" style="width:100%">
                                <el-table-column
                                    fixed="right"
                                    prop="display"
                                    label="操作"
                                    width="auto"
                                >
                                <template slot="header">
                                    <c-col :span="11" style="text-align:left"><span>操作</span></c-col>
                                    <c-col :span="12" style="text-align:right"><c-button icon="el-icon-s-tools"></c-button></c-col>
                                    </template>
                                    <template slot-scope="scope">
                                    <c-button
                                        style="margin-left: 0"
                                        size="small"
                                        type="primary"
                                        @click="onDetail(scope.$index,scope.row)"
                                    >
                                        详情
                                    </c-button>
                                    <c-button
                                        style="margin-left: 0"
                                        size="small"
                                        type="primary"
                                        @click="onHandle(scope.$index,scope.row)"
                                    >
                                        处理
                                    </c-button>
                                    </template>
                                </el-table-column>
                            </c-istream-table>
                            </el-form-item>
                        </c-col>
                    </c-col>  

                    <c-col :span="23">
                        <c-col :span="12">
                                <el-form-item label="Object">
                                    <c-col :span="10">
                                        <c-input v-model="model.wfmmod.wfs.objtyp" style="width:100%" placeholder="请选择Table Used to Store Associated Object"></c-input>
                                    </c-col>
                                    <c-col :span="10">
                                        <c-input  v-model="model.wfmmod.wfs.objinr" maxlength="8"  placeholder="请输入Object"></c-input>
                                    </c-col>
                                </el-form-item>
                        </c-col>           
                                                    
                        <c-col :span="12">
                            <el-form-item label="Object Name">
                                <c-input  v-model="model.wfmmod.wfs.objnam" maxlength="40"  placeholder="请输入External Readable Object Identification"></c-input>
                            </el-form-item>
                        </c-col>      
                    </c-col>

                    <c-col :span="23">
                        <el-form-item>
                            <!-- <c-input  v-model="model.recpan.wfestm"  placeholder="请输入WFEs for transaction for display"></c-input> -->
                                <c-istream-table :list="stmData.data" :columns="stmData.columns" style="width:100%">
                                    <el-table-column
                                        fixed="right"
                                        prop="display"
                                        label="操作"
                                        width="auto"
                                    >
                                    <template slot="header">
                                        <c-col :span="11" style="text-align:left"><span>操作</span></c-col>
                                        <c-col :span="12" style="text-align:right"><c-button icon="el-icon-s-tools"></c-button></c-col>
                                        </template>
                                        <template slot-scope="scope">
                                        <c-button
                                            style="margin-left: 0"
                                            size="small"
                                            type="primary"
                                            @click="onDetail(scope.$index,scope.row)"
                                        >
                                            详情
                                        </c-button>
                                        <c-button
                                            style="margin-left: 0"
                                            size="small"
                                            type="primary"
                                            @click="onHandle(scope.$index,scope.row)"
                                        >
                                            处理
                                        </c-button>
                                        </template>
                                    </el-table-column>
                                </c-istream-table>
                        </el-form-item>
                    </c-col>

                </c-content>                  
                    </el-form>      
            </div>
        </div>
    </c-page>
</template>

<script>
import Trnrel from "~/Model/Trnrel";
import Api from "~/service/Api"
import CommonProcess from "~/mixin/CommonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Trnrel/Event"

export default {
    
    mixins: [CommonProcess],
    data(){
        return {
            model: new Trnrel().data,
            documentsData: {
                columns: [
                    '10 1 "type" 80',
                    '11 2 "External Key" 150',
                    '11 3 "Document" 150',
                    ],
                data: [],
            },
            SignaturesData: {
                columns: [
                    '10 1 "type" 80',
                    '11 2 "User" 150',
                    '11 3 "Date/TIme" 150',
                    '11 3 "Action" 150',
                    ],
                data: [],
            },
            stmData: {
                columns: [
                    '10 1 "ID" 80',
                    '11 2 "Service" 150',
                    '11 3 "Status" 150',
                    '11 3 "Last Update" 150',
                    '11 3 "Retries" 150',
                    '11 3 "Text" 150',
                    ],
                data: [],
            },
        }
    },
    methods:{...Event},
    mounted() {
        this.loadData()
    },
    methods: {
        loadData() {
            const { inr } = this.$route.query
        }
    }
}
</script>
<style>

</style>