<template>

       <el-dialog
        :visible.sync="initdialog2"
        :title="'Details of Pending Item'"
        append-to-body
        id="dialog2"
        @opened="opened"
      >
      <div class="eibs-tab">
           <c-col :span="24">
           <!------------------左边------------------>
           <c-col :span="11">
               <c-col :span="24">
                <el-form-item label="Type" prop="spt.sta">
                    <c-select v-model="model.spt.sta" style="width:100%" placeholder="请选择Type" :code="codes.sptrelstatus" disabled>
                      </c-select>
                </el-form-item>
               </c-col>
               <c-col :span="24">
                <el-form-item label="Reference" prop="spt.objnam">
                    <c-input  v-model="model.spt.objnam" maxlength="40"  placeholder="请输入Reference" disabled></c-input>
                </el-form-item>
               </c-col>
               <c-col :span="24">
                <el-form-item label="Name" prop="spt.txt">
                    <c-input  v-model="model.spt.txt" maxlength="40"  placeholder="请输入Name" disabled></c-input>
                </el-form-item>
               </c-col>

           </c-col>
           <!------------------右边------------------>
           <c-col :span="11" :offset="1">
               <c-col :span="24">
                <el-form-item label="Status" prop="spt.hldflg">
                    <c-select v-model="model.spt.hldflg" style="width:100%" placeholder="请选择Hold Flag" :code="codes.hldflg" disabled>
                      </c-select>
                </el-form-item>
               </c-col>
               <c-col :span="12">
                <el-form-item label="Ident No." prop="spt.inr">
                    <c-input  v-model="model.spt.inr" maxlength="8"  placeholder="请输入Internal Unique ID of Pending Transaction" disabled></c-input>
                </el-form-item>
               </c-col>
           </c-col>

           <c-col :span="24">
              <c-col :span="12">
                 <el-form-item label="Transaction " prop="spt.frm">
                     <c-input  v-model="model.spt.frm" maxlength="6"  placeholder="请输入Transaction " disabled></c-input>
                 </el-form-item>
              </c-col>

            </c-col>

           <c-col :span="12">
            <el-form-item label="Responsible User " prop="spt.ownusr">
                <c-input  v-model="model.spt.ownusr" maxlength="8"  placeholder="请输入Responsible User " disabled></c-input>
            </el-form-item>
           </c-col>

           <c-col :span="12">
            <el-form-item label="Responsible Group" prop="spt.ownusg">
                <c-select v-model="model.spt.ownusg" style="width:100%" placeholder="请选择Responsible Group" disabled>
                  </c-select>
            </el-form-item>
           </c-col>

           <c-col :span="24">
               <c-col :span="18">
                <el-form-item label="Infotext" prop="spt.inftxt">
                    <c-input type="textarea" v-model="model.spt.inftxt" maxlength="65" show-word-limit placeholder="请输入Infotext" rows="5" disabled ></c-input>
                </el-form-item>
                </c-col>

               <c-col :span="6" :offset="-1">
                <el-form-item label="" prop="spt.infdsp" label-width="5px">
                    <c-select v-model="model.spt.infdsp"  placeholder="请选择Infotext" :code="codes.infdsp" disabled>
                      </c-select>
                </el-form-item>
               </c-col>
           </c-col>

           <c-col :span="12">
               <c-col :span="12">
                <el-form-item label="Entered by" prop="spt.usr">
                    <c-input  v-model="model.spt.usr" maxlength="8"  placeholder="请输入Entered by" disabled></c-input>
                </el-form-item>
               </c-col>
               <c-col :span="12">
                    <el-form-item label="at" prop="spt.dattim" label-width="50px">
                        <c-input  v-model="model.spt.dattim"  placeholder="请输入Time of Creation" disabled></c-input>
                    </el-form-item>
               </c-col>
           </c-col>

           <c-col :span="12">
               <c-col :span="12">
                <el-form-item label="in TRN" prop="spt.cretrn">
                    <c-input  v-model="model.spt.cretrn" maxlength="6"  placeholder="请输入Creating Transaction ID" disabled></c-input>
                </el-form-item>
               </c-col>

               <c-col :span="12">
                <c-button size="small" type="primary"  @click="onSptpButord">
                    Order
                </c-button>
               </c-col>
           </c-col>

           <c-col :span="12">
               <c-col :span="12">
                <el-form-item label="Target for Completion" prop="" disabled>
                </el-form-item>
               </c-col>
               <c-col :span="12">
                <el-form-item label="" prop="spt.tardattim" label-width="50px">
                    <c-input  v-model="model.spt.tardattim"  placeholder="请输入Target for Completion" disabled></c-input>
                </el-form-item>
               </c-col>
           </c-col>

           <c-col :span="13">
            <el-form-item label="Message Type " prop="sptp.smh.msgtyp">
                <c-input  v-model="model.sptp.smh.msgtyp" maxlength="20"  placeholder="请输入Message Type " disabled></c-input>
            </el-form-item>
           </c-col>

           <c-col :span="15">
            <el-form-item label="Receiver Key " prop="sptp.smh.sndkey">
                <c-input  v-model="model.sptp.smh.sndkey" maxlength="50"  placeholder="请输入Receiver Key " disabled></c-input>
            </el-form-item>
           </c-col>

           <c-col :span="13">
               <c-col :span="13">
                <el-form-item label="Relevant Amount" prop="sptp.smh.relcur">
                    <c-input  v-model="model.sptp.smh.relcur" maxlength="3"  placeholder="请输入Relevant Amount" disabled></c-input>
                </el-form-item>
               </c-col>

               <c-col :span="11">
                <el-form-item label="" prop="sptp.smh.relamt" label-width="5px">
                    <c-input  v-model="model.sptp.smh.relamt" placeholder="请输入Relevant Amount Optional" disabled></c-input>
                </el-form-item>
               </c-col>
            </c-col>
           </c-col>
      </div>
         </el-dialog>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Sptneg/Event"
import Sptneg from "~/model/Sptneg"


export default {
    inject: ['root'],
    props:["model","codes"],
    mixins: [commonProcess],
    data(){
        return {
            initdialog2:false,
        }
    },
    mounted() {
         this.trnName = "sptneg";
        this.$nextTick(function () {
          this.$on("childmethods", async function () {
                let res = await this.executeRule("butspt");
                if (res.respCode == SUCCESS) {
                  this.updateModel(res.data);
                } else {

                }
          })
        })
    },
    methods:{...Event,
        opened() {
          this.$emit("childmethods");
        },
        async onSptpButord(){
          this.$emit("onSptp");
        }
    },
    created:function(){

    }
}
</script>
<style>
    #dialog2 .el-dialog{
            width: 80%;
    		height: 80%;
    }
</style>