<template>
  <div class="eibs-tab">
    <!-- -----------顶部------------ -->
      <c-col :span="24" style="margin-top: 10px">
        <!-- ----------左 ---------->
        <c-col :span="12" class="col-left">
          <c-col :span="24">
            <el-form-item label="Credit Class" prop="recgrp.rec.rskcls">
              <c-input
                v-model="model.recgrp.rec.rskcls"
                style="width: 100%"
                placeholder="请输入Credit Class"
              >
              </c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="Risk Country" prop="recgrp.rec.rskcty">
              <c-input
                v-model="model.recgrp.rec.rskcty"
                style="width: 100%"
                placeholder="请输入Risk Country"
              >
              </c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="Risk Description" prop="recgrp.rec.rsktxt">
              <c-input
                v-model="model.recgrp.rec.rsktxt"
                maxlength="35"
                placeholder="请输入Risk Description"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="DTA Import L/C ID" prop="recgrp.adrmaa.dtacid">
              <c-input
                v-model="model.recgrp.adrmaa.dtacid"
                maxlength="23"
                placeholder="请输入DTA Import L/C ID"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="DTA Export L/C ID" prop="recgrp.adrmaa.dtecid">
              <c-input
                v-model="model.recgrp.adrmaa.dtecid"
                maxlength="23"
                placeholder="请输入DTA Export L/C ID"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="DTA Guarantees ID" prop="recgrp.adrmaa.dtgcid">
              <c-input
                v-model="model.recgrp.adrmaa.dtgcid"
                maxlength="23"
                placeholder="请输入DTA Guarantees ID"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="Service Level" prop="recgrp.rec.sla">
              <c-input
                v-model="model.recgrp.rec.sla"
                style="width: 100%"
                placeholder="请输入Service Level"
              >
              </c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="流动资金贷款利率档次" prop="recgrp.rec.cunqii">
              <c-select
                v-model="model.recgrp.rec.cunqii"
                style="width: 100%"
                placeholder="请选择流动资金贷款利率档次"
              >
              </c-select>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="上浮比率" prop="recgrp.rec.bilvvv">
              <c-input
                v-model="model.recgrp.rec.bilvvv"
                placeholder="请输入上浮比率"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="企业海关十位制编码" prop="recgrp.rec.bngcod">
              <c-input
                v-model="model.recgrp.rec.bngcod"
                maxlength="10"
                placeholder="请输入企业海关十位制编码"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="国内地区码" prop="recgrp.adrmaa.discod">
              <c-input
                v-model="model.recgrp.adrmaa.discod"
                maxlength="6"
                placeholder="请输入国内地区码"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="ECIFNO" prop="recgrp.rec.ecifno">
              <c-input
                v-model="model.recgrp.rec.ecifno"
                maxlength="24"
                placeholder="请输入ECIFNO"
              ></c-input>
            </el-form-item>

            <c-col :span="24">
              <el-form-item label="代理行名称" prop="recgrp.rec.ecifnam1">
                <c-input
                  v-model="model.recgrp.rec.ecifnam1"
                  maxlength="100"
                  placeholder="请输入ECIFNO中文名称"
                ></c-input>
              </el-form-item>
            </c-col>

            <c-col :span="24">
              <el-form-item label="组织机构代码" prop="recgrp.rec.ecifjuscod">
                <c-input
                  v-model="model.recgrp.rec.ecifjuscod"
                  maxlength="50"
                  placeholder="请输入组织机构代码"
                ></c-input>
              </el-form-item>
            </c-col>
          </c-col>
        </c-col>

        <!-- ------------右 ----------------->
        <c-col :span="11" class="col-right">
          <c-col :span="24">
            <el-form-item label="币种" prop="recgrp.ptyrat.cur">
              <c-input
                v-model="model.recgrp.ptyrat.cur"
                style="width: 100%"
                placeholder="请输入币种"
              >
              </c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item label="电政名称" prop="recgrp.adrmaa.namelc">
              <c-input
                type="textarea"
                v-model="model.recgrp.adrmaa.namelc"
                maxlength="35"
                show-word-limit
                placeholder="请输入名称"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="电政地址" prop="recgrp.adrmaa.adrelc">
              <c-input
                type="textarea"
                v-model="model.recgrp.adrmaa.adrelc"
                maxlength="35"
                show-word-limit
                placeholder="请输入地址"
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <c-col :span="12">
              <el-form-item label="买价优惠" prop="recgrp.ptyrat.buytyp">
                <c-input
                  v-model="model.recgrp.ptyrat.buytyp"
                  style="width: 100%"
                  placeholder="请选择Customer Specific Buying Rate Type"
                >
                </c-input>
              </el-form-item>
            </c-col>

            <c-col :span="12">
              <el-form-item
                label="Buy rate discount"
                prop="recgrp.ptyrat.buyrat"
              >
                <c-input
                  v-model="model.recgrp.ptyrat.buyrat"
                  placeholder="请输入Buy rate discount"
                ></c-input>
              </el-form-item>
            </c-col>
          </c-col>

          <c-col :span="12">
            <el-form-item label="卖价优惠" prop="recgrp.ptyrat.seltyp">
              <c-select
                v-model="model.recgrp.ptyrat.seltyp"
                style="width: 100%"
                placeholder="请选择Customer Specific Selling Rate Type"
              >
              </c-select>
            </el-form-item>
          </c-col>

          <c-col :span="12">
            <el-form-item
              label="Sell rate discount"
              prop="recgrp.ptyrat.selrat"
            >
              <c-input
                v-model="model.recgrp.ptyrat.selrat"
                placeholder="请输入Sell rate discount"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="客户类型" prop="recgrp.rec.idtype">
              <c-select
                v-model="model.recgrp.rec.idtype"
                style="width: 100%"
                placeholder="请选择客户类型"
              >
              </c-select>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="金融机构类型" prop="recgrp.rec.akkcom">
              <c-input
                v-model="model.recgrp.rec.akkcom"
                maxlength="8"
                placeholder="请输入金融机构类型"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="身份证号码" prop="recgrp.rec.idcode">
              <c-input
                v-model="model.recgrp.rec.idcode"
                maxlength="32"
                placeholder="请输入身份证号码"
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item label="交易主体" prop="recgrp.rec.trnman">
              <c-select
                v-model="model.recgrp.rec.trnman"
                style="width: 100%"
                placeholder="请选择交易主体"
              >
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <c-col :span="5" :offset="6">
              <c-checkbox v-model="model.recgrp.rec.speeco"
                >特殊经济区域</c-checkbox
              >
            </c-col>
            <c-col :span="13">
              <el-form-item label="ocrm日期" prop="recgrp.rec.khbsdt">
                <c-date-picker
                  type="date"
                  v-model="model.recgrp.rec.khbsdt"
                  style="width: 100%"
                  placeholder="请选择ocrm日期"
                ></c-date-picker>
              </el-form-item>
            </c-col>
          </c-col>

          <c-col :span="24">
            <el-form-item label="企业规模(国标)" prop="recgrp.rec.qygmgb">
              <c-select
                v-model="model.recgrp.rec.qygmgb"
                style="width: 100%"
                placeholder="请选择企业规模(国标)"
              >
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item label="贸金客户类别" prop="recgrp.rec.crmtyp">
              <c-select
                v-model="model.recgrp.rec.crmtyp"
                style="width: 100%"
                placeholder="请选择贸金客户类别"
              >
              </c-select>
            </el-form-item>
          </c-col>
        </c-col>
        <c-col :span="24">
          <c-istream-table
            :list="stmData.data"
            :columns="stmData.columns"
            :showButtonFlg="true"
          >
          </c-istream-table>
        </c-col>
      </c-col>
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Infpty/Event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
      stmData: {
        columns: [
          "0 1 \"Cur\" 200",
          "2 2 \"Buy Type\" 250 1 0 1 PTYRAT:BUYTYP",
          "3 3 \"Discount\" 250 2 0 1 0",
          "4 4 \"Sell Type\" 250 1 0 1 PTYRAT:SELTYP",
          "5 5 \"Discount\" 250 2 0 1 0"
        ],
        data: [],
      },
    };
  },
  methods: { ...Event },
  created: function () {},
};
</script>
<style>
</style>

<!-- <c-button size="small" type="primary"  @click="onRecpanUpdall"
        style="float:right;margin-right:10px;">
            Update All
        </c-button>
        
        <c-button size="small" type="primary"  @click="onRecpanUpd"
        style="float:right;margin-right:10px;">
            Update one
        </c-button> -->
       <!-- <c-col :span="24">
	    <span  v-text="model.recpan.idnam"   data-path=".recpan.idnam" > </span>
	</c-col> -->
                                   
       
                                   
       
         <!-- <c-col :span="24">
	    <span  v-text="model.recpan.selpct"   data-path=".recpan.selpct" > </span>
	</c-col>
             
	<c-col :span="24">
	    <span  v-text="model.recpan.buypct"   data-path=".recpan.buypct" > </span>
	</c-col> -->                          
       
                  
       <!-- <c-col :span="24">
        <c-button size="small" type="primary"  @click="onRecpanEcif">
            ECIF
        </c-button>
       </c-col> -->

        <!-- <c-col :span="24">
        <el-form-item label="Rate Stream" prop="recpan.ratstm">
          <c-input
            v-model="model.recpan.ratstm"
            placeholder="请输入Rate Stream"
          ></c-input>
        </el-form-item>
      </c-col> -->