<template>
  <div class="eibs-tab">
      <!--=================顶部=================  -->
      <c-col :span="12" style="padding-right: 20px">
        <c-form-item label="父交易参考号" prop="trdgrp.rec.pntref">
          <c-input
            v-model="model.trdgrp.rec.pntref"
            maxlength="16"
            :disabled="true"
            :placeholder="$t('other.please_enter') + $t('trtp0.SF000049')"
          ></c-input>
        </c-form-item>
      </c-col>

      <c-col :span="12" style="padding-left: 20px">
        <c-form-item label="简略信息" prop="trdgrp.rec.pntnam">
          <c-input
            v-model="model.trdgrp.rec.pntnam"
            maxlength="40"
            :disabled="true"
            :placeholder="$t('other.please_enter') + $t('trtp0.SF000059')"
          ></c-input>
        </c-form-item>
      </c-col>

      <c-col :span="12" style="padding-right: 20px">
        <c-form-item label="参考号" prop="trdgrp.rec.ownref">
          <c-input
            v-model="model.trdgrp.rec.ownref"
            maxlength="16"
            :disabled="true"
            :placeholder="$t('other.please_enter') + $t('trtp0.S0000077')"
          ></c-input>
        </c-form-item>
      </c-col>

      <c-col :span="12" style="padding-left: 20px">
        <c-form-item label="简略信息" prop="trdgrp.rec.nam">
          <c-input
            v-model="model.trdgrp.rec.nam"
            maxlength="40"
            :disabled="true"
            :placeholder="$t('other.please_enter') + $t('trtp0.SF000068')"
          ></c-input>
        </c-form-item>
      </c-col>

      <!-- 中左 -->
      <c-col :span="12" style="padding-right: 20px">
        <c-col :span="24">
          <c-col :span="22">
            <c-form-item label="融资比例" prop="trdgrp.rec.pctfin">
              <c-input
                v-model="model.trdgrp.rec.pctfin"
                :disabled="true"
                style="width: 100%"
                :placeholder="$t('other.please_enter') + $t('trtp0.SF000050')"
              ></c-input>
            </c-form-item>
            </c-col>

            <c-col :span="2" style="padding:5px; font-size: 10px;text-align: center;">
                <span>%</span>
            </c-col>
          </c-col>


        <!-- <c-col :span="12" style="padding-right: 20px">
          <el-form-item label="融资金额" prop="trdgrp.cbs.max.cur">
            <c-fullbox>
              <c-select
                v-model="model.trdgrp.cbs.max.cur"
                style="width: 30%"
                :disabled="true"
              >
              </c-select>
              <c-input
                v-model="model.trdgrp.cbs.max.amt"
                style="width: 70%"
                :disabled="true"
              ></c-input>
            </c-fullbox>
          </el-form-item>
        </c-col> -->

          <c-col :span="24">
            <el-form-item label="融资金额" prop="trdgrp.cbs.max.cur">
                <c-col :span="12">
                  <c-select
                    v-model="model.trdgrp.cbs.max.cur"
                    :disabled="true"
                  >
                  </c-select>
                </c-col>
                <c-col :span="12">
                  <c-input
                    v-model="model.trdgrp.cbs.max.amt"
                    style="text-align: left; margin-left: 2px"
                    :disabled="true"
                  ></c-input>
                </c-col>
            </el-form-item>
          </c-col>

        <!-- <c-col :span="24">
          <c-form-item label="余额" prop="trdgrp.cbs.opn1.cur">
            <c-fullbox>
              <c-input
                v-model="model.trdgrp.cbs.opn1.cur"
                style="width: 30%"
                maxlength="3"
                :disabled="true"
              ></c-input>
              <c-input
                v-model="model.trdgrp.cbs.opn1.amt"
                style="width: 70%"
                :disabled="true"
              ></c-input>
            </c-fullbox>
          </c-form-item>
        </c-col> -->

        <c-col :span="24">
            <c-col :span="12">
              <c-form-item label="余额" prop="trdgrp.cbs.opn1.cur">
                <c-input
                  v-model="model.trdgrp.cbs.opn1.cur"
                  maxlength="3"
                  :disabled="true"
                ></c-input>
              </c-form-item>
            </c-col>
            <c-col :span="12" >
              <el-form-item
                style="text-align: left; margin-left: 5px"
                label-width="0px">
                <c-input
                  v-model="model.trdgrp.cbs.opn1.amt"
                  :disabled="true"
                ></c-input>
              </el-form-item>
            </c-col>
          </c-col>

        <c-col :span="12">
          <el-form-item label="起息日期" prop="trdgrp.rec.stttendat">
            <c-date-picker
              type="date"
              v-model="model.trdgrp.rec.stttendat"
              style="width: 100%"
              :disabled="true"
              :placeholder="$t('other.please_enter') + $t('trtp0.SF000052')"
            ></c-date-picker>
          </el-form-item>
        </c-col>

        <c-col :span="12">
          <el-form-item label="押汇到期日期" prop="trdgrp.rec.matdat">
            <c-date-picker
              label="押汇到期日期"
              type="date"
              v-model="model.trdgrp.rec.matdat"
              style="width: 100%"
              :disabled="true"
              :placeholder="$t('other.please_enter') + 'Maturity Date'"
            ></c-date-picker>
          </el-form-item>
        </c-col>

      </c-col>

        

      <!-- 中右 -->
      <c-col :span="12" style="padding-left: 20px">
        <c-col :span="24">
          <c-form-item label="融资客户" prop="trdgrp.fip.pts.ref">
            <c-input
              v-model="model.trdgrp.fip.pts.ref"
              maxlength="16"
              :disabled="true"
              :placeholder="$t('other.please_enter') + $t('trtp0.SF000062')"
            ></c-input>
          </c-form-item>
        </c-col>

        <c-col :span="24">
          <c-form-item label="当事人名称" prop="trdgrp.fip.pts.nam">
            <c-input
              v-model="model.trdgrp.fip.pts.nam"
              maxlength="40"
              :disabled="true"
              :placeholder="$t('other.please_enter') + '当事人名称'"
            ></c-input>
          </c-form-item>
        </c-col>

        <c-col :span="24">
          <c-form-item label="融资品种" prop="trdgrp.rec.fintyp">
            <c-input
              v-model="model.trdgrp.rec.fintyp"
              maxlength="3"
              :disabled="true"
              :placeholder="$t('other.please_enter') + $t('trtp0.SF000063')"
            ></c-input>
          </c-form-item>
        </c-col>

        <c-col :span="24">
          <c-form-item label="融资账号" prop="trdgrp.rec.finact">
            <c-input
              v-model="model.trdgrp.rec.finact"
              maxlength="21"
              :disabled="true"
              :placeholder="$t('other.please_enter') + $t('trtp0.SG000078')"
            ></c-input>
          </c-form-item>
        </c-col>
      </c-col>

      <c-col :span="12" style="padding-right: 20px">
        <c-col :span="20">
          <c-form-item label="叙述内容" prop="strinf">
            <c-input
              type="textarea"
              v-model="model.strinf"
              maxlength="50"
              show-word-limit
              :placeholder="$t('other.please_enter') + $t('叙述内容')"
            ></c-input>
          </c-form-item>
        </c-col>
        <c-col :span="4">
          <c-checkbox v-model="model.sndmsg">{{ $t("发送消息") }}</c-checkbox>
        </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/Trtcan/Event";

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