<template>
  <div class="eibs-tab">
    <c-row>
      <c-col :span="24">
        <c-col :span="12">
          <c-col :span="24">
            <el-form-item label="业务主键" prop="cnybop.cnyvou.spk">
              <c-input
                disabled
                v-model="model.cnybop.cnyvou.spk"
                maxlength="20"
                placeholder="请输入业务主键"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item
              label="报送银行机构代码"
              prop="cnybop.cnyvou.sbankorgcode"
            >
              <c-input
                disabled
                v-model="model.cnybop.cnyvou.sbankorgcode"
                maxlength="12"
                placeholder="请输入报送银行机构代码"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="担保方向" prop="cnybop.cnyvou.cvouchdirection">
              <c-select
                v-model="model.cnybop.cnyvou.cvouchdirection"
                style="width: 100%"
                placeholder="请选择担保方向"
              >
                <el-option
                  v-for="item in codes.cvouchdirection"
                  :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="担保人机构代码"
              prop="cnybop.cnyvou.svoucherswiftbic"
            >
              <c-input
                v-model="model.cnybop.cnyvou.svoucherswiftbic"
                maxlength="11"
                placeholder="请输入担保人机构代码"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="担保人名称" prop="cnybop.svouchername">
              <c-input
                v-model="model.cnybop.svouchername"
                maxlength="80"
                placeholder="请输入担保人名称"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item
              label="担保权人机构代码"
              prop="cnybop.cnyvou.svoucheeorgcode"
            >
              <c-input
                v-model="model.cnybop.cnyvou.svoucheeorgcode"
                maxlength="12"
                placeholder="请输入担保权人机构代码"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item
              label="债务人机构代码"
              prop="cnybop.cnyvou.sdebtororgcode"
            >
              <c-input
                v-model="model.cnybop.cnyvou.sdebtororgcode"
                maxlength="18"
                placeholder="请输入债务人机构代码"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="债务人名称" prop="cnybop.sdebtorname">
              <c-input
                v-model="model.cnybop.sdebtorname"
                maxlength="80"
                placeholder="请输入债务人名称"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item
              label="反担保人机构代码"
              prop="cnybop.cnyvou.sreverseorgcode"
            >
              <c-input
                v-model="model.cnybop.cnyvou.sreverseorgcode"
                maxlength="18"
                placeholder="请输入反担保人机构代码"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="担保种类" prop="cnybop.cnyvou.cvouchtype">
              <c-select
                v-model="model.cnybop.cnyvou.cvouchtype"
                style="width: 100%"
                placeholder="请选择担保种类"
              >
                <el-option
                  v-for="item in codes.cvouchtype"
                  :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="担保币种" prop="cnybop.cnyvou.currencycode">
              <c-select
                v-model="model.cnybop.cnyvou.currencycode"
                style="width: 100%"
                placeholder="请选择担保币种"
              >
                <el-option
                  v-for="item in codes.currencycode"
                  :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="担保生效日期"
              prop="cnybop.cnyvou.dvouchefficientdate"
            >
              <c-date-picker
                type="date"
                v-model="model.cnybop.cnyvou.dvouchefficientdate"
                style="width: 100%"
                placeholder="请选择担保生效日期"
              ></c-date-picker>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="担保合同编号" prop="cnybop.cnyvou.scontractno">
              <c-input
                v-model="model.cnybop.cnyvou.scontractno"
                maxlength="32"
                placeholder="请输入担保合同编号"
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item label="交易附言" prop="cnybop.saddwordvou">
              <c-input
                v-model="model.cnybop.saddwordvou"
                maxlength="80"
                placeholder="请输入交易附言"
              ></c-input>
            </el-form-item>
          </c-col>
        </c-col>
        <c-col :span="11" :offset="1">
          <c-col :span="24">
            <el-form-item label="银行业务编号" prop="cnybop.cnyvou.sbanktrano">
              <c-input
                disabled
                v-model="model.cnybop.cnyvou.sbanktrano"
                maxlength="22"
                placeholder="请输入银行业务编号"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="报送银行机构名称" prop="cnybop.sbankname">
              <c-input
                disabled
                v-model="model.cnybop.sbankname"
                maxlength="80"
                placeholder="请输入报送银行机构名称"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="业务属性" prop="cnybop.cnyvou.stransattr">
              <c-select
                v-model="model.cnybop.cnyvou.stransattr"
                style="width: 100%"
                placeholder="请选择业务属性"
              >
                <el-option
                  v-for="item in codes.stransattr"
                  :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="担保人国别"
              prop="cnybop.cnyvou.svouchercountrycode"
            >
              <c-fullbox>
                <c-input
                  v-model="model.cnybop.cnyvou.svouchercountrycode"
                  maxlength="3"
                  placeholder="请输入担保人国别"
                ></c-input>
                <template slot="footer">
                  <c-button
                    size="small"
                    type="primary"
                    icon="el-icon-search"
                    @click="onVoucty1Selbut1"
                  >
                    ?
                  </c-button>
                </template>
              </c-fullbox>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="担保权人名称" prop="cnybop.svoucheename">
              <c-input
                v-model="model.cnybop.svoucheename"
                maxlength="80"
                placeholder="请输入担保权人名称"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item
              label="担保权人国别"
              prop="cnybop.cnyvou.svoucheecountrycode"
            >
              <c-fullbox>
                <c-input
                  v-model="model.cnybop.cnyvou.svoucheecountrycode"
                  maxlength="3"
                  placeholder="请输入担保权人国别"
                ></c-input>
                <template slot="footer">
                  <c-button
                    size="small"
                    type="primary"
                    icon="el-icon-search"
                    @click="onVoucty2Selbut1"
                  >
                    ?
                  </c-button>
                </template>
              </c-fullbox>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item
              label="债务人国别"
              prop="cnybop.cnyvou.sdebtorcountrycode"
            >
              <c-fullbox>
                <c-input
                  v-model="model.cnybop.cnyvou.sdebtorcountrycode"
                  maxlength="3"
                  placeholder="请输入债务人国别"
                ></c-input>
                <template slot="footer">
                  <c-button
                    size="small"
                    type="primary"
                    icon="el-icon-search"
                    @click="onVoucty3Selbut1"
                  >
                    ?
                  </c-button>
                </template>
              </c-fullbox>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="反担保人名称" prop="cnybop.sreversename">
              <c-input
                v-model="model.cnybop.sreversename"
                maxlength="80"
                placeholder="请输入反担保人名称"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item
              label="反担保人国别"
              prop="cnybop.cnyvou.sreversecountrycode"
            >
              <c-fullbox>
                <c-input
                  v-model="model.cnybop.cnyvou.sreversecountrycode"
                  maxlength="3"
                  placeholder="请输入反担保人国别"
                ></c-input>
                <template slot="footer">
                  <c-button
                    size="small"
                    type="primary"
                    icon="el-icon-search"
                    @click="onVoucty4Selbut1"
                  >
                    ?
                  </c-button>
                </template>
              </c-fullbox>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="反担保方式" prop="cnybop.cnyvou.cvouchmode">
              <c-select
                v-model="model.cnybop.cnyvou.cvouchmode"
                style="width: 100%"
                placeholder="请选择反担保方式"
              >
                <el-option
                  v-for="item in codes.cvouchmode"
                  :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="原币种金额" prop="cnybop.cnyvou.fvouchamt">
              <c-input
                v-model="model.cnybop.cnyvou.fvouchamt"
                placeholder="请输入原币种金额"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item
              label="担保到期日期"
              prop="cnybop.cnyvou.dvouchenddate"
            >
              <c-date-picker
                type="date"
                v-model="model.cnybop.cnyvou.dvouchenddate"
                style="width: 100%"
                placeholder="请选择担保到期日期"
              ></c-date-picker>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="担保登记编号" prop="cnybop.cnyvou.svouchno">
              <c-input
                v-model="model.cnybop.cnyvou.svouchno"
                maxlength="32"
                placeholder="请输入担保登记编号"
              ></c-input>
            </el-form-item>
          </c-col>
        </c-col>
      </c-col>
    </c-row>
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Gitopn/Event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {};
  },
  methods: { ...Event },
  created: function () {},
};
</script>
<style>
</style>