<template>
    <div class="eibs">
      <c-row>
        <c-col :span="24">
          <c-col :span="12" style="padding-right: 20px;">
            <c-col :span="24">
              <el-form-item label="">
                接收确认说明:
              </el-form-item>
            </c-col>
            <c-col :span="24">
              <el-form-item label="确认指示" prop="gidgrp.rec.reccnfdet">
                <c-select
                  disabled
                  v-model="model.gidgrp.rec.reccnfdet"
                  style="width: 100%"
                  placeholder="请选择确认指示"
                >
                  <el-option
                    v-for="item in codes.cnfsta"
                    :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="gidgrp.cnr.pts.ref">
                <c-input
                  disabled
                  v-model="model.gidgrp.cnr.pts.ref"
                  maxlength="16"
                  placeholder="请输入确认行参考号"
                ></c-input>
              </el-form-item>
            </c-col>
  
            <c-col :span="24">
              <el-form-item label="确认行" prop="gidgrp.cnr.pts.extkey">
                <c-fullbox>
                  <c-input
                    disabled
                    v-model="model.gidgrp.cnr.pts.extkey"
                    maxlength="16"
                    placeholder="请输入"
                    @keyup.enter.native="
                      showGridPromptDialog(`gidgrp.cnr.pts.extkey`)
                    "
                  ></c-input>
                  <template slot="footer">
                    <c-button
                      size="small"
                      type="primary"
                    >
                      <i class="el-icon-info"></i>
                    </c-button>
                    <c-button
                      disabled
                      size="small"
                      type="primary"
                    >
                      详情
                    </c-button>
                  </template>
                </c-fullbox>
              </el-form-item>
            </c-col>
            <c-col :span="24">
              <el-form-item label="地址名称" prop="gidgrp.cnr.pts.adrblk">
                <c-input
                  disabled
                  type="textarea"
                  v-model="model.gidgrp.cnr.pts.adrblk"
                  maxlength="35"
                  show-word-limit
                  placeholder="请输入地址名称"
                ></c-input>
              </el-form-item>
            </c-col>
          </c-col>
          <c-col :span="12" style="padding-left: 20px;">
            <c-col :span="24">
              <el-form-item label="">
                支出确认说明:
              </el-form-item>
            </c-col>
            <c-col :span="24">
              <el-form-item label="确认指示" prop="gidgrp.rec.cnfdet">
                <c-select
                  v-model="model.gidgrp.rec.cnfdet"
                  style="width: 100%"
                  placeholder="请选择确认指示"
                  disabled
                >
                  <el-option
                    v-for="item in codes.cnfdet"
                    :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="gidgrp.con.pts.ref">
                <c-input
                  disabled
                  v-model="model.gidgrp.con.pts.ref"
                  maxlength="16"
                  placeholder="请输入确认行参考号 "
                ></c-input>
              </el-form-item>
            </c-col>
  
            <c-col :span="24">
              <el-form-item label="确认行" prop="gidgrp.con.pts.extkey">
                <c-fullbox>
                  <c-input
                    disabled
                    v-model="model.gidgrp.con.pts.extkey"
                    maxlength="16"
                    placeholder="请输入"
                    @keyup.enter.native="
                      showGridPromptDialog(`gidgrp.con.pts.extkey`)
                    "
                  ></c-input>
                  <template slot="footer">
                    <c-button
                      size="small"
                      type="primary"
                    >
                      <i class="el-icon-info"></i>
                    </c-button>
                    <c-button
                      disabled
                      size="small"
                      type="primary"
                    >
                      详情
                    </c-button>
                  </template>
                </c-fullbox>
              </el-form-item>
            </c-col>
            <c-col :span="24">
              <el-form-item label="地址名称" prop="gidgrp.con.dbfadrblkcn">
                <c-input
                  disabled
                  type="textarea"
                  v-model="model.gidgrp.con.dbfadrblkcn"
                  maxlength="35"
                  show-word-limit
                  placeholder="请输入"
                ></c-input>
              </el-form-item>
            </c-col>
          </c-col>
        </c-col>
      </c-row>
  
      <c-row>
        <c-col :span="24">
          <c-col :span="12" style="padding-right: 20px;">
            <c-col :span="24">
              <el-form-item v-if="model.gidgrp.rec.purposin == 'ISSU'" label="">
                我行确认详细信息:
              </el-form-item>
            </c-col>
  
            <c-col :span="24">
              <el-form-item
                v-if="model.gidgrp.rec.purposin == 'ISSU'"
                label="确认状态 "
                prop="gidgrp.rec.cnfsta"
              >
                <c-select
                  v-model="model.gidgrp.rec.cnfsta"
                  style="width: 100%"
                  placeholder="请选择确认状态 "
                >
                  <el-option
                    v-for="item in codes.cnfsta"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  >
                  </el-option>
                </c-select>
              </el-form-item>
            </c-col>
  
            <c-col :span="24">
              <c-col :span="10">
                <el-form-item
                  v-if="model.gidgrp.rec.purposin == 'ISSU'"
                  label="确认金额"
                  prop="gidgrp.cbs.cnf.cur"
                >
                  <c-input
                    disabled
                    v-model="model.gidgrp.cbs.cnf.cur"
                    maxlength="3"
                    placeholder="请输入确认金额"
                  ></c-input>
                </el-form-item>
              </c-col>
  
              <c-col v-if="model.gidgrp.rec.purposin == 'ISSU'" :span="4">
                <el-form-item label-width="5px" prop="gidgrp.cbs.cnf.amt">
                <c-input
                  v-model="model.gidgrp.cbs.cnf.amt"
                  placeholder="请输入"
                ></c-input>
                </el-form-item>
              </c-col>
              <c-col
                v-if="model.gidgrp.rec.purposin == 'ISSU'"
                :span="2"
                style="margin-left: 20px"
              >
                <span>or</span>
              </c-col>
              <c-col v-if="model.gidgrp.rec.purposin == 'ISSU'" :span="4">
                <el-form-item label-width="5px" prop="gidgrp.rec.partcon">
                <c-input
                  v-model="model.gidgrp.rec.partcon"
                  placeholder="请输入"
                ></c-input>
                </el-form-item>
              </c-col>
              <c-col
                v-if="model.gidgrp.rec.purposin == 'ISSU'"
                :span="2"
                style="margin-left: 20px"
              >
                <span>%</span>
              </c-col>
            </c-col>
  
            <c-col :span="24">
              <el-form-item
                v-if="model.gidgrp.rec.purposin == 'ISSU'"
                label="确认日期"
                prop="gidgrp.rec.cnfdat"
              >
                <c-date-picker
                  type="date"
                  v-model="model.gidgrp.rec.cnfdat"
                  style="width: 100%"
                  placeholder="请选择确认日期"
                ></c-date-picker>
              </el-form-item>
            </c-col>
          </c-col>
          <c-col :span="12" style="padding-left: 20px;"> </c-col>
        </c-col>
      </c-row>
    </div>
  </template>
  <script>
  import event from '../event'
  export default {
    inject: ["root"],
    props: ["model", "codes"],
    mixins: [event],
    data() {
      return {};
    },
    methods: {},
    created: function () {},
  };
  </script>
  <style>
  </style>