<template>
  <div class="eibs-tab">
    <el-collapse v-model="activeNames" @change="handleChange">
      <el-collapse-item title="备查表" name="addbcb">
        <c-col :span="24">
          <el-col :span="12">
            <el-form-item label="货物简称" prop="godnam">
              <c-input
                v-model="model.godnam"
                maxlength="40"
                style="width: 50%"
                placeholder="请输入货物简称"
              ></c-input>
            </el-form-item>
          </el-col>
        </c-col>

        <c-col :span="24">
          <el-form-item label="备案表类型" style="float:left;">
            <c-checkbox v-model="model.bcbtyp1">不在名录</c-checkbox>
            <c-checkbox v-model="model.bcbtyp2">异地付汇</c-checkbox>
            <c-checkbox v-model="model.bcbtyp3">转口贸易</c-checkbox>
            <c-checkbox v-model="model.bcbtyp4">90天以上信用证</c-checkbox>
            <c-checkbox v-model="model.bcbtyp5">不需要</c-checkbox>
            <c-checkbox v-model="model.bcbtyp6" style="margin-right:30px;">其它</c-checkbox>
          </el-form-item>
          <el-form-item label="" prop="bcbtyp7" v-if="model.bcbtyp6">
            <c-input
              v-model="model.bcbtyp7"
              maxlength="30"
              style="width: 21.8%"
              placeholder="请输入备查表类型填写文本框"
            ></c-input>
          </el-form-item>
        </c-col>

        <!-- <c-col :span="4" class=".centerLable">
	    <c-checkbox v-model="model.bcbtyp1">不在名录</c-checkbox>
       </c-col>
                  
       <c-col :span="4" class=".centerLable">
	    <c-checkbox v-model="model.bcbtyp2">异地付汇</c-checkbox>
       </c-col>
                  
       <c-col :span="4" class=".centerLable">
	    <c-checkbox v-model="model.bcbtyp3">转口贸易</c-checkbox>
       </c-col>
                  
       <c-col :span="6" class=".centerLable">
	    <c-checkbox v-model="model.bcbtyp4">90天以上信用证</c-checkbox>
       </c-col>
                  
       <c-col :span="4" class=".centerLable">
	    <c-checkbox v-model="model.bcbtyp5">不需要</c-checkbox>
       </c-col>
                  
       <c-col :span="4" class=".centerLable">
	    <c-checkbox v-model="model.bcbtyp6">其它</c-checkbox>
       </c-col> -->

        <c-col :span="10" :pull="5"> </c-col>

        <c-col :span="18">
          <el-form-item label="备案表效期" prop="bcbdat">
            <c-date-picker
              type="date"
              v-model="model.bcbdat"
              style="width: 30.75%"
              placeholder="请选择备案表效期"
            ></c-date-picker>
          </el-form-item>
        </c-col>

        <!--
        <c-col :span="15" :push="1">
            <el-form-item label="1、申请人与我行已签署贸易融资协议（如需）;" label-width="360px"></el-form-item>
        </c-col>

        <c-col :span="15" :push="1">
            <el-form-item label="2、申请书要素齐全；" label-width="360px"></el-form-item>
        </c-col>

        <c-col :span="15" :push="1">
            <el-form-item label="3、申请书是否双面签章，签章已经核符；" label-width="360px"></el-form-item>
        </c-col>

        <c-col :span="15" :push="1">
            <el-form-item label="4、占用授信额度的开证业务;" label-width="360px"></el-form-item>
        </c-col>
-->
        <el-col :span="24">
          <el-form-item label="交易银行部意见">
            <div
              v-text="model.label1"
              data-path=".label1"
              class="lableSize"
            ></div>

            <div
              v-text="model.label2"
              data-path=".label2"
              class="lableSize"
            ></div>

            <div
              v-text="model.label3"
              data-path=".label3"
              class="lableSize"
            ></div>
            <div
              v-text="model.label4"
              data-path=".label4"
              class="lableSize"
            ></div>
          </el-form-item>
        </el-col>

        <!-- <c-col :span="15" :push="1">
            <span  v-text="model.label2"   data-path=".label2" class="lableSize"> </span>
        </c-col>
                    
        <c-col :span="15" :push="1">
            <span  v-text="model.label3"   data-path=".label3" class="lableSize"> </span>
        </c-col>
                    
        <c-col :span="15" :push="1">
            <span  v-text="model.label4"   data-path=".label4" class="lableSize"> </span>
        </c-col>
    -->

        <c-col :span="24">
          <el-form-item label="" prop="label5">
            <c-select
              v-model="model.label5"
              style="width: 33%"
              placeholder="请选择国际部意见"
              :code="codes.label5"
            >
            </c-select>
          </el-form-item>
        </c-col>
        <!--             
	<c-col :span="12">
	    <span  v-text="model.label6"   data-path=".label6" > </span>
	</c-col>
    -->

        <!-- <c-col :span="24">
        <el-form-item label="异地通知" prop="bccls1" label-width="270px">
            <c-select v-model="model.bccls1" style="width:30%" placeholder="请选择异地通知" :code="codes.bccls1">
              </c-select>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="24">
        <el-form-item label="受益人为保税区企业" prop="bccls2" label-width="270px">
            <c-select v-model="model.bccls2" style="width:30%" placeholder="请选择受益人为保税区企业" :code="codes.bccls2">
              </c-select>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="24">
        <el-form-item label="运输单据抬头人为开证行，申请人不得拒付" prop="bccls3" label-width="270px">
            <c-select v-model="model.bccls3" style="width:30%" placeholder="请选择运输单据抬头人为开证行，申请人不得拒付" :code="codes.bccls3">
              </c-select>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="24">
        <el-form-item label="目的港在境外的转口贸易/境外工程业务" prop="bccls4" label-width="270px">
            <c-select v-model="model.bccls4" style="width:30%" placeholder="请选择目的港在境外的转口贸易/境外工程业务" :code="codes.bccls4">
              </c-select>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="24">
        <el-form-item label="起运地与目的地均为国内，属于加工贸易深加工" prop="bccls5" label-width="270px">
            <c-select v-model="model.bccls5" style="width:30%" placeholder="请选择起运地与目的地均为国内，属于加工贸易深加工" :code="codes.bccls5">
              </c-select>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="24">
        <el-form-item label="非物权凭证，贸易背景真实" prop="bccls6" label-width="270px">
            <c-select v-model="model.bccls6" style="width:30%" placeholder="请选择非物权凭证，贸易背景真实" :code="codes.bccls6">
              </c-select>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="24">
        <el-form-item label="超90天，已经总行贸易金融部批准办理" prop="bccls7" label-width="270px">
            <c-select v-model="model.bccls7" style="width:30%" placeholder="请选择超90天，已经总行贸易金融部批准办理" :code="codes.bccls7">
              </c-select>
        </el-form-item>
       </c-col> -->
      </el-collapse-item>
      <el-collapse-item title="附言" name="coninfp">
        <!-- 附言 -->
        <m-coninfp :model="model" :codes="codes" />
      </el-collapse-item>
    </el-collapse>
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Litopn/Event";
import Coninfp from "~/views/Public/Coninfp";

export default {
  components: {
    "m-coninfp": Coninfp,
  },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
      activeNames: ["addbcb"],
    };
  },
  methods: {
    ...Event,
    handleChange(val) {
      console.log(val);
    },
  },
  created: function () {},
};
</script>
<style>
.lableSize {
  font-size: 1px;
}
</style>