<template>
	<div class="eibs-tab">
		<!-- left -->
		<el-col :span="12" style="padding-right: 20px;">
			<c-col :span="24">
				<el-form-item :label="$t('gitdla.保函编号')" prop="gidgrp.rec.ownref" style="width: 100%">
					<c-fullbox>
						<c-input v-model="model.gidgrp.rec.ownref" maxlength="8" placeholder="请输入" disabled></c-input>
						<template slot="footer">
              <c-button size="small" type="primary" disabled>
                获取
              </c-button>
            </template>
					</c-fullbox>
				</el-form-item>
			</c-col>
 
			<c-col :span="24" class="custom-box-wrap">
				<div class="box-1">
					<div style="width: 280px;">
						<el-form-item :label="$t('gitdla.保函金额')" prop="oldgidgrp.cbs.max.cur">
							<c-select v-model="model.oldgidgrp.cbs.max.cur" placeholder="" style="width: 100%" disabled dbCode="curtxt"></c-select>
						</el-form-item>
					</div>
					<div style="width: calc(100% - 280px);">
						<el-form-item style="text-align: left" label-width="5px" prop="oldgidgrp.cbs.max.amt">
							<c-input-currency 
								:currency="model.oldgidgrp.cbs.max.cur"
								v-model="model.oldgidgrp.cbs.max.amt" 
								placeholder="请输入保函金额" 
								disabled
							></c-input-currency>
						</el-form-item>
					</div>
				</div>
				<div class="box-2">
					<c-checkbox v-model="model.adaflg" disabled true-label="X" false-label="">附加金额</c-checkbox>
				</div>
			</c-col>

			<c-col :span="24">
				<div class="custom-box-wrap">
					<div style="width: 280px;">
						<el-form-item :label="$t('gitdla.保函余额')" prop="oldgidgrp.cbs.opn1.cur">
							<c-select v-model="model.oldgidgrp.cbs.opn1.cur" placeholder="" style="width: 100%" disabled dbCode="curtxt">
							</c-select>
						</el-form-item>
					</div>
					<div style="width: calc(100% - 280px);">
						<el-form-item label-width="5px" prop="oldgidgrp.cbs.opn1.amt">
							<c-input-currency :currency="model.oldgidgrp.cbs.opn1.cur" v-model="model.oldgidgrp.cbs.opn1.amt" placeholder="请输入" disabled></c-input-currency>
						</el-form-item>
					</div>
				</div>
      </c-col>

			<c-col v-if="model.adaflg=='X'" :span="24">
        <div class="custom-box-wrap">
          <div style="width: 280px;">
            <el-form-item label="Old Additional Amount" prop="oldgidgrp.cbs.max.cur">
              <c-select v-model="model.oldgidgrp.cbs.max.cur" style="width: 100%" disabled placeholder="请输入"
                dbCode="curtxt"></c-select>
            </el-form-item>
          </div>
          <div style="width: calc(100% - 280px);">
            <el-form-item label-width="5px" prop="oldgidgrp.cbs.max2.amt">
              <c-input-currency :currency="model.oldgidgrp.cbs.max.cur" v-model="model.oldgidgrp.cbs.max2.amt"
                placeholder="请输入" disabled></c-input-currency>
            </el-form-item>
          </div>
        </div>
      </c-col>

      <c-col v-if="model.adaflg=='X'" :span="24">
        <div class="custom-box-wrap">
          <div style="width: 280px;">
            <el-form-item label="Additional Amended" prop="oldgidgrp.cbs.max.cur">
              <c-select v-model="model.oldgidgrp.cbs.max.cur" style="width: 100%" disabled placeholder="请输入"
                dbCode="curtxt"></c-select>
            </el-form-item>
          </div>
          <div style="width: calc(100% - 280px);">
            <el-form-item label-width="5px" prop="addameamt">
              <c-input-currency :currency="model.oldgidgrp.cbs.max.cur" v-model="model.addameamt"
                placeholder="请输入" disabled></c-input-currency>
            </el-form-item>
          </div>
        </div>
      </c-col>

			<c-col :span="24">
				<el-form-item :label="$t('gitdla.支出目的')" prop="gidgrp.rec.purpos">
					<c-select disabled v-model="model.gidgrp.rec.purpos" dbCode="purpos" style="width:100%" ></c-select>
				</el-form-item>
			</c-col>


			<c-col :span="24">
				<el-form-item :label="$t('gitdla.保函种类')" prop="gidgrp.rec.gartyp">
					<c-select disabled dbCode="typgar" v-model="model.gidgrp.rec.gartyp" style="width:100%" placeholder="请选择保函种类">
					</c-select>
				</el-form-item>
			</c-col>

			<c-col :span="24">
				<el-form-item :label="$t('gitame.旧到期类型')" prop="oldgidgrp.rec.exptyp">
					<c-select disabled dbCode="exptyp" v-model="model.oldgidgrp.rec.exptyp" style="width: 100%" placeholder="请选择">
					</c-select>
				</el-form-item>
			</c-col>

			<c-col :span="24">
        <c-col :span="18">
				  <el-form-item :label="$t('gitame.旧到期日')" prop="oldgidgrp.rec.expdat" >
					  <c-date-picker disabled type="date" v-model="model.oldgidgrp.rec.expdat" style="width: 100%" placeholder="请选择旧到期日"></c-date-picker>
				  </el-form-item>
        </c-col>
        <c-col :span="6">
						<el-form-item label="" prop="oldgidgrp.rec.expflg" label-width="0">
							<c-checkbox  disabled class="checkbox-left" false-label="" style="margin: 0 0 0 10px" true-label="X" v-model="model.oldgidgrp.rec.expflg">
								效期敞口
							</c-checkbox>
						</el-form-item>
				</c-col>
			</c-col>

			<c-col :span="24" v-if="model.oldgidgrp.blk.atxexptxt!=''">
				<el-form-item :label="$t('gitame.旧到期条件')" prop="oldgidgrp.blk.atxexptxt">
          <c-mul-row-input disabled :autosize="{ minRows: 4, maxRows: 4}" :rows="12" :cols="65"  v-model="model.oldgidgrp.blk.atxexptxt">
					</c-mul-row-input>
				</el-form-item>
			</c-col>
			<c-col :span="24" v-else>
				<el-form-item :label="$t('gitame.旧到期条件')" prop="oldgidgrp.blk.exptxt" >
          <c-mul-row-input disabled :autosize="{ minRows: 4, maxRows: 4}" :rows="12" :cols="65"  v-model="model.oldgidgrp.blk.exptxt">
					</c-mul-row-input>
				</el-form-item>
			</c-col>

			<c-col :span="24" v-if="this.model.oldgidgrp.rec.purpos != 'ISSU'">
				<el-form-item :label="$t('gitame.旧责任类型')" prop="oldgidgrp.rec.liatypc" >
					<c-select disabled dbCode="exptyp" v-model="model.oldgidgrp.rec.liatypc" style="width: 100%" placeholder="请选择">
					</c-select>
				</el-form-item>
			</c-col>

			<c-col :span="24" v-if="this.model.oldgidgrp.rec.purpos != 'ISSU'">
        <c-col :span="18">
				  <el-form-item :label="$t('gitame.旧责任期')" prop="oldgidgrp.rec.liadat" >
					  <c-date-picker disabled type="date" v-model="model.oldgidgrp.rec.liadat" style="width: 100%" placeholder="请选择旧责任期"></c-date-picker>
				  </el-form-item>
        </c-col>
        <c-col :span="6">
						<el-form-item label="" prop="oldgidgrp.rec.liaflg" label-width="0">
							<c-checkbox  disabled class="checkbox-left" false-label="" style="margin: 0 0 0 10px" true-label="X" v-model="model.oldgidgrp.rec.liaflg">
								效期敞口
							</c-checkbox>
						</el-form-item>
				</c-col>
			</c-col>

			<c-col :span="24" v-if="this.model.oldgidgrp.rec.purpos != 'ISSU'&&model.oldgidgrp.blk.atxliatxtc!=''">
				<el-form-item :label="$t('gitame.旧责任条件')" prop="oldgidgrp.blk.atxliatxtc" >
          <c-mul-row-input disabled :autosize="{ minRows: 4, maxRows: 4}" :rows="12" :cols="65"  v-model="model.oldgidgrp.blk.atxliatxtc">
					</c-mul-row-input>
				</el-form-item>
			</c-col>
			<c-col :span="24" v-if="this.model.oldgidgrp.rec.purpos != 'ISSU'&&model.oldgidgrp.blk.atxliatxtc==''">
				<el-form-item :label="$t('gitame.旧责任条件')" prop="oldgidgrp.blk.liatxtc" >
          <c-mul-row-input disabled :autosize="{ minRows: 4, maxRows: 4}" :rows="12" :cols="65"  v-model="model.oldgidgrp.blk.liatxtc">
					</c-mul-row-input>
				</el-form-item>
			</c-col>

		</el-col>

		<!-- right -->
		<el-col :span="12" style="padding-left: 20px;">
			<c-col :span="24">
				<el-form-item :label="$t('gitdla.申请人名称')" prop="gidgrp.apl.pts.nam">
					<c-input disabled v-model="model.gidgrp.apl.pts.nam" maxlength="40" placeholder="请输入名称"></c-input>
				</el-form-item>
			</c-col>

			<c-col :span="24" v-if="this.model.gidgrp.rec.purpos == 'ISSU'">
				<el-form-item :label="$t('gitdla.受益人名称')" prop="gidgrp.ben.pts.nam">
					<c-input disabled v-model="model.gidgrp.ben.pts.nam" maxlength="40" placeholder="请输入受益人名称"></c-input>
				</el-form-item>
			</c-col>
      <c-col :span="24" v-if="this.model.gidgrp.rec.purpos != 'ISSU'">
				<el-form-item :label="$t('gitdla.受益人名称')" prop="gidgrp.bec.pts.nam">
					<c-input disabled v-model="model.gidgrp.bec.pts.nam" maxlength="40" placeholder="请输入受益人名称"></c-input>
				</el-form-item>
			</c-col>

			<c-col :span="24">
				<el-form-item :label="$t('gitdla.修改次数(减额）')" prop="amenbr">
					<c-input disabled v-model="model.amenbr" maxlength="3" placeholder="请输入修改次数(减额）"></c-input>
				</el-form-item>
			</c-col>

			<c-col :span="12">
				<el-form-item :label="$t('gitdla.修改金额')" prop="amecur">
					<c-select disabled v-model="model.amecur" dbCode="curtxt" style="width: 100%" placeholder="请选择修改币种"></c-select>
				</el-form-item>
			</c-col>

			<c-col :span="12">
				<el-form-item label-width="5px" prop="ameamt">
					<c-input-currency :currency="model.amecur" disabled v-model="model.ameamt" placeholder="请输入修改金额" style="width: 100%" @keyup.enter.native="$event.target.blur()"></c-input-currency>
				</el-form-item>
			</c-col>

      <c-col :span="24">
				<el-form-item :label="$t('gitame.新到期类型')" prop="swiadd.exptyp">
					<c-select disabled dbCode="exptyp" v-model="model.swiadd.exptyp" style="width: 100%" placeholder="请选择" >
					</c-select>
				</el-form-item>
			</c-col>

			<c-col :span="24">
        <c-col :span="18">
				  <el-form-item :label="$t('gitame.新到期日')" prop="swiadd.newexpdat">
					  <c-date-picker disabled type="date" v-model="model.swiadd.newexpdat" style="width: 100%" placeholder="请选择">
					  </c-date-picker>
				  </el-form-item>
        </c-col>
        <c-col :span="6">
						<el-form-item label="" prop="model.swiadd.newexpflg" label-width="0">
							<c-checkbox  disabled  class="checkbox-left" false-label="" style="margin: 0 0 0 10px" true-label="X" v-model="model.swiadd.newexpflg">
								效期敞口
							</c-checkbox>
						</el-form-item>
				</c-col>
			</c-col>

			<c-col :span="24">
				<el-form-item :label="$t('gitame.新到期条件')" prop="swiadd.exptxt" >
					<c-mul-row-input disabled :autosize="{ minRows: 4, maxRows: 4}" :rows="12" :cols="65" placeholder="请输入新到期条件" v-model="model.swiadd.exptxt">
					</c-mul-row-input>
				</el-form-item>
			</c-col>

			<c-col :span="24" v-if="this.model.gidgrp.rec.purpos != 'ISSU'">
				<el-form-item :label="$t('gitame.新责任类型')" prop="swiadd.liatypc" >
					<c-select dbCode="exptyp" v-model="model.swiadd.liatypc" style="width: 100%" disabled placeholder="请选择">
					</c-select>
				</el-form-item>
			</c-col>

			<c-col :span="24" v-if="this.model.gidgrp.rec.purpos != 'ISSU'">
        <c-col :span="18">
				  <el-form-item :label="$t('gitame.新责任期')" prop="swiadd.newliadat" >
					  <c-date-picker disabled type="date" v-model="model.swiadd.newliadat" style="width: 100%" placeholder="请输入新责任期" >
					  </c-date-picker>
				  </el-form-item>
        </c-col>
        <c-col :span="6">
						<el-form-item label="" prop="swiadd.newliaflg" label-width="0">
							<c-checkbox  disabled class="checkbox-left" false-label="" style="margin: 0 0 0 10px" true-label="X" v-model="model.swiadd.newliaflg">
								效期敞口
							</c-checkbox>
						</el-form-item>
				</c-col>
			</c-col>

			<c-col :span="24" v-if="this.model.gidgrp.rec.purpos != 'ISSU'">
				<el-form-item :label="$t('gitame.新责任条件')" prop="swiadd.liatxtc">
					<c-mul-row-input disabled :autosize="{ minRows: 4, maxRows: 4}" :rows="12" :cols="65" placeholder="请输入新责任条件" v-model="model.swiadd.liatxtc">
					</c-mul-row-input>
				</el-form-item>
			</c-col>

			<c-col :span="12">
				<el-form-item :label="$t('gitdla.修改日期')" prop="amedat">
					<c-input type="date" disabled v-model="model.amedat" maxlength="12" placeholder="请输入修改日期"></c-input>
				</el-form-item>
			</c-col>


			<c-col :span="12">
				<el-form-item :label="$t('gitdla.是否接受此笔保函修改')" prop="ameflg" label-width="160px">
					<c-select v-model="model.ameflg" disabled dbCode="ameflg">
					</c-select>
				</el-form-item>
			</c-col>
		</el-col>

		<el-col :span="24">
			<el-table
				ref="table"
				:data="codes.tableData"
				style="width: 100%"
				class="eContainer-table"
				row-key="IDX"
				:highlight-current-row="false"
				:border="true"
				@row-click="rowClick"
			>
				<el-table-column
					type="index"
					width="55"
				>
					<template slot-scope="scope">
						<el-checkbox :value="scope.row['checked']" @click.stop></el-checkbox>
					</template>
				</el-table-column>
				<c-table-column
					v-for="(item, key) in trnData.columns"
					:key="key"
					:prop="item.prop"
					:label="item.label"
					:width="item.width"
					sortable
				>
					<template v-slot="{ scope }">
						<span>{{ scope.row[item.prop] }}</span>
					</template>
				</c-table-column>
			</el-table>
		</el-col>
	</div>
