<template>
  <div class="eibs-tab">
    <c-content>
      <!--------- 左 --------->
      <c-col :span="11">
        <c-col :span="24">
          <el-form-item label="Credit Class" prop="recgrp.rec.rskcls">
            <c-select
              v-model="model.recgrp.rec.rskcls"
              style="width: 100%"
              placeholder="请选择Credit Class"
              disabled
            >
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="Risk Country" prop="recgrp.rec.rskcty">
            <c-select
              v-model="model.recgrp.rec.rskcty"
              style="width: 100%"
              placeholder="请选择Risk Country"
              disabled
            >
            </c-select>
          </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"
              disabled
            ></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"
              disabled
            ></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"
              disabled
            ></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"
              disabled
            ></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="请输入名称"
              disabled
            ></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="请选择流动资金贷款利率档次"
              disabled
            >
            </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="请输入上浮比率"
              disabled
            ></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="请输入企业海关十位制编码"
              disabled
            ></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="请输入国内地区码"
              disabled
            ></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"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="ECIFNO中文名称" prop="recgrp.rec.ecifnam1">
            <c-input
              v-model="model.recgrp.rec.ecifnam1"
              maxlength="100"
              placeholder="请输入ECIFNO中文名称"
              disabled
            ></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="请输入组织机构代码"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>

        
      </c-col>
      <!--------- 右 --------->
      <c-col :span="11" :offset="1">
        <c-col :span="24">
          <el-form-item label="币种" prop="recgrp.ptyrat.cur">
            <c-select
              v-model="model.recgrp.ptyrat.cur"
              style="width: 100%"
              placeholder="请选择Currency"
              disabled
            >
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="买价优惠" prop="recgrp.ptyrat.buytyp">
            <c-select
              v-model="model.recgrp.ptyrat.buytyp"
              style="width: 100%"
              placeholder="请选择Customer Specific Buying Rate Type"
              :code="codes.buytyp"
            >
            </c-select>
          </el-form-item>
        </c-col>

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

        <c-col :span="5">
          <c-button size="small" type="primary" @click="onRecpanUpd" disabled>
            Update one
          </c-button>
        </c-col>

        <c-col :span="24">
          <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"
              disabled
            >
            </c-select>
          </el-form-item>
        </c-col>

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

        <c-col :span="5">
          <c-button
            size="small"
            type="primary"
            @click="onRecpanUpdall"
            disabled
          >
            Update All
          </c-button>
        </c-col>

        <c-col :span="24">
          <el-form-item label="Service Level" prop="recgrp.rec.sla">
            <c-select
              v-model="model.recgrp.rec.sla"
              style="width: 100%"
              placeholder="请选择Service Level"
              disabled
            >
            </c-select>
          </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="请输入地址"
              disabled
            ></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="请选择客户类型"
              disabled
            >
            </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="请输入金融机构类型"
              disabled
            ></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="请输入身份证号码"
              disabled
            ></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="请选择交易主体"
              disabled
            >
            </c-select>
          </el-form-item>
        </c-col>

        <!-- <c-col :span="24">
          <c-button size="small" type="primary" @click="onRecpanEcif">
            ECIF
          </c-button>
        </c-col> -->

        <c-col :span="12">
          <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日期"
              disabled
            ></c-date-picker>
          </el-form-item>
        </c-col>

        <c-col :span="12" >
          <c-checkbox v-model="model.recgrp.rec.speeco" disabled
            >特殊经济区域</c-checkbox
          >
        </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="请选择企业规模（国标）"
              disabled
            >
            </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="请选择贸金客户类别"
              disabled
            >
            </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-content>
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Dbipty/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-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> -->

      <!-- <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">
      <span v-text="model.recpan.idnam" data-path=".recpan.idnam"> </span>
    </c-col> -->