Canp.vue

<template>
    <div class="eibs-tab">
        <!-- ======================= 左边 ========================= -->
        <c-col :span="12" style="padding-right: 20px">
            <c-col :span="24">
                <el-form-item label="保函编号" prop="nidgrp.rec.ownref" style="width: 100%">
                    <c-fullbox>
                        <c-input disabled maxlength="8" placeholder="请输入" v-model="model.nidgrp.rec.ownref"></c-input>
                        <!-- <template slot="footer">
                            <c-button size="small" style="margin: 0 0 0 10px; padding: 0 12px" type="primary">
                                <i class="el-icon-info"></i>
                            </c-button>
                        </template> -->
                    </c-fullbox>
                </el-form-item>
            </c-col>

            <c-col :span="12">
                <el-form-item label="保函金额" previewLabel="保函币种" prop="nidgrp.cbs.max.cur">
         
                    <c-select dbCode="curtxt" disabled placeholder="请输入保函币种"
                              v-model="model.nidgrp.cbs.max.cur"></c-select>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item label-width="5px" previewLabel="保函金额" prop="nidgrp.cbs.max.amt" style="text-align: left">
                    <c-input-currency :currency="model.nidgrp.cbs.max.cur"
                                      disabled placeholder="请输入保函金额"
                                      v-model="model.nidgrp.cbs.max.amt"></c-input-currency>
                </el-form-item>
            </c-col>
            <!-- <c-col :span="3">
                <c-checkbox disabled style="
                margin-left:45px;
                height: 32px;
                line-height: 32px;
                padding-bottom: 2px;
              " v-model="model.nitp0.nitp0s20">附加金额
                </c-checkbox>
            </c-col> -->

            <c-col :span="12">
                <el-form-item label="保函余额" previewLabel="保函余额币种" prop="nidgrp.cbs.opn1.cur">
                    <c-select dbCode="curtxt" disabled placeholder="请选择保函余额币种"
                              style="width: 100%" v-model="model.nidgrp.cbs.opn1.cur">
                    </c-select>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item label-width="5px" previewLabel="保函余额金额" prop="nidgrp.cbs.opn1.amt"
                             style="text-align: left">
                    <c-input-currency :currency="model.nidgrp.cbs.opn1.cur" disabled placeholder="请输入保函余额金额"
                                      v-model="model.nidgrp.cbs.opn1.amt"></c-input-currency>
                </el-form-item>
            </c-col>

            <!--      <c-col :span="24">-->
            <!--        <el-form-item label="接收目的" prop="nidgrp.rec.purposin">-->
            <!--          <c-input v-model="model.nidgrp.rec.purposin" maxlength="16" disabled placeholder="请输入"></c-input>-->
            <!--        </el-form-item>-->
            <!--      </c-col>-->
            <!-- <c-col :span="24">
              <el-form-item label="报文目的" prop="nidgrp.rec.purpos">
                <c-input v-model="model.nidgrp.rec.purpos" disabled maxlength="16" placeholder="请输入"></c-input>
              </el-form-item>
            </c-col> -->
            <!-- <c-col :span="24" v-if="model.nidgrp.rec.liadat === 'X'">
                <el-form-item label="我行责任敞口"></el-form-item>
            </c-col> -->

            <!-- <c-col :span="24" v-if="model.nidgrp.rec.liadat !== ''">
                <el-form-item label="责任截至日" prop="nidgrp.rec.liadat">
                    <c-date-picker disabled placeholder="请选择责任截至日" style="width: 100%" type="date"
                                   v-model="model.nidgrp.rec.liadat"></c-date-picker>
                </el-form-item>
            </c-col> -->
            <c-col :span="24">
                <c-col :span="12">
                    <el-form-item label="保函效期" prop="nidgrp.rec.expdat">
                        <c-date-picker disabled placeholder="请选择" style="width: 100%" type="date"
                                       v-model="model.nidgrp.rec.expdat">
                        </c-date-picker>
                    </el-form-item>
                </c-col>
                <c-col :span="12" class="centerLable">
											<el-form-item label="" prop="nidgrp.rec.expflg" class="checkbox-left" label-width="10px">
												<c-checkbox disabled v-model="model.nidgrp.rec.expflg" true-label="X" false-label="">
													效期敞口</c-checkbox>
											</el-form-item>
                </c-col>
            </c-col>

            <c-col :span="24">
                <el-form-item label="保函类型" prop="nidgrp.rec.gartyp">
                    <c-select dbCode="TYPGAR" disabled placeholder="请选择保函种类" style="width: 100%"
                              v-model="model.nidgrp.rec.gartyp">
                    </c-select>
                </el-form-item>
            </c-col>
            <!-- 应缴税款已缴清 TP -->
            <c-col :span="24">
                <el-form-item :label="$t('nitcan.注销原因')" prop="nidgrp.rec.purcan">
                    <c-select
                            :filterKey="['FT','PE','VE','TP']"
                            @change="defaultRule" dbCode="purcan" placeholder="请选择注销原因"
                            sort="SRT"
                            style="width: 100%" v-model="model.nidgrp.rec.purcan">
                    </c-select>
                </el-form-item>
            </c-col>

              <c-col :span="24">
                <el-form-item label="" prop="mtabut.clsflgp">
                    <c-checkbox
                            :disabled="!(model.nidgrp.rec.purcan === 'RR' && model.nidgrp.rec.redamt === model.nidgrp.cbs.opn1.amt)"
                            checked
                            class="checkbox-left"
                            false-label=""
                            style="
                            height: 32px;
                            line-height: 32px;
                            padding-bottom: 2px;
                          " true-label="X" v-model="model.mtabut.clsflgp">
                        结清保函
                    </c-checkbox>
                </el-form-item>
            </c-col>
        </c-col>

        <!-- ======================右边====================== -->
        <c-col :span="12" style="padding-left: 20px">
            <!-- <c-col :span="24">
                <el-form-item label="简略信息" prop="nidgrp.rec.nam">
                    <c-input disabled maxlength="40" placeholder="请输入简略信息" v-model="model.nidgrp.rec.nam"></c-input>
                </el-form-item>
            </c-col> -->

            <c-col :span="24">
                <el-form-item label="申请人名称" prop="nidgrp.apl.pts.nam">
                    <c-input disabled maxlength="40" placeholder="请输入" v-model="model.nidgrp.apl.pts.cnnam"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item label="备案海关" prop="nidgrp.ben.pts.nam">
                    <c-input disabled maxlength="40" placeholder="请输入" v-model="model.nidgrp.ben.pts.nam"></c-input>
                </el-form-item>
            </c-col>
