Ptyp.vue

<template>
  <div class="eibs">
    <!-- ================= 左 ================== -->
    <c-col :span="12" style="padding-right: 20px;">
      <c-col :span="24">
        <el-form-item label="申请人开户行参考号" prop="lidgrp.ini.pts.ref">
          <c-input
            v-model="model.lidgrp.ini.pts.ref"
            disabled
            maxlength="16"
            placeholder="请输入申请人开户行参考号"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="地址编码" prop="lidgrp.ini.pts.extkey">
          <c-fullbox>
            <c-input
              v-model="model.lidgrp.ini.pts.extkey"
              maxlength="16"
              style="width: 100%"
              placeholder="请输入地址编码"
              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')"
                icon="el-icon-search"
              >
                
              </c-button>
              <c-button
                style="margin: 0 0"
                size="small"
                type="primary"
                icon="el-icon-info"
                @click="onInipDet"
              >
                
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="名称地址" 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="请输入名称地址"
          ></c-input>
        </el-form-item>
      </c-col>
    
      <c-col :span="24">
        <el-form-item label="偿付行参考号" prop="lidgrp.rmb.pts.ref">
          <c-input
            v-model="model.lidgrp.rmb.pts.ref"
            maxlength="16"
            placeholder="请输入偿付行参考号"
            :disabled="model.lidgrp.rec.rmbflg = ''"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="地址编码" prop="lidgrp.rmb.pts.extkey">
          <c-fullbox>
            <c-input
              v-model="model.lidgrp.rmb.pts.extkey"
              maxlength="16"
              placeholder="请输入地址编码"
              :disabled="model.lidgrp.rec.rmbflg = ''"
            ></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')"
                icon="el-icon-search"
              >
                
              </c-button>
              <c-button
                style="margin: 0 0"
                size="small"
                type="primary"
                icon="el-icon-info"
                @click="onRmbpDet"
              >
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

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

      <c-col :span="24">
        <el-form-item
          label="保兑行参考号"
          prop="lidgrp.con.pts.ref"
        >
          <c-input
            v-model="model.lidgrp.con.pts.ref"
            maxlength="16"
            placeholder="请输入保兑行参考号"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="地址编码" prop="lidgrp.con.pts.extkey">
          <c-fullbox>
            <c-input
              v-model="model.lidgrp.con.pts.extkey"
              maxlength="16"
              placeholder="请输入地址编码"
              @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')"
                icon="el-icon-search"
              >
                
              </c-button>
              <c-button
                style="margin: 0 0"
                size="small"
                type="primary"
                @click="onConpDet"
                icon="el-icon-info"
              >
                
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="名称地址" prop="lidgrp.con.pts.adrblk">
          <c-input
          :disabled="model.lidgrp.con.pts.extkey!=''"
            type="textarea"
            v-model="model.lidgrp.con.pts.adrblk"
            maxlength="150"
            :rows="4"
            show-word-limit
            placeholder="请输入地址编码"
          ></c-input>
        </el-form-item>
      </c-col>
    </c-col>

    <!-- ================右  ==================== -->
    <c-col :span="12" style="padding-left: 20px;">
      <c-col :span="24">
        <el-form-item label="第二通知行参考号" prop="lidgrp.a2b.pts.ref">
          <c-input
            v-model="model.lidgrp.a2b.pts.ref"
            maxlength="16"
            placeholder="请输入第二通知行参考号"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="地址编码" prop="lidgrp.a2b.pts.extkey">
          <c-fullbox>
            <c-input
              v-model="model.lidgrp.a2b.pts.extkey"
              maxlength="16"
              placeholder="请输入地址编码"
              @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')"
                icon="el-icon-search"
              >
                
              </c-button>
              <c-button
                style="margin: 0 0"
                size="small"
                type="primary"
                @click="onA2bpDet"
                icon="el-icon-info"
              >
                
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="名称地址" prop="lidgrp.a2b.pts.adrblk">
          <c-input
          :disabled="model.lidgrp.a2b.pts.extkey!=''"
            type="textarea"
            v-model="model.lidgrp.a2b.pts.adrblk"
            maxlength="135"
            :rows="4"
            show-word-limit
            placeholder="请输入名称地址"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item
          label="授权兑付行参考号"
          prop="lidgrp.avb.pts.ref"
        >
          <c-input
            v-model="model.lidgrp.avb.pts.ref"
            maxlength="16"
            placeholder="请输入授权兑付行参考号"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="地址编码" prop="lidgrp.avb.pts.extkey">
          <c-fullbox>
            <c-input
              v-model="model.lidgrp.avb.pts.extkey"
              maxlength="16"
              placeholder="请输入地址编码"
              @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')"
                icon="el-icon-search"
              >
                
              </c-button>
              <c-button
                style="margin: 0 0"
                size="small"
                type="primary"
                @click="onAvbpDet"
                icon="el-icon-info"
              >
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="名称地址" 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="请输入名称地址"
          ></c-input>
        </el-form-item>
      </c-col>
    </c-col>

    <c-col :span="24">
      <el-form-item label="附加当事人" >
              <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"
                  icon="el-icon-info"
                  ></el-button
                >
              </template>
            </el-table-column>
          </c-edit-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: "角色",
            width: "120px",
            dataIndex: "rol",
            show: "select",
          },
          {
            title: "当事人",
            width: "180px",
            dataIndex: "ptyextkey",
            show: "input",
          },
          {
            title: "名称",
            width: "250px",
            dataIndex: "nam",
          },
          {
            title: "参考号",
            width: "250px",
            dataIndex: "ref",
          },
        ],
        urls: "litp.ptsaddp.ptsaddg",
      },
    };
  },
  methods: {
    ...Event,
    handleEdit() {
      console.log("1111测试");
    },

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