Ptyp.vue

<template>
  <div class="eibs-tab">
    <!-- ================= 左 ================== -->
    <c-col :span="11">
      <c-col :span="24">
        <el-form-item label="Applicant's Bank Ref." prop="lidgrp.ini.pts.ref">
          <c-input
            v-model="model.lidgrp.ini.pts.ref"
            disabled
            maxlength="16"
            placeholder="请输入Applicant's Bank"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Extkey" prop="lidgrp.ini.pts.extkey">
          <c-fullbox>
            <c-input
              v-model="model.lidgrp.ini.pts.extkey"
              maxlength="16"
              style="width: 100%"
              placeholder="请输入External Key of Address"
              disabled
            ></c-input>
            <template slot="footer">
              <c-button
                style="margin: 0 10px 0 10px; padding: 0 12px"
                size="small"
                type="primary"
                @click="onSeainf('lidgrp.ini.pts.extkey')"
              >
                <span style="font-family: '宋体'; font-weight: bold">i</span>
              </c-button>
              <c-button
                style="margin: 0 0"
                size="small"
                type="primary"
                disabled
                @click="onInipDet"
              >
                详情
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <!-- <c-col :span="8">
        <el-form-item label="" label-width="15px">
          <c-button
            size="small"
            type="primary;width:10%"
            @click="onSeainf('lidgrp.ini.pts.extkey')"
            >i</c-button
          >
          <c-button size="small" type="primary" @click="onInipDet">
            Details
          </c-button>
        </el-form-item>
      </c-col> -->

      <c-col :span="24">
        <el-form-item label="Address Block" prop="lidgrp.ini.pts.adrblk">
          <c-input
            type="textarea"
            v-model="model.lidgrp.ini.pts.adrblk"
            maxlength="35"
            :rows="4"
            show-word-limit
            disabled
            placeholder="请输入Address Block"
          ></c-input>
        </el-form-item>
      </c-col>
      <!--            
            <c-col :span="24">
                <el-form-item label="Chinese address" prop="lidgrp.ini.dbfadrblkcn">
                    <c-input type="textarea" v-model="model.lidgrp.ini.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input>
                </el-form-item>
            </c-col>
                                          
            <c-col :span="24">
                <el-form-item label="名称" prop="lidgrp.ini.namelc">
                    <c-input type="textarea" v-model="model.lidgrp.ini.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input>
                </el-form-item>
            </c-col>
                        
            <c-col :span="24">
                <el-form-item label="地址" prop="lidgrp.ini.adrelc">
                    <c-input type="textarea" v-model="model.lidgrp.ini.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" ></c-input>
                </el-form-item>
            </c-col>
            -->

      <c-col :span="24">
        <el-form-item label="Reimbursement Bank Ref." prop="lidgrp.rmb.pts.ref">
          <c-input
            v-model="model.lidgrp.rmb.pts.ref"
            maxlength="16"
            placeholder="请输入Reimbursement Bank"
            disabled
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Extkey" prop="lidgrp.rmb.pts.extkey">
          <c-fullbox>
            <c-input
              v-model="model.lidgrp.rmb.pts.extkey"
              maxlength="16"
              placeholder="请输入External Key of Address"
              disabled
            ></c-input>
            <template slot="footer">
              <c-button
                style="margin: 0 10px 0 10px; padding: 0 12px"
                size="small"
                type="primary"
                @click="onSeainf('lidgrp.rmb.pts.extkey')"
              >
                <span style="font-family: '宋体'; font-weight: bold">i</span>
              </c-button>
              <c-button
                style="margin: 0 0"
                size="small"
                type="primary"
                disabled
                @click="onRmbpDet"
              >
                详情
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <!-- <c-col :span="8">
        <el-form-item label="" label-width="15px">
          <c-button
            size="small"
            type="primary;width:10%"
            @click="onSeainf('lidgrp.rmb.pts.extkey')"
            >i</c-button
          >
          <c-button size="small" type="primary" @click="onRmbpDet">
            Details
          </c-button>
        </el-form-item>
      </c-col> -->

      <c-col :span="24">
        <el-form-item label="Name of Party" prop="lidgrp.rmb.pts.nam">
          <c-input
            v-model="model.lidgrp.rmb.pts.nam"
            maxlength="40"
            placeholder="请输入Name of Party"
            disabled
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item
          label="Requested Confirmation party Ref."
          prop="lidgrp.con.pts.ref"
        >
          <c-input
            v-model="model.lidgrp.con.pts.ref"
            maxlength="16"
            placeholder="请输入Requested Confirmation party"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Extkey" prop="lidgrp.con.pts.extkey">
          <c-fullbox>
            <c-input
              v-model="model.lidgrp.con.pts.extkey"
              maxlength="16"
              placeholder="请输入External Key of Address"
              @keyup.enter.native="
                showGridPromptDialog('lidgrp.con.pts.extkey')
              "
            ></c-input>
            <template slot="footer">
              <c-button
                style="margin: 0 10px 0 10px; padding: 0 12px"
                size="small"
                type="primary"
                @click="onSeainf('lidgrp.con.pts.extkey')"
              >
                <span style="font-family: '宋体'; font-weight: bold">i</span>
              </c-button>
              <c-button
                style="margin: 0 0"
                size="small"
                type="primary"
                @click="onConpDet"
              >
                详情
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <!-- <c-col :span="8">
        <el-form-item label="" label-width="15px">
          <c-button
            size="small"
            type="primary;width:10%"
            @click="onSeainf('lidgrp.con.pts.extkey')"
            >i</c-button
          >
          <c-button size="small" type="primary" @click="onConpDet">
            Details
          </c-button>
        </el-form-item>
      </c-col> -->

      <c-col :span="24">
        <el-form-item label="Address Block" prop="lidgrp.con.pts.adrblk">
          <c-input
            type="textarea"
            v-model="model.lidgrp.con.pts.adrblk"
            maxlength="150"
            :rows="4"
            show-word-limit
            placeholder="请输入Address Block"
          ></c-input>
        </el-form-item>
      </c-col>
      <!--            
            <c-col :span="24">
                <el-form-item label="Chinese address" prop="lidgrp.con.dbfadrblkcn">
                    <c-input type="textarea" v-model="model.lidgrp.con.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input>
                </el-form-item>
            </c-col>
                                    
            <c-col :span="24">
                <el-form-item label="名称" prop="lidgrp.con.namelc">
                    <c-input type="textarea" v-model="model.lidgrp.con.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input>
                </el-form-item>
            </c-col>
                        
            <c-col :span="24">
                <el-form-item label="地址" prop="lidgrp.con.adrelc">
                    <c-input type="textarea" v-model="model.lidgrp.con.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" ></c-input>
                </el-form-item>
            </c-col>
            -->
    </c-col>
    <!-- ================右  ==================== -->
    <c-col :span="11" :offset="1">
      <c-col :span="24">
        <el-form-item label="2nd Advising Bank Ref." prop="lidgrp.a2b.pts.ref">
          <c-input
            v-model="model.lidgrp.a2b.pts.ref"
            maxlength="16"
            placeholder="请输入2nd Advising Bank"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Extkey" prop="lidgrp.a2b.pts.extkey">
          <c-fullbox>
            <c-input
              v-model="model.lidgrp.a2b.pts.extkey"
              maxlength="16"
              placeholder="请输入External Key of Address"
              @keyup.enter.native="
                showGridPromptDialog('lidgrp.a2b.pts.extkey')
              "
            ></c-input>
            <template slot="footer">
              <c-button
                style="margin: 0 10px 0 10px; padding: 0 12px"
                size="small"
                type="primary"
                @click="onSeainf('lidgrp.a2b.pts.extkey')"
              >
                <span style="font-family: '宋体'; font-weight: bold">i</span>
              </c-button>
              <c-button
                style="margin: 0 0"
                size="small"
                type="primary"
                @click="onA2bpDet"
              >
                详情
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <!-- <c-col :span="8">
        <el-form-item label="" label-width="15px">
          <c-button
            size="small"
            type="primary;width:10%"
            @click="onSeainf('lidgrp.a2b.pts.extkey')"
            >i</c-button
          >
          <c-button size="small" type="primary" @click="onA2bpDet">
            Details
          </c-button>
        </el-form-item>
      </c-col> -->

      <c-col :span="24">
        <el-form-item label="Address Block" prop="lidgrp.a2b.pts.adrblk">
          <c-input
            type="textarea"
            v-model="model.lidgrp.a2b.pts.adrblk"
            maxlength="135"
            :rows="4"
            show-word-limit
            placeholder="请输入Address Block"
          ></c-input>
        </el-form-item>
      </c-col>
      <!--                  
            <c-col :span="24">
                <el-form-item label="Chinese address" prop="lidgrp.a2b.dbfadrblkcn">
                    <c-input type="textarea" v-model="model.lidgrp.a2b.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input>
                </el-form-item>
            </c-col>
                              
            <c-col :span="24">
                <el-form-item label="名称" prop="lidgrp.a2b.namelc">
                    <c-input type="textarea" v-model="model.lidgrp.a2b.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input>
                </el-form-item>
            </c-col>
                              
            <c-col :span="24">
                <el-form-item label="地址" prop="lidgrp.a2b.adrelc">
                    <c-input type="textarea" v-model="model.lidgrp.a2b.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" ></c-input>
                </el-form-item>
            </c-col>
            -->

      <c-col :span="24">
        <el-form-item
          label="Available with Bank Ref."
          prop="lidgrp.avb.pts.ref"
        >
          <c-input
            v-model="model.lidgrp.avb.pts.ref"
            maxlength="16"
            placeholder="请输入Reference for Address Optional"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Extkey" prop="lidgrp.avb.pts.extkey">
          <c-fullbox>
            <c-input
              v-model="model.lidgrp.avb.pts.extkey"
              maxlength="16"
              placeholder="请输入External Key of Address"
              @keyup.enter.native="showGridPromptDialog('lidgrp.avb.pts.extkey')"
            ></c-input>
            <template slot="footer">
              <c-button
                style="margin: 0 10px 0 10px; padding: 0 12px"
                size="small"
                type="primary"
                @click="onSeainf('lidgrp.avb.pts.extkey')"
              >
                <span style="font-family: '宋体'; font-weight: bold">i</span>
              </c-button>
              <c-button
                style="margin: 0 0"
                size="small"
                type="primary"
                @click="onAvbpDet"
              >
                详情
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <!-- <c-col :span="8">
        <el-form-item label="" label-width="15px">
          <c-button
            size="small"
            type="primary;width:10%"
            @click="onSeainf('lidgrp.avb.pts.extkey')"
            >i</c-button
          >
          <c-button size="small" type="primary" @click="onAvbpDet">
            Details
          </c-button>
        </el-form-item>
      </c-col> -->

      <c-col :span="24">
        <el-form-item label="Address Block" prop="lidgrp.avb.pts.adrblk">
          <c-input
            type="textarea"
            v-model="model.lidgrp.avb.pts.adrblk"
            maxlength="135"
            :rows="4"
            disabled
            show-word-limit
            placeholder="请输入Address Block"
          ></c-input>
        </el-form-item>
      </c-col>
      <!--                  
            <c-col :span="24">
                <el-form-item label="Chinese address" prop="lidgrp.avb.dbfadrblkcn">
                    <c-input type="textarea" v-model="model.lidgrp.avb.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input>
                </el-form-item>
            </c-col>
                              
            <c-col :span="24">
                <el-form-item label="名称" prop="lidgrp.avb.namelc">
                    <c-input type="textarea" v-model="model.lidgrp.avb.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input>
                </el-form-item>
            </c-col>
                              
            <c-col :span="24">
                <el-form-item label="地址" prop="lidgrp.avb.adrelc">
                    <c-input type="textarea" v-model="model.lidgrp.avb.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" ></c-input>
                </el-form-item>
            </c-col>
            -->
    </c-col>

    <c-col :span="24">
      <el-form-item label="Additional Parties" >
        <c-edit-table :model="model" v-bind="ptsaddg" style="margin-left:-120px">
          <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-table
        :data="table1"
        >
            <c-table-column prop="ROL"
            label="Role"
            sortable
            >
            </c-table-column>
            <el-table-column prop="PTYEXTKEY"
            label="Party"
            sortable></el-table-column>
            <el-table-column prop="NAM"
            label="Name of Party"
            sortable></el-table-column>
            <el-table-column prop="REF"
            label="Reference for Address"
            sortable></el-table-column>
            <!-- <el-table-column prop="DET"
            label="Details"></el-table-column> 
           <el-table-column label="" prop="det" width="80px" fixed="right">
                    <template slot-scope="scope" slot="header">
                        <el-button
                            circle
                            style="padding:4px"
                            class="el-icon-plus"
                            size="mini"
                            @click="addRow(scope)"
                        >
                        </el-button>
                        <el-button
                            style="padding:4px"
                            circle
                            class="el-icon-minus"
                            size="mini"
                            @click="removeRow(scope)"
                        >
                        </el-button>
                    </template>
                    <template slot-scope="scoped">
                        <el-button
                            style="margin-left:0"
                            size="small"
                            type="primary"
                            @click="detail1(scoped.$index, scoped.row)"
                            >详情</el-button
                        >
                    </template>
                </el-table-column>
        </c-table> -->
      </el-form-item>
    </c-col>

    <!--                 
	<c-col :span="12">
	    <span  v-text="model.litp.avblab"   data-path=".litp.avblab" > </span>
	</c-col>-->
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Litopn/Event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
      ptsaddg: {
        columns: [
          {
            title: "Role",
            width: "120px",
            dataIndex: "rol",
            show: "select",
          },
          {
            title: "Party",
            width: "180px",
            dataIndex: "ptyextkey",
            show: "input",
          },
          {
            title: "Name of Party",
            width: "250px",
            dataIndex: "nam",
          },
          {
            title: "Reference for Address",
            width: "250px",
            dataIndex: "ref",
          },
        ],
        urls: "litp.ptsaddp.ptsaddg",
      },
    };
  },
  methods: {
    ...Event,
    handleEdit() {
      console.log("1111测试");
    },

    addRow() {},
    removeRow() {},
  },
  created: function () {},
};
</script>
<style></style>