<template>
	<div>
		<el-col :span="12">
      <el-col :span="22">
        <el-form-item label="业务编号">
					<el-col :span="24" class="m-inputbtn">
						<el-col class="m-inputbtn-input">
							<el-input  v-model="model.didgrp.rec.ownref" maxlength="16"  placeholder="请输入" disabled></el-input>
						</el-col>
						<el-button type="primary" class="m-inputbtn-btn" @click="getOwnref">获取</el-button>
					</el-col>
				</el-form-item>
      </el-col>

      <el-col :span="22">
        <el-form-item label="归属机构">
          <el-select v-model="model.didgrp.rec.ownbch" style="width:100%" placeholder="请输入">
            <el-option
              v-for="item in []"
              :key="item.value"
              :label="item.label"
              :value="item.value">
            </el-option>
          </el-select>
        </el-form-item>
      </el-col>

      <el-col :span="22">
        <el-form-item label="客户经理">
          <el-input  v-model="model.didgrp.rec.accusr" maxlength="32"  placeholder="请输入"></el-input>
        </el-form-item>
      </el-col>

      <el-col :span="22">
        <el-form-item label="开立日期">
					<el-date-picker
						v-model="model.didgrp.rec.opndat"
						type="date"
						placeholder="选择日期">
					</el-date-picker>
				</el-form-item>
      </el-col>

      <el-col :span="22">
        <el-form-item label="信用证金额">
					<el-col :span="24">
						<el-col :span="12" class="m-cur-select">
							<el-form-item>
								<el-select v-model="model.didgrp.cbs.nom1.cur" style="width:100%" placeholder="请选择">
									<el-option
										v-for="item in codes.curtxt"
										:key="item.value"
										:label="item.label"
										:value="item.value">
									</el-option>
								</el-select>
							</el-form-item>
						</el-col>
						<el-col :span="12">
							<el-form-item>
								<el-input v-model="model.didgrp.cbs.nom1.amt" :precision="2" :step="0.1" :max="100000000000000" placeholder="请输入"></el-input>
							</el-form-item>
						</el-col>
					</el-col>
				</el-form-item>
      </el-col>

      <el-col :span="22">
        <el-form-item label="上下浮动比例+/-%">
          <el-col :span="24">
            <el-col :span="12" class="m-cur-select m-inputtail">
              <el-input  v-model="model.didgrp.rec.nomtop" maxlength="32"  placeholder="请输入"></el-input>
              <span class="m-inputtail-tail">/</span>
            </el-col>
            <el-col :span="12">
              <el-input  v-model="model.didgrp.rec.nomton" maxlength="32"  placeholder="请输入"></el-input>
            </el-col>
          </el-col>
        </el-form-item>
      </el-col>

      <el-col :span="22">
        <el-form-item label="信用证最大金额">
          <el-col :span="24">
            <el-col :span="12" class="m-cur-select">
              <el-form-item>
                <el-select v-model="model.didgrp.cbs.max.cur" style="width:100%" placeholder="请选择">
                  <el-option
                    v-for="item in codes.curtxt"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value">
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item>
                <el-input v-model="model.didgrp.cbs.max.amt" :precision="2" :step="0.1" :max="100000000000000" placeholder="请输入"></el-input>
              </el-form-item>
            </el-col>
          </el-col>
        </el-form-item>
      </el-col>

      <el-col :span="22">
        <el-form-item label="开证类型">
          <el-select v-model="model.didgrp.rec.isstyp" style="width:100%" placeholder="请选择">
            <el-option
              v-for="item in codes.isstyp"
              :key="item.value"
              :label="item.label"
              :value="item.value">
            </el-option>
          </el-select>
        </el-form-item>
      </el-col>

      <el-col :span="22">
        <el-form-item label="贸易方式">
          <el-select v-model="model.didgrp.rec.trdtyp" style="width:100%" placeholder="请选择">
            <el-option
              v-for="item in codes.bopcur"
              :key="item.value"
              :label="item.label"
              :value="item.value">
            </el-option>
          </el-select>
        </el-form-item>
      </el-col>

      <el-col :span="22">
        <el-form-item label="最迟货物装运日期">
          <el-date-picker
            v-model="model.didgrp.rec.shpdat"
            type="date"
            placeholder="选择日期">
          </el-date-picker>
        </el-form-item>
      </el-col>

      <el-col :span="22">
        <el-form-item label="信用证兑付方式">
          <el-col :span="24">
            <el-col :span="12" class="m-cur-select">
              <el-form-item>
                <el-select v-model="model.didgrp.rec.avbby" style="width:100%" placeholder="请选择">
                  <el-option
                    v-for="item in codes.avbby"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value">
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="12" class="m-inputtail">
              <el-form-item>
                <el-input v-model="model.didgrp.rec.tenmaxday" :precision="2" :step="0.1" :max="100000000000000" placeholder="请输入"></el-input>
              </el-form-item>
              <span class="m-inputtail-tail">元</span>
            </el-col>
          </el-col>
        </el-form-item>
      </el-col>

      <el-col :span="22">
        <el-form-item label="有效日期">
          <el-date-picker
            v-model="model.didgrp.rec.expdat"
            type="date"
            placeholder="选择日期">
          </el-date-picker>
        </el-form-item>
      </el-col>

      <el-col :span="22">
        <el-form-item label="远期付款指示">
          <el-input  v-model="model.didgrp.rec.defdet" maxlength="32"  placeholder="请输入"></el-input>
        </el-form-item>
      </el-col>
    </el-col>

    <el-col :span="12">
      <el-col :span="22">
        <el-form-item label="概要描述">
          <el-input  v-model="model.didgrp.rec.nam" maxlength="32"  placeholder="请输入"></el-input>
        </el-form-item>
      </el-col>

      <el-col :span="22">
        <el-form-item label="申请人">
          <el-col :span="24" class="m-inputbtn">
            <el-col class="m-inputbtn-input">
              <el-input v-model="model.didgrp.apl.pts.extkey" maxlength="100"  placeholder="请输入"></el-input>
              <el-button type="primary" icon="el-icon-search" class="m-inputbtn-btn" @click="handleSearch"></el-button>
            </el-col>
          </el-col>
        </el-form-item>
      </el-col>

      <el-col :span="22">
        <el-form-item label="名称">
          <el-input v-model="model.didgrp.apl.pts.namcn" maxlength="32"  placeholder="请输入" disabled></el-input>
        </el-form-item>
      </el-col>

      <el-col :span="22">
        <el-form-item label="地址">
          <el-input v-model="model.didgrp.apl.pts.adrcn" maxlength="32"  placeholder="请输入" disabled></el-input>
        </el-form-item>
      </el-col>

      <el-col :span="22">
        <el-form-item label="申请人账号">
          <el-input v-model="model.didgrp.apl.pts.extact" maxlength="32"  placeholder="请输入" disabled></el-input>
        </el-form-item>
      </el-col>

      <el-col :span="22">
        <el-form-item label="受益人">
          <el-col :span="24" class="m-inputbtn">
            <el-col class="m-inputbtn-input">
              <el-input v-model="model.didgrp.ben.pts.extkey" maxlength="100"  placeholder="请输入"></el-input>
              <el-button type="primary" icon="el-icon-search" class="m-inputbtn-btn" @click="handleSearch"></el-button>
            </el-col>
          </el-col>
        </el-form-item>
      </el-col>

      <el-col :span="22">
        <el-form-item label="名称">
          <el-input v-model="model.didgrp.ben.pts.namcn" maxlength="32"  placeholder="请输入" disabled></el-input>
        </el-form-item>
      </el-col>

      <el-col :span="22">
        <el-form-item label="地址">
          <el-input v-model="model.didgrp.ben.pts.adrcn" maxlength="32"  placeholder="请输入" disabled></el-input>
        </el-form-item>
      </el-col>

      <el-col :span="22">
        <el-form-item label="受益人账号">
          <el-input v-model="model.didgrp.ben.pts.extact" maxlength="32"  placeholder="请输入" disabled></el-input>
        </el-form-item>
      </el-col>


      <el-col :span="22">
        <el-form-item label="通知行">
          <el-col :span="24" class="m-inputbtn">
            <el-col class="m-inputbtn-input">
              <el-input v-model="model.didgrp.adv.pts.extkey" maxlength="100"  placeholder="请输入"></el-input>
              <el-button type="primary" icon="el-icon-search" class="m-inputbtn-btn" @click="handleSearch"></el-button>
            </el-col>
          </el-col>
        </el-form-item>
      </el-col>

      <el-col :span="22">
        <el-form-item label="名称">
          <el-input v-model="model.didgrp.adv.pts.namcn" maxlength="32"  placeholder="请输入" disabled></el-input>
        </el-form-item>
      </el-col>

      <el-col :span="22">
        <el-form-item label="地址">
          <el-input v-model="model.didgrp.adv.pts.adrcn" maxlength="32"  placeholder="请输入" disabled></el-input>
        </el-form-item>
      </el-col>
    </el-col>
  </div>
</template>

<script>
export default {
  props: ['model', 'codes'],
  methods: {
    getOwnref () {
      console.log('获取')
    },
    handleSearch () {
      console.log('搜索')
    },
  }
}
</script>
