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="24">
            <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>
            <!--<c-col :span="5">
                <c-checkbox disabled style="margin-left: 18px;height: 32px;line-height: 32px;padding-bottom: 2px;"
                            v-model="model.nitp0.nitp0s20">附加金额
                </c-checkbox>
            </c-col>-->
          <c-col :span="24">
            <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>

            <!--      <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">
                <c-col :span="16">
                    <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="8">
										<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">
					<c-col :span="16">
						<el-form-item :label="'反担保有效期'" prop="nidgrp.rec.liadat">
							<c-date-picker type="date" v-model="model.nidgrp.rec.liadat" placeholder="请选择反担保有效期" disabled></c-date-picker>
						</el-form-item>
					</c-col>
					<c-col :span="8" class="centerLable">
						<el-form-item label="" prop="nidgrp.rec.liaflg" class="checkbox-left" label-width="10px">
							<c-checkbox v-model="model.nidgrp.rec.liaflg" true-label='X' false-label='' disabled>反担保效期敞口</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>

            <!-- <c-col :span="24" v-if="model.nidgrp.rec.liadat !== ''">
                <el-form-item :label="$t('nitcan.责任截至日')" 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">
                <el-form-item :label="$t('nitcan.注销原因')" prop="nidgrp.rec.purcan">
                    <c-select
                            :filterKey="['VE','RO','PE','RR','FT','RN','UC']"
                            @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="$t('nitcan.简略信息')" 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="$t('ptap.申请人名称')" prop="nidgrp.apl.pts.nam">
                    <c-input disabled maxlength="40" placeholder="请输入" v-model="model.nidgrp.apl.pts.nam"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item :label="$t('ptap.受益人名称')" 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="$t('nitcan.账户行')" 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">
                <el-form-item label="转开行" prop="nidgrp.iss.pts.nam" v-if="model.nidgrp.rec.hndtyp ==='OC'">
                    <c-input disabled maxlength="40" placeholder="请输入" v-model="model.nidgrp.iss.pts.nam"></c-input>
                </el-form-item>
                <el-form-item label="担保行" prop="nidgrp.iss.pts.nam" v-else>
                    <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="$t('nitcan.安全验证')" 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 :span="24">
                <el-form-item :label="$t('nitcan.新保函编号')" prop="newref">
                    <c-input :disabled="model.nidgrp.rec.purcan !== 'RN'" maxlength="16" placeholder="请输入新保函编号"
                             v-model="model.newref"></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item :label="$t('nitcan.特别声明')" 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>
    </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>