</template>
<script>
import event from "../event";
import Default from "../model/default";
import moment from "moment";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event, Default],
  data() {
    return {
      trnData: {
        columns: [
					{
						label: '修改次数',
						prop: '修改次数',
						width: '150',
					},
					{
						label: '编号',
						prop: '编号',
						width: '200',
					},
					{
						label: '币种',
						prop: '币种',
						width: '100',
					},
					{
						label: '修改金额',
						prop: '修改金额',
						width: '150',
          },
          {
						label: '附加金额变化值',
						prop: '附加金额变化值',
						width: '150',
					},
					{
						label: '修改日期',
						prop: '修改日期',
						width: '200',
          },
          {
            label: "新有效期到期类型",
            prop: "新有效期到期类型",
            width: "200"
          },
					{
            label: "新有效期",
            prop: "新有效期",
            width: "200"
          },
          {
            label: "新有效期敞口",
            prop: "新有效期敞口",
            width: "200"
          },
          {
            label: "新有效期到期条件",
            prop: "新有效期到期条件",
            width: "200"
          },
          {
            label: "新反担保有效期到期类型",
            prop: "新反担保有效期到期类型",
            width: "200"
          },
          {
            label: "新反担保有效期",
            prop: "新反担保有效期",
            width: "200"
          },
          {
            label: "新反担保有效期敞口",
            prop: "新反担保有效期敞口",
            width: "200"
          },
          {
            label: "新反担保有效期到期条件",
            prop: "新反担保有效期到期条件",
            width: "200"
          }
          
        ],
        data: []
			},
      date: ""
    };
	},
	computed: {},
  methods: {
		rowClick (row) {
			this.codes.tableData.map((item) => {
				if (item.IDX === row.IDX) {
					this.$set(item, 'checked', true)
				} else {
					this.$set(item, 'checked', false)
				}
			})
			this.decstmRowSelected(row)
			this.$forceUpdate()
		},
  },
  created: function() {}
};
</script>
<style>
.stream {
  cursor: pointer;
}
</style>