<template>
	<div class="eibs-tab">
		<c-row>
			<c-col :span="24">
				<el-form-item :label="$t('gitopn.交易银行部意见')">
					<div style="padding-left: 2px;" v-text="model.addbcb.label1" data-path=".addbcb.label1" class="lableSize"></div>
					<div style="padding-left: 2px;" v-text="model.addbcb.label2" data-path=".addbcb.label2" class="lableSize"></div>
					<div style="padding-left: 2px;" v-text="model.addbcb.label3" data-path=".addbcb.label3" class="lableSize"></div>
				</el-form-item>
				<c-col :span="24">
					<div style="display: flex;">
						<el-form-item>
							<div style="padding-left: 2px;" v-text="model.addbcb.label4" data-path=".addbcb.label4" class="lableSize"></div>
						</el-form-item>
						<el-form-item label-width="5px" prop="addbcb.label5">
							<c-select v-model="model.addbcb.label5" style="width: 400px;" placeholder="" dbCode="label5">
							</c-select>
						</el-form-item>
					</div>
				</c-col>

				<c-col :span="24">
					<div style="display:flex;">
						<el-form-item>
							<div style="padding-left: 2px;" v-text="model.addbcb.label12" data-path=".addbcb.label12" class="lableSize"></div>
						</el-form-item>
						<el-form-item label-width="5px" prop="addbcb.label6">
							<c-select v-model="model.addbcb.label6" style="width: 100px;" placeholder="请选择是否" dbCode="is12">
							</c-select>
						</el-form-item>
						<div style="padding-left: 2px;" v-text="model.addbcb.label8" data-path=".addbcb.label8" class="lableSize"></div>
					</div>
				</c-col>
				<c-col :span="24">
					<div style="display:flex;">
						<el-form-item>
							<div data-path=".addbcb.label3" class="lableSize">6、效期是否敞口</div>
						</el-form-item>
						<el-form-item label-width="5px" prop="addbcb.bccls1">
							<c-select  @change="onBccls1" v-model="model.addbcb.bccls1" style="width: 130px" placeholder="请选择效期是否敞口" dbCode="is12"></c-select>
						</el-form-item>
						<el-form-item v-if="model.addbcb.bccls1=='2'" label="效期为" prop="addbcb.expdat" label-width="180px">
                  <c-date-picker type="date" v-model="model.addbcb.expdat" style="width: 130px" placeholder="请选择效期">
                  </c-date-picker>
                </el-form-item>
                <el-form-item v-if="model.addbcb.bccls1=='1'" label="预计效期为" prop="addbcb.preexpdat" label-width="180px">
                  <c-date-picker type="date" v-model="model.addbcb.preexpdat" style="width: 130px" placeholder="请选择预计效期">
                  </c-date-picker>
                </el-form-item>
					</div>
				</c-col>
				<c-col :span="24">
					<div style="display:flex;">
						<el-form-item>
							<div data-path=".addbcb.label3" class="lableSize">7、合同尚未签订或生效</div>
						</el-form-item>
						<el-form-item label-width="5px" prop="addbcb.bccls2">
							<c-select  v-model="model.addbcb.bccls2" style="width: 240px" placeholder="请选择合同尚未签订或生效" dbCode="bccls"></c-select>
						</el-form-item>
					</div>
				</c-col>
				<!-- <c-col :span="24">
					<div style="display:flex;">
						<el-form-item>
							<div data-path=".addbcb.label3" class="lableSize">8、保函期限超过三年，已经分行有权审批人审批同意效</div>
						</el-form-item>
						<el-form-item label-width="5px" prop="addbcb.bccls3">
							<c-select  v-model="model.addbcb.bccls3" style="width: 180px" placeholder="请选择" dbCode="bccls"></c-select>
						</el-form-item>
					</div>
				</c-col> -->
			</c-col>
		</c-row>
	</div>
</template>
<script>
import event from "../event";
import Default from "../model/default";
export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event, Default],
  data() {
    return {};
  },
  watch:{
    'model.gidgrp.rec.expflg' (){
      if(this.model.gidgrp.rec.expflg == 'X'){
        this.model.addbcb.bccls1 = '1';
      }else{
        this.model.addbcb.bccls1 = '2';
      }
      this.onBccls1()
    },
    'model.gidgrp.rec.expdat' (){
      this.onBccls1()
    },
    'model.gidgrp.rec.liadat' (){
      this.onBccls1()
    }
  },
  methods: {}
};
</script>
<style lang="less" scoped>
.lableSize {
  font-size: 12px;
}
.el-form-item--small.el-form-item {
  margin-bottom: 7px;
}
</style>