<!--            <c-col :span="24">-->
<!--                <el-form-item label="账户行" prop="nidgrp.ctr.pts.nam">-->
<!--                    <c-input disabled maxlength="40" placeholder="请输入" v-model="model.nidgrp.ctr.pts.nam"></c-input>-->
<!--                </el-form-item>-->
<!--            </c-col>-->
            <!-- <c-col :span="24" v-if="model.nidgrp.rec.hndtyp == 'OT'">
                <el-form-item :label="$t('ptap.反担保行')" prop="nidgrp.iss.pts.nam" >
                    <c-input disabled maxlength="40" placeholder="请输入" v-model="model.nidgrp.iss.pts.nam"></c-input>
                </el-form-item>
            </c-col> -->

            	<c-col :span="24">
                <el-form-item label="反担保行" prop="nidgrp.iss.pts.nam"  v-if="model.nidgrp.rec.hndtyp == 'OT'">
                  <c-input v-model="model.nidgrp.iss.pts.nam" disabled maxlength="40" placeholder="请输入"></c-input>
                </el-form-item>
              </c-col>
                    <c-col :span="24">
                <el-form-item label="被担保人" prop="nidgrp.bdb.pts.nam">
                  <c-input v-model="model.nidgrp.bdb.pts.nam" disabled maxlength="40" placeholder="请输入"></c-input>
                </el-form-item>
              </c-col>
                <c-col :span="24"  v-if="model.nidgrp.rec.hndtyp != 'OT'">
                  <el-form-item label="反担保行" prop="nidgrp.ctr.pts.nam">
                    <c-input v-model="model.nidgrp.ctr.pts.nam" disabled maxlength="40" placeholder="请输入"></c-input>
                  </el-form-item>
			   </c-col>

             <c-col :span="24">
                <el-form-item label="特别声明" prop="swiadd.strinf">
                    <c-input maxlength="35" placeholder="请输入" rows="3" show-word-limit
                             type="textarea"
                             v-model="model.swiadd.strinf"></c-input>
                </el-form-item>
            </c-col>

            <!-- <c-col :span="24">
                <el-form-item label="安全验证" prop="autflg">
                    <c-select :disabled="model.nidgrp.rec.purcan !== 'RR'" dbCode="AUTSTA" placeholder="请选择安全验证"
                              style="width: 100%"
                              v-model="model.autflg">
                    </c-select>
                </el-form-item>
            </c-col> -->

            <!-- :indeterminate="model.nidgrp.rec.purcan != 'RR'"  mtabut.clsflgp-->
          
        </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 {};
        },
        methods: {},
        created: function () {
        },
    };
</script>
<style>

</style>