<template>
	<div class="eibs-tab">
		<c-col :span="24">
			<!-- ==================左边================ -->
			<c-col :span="12" style="padding-right: 20px;">
        <c-col :span="24">
          <el-form-item label="Reference" prop="bodgrp.rec.ownref" style="width: 100%">
            <c-input v-model="model.bodgrp.rec.ownref" maxlength="16" placeholder="Please Enter Reference" style="width: 100%" disabled></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
					<el-form-item label="Invoice No." prop="bodgrp.rec.invref">
						<c-input v-model="model.bodgrp.rec.invref" style="width:100%" disabled placeholder="请输入">
						</c-input>
					</el-form-item>
				</c-col>

				<c-col :span="24" class="custom-box-wrap">
            <el-form-item label="Document Amount" prop="bodgrp.cbs.max.cur">
              <c-select-cur dbCode="CURTXT"
                disabled
                placeholder="请选择币种"
                style="width: 115px;"
                v-model="model.bodgrp.cbs.max.cur"
                ></c-select-cur>
            </el-form-item>
          <div class="box-3">
            <el-form-item label-width="5px" prop="bodgrp.cbs.max.amt">
              <c-input-currency
                disabled
                :currency="model.bodgrp.cbs.max.cur"
                placeholder="请选择金额"
                style="width: 100%;"
                v-model="model.bodgrp.cbs.max.amt"
                ></c-input-currency>
            </el-form-item>
          </div>
        </c-col>

        <c-col :span="24" class="custom-box-wrap">
            <el-form-item label="Open Amount" prop="bodgrp.cbs.opn1.cur">
              <c-select-cur 
                disabled
                dbCode="CURTXT"
                placeholder="请选择币种"
                style="width: 115px"
                v-model="model.bodgrp.cbs.opn1.cur"
                ></c-select-cur>
            </el-form-item>
          <div class="box-3">
            <el-form-item label-width="5px" prop="bodgrp.cbs.opn1.amt">
              <c-input-currency
                disabled
                :currency="model.bodgrp.cbs.opn1.cur"
                placeholder="请选择金额"
                style="width: 100%;"
                v-model="model.bodgrp.cbs.opn1.amt"
                ></c-input-currency>
            </el-form-item>
          </div>
        </c-col>

        <c-col :span="24">
          <el-form-item label="Order Date" prop="bodgrp.rec.rcvdat">
            <c-date-picker type="date" v-model="model.bodgrp.rec.rcvdat" style="width:100%" disabled placeholder="">
            </c-date-picker>
          </el-form-item>
        </c-col>
        
        <c-col :span="24">
          <el-form-item label="Date of Shipment" prop="bodgrp.rec.shpdat">
            <c-date-picker type="date" v-model="model.bodgrp.rec.shpdat" style="width:100%" disabled placeholder=""></c-date-picker>
          </el-form-item>
				</c-col>

        <c-col :span="24">
          <el-form-item label="Presentation Date" prop="bodgrp.rec.predat">
            <c-date-picker type="date" v-model="model.bodgrp.rec.predat" style="width:100%" disabled placeholder=""></c-date-picker>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="Invoive Type" prop="bodgrp.rec.invtyp">
            <c-select v-model="model.bodgrp.rec.invtyp" disabled style="width:100%" dbCode='INVTYP'>
            </c-select>
          </el-form-item>
        </c-col>
			</c-col>

			<!-- ============右边================= -->
			<c-col :span="12" style="padding-left: 20px;">
        <c-col :span="24">
					<el-form-item label="Responsible User" prop="bodgrp.rec.ownusr" style="width: 100%">
						<c-fullbox>
							<c-input style="width: 100%" v-model="model.bodgrp.rec.ownusr" maxlength="8" disabled placeholder=""></c-input>
						</c-fullbox>
					</el-form-item>
				</c-col>

        <c-col :span="24">
					<el-form-item label="Collection Condition" prop="bodgrp.rec.doctypcod">
						<c-select v-model="model.bodgrp.rec.doctypcod" style="width:100%" disabled placeholder="" dbCode='DOCTYP' :filterKey="['P', 'A','D', 'M']" :isShowKey="false">
						</c-select>
					</el-form-item>
				</c-col>

        <c-col :span="24">
          <c-col :span="12">
            <el-form-item label="Tenor Specification" prop="bodgrp.rec.matpercnt">
              <c-input-number :min="0" :max="999" v-model.number="model.bodgrp.rec.matpercnt" placeholder="请输入单据期限" disabled></c-input-number>
            </el-form-item>
          </c-col>
          <c-col :span="12">
            <el-form-item label="" label-width="10px" prop="bodgrp.rec.matpertyp">
              <c-select v-model="model.bodgrp.rec.matpertyp" style="width: 100%" placeholder="请选择" 
                        dbCode="MATPER" :filterKey="['D', 'M']" uil="EN"
                        disabled></c-select>
            </el-form-item>
          </c-col>
				</c-col>

        <c-col :span="24">
					<el-form-item label="Starting From" prop="bodgrp.rec.matperbeg">
						<c-select v-model="model.bodgrp.rec.matperbeg" style="width:100%" disabled placeholder="" dbCode="MATBEG" uil="EN">
						</c-select>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="Tenor Details Text" prop="bodgrp.blk.bogdet">
						<c-input type="textarea" :autosize="{ minRows: 1, maxRows: 2}" v-model="model.bodgrp.blk.bogdet" show-word-limit disabled placeholder=""></c-input>
					</el-form-item>
				</c-col>

        <c-col :span="24">
          <el-form-item label="Maturity Date" prop="bodgrp.rec.matdat">
            <c-date-picker type="date" v-model="model.bodgrp.rec.matdat" style="width:100%" disabled placeholder=""></c-date-picker>
          </el-form-item>
        </c-col>
        
				<c-col :span="24">
					<el-form-item label="Country or region Code" prop="bodgrp.rec.stacty">
						<c-ctymapping v-model="model.bodgrp.rec.stacty" style="width:100%" disabled placeholder="">
						</c-ctymapping>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="Goods Code" prop="bodgrp.rec.stagod">
						<c-select v-model="model.bodgrp.rec.stagod" style="width:100%" disabled placeholder="" dbCode='GODCOD'>
						</c-select>
					</el-form-item>
				</c-col>
			</c-col>
		</c-col>
	</div>
</template>
<script>
import event from "../event";

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