<template>
  <div class="eibs-tab">
    <!-- =================顶端================== -->
    <c-col :span="24">
      <!-- ===================左边====================== -->
      <c-col :span="11">
        <c-col :span="24">
          <!-- <c-fullbox> -->
          <c-col :span="12">
            <span
              v-text="model.trncorco.usfmod.usftxt"
              data-path=".trncorco.usfmod.usftxt"
            >
            </span>
          </c-col>

          <c-col :span="20">
            <el-form-item label="Selection of User" prop="trncorco.usfmod.flt">
              <c-select
                v-model="model.trncorco.usfmod.flt"
                style="width: 100%"
                placeholder="请选择Filter"
              >
              </c-select>
            </el-form-item>
          </c-col>

          <c-col :span="4">
            <c-button size="small" type="primary" @click="onUsfmodShwflt">
              Sho&w Set
            </c-button>
          </c-col>
          <!-- </c-fullbox> -->
        </c-col>

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

          <c-col :span="8">
            <el-form-item label="Amount" prop="amt1">
              <c-input
                v-model="model.amt1"
                maxlength="18"
                placeholder="请输入Amount"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="8">
            <el-form-item label="Amount" prop="amt2">
              <c-input
                v-model="model.amt2"
                maxlength="18"
                placeholder="请输入Amount"
              ></c-input>
            </el-form-item>
          </c-col>
        </c-col>

        <c-col :span="24">
          <c-col :span="12">
            <el-form-item
              label="Date of entry of Transaction"
              prop="trncorco.inidatfro"
            >
              <c-date-picker
                type="date"
                v-model="model.trncorco.inidatfro"
                style="width: 100%"
                placeholder="请选择Date of entry of Transaction"
              ></c-date-picker>
            </el-form-item>
          </c-col>

          <c-col :span="12">
            <el-form-item
              label="Date of entry of Transaction until"
              prop="trncorco.inidattil"
            >
              <c-date-picker
                type="date"
                v-model="model.trncorco.inidattil"
                style="width: 100%"
                placeholder="请选择Date of entry of Transaction until"
              ></c-date-picker>
            </el-form-item>
          </c-col>
        </c-col>
      </c-col>
      <!-- =====================右边====================== -->
      <c-col :span="11" :offset="1">
        <c-col :span="24">
          <c-col :span="12">
            <el-form-item label="Reference" prop="trncorco.ownref">
              <c-input
                v-model="model.trncorco.ownref"
                maxlength="16"
                placeholder="请输入Reference"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="12">
            <el-form-item label="汇款性质" prop="trncorco.trntyp">
              <c-select
                v-model="model.trncorco.trntyp"
                style="width: 100%"
                placeholder="请选择汇款性质"
              >
              </c-select>
            </el-form-item>
          </c-col>
        </c-col>

        <c-col :span="24">
          <c-col :span="12">
            <el-form-item label="Status" prop="trncorco.relflg">
              <c-select
                v-model="model.trncorco.relflg"
                style="width: 100%"
                placeholder="请选择Status"
              >
              </c-select>
            </el-form-item>
          </c-col>

          <c-col :span="12">
            <el-form-item label="Transaction Type " prop="atp.cod">
              <c-input
                v-model="model.atp.cod"
                maxlength="6"
                placeholder="请输入Transaction Type "
              ></c-input>
            </el-form-item>
          </c-col>
        </c-col>

        <c-col :span="24">
          <c-col :span="12">
            <el-form-item label="Party extkey" prop="ptyextkey">
              <c-input
                v-model="model.ptyextkey"
                maxlength="24"
                placeholder="请输入Party extkey"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="12">
            <el-form-item label="branch" prop="branch">
              <c-select
                v-model="model.branch"
                style="width: 100%"
                placeholder="请选择branch"
              >
              </c-select>
            </el-form-item>
          </c-col>
        </c-col>
      </c-col>
    </c-col>
    <!-- =================底端=================== -->
    <c-col :span="24">
      <!-- <c-col :span="12">
        <el-form-item
          label="List of transaction sfor display"
          prop="trncorco.trnstm"
        >
          <c-input
            v-model="model.trncorco.trnstm"
            placeholder="请输入List of transaction sfor display"
          ></c-input>
        </el-form-item>
      </c-col> -->

    <c-edit-table :model="model" v-bind="ptsaddg">
      <el-table-column label="操作" align="center">
        <template slot-scope="scope">
          <el-button
            size="mini"
            @click="handleEdit(scope.$index, scope.row)"
            type="primary"
            >详情</el-button
          >
        </template>
      </el-table-column>
    </c-edit-table>

    </c-col>

    <!-- ======================================原码=================================================== -->
    <!-- <c-col :span="12">
	    <span  v-text="model.trncorco.usfmod.usftxt"   data-path=".trncorco.usfmod.usftxt" > </span>
	</c-col>
                  
       <c-col :span="12">
        <el-form-item label="Filter" prop="trncorco.usfmod.flt">
            <c-select v-model="model.trncorco.usfmod.flt" style="width:100%" placeholder="请选择Filter">
              </c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onUsfmodShwflt">
            Sho&w Set
        </c-button>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Reference" prop="trncorco.ownref">
            <c-input  v-model="model.trncorco.ownref" maxlength="16"  placeholder="请输入Reference"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onSearow">
            &Search
        </c-button>
       </c-col>
                  
	<c-col :span="12">
	    <span  v-text="model.trncorco.usfmod.labtxt"   data-path=".trncorco.usfmod.labtxt" > </span>
	</c-col>
                  
       <c-col :span="12">
        <el-form-item label="Selected User Group Set" prop="trncorco.usfmod.selusgset">
            <c-select v-model="model.trncorco.usfmod.selusgset" style="width:100%" placeholder="请选择Selected User Group Set">
              </c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="User ID" prop="trncorco.usfmod.usr.extkey">
            <c-input  v-model="model.trncorco.usfmod.usr.extkey" maxlength="8"  placeholder="请输入User ID"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Selected User Group" prop="trncorco.usfmod.selusg">
            <c-select v-model="model.trncorco.usfmod.selusg" style="width:100%" placeholder="请选择Selected User Group">
              </c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Select user branch" prop="trncorco.usfmod.selusb">
            <c-select v-model="model.trncorco.usfmod.selusb" style="width:100%" placeholder="请选择Select user branch">
              </c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="" prop="trncorco.usfmod.usrget.sdamod.seainf">
            <c-input  v-model="model.trncorco.usfmod.usrget.sdamod.seainf"  placeholder="请输入"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Status" prop="trncorco.relflg">
            <c-select v-model="model.trncorco.relflg" style="width:100%" placeholder="请选择Status">
              </c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="汇款性�'�" prop="trncorco.trntyp">
            <c-select v-model="model.trncorco.trntyp" style="width:100%" placeholder="请选择汇款性�'�">
              </c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onDsp">
            D&isplay
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Drag  Drop Sender" prop="atpget.sdamod.dadsnd">
            <c-input  v-model="model.atpget.sdamod.dadsnd"  placeholder="请输入Drag  Drop Sender"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Curr." prop="relcur">
            <c-select v-model="model.relcur" style="width:100%" placeholder="请选择Curr.">
              </c-select>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Amount" prop="amt1">
            <c-input  v-model="model.amt1" maxlength="18"  placeholder="请输入Amount"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Amount" prop="amt2">
            <c-input  v-model="model.amt2" maxlength="18"  placeholder="请输入Amount"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Transaction Type " prop="atp.cod">
            <c-input  v-model="model.atp.cod" maxlength="6"  placeholder="请输入Transaction Type "></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="" prop="atpget.sdamod.seainf">
            <c-input  v-model="model.atpget.sdamod.seainf"  placeholder="请输入"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onPrinte">
            导出Excel
        </c-button>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Date of entry of Transaction" prop="trncorco.inidatfro">
            <c-date-picker type="date"  v-model="model.trncorco.inidatfro" style="width:100%"  placeholder="请选择Date of entry of Transaction"></c-date-picker>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Date of entry of Transaction until" prop="trncorco.inidattil">
            <c-date-picker type="date"  v-model="model.trncorco.inidattil" style="width:100%"  placeholder="请选择Date of entry of Transaction until"></c-date-picker>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Party extkey" prop="ptyextkey">
            <c-input  v-model="model.ptyextkey" maxlength="24"  placeholder="请输入Party extkey"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="branch" prop="branch">
            <c-select v-model="model.branch" style="width:100%" placeholder="请选择branch">
            </c-select>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="List of transaction sfor display" prop="trncorco.trnstm">
            <c-input  v-model="model.trncorco.trnstm"  placeholder="请输入List of transaction sfor display"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="# of transactions" prop="numtrn">
            <c-input  v-model="model.numtrn"  placeholder="请输入# of transactions"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onImgmodNewimg">
            Img
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onImgmodNewhisimg">
            His.Img
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onDiaconButdia">
            &Diaries
        </c-button>
       </c-col>
                                                    
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onRelrow">
            &Release
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onReprow">
            Re&pair
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onRejrow">
            Reject
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onExi">
            E&xit
        </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/Cptrel/Event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
      ptsaddg: {
        columns: [
          {
            title: "TRN",
            width: "120px",
            dataIndex: "rol",
            show: "select",
          },
          {
            title: "Own Reference",
            width: "180px",
            dataIndex: "ptyextkey",
            show: "input",
          },
          {
            title: "Cur",
            width: "300px",
            dataIndex: "nam",
          },
          {
            title: "Relevant",
            width: "300px",
            dataIndex: "ref",
          },
          {
            title: "Entry",
            width: "300px",
            dataIndex: "ref",
          },
          {
            title: "Relevant",
            width: "300px",
            dataIndex: "ref",
          },
        ],
        urls: "lttp.ptsaddp.ptsaddg",
      },
    };
  },
  methods: { ...Event },
  created: function () {},
};
</script>
<style>
</style>