<template>
	<div class="eibs-tab">
		<!--======================= 左边 ========================= -->
		<c-col :span="12 " style="padding-right: 20px;">
			<c-col :span="24">
        <el-form-item :label="$t('gitcrj.索赔编号')" prop="gcdgrp.rec.ownref" style="width: 100%">
          <c-fullbox>
            <c-input v-model="model.gcdgrp.rec.ownref" maxlength="8" placeholder="请输入" disabled></c-input>
          </c-fullbox>
        </el-form-item>
      </c-col>
			<c-col :span="24">
				<el-form-item label="选择拒付类型" prop="rejtypsel">
					<c-select v-model="model.rejtypsel" style="width:100%" placeholder=""  @change="rejtypselChange">
						<el-option v-for="item in codes.rejflgList" :key="item.id" :label="item.txt" :value="item.cod"></el-option>
					</c-select>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<div class="custom-box-wrap">
					<div class="box-1">
						<div style="width: 100%;">
							<el-form-item :label="$t('gitcrj.拒付日期')" prop="gcdgrp.rec.msgdat">
								<c-date-picker type="date" v-model="model.gcdgrp.rec.msgdat" style="width: 100%" placeholder="请选择拒付日期"></c-date-picker>
							</el-form-item>
						</div>
					</div>
					<div class="box-2">
						<c-checkbox v-model="model.clsflg" true-label="true" false-label="false" style="margin-left: 20px" :disabled="model.rejtypsel != 'R'" @change="clsflgChange">是否闭卷</c-checkbox>
					</div>
				</div>
      </c-col>

			<c-col :span="24">
				<el-form-item :label="$t('gitcrj.拒付原因')" prop="swiadd.strinfs20" >
					<c-mul-row-input  v-model="model.swiadd.strinfs20" :isCheckInCompontent="false" :rows="70" :cols="50" :autosize="{ minRows: 8, maxRows: 8}" show-word-limit :charmod="3"></c-mul-row-input>
				</el-form-item>
			</c-col>
		</c-col>
		<!--======================= 右边 ========================= -->
		<c-col :span="12" style="padding-left: 20px;">
			<c-col :span="24" class="custom-box-wrap">
				<div class="box-1">
					<div style="width: 280px;">
						<el-form-item :label="$t('gitcrj.索赔金额')" prop="gcdgrp.cbs.max.cur">
							<c-select v-model="model.gcdgrp.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 label-width="5px" prop="gcdgrp.cbs.max.amt">
							<c-input-currency :currency="model.gcdgrp.cbs.max.cur" v-model="model.gcdgrp.cbs.max.amt" placeholder="请输入" disabled></c-input-currency>
						</el-form-item>
					</div>
				</div>
				<div class="box-2">
					<c-checkbox v-model="model.adaflg" disabled style="margin-left: 18px; height: 32px;line-height: 32px;padding-bottom: 2px;">附加金额</c-checkbox>
				</div>
			</c-col>

			<c-col v-if="model.adaflg" :span="24">
				<div class="custom-box-wrap">
					<div style="width: 280px;">
						<el-form-item :label="$t('gitcrj.保函附加金额')" prop="gcdgrp.cbs.max.cur">
							<c-select v-model="model.gcdgrp.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="gcdgrp.cbs.max2.amt">
							<c-input-currency :currency="model.gcdgrp.cbs.max.cur" v-model="model.gcdgrp.cbs.max2.amt" placeholder="请输入" disabled></c-input-currency>
						</el-form-item>
					</div>
				</div>
      </c-col>

			<!-- 总金额 -->
			<c-col :span="24" class="custom-box-wrap" v-if="model.adaflg">
				<div style="width: 280px;">
					<el-form-item label="Claimed Total Amount">
						<c-select v-model="model.gcdgrp.cbs.max.cur" dbCode="curtxt" disabled placeholder="请选择" sort="SRT">
						</c-select>
					</el-form-item>
				</div>
				<div style="width: calc(100% - 280px);">
					<el-form-item label-width="5px">
						<c-input-currency v-model="oldTotalAmount" :currency="model.gcdgrp.cbs.max.cur" disabled placeholder="请输入" />
					</el-form-item>
				</div>
			</c-col>

			<c-col :span="24">
				<el-form-item :label="$t('gitcrj.索赔日期')" prop="gcdgrp.rec.clmdat">
					<c-input v-model="model.gcdgrp.rec.clmdat" maxlength="40" disabled placeholder="请输入索赔日期"></c-input>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<c-ptap-common :model="model" grp="gcdgrp" :dis='true'></c-ptap-common>
			</c-col>
		</c-col>
	</div>
</template>
<script>
import event from "../event";
import Default from "../model/default";
export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event, Default],
  data() {
    return {
		  ifClsflg:"",
    };
	},
	computed: {
		oldTotalAmount: {
			get () {
				let oldMaxAmt = this.model.gcdgrp.cbs.max.amt ? Number(this.model.gcdgrp.cbs.max.amt) : 0;
				let oldMax2Amt = this.model.gcdgrp.cbs.max2.amt ? Number(this.model.gcdgrp.cbs.max2.amt) : 0
				return oldMaxAmt + oldMax2Amt
			},
			set(newVal) {
				return newVal
			}
		},
	},
  watch: {
  },
  created () {
	  //this.model.rejtypsel ="I";
  },
  mounted() {},

  methods: {}
};
</script>
<style lang="less" scoped>
</style>