<template>
  <div class="eibs-tab">

    <!-- ========================左边======================= -->
    <c-col :span="12">
      <c-col :span="24" style="margin-top: 0">
        <el-form-item label="File Path" prop="recpan.filpth">
          <c-input
            v-model="model.recpan.filpth"
            maxlength="80"
            placeholder="请输入File Path"
            disabled
          ></c-input>
        </el-form-item>
      </c-col>

      
      <c-col :span="24">
          <el-form-item label="File Name" prop="recpan.filnam">
            <c-select
              v-model="model.recpan.filnam"
              style="width: 100%"
              placeholder="请选择File Name"
              disabled
            >
            </c-select>
          </el-form-item>
      </c-col>

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

      <c-col :span="24" >
        <el-form-item
            label="Refecence No."
            prop="recpan.conget.selref"
          >
            <c-input
              v-model="model.recpan.conget.selref"
              maxlength="40"
              placeholder="请输入Refecence of selected contract"
               @keyup.enter.native="
                updateSelref
              "
            ></c-input>
          </el-form-item>
      </c-col>

      <c-col :span="24" >
        <el-form-item
					label=""
					prop="recpan.conget.selnam"
				>
					<c-input
						v-model="model.recpan.conget.selnam"
						maxlength="40"
						placeholder="请输入name of selected contract"
					></c-input>
				</el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item
            label="Parent Contract"
            prop="recpan.dpcget.selref"
          >
            <c-input
              v-model="model.recpan.dpcget.selref"
              maxlength="40"
              placeholder="请输入Refecence of parent contract"
            ></c-input>
          </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item
					label=""
					prop="recpan.dpcget.selnam"
				>
					<c-input
						v-model="model.recpan.dpcget.selnam"
						maxlength="40"
						placeholder="请输入name of parent contract"
					></c-input>
				</el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Work User" prop="spt.wrkusr">
          <c-select
            v-model="model.spt.wrkusr"
            style="width: 100%"
            placeholder="请选择Work User"
          >
          </c-select>
        </el-form-item>
      </c-col>
      

      <c-col :span="24" >
        <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"
					></c-input>
				</el-form-item>
			</c-col>

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

    </c-col>


    <!-- ========================右边======================= -->
    <c-col :span="12" >

      <c-col :span="24" style="margin-top: 0">
        <el-form-item label="Message Reference" prop="spt.objnam">
          <c-input
            v-model="model.spt.objnam"
            maxlength="40"
            placeholder="请输入Message 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 :span="24">
        <c-col :span="12">
          <el-form-item label="Transaction" prop="recpan.atp.cod">
            <c-input
              v-model="model.recpan.atp.cod"
              maxlength="6"
              placeholder="请输入Transaction"
              @keyup.enter.native="
                showGridPromptDialog('recpan.atp.cod')
              "

            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label="" prop="recpan.atpget.sdamod.seainf"  label-width="10px">
            <c-input
              v-model="model.recpan.atpget.sdamod.seainf"
              placeholder="请输入"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
      </c-col>


      <c-col :span="24" >
        <el-form-item label="虚拟机构" prop="spt.wrkgrp">
					<c-select
						v-model="model.spt.wrkgrp"
						style="width: 100%"
						placeholder="请选择WORK GROUP"
            :code="sptWrkgrp"
					>
					</c-select>
				</el-form-item>
      </c-col>

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

      <!-- <c-col :span="24" >
        <el-form-item label="虚拟机构" prop="spt.wrkgrp" label-width="100px">
					<c-select
						v-model="model.spt.wrkgrp"
						style="width: 100%"
						placeholder="请选择WORK GROUP"
					>
					</c-select>
				</el-form-item>
      </c-col> -->

      <c-col :span="24" >
        <el-form-item label="" prop="spt.infdsp">
					<c-select
						v-model="model.spt.infdsp"
						style="width: 100%"
						placeholder="请选择Info Text"
					>
					</c-select>
				</el-form-item>
      </c-col>

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




    <!-- <c-col :span="16">
      <el-form-item label="File Path" prop="recpan.filpth">
        <c-input
          v-model="model.recpan.filpth"
          maxlength="80"
          placeholder="请输入File Path"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="16">
			<c-col :span="18">
				<el-form-item label="File Name" prop="recpan.filnam">
					<c-select
						v-model="model.recpan.filnam"
						style="width: 100%"
						placeholder="请选择File Name"
					>
					</c-select>
				</el-form-item>
			</c-col>
			<c-col :span="4" :offset="1">
				<c-button size="small" type="primary" @click="onRecpanShw">
					Show Inc.
				</c-button>
			</c-col>
    </c-col>

    <c-col :span="12">
      <el-form-item label="Type" prop="spt.sta">
        <c-select
          v-model="model.spt.sta"
          style="width: 100%"
          placeholder="请选择Type"
        >
        </c-select>
      </el-form-item>
    </c-col>
		<c-col></c-col>
    <c-col :span="12">
      <el-form-item label="Message Reference" prop="spt.objnam">
        <c-input
          v-model="model.spt.objnam"
          maxlength="40"
          placeholder="请输入Message Reference"
        ></c-input>
      </el-form-item>
    </c-col>
		<c-col></c-col>
    <c-col :span="12">
      <el-form-item label="Name" prop="spt.txt">
        <c-input
          v-model="model.spt.txt"
          maxlength="40"
          placeholder="请输入Name"
        ></c-input>
      </el-form-item>
    </c-col>

		<c-col :span="16">
			<c-col :span="8">
				<el-form-item label="Transaction" prop="recpan.atp.cod">
					<c-input
						v-model="model.recpan.atp.cod"
						maxlength="6"
						placeholder="请输入Transaction"
					></c-input>
				</el-form-item>
			</c-col>
			<c-col :span="2" style="margin-left: 10px;">
					<c-button type="primary" icon="el-icon-search"></c-button>
				</c-col>
			<c-col :span="12">
				<el-form-item label="" prop="recpan.atpget.sdamod.seainf" label-width="10px">
					<c-input
						v-model="model.recpan.atpget.sdamod.seainf"
						placeholder="请输入"
					></c-input>
				</el-form-item>
			</c-col>
		</c-col>

		<c-col :span="18">
			<c-col :span="12">
				<el-form-item
					label="Refecence No."
					prop="recpan.conget.selref"
				>
					<c-input
						v-model="model.recpan.conget.selref"
						maxlength="40"
						placeholder="请输入Refecence of selected contract"
					></c-input>
				</el-form-item>
			</c-col>
			<c-col :span="1" style="margin-left: 10px;">
				<c-button type="primary" disabled icon="el-icon-search"></c-button>
			</c-col>
			<c-col :span="8">
				<el-form-item
					label=""
					prop="recpan.conget.selnam"
					label-width="10px"
				>
					<c-input
						v-model="model.recpan.conget.selnam"
						maxlength="40"
						placeholder="请输入name of selected contract"
					></c-input>
				</el-form-item>
			</c-col>
		</c-col>

		<c-col :span="18">
			<c-col :span="8">
				<el-form-item label="Work User" prop="spt.wrkusr">
					<c-select
						v-model="model.spt.wrkusr"
						style="width: 100%"
						placeholder="请选择Work User"
					>
					</c-select>
				</el-form-item>
			</c-col>
			<c-col :span="1" style="margin-left: 10px;">
				<c-button type="primary" icon="el-icon-search"></c-button>
			</c-col>
			<c-col :span="8">

				<el-form-item label="虚拟机构" prop="spt.wrkgrp" label-width="100px">
					<c-select
						v-model="model.spt.wrkgrp"
						style="width: 100%"
						placeholder="请选择WORK GROUP"
					>
					</c-select>
				</el-form-item>
			</c-col>
		</c-col>

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

			<c-col :span="8">
				<el-form-item label="" prop="spt.infdsp" label-width="20px">
					<c-select
						v-model="model.spt.infdsp"
						style="width: 100%"
						placeholder="请选择Info Text"
					>
					</c-select>
				</el-form-item>
			</c-col>
		</c-col>

		<c-col :span="16">
			<c-col :span="8">
				<el-form-item label="Entered by" prop="spt.usr">
					<c-input
						v-model="model.spt.usr"
						maxlength="8"
						placeholder="请输入Entered by"
					></c-input>
				</el-form-item>
			</c-col>

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

			<c-col :span="8">
				<el-form-item label="in Inr" prop="spt.cretrn" label-width="100px">
					<c-input
						v-model="model.spt.cretrn"
						maxlength="6"
						placeholder="请输入Creating Transaction ID"
					></c-input>
				</el-form-item>
			</c-col>
		</c-col> -->

    <!-- <c-col :span="12">
      <el-form-item
        label="Drag  Drop Sender"
        prop="recpan.atpget.sdamod.dadsnd"
      >
        <c-input
          v-model="model.recpan.atpget.sdamod.dadsnd"
          placeholder="请输入Drag  Drop Sender"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item
        label="Application Transaction Profile Code"
        prop="recpan.atptxt"
      >
        <c-input
          v-model="model.recpan.atptxt"
          maxlength="60"
          placeholder="请输入Application Transaction Profile Code"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <span v-text="model.recpan.contxt" data-path=".recpan.contxt"> </span>
    </c-col>

    <c-col :span="12">
      <el-form-item
        label="Drag  Drop Sender"
        prop="recpan.conget.sdamod.dadsnd"
      >
        <c-input
          v-model="model.recpan.conget.sdamod.dadsnd"
          placeholder="请输入Drag  Drop Sender"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <span
        v-text="model.recpan.conget.refnum"
        data-path=".recpan.conget.refnum"
      >
      </span>
    </c-col>

    <c-col :span="12">
      <el-form-item label="" prop="recpan.conget.sdamod.seainf">
        <c-input
          v-model="model.recpan.conget.sdamod.seainf"
          placeholder="请输入"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item
        label="Drag  Drop Sender"
        prop="recpan.dpcget.sdamod.dadsnd"
      >
        <c-input
          v-model="model.recpan.dpcget.sdamod.dadsnd"
          placeholder="请输入Drag  Drop Sender"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <span
        v-text="model.recpan.dpcget.refnum"
        data-path=".recpan.dpcget.refnum"
      >
      </span>
    </c-col>

    <c-col :span="12">
      <el-form-item
        label="Refecence of selected contract"
        prop="recpan.dpcget.selref"
      >
        <c-input
          v-model="model.recpan.dpcget.selref"
          maxlength="40"
          placeholder="请输入Refecence of selected contract"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="" prop="recpan.dpcget.sdamod.seainf">
        <c-input
          v-model="model.recpan.dpcget.sdamod.seainf"
          placeholder="请输入"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item
        label="name of selected contract"
        prop="recpan.dpcget.selnam"
      >
        <c-input
          v-model="model.recpan.dpcget.selnam"
          maxlength="40"
          placeholder="请输入name of selected contract"
        ></c-input>
      </el-form-item>
    </c-col>


    <c-col :span="12">
      <el-form-item label="" prop="recpan.usrget.sdamod.seainf">
        <c-input
          v-model="model.recpan.usrget.sdamod.seainf"
          placeholder="请输入"
        ></c-input>
      </el-form-item>
    </c-col> -->
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Sptrou/Event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
      sptWrkgrp: []
    };
  },
  methods: { ...Event,
      async updateSelref(){
        let rtnmsg = await this.executeRule("recpan.conget.selref")
        if(rtnmsg.respCode == SUCCESS)
        {
          this.updateModel(rtnmsg.data);

        }
        else
        {
            this.$notify.error({title: '错误',message: '服务请求失败！'});
        }
      },
      async updateCretrn(){
        let rtnmsg = await this.executeRule("recpan.atp.cod")
        if(rtnmsg.respCode == SUCCESS)
        {
          this.updateModel(rtnmsg.data);

        }
        else
        {
            this.$notify.error({title: '错误',message: '服务请求失败！'});
        }
      },
   },
  created: function () {},
};
</script>
<style>
</style>