Ove.vue

<template>
  <c-row>
    <!-- =================顶部====================== -->
    <c-col :span="24">
         <c-col :span="8">
          <el-form-item
            label="Reference"
            prop="bcdgrp.rec.ownref"
            style="width: 100%"
          >
            <c-input
              v-model="model.bcdgrp.rec.ownref"
              maxlength="16"
              placeholder="请输入Reference"
              style="width: 95%"
              disabled
            ></c-input>
          </el-form-item>
		 </c-col>

      <c-col :span="3">
        <c-button
          size="small"
          type="primary"
          @click="onSeainf"
          icon="el-icon-search"
        ></c-button>
        <c-button
          size="small"
          type="primary"
          @click="onBctmodButgetref"
        >
          获取
        </c-button>
      </c-col>
    
      <c-col :span="11" :offset="1">
        <el-form-item label="Name" prop="bcdgrp.rec.nam">
          <c-input
            align="middle"
            v-model="model.bcdgrp.rec.nam"
            maxlength="40"
            placeholder="请输入Name"
          ></c-input>
        </el-form-item>
      </c-col>
    </c-col>
    <!-- ====================左边======================= -->
    <c-col :span="11">
      <c-col :span="16">
        <el-form-item
          label="Responsible User"
          prop="bctp.usr.extkey"
          style="width: 100%"
        >
          <c-input
            style="width: 95%"
            v-model="model.bctp.usr.extkey"
            maxlength="16"
            placeholder="请输入Responsible User"
            disabled
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="4">
        <!-- <el-form-item label="" label-width="17px"> -->
          <c-button
            style="margin:0 10px 0 0;padding: 0 10px;"
            size="small"
            icon="el-icon-search"
            type="primary"
            @click="onExtkey"
          ></c-button>
        <!-- </el-form-item> -->
      </c-col>
        <c-col :span="4" class="centerLable">
          <c-checkbox  v-model="model.bcdgrp.rec.resflg"
            >Reserved Contract</c-checkbox
          >
        </c-col>


      <c-col :span="9">
        <el-form-item label="Document Amount" prop="bcdgrp.cbs.max.cur">
          <c-select
            disabled
            v-model="model.bcdgrp.cbs.max.cur"
            style="width: 95%"
            placeholder="请选择Currency"
          >
            <el-option
              v-for="item in codes.cur"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="11">
        <el-form-item
          style="text-align: left"
          label-width="0"
          prop="model.bcdgrp.cbs.max.amt"
        >
          <c-input-currency
            v-model="model.bcdgrp.cbs.max.amt"
            style="text-align: left; width: 95%"
            placeholder="请输入Document Amount"
          ></c-input-currency>
        </el-form-item>
      </c-col>
	    <c-col :span="4" class="centerLable">
          <c-checkbox  v-model="model.bcdgrp.rec.dftgarflg"
            >Draft to be Guaranteed</c-checkbox >
        </c-col>
      <c-col :span="9">
        <el-form-item label="Open Amount" prop="bcdgrp.cbs.opn1.cur">
          <c-select
            disabled
            v-model="model.bcdgrp.cbs.opn1.cur"
            style="width: 95%"
            placeholder="请选择Open Currency"
          >
            <el-option
              v-for="item in codes.cur"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="11">
        <el-form-item
          style="text-align: left"
          label-width="0"
          prop="model.bcdgrp.cbs.opn1.amt"
        >
          <c-input-currency
            v-model="model.bcdgrp.cbs.opn1.amt"
            style="text-align: left; width: 100%"
            placeholder="请输入Open Amount"
          ></c-input-currency>
        </el-form-item>
      </c-col>
	  <c-col :span="14">
          <el-form-item label="Docs received on" prop="bcdgrp.rec.rcvdat">
            <c-date-picker
              type="date"
              v-model="model.bcdgrp.rec.rcvdat"
              style="width: 90%"
              placeholder="请选择Docs received on"
            ></c-date-picker>
          </el-form-item>
        </c-col>
        <c-col :span="14">
          <el-form-item
            label="Date of Remittance Lt."   
            prop="bcdgrp.rec.predat"
          >
            <c-date-picker
              type="date"
              v-model="model.bcdgrp.rec.predat"
              style="width: 100%"
              placeholder="请选择Date of Remittance Lt."
            ></c-date-picker>
          </el-form-item>
        </c-col>

	  <c-col :span="14">
          <el-form-item label="Advised on" prop="bcdgrp.rec.advdat">
            <c-date-picker
              type="date"
              v-model="model.bcdgrp.rec.advdat"
              style="width: 90%"
              placeholder="请选择Advised on"
            ></c-date-picker>
          </el-form-item>
        </c-col>
	    <c-col :span="4" class="centerLable">
          <c-checkbox  v-model="model.bcdgrp.rec.oridre"
            >Send Original Documents to Drawee</c-checkbox >
        </c-col>		
		
      <c-col :span="14">
        <el-form-item label="Collection Condition" prop="bcdgrp.rec.doctypcod">
          <c-select
            v-model="model.bcdgrp.rec.doctypcod"
            style="width: 100%"
            placeholder="请选择Collection Condition"
            @change="mytypeChange"
          >
            <el-option
              v-for="item in codes.doctypcod"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Maturity Date" prop="bcdgrp.rec.matdat">
          <c-date-picker
            type="date"
            v-model="model.bcdgrp.rec.matdat"
            value-format="yyyy-MM-dd"
            style="width: 60%"
            placeholder="请选择Maturity Date"
          ></c-date-picker>
        </el-form-item>
      </c-col>
	  
        <c-col :span="12">
          <el-form-item label="Tenor Specification" prop="bcdgrp.rec.matpercnt">
            <c-input
              v-model="model.bcdgrp.rec.matpercnt"
              placeholder="请输入Tenor Specification"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="6">
          <el-form-item label="" label-width="10px" prop="bcdgrp.rec.matpertyp">
            <c-input
              v-model="model.bcdgrp.rec.matpertyp"
              style="width: 100%"
              placeholder="请选择Days/Months or Years for Maturity Period"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="14" >
          <el-form-item label="发票类型" prop="bcdgrp.rec.invtyp">
            <c-select v-model="model.bcdgrp.rec.invtyp" style="width:100%" placeholder="请选择发票类型">
              </c-select> <el-option
              v-for="item in codes.invtyp"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-form-item>
        </c-col>
		
	    <c-col :span="14">
        <el-form-item label="Tenor Starting from" prop="bcdgrp.rec.matperbeg">
            <c-select v-model="model.bcdgrp.rec.matperbeg" style="width:100%" placeholder="请选择Tenor Starting from">
              </c-select><el-option
              v-for="item in codes.matbeg"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
        </el-form-item>
        </c-col>
       <c-col :span="24">
        <el-form-item label="Maturity Text" prop="bcdgrp.blk.bcgdet">
            <c-input type="textarea" v-model="model.bcdgrp.blk.bcgdet" maxlength="45" show-word-limit placeholder="请输入Maturity Text" ></c-input>
        </el-form-item>
        </c-col>
   

	   <c-col :span="24" class="bctdav_bctp_bctovw_cheak">
	    <c-checkbox v-model="model.bcdgrp.blk.bcgdetflg">BC Tenor Details modified</c-checkbox>
       </c-col> 

	   <c-col :span="24">
	   <!--
            <c-istream-table
              :list="model.bctp.docgrdm.docgrd"
              :columns="columns"
            >
            </c-istream-table>
			-->
		  <c-edit-table :model="model" v-bind="docgrd">
          </c-edit-table>
       </c-col>

    </c-col>

    <!-- ========================右边======================= -->
    <c-col :span="11" :offset="1">
      <c-col :span="24">
        <c-ptap
          :model="model"
          :argadr="{
            title: 'Drawee',
            grp: 'bcdgrp',
            rol: 'dre',
          }"
          :disabled="true"
          :isAdrblk="false"
          @onSeainf="onSeainf"
          @onAplpDet="onDrepDet"
        >
        </c-ptap>
      </c-col>
	  
      <c-col :span="24">
        <c-ptap
          :model="model"
          :argadr="{
            title: 'Remitting Bank',
            grp: 'bcdgrp',
            rol: 'rmi',
          }"
          :disabled="true"
          :isAdrblk="false"
          @onSeainf="onSeainf"
          @onAplpDet="onRmipDet"
        >
        </c-ptap>
      </c-col>
	  
      <c-col :span="24">
        <c-ptap
          :model="model"
          :argadr="{
            title: 'Drawer',
            grp: 'bcdgrp',
            rol: 'drr',
          }"
          :disabled="true"
          :isAdrblk="false"
          @onSeainf="onSeainf"
          @onAplpDet="onDrrpDet"
        >
        </c-ptap>
      </c-col>	  
 
      <c-col :span="14">
        <el-form-item label="Country or region Code" prop="bcdgrp.rec.stacty">
          <c-select v-model="model.bcdgrp.rec.stacty" style="width:100%" placeholder="请选择Country Code Risk Country">
              </c-select>
        </el-form-item>
      </c-col>
	  
       <c-col :span="14">
        <el-form-item label="申报类型" prop="outlen.szflg">
            <c-select v-model="model.outlen.szflg" style="width:100%" placeholder="请选择申报类型">
              </c-select>
        </el-form-item>
       </c-col>
	 
       <c-col :span="14">
        <el-form-item label="ACTTYP" prop="bctp.acttyp">
            <c-select v-model="model.bctp.acttyp" style="width:100%" placeholder="请选择ACTTYP">
              </c-select>
        </el-form-item>
       </c-col>
	 
    </c-col>
  </c-row>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Bctdav/Event"
import Ptap from "~/views/Public/Ptap";

export default {
    components: { "c-ptap": Ptap },
    inject: ['root'],
    props:["model","codes"],
    mixins: [commonProcess],
    data(){
        return {

		docgrd: {
        columns: [
          {
            title: "lst1",
            width: "80px",
			dataIndex: "cmail1",
            show: "input",
          },
          {
            title: "2nd",
            width: "80px",
			dataIndex: "cmail2",
            show: "input",
          },
          {
            title: "Document",
            width: "320px",
			dataIndex: "docnam",
            show: "select",
          },
        ],
        urls: "bctp.docgrdm.docgrd",
      },
        }
    },
    methods:{...Event},
    created:function(){

    }
}
</script>
<style>
.centerLable {
  margin-left: -10px;
  height: 32px;
  line-height: 32px;
  padding-bottom: 2px;
}
.marginLable {
  padding-left: 150px;
}
.bctdav_bctp_bctovw_cheak {
  margin: 0px 0 10px 150px;
}
</style>