Ovwp1.vue

<template>
  <div class="eibs-tab">
    <!-- ==================左边================ -->
		<c-col :span="12" style="padding-right: 20px;">
      <c-col :span="24">
        <c-ptap :requiredExtkey="true" @handleChange="changeApl" :model="model" :argadr="{title: '申请人', grp: 'fcngrp', rol: 'apl'}" ptytyp="B,C" :isShowCard="false">
        </c-ptap>
      </c-col>
      <c-col :span="24">
        <el-form-item label="申请人社会统一信用代码" prop="fcngrp.rec.idcode">
          <c-input maxlength="18" placeholder="请输入申请人社会统一信用代码" v-model="model.fcngrp.rec.idcode"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="企业名称" prop="fcngrp.rec.cusnam">
          <c-input maxlength="140" placeholder="请输入企业名称" v-model="model.fcngrp.rec.cusnam"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="生效日期" prop="fcngrp.rec.opndat">
          <c-date-picker placeholder="请输入生效日期" v-model="model.fcngrp.rec.opndat"></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="协议签署日期" prop="fcngrp.rec.sindat">
          <c-date-picker placeholder="请输入协议签署日期" v-model="model.fcngrp.rec.sindat"></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="协议到期日" prop="fcngrp.rec.expdat">
          <c-date-picker placeholder="请输入协议到期日" v-model="model.fcngrp.rec.expdat"></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="签署状态" prop="fcngrp.rec.sinsta">
          <c-select maxlength="16" dbCode="FINSTA" uil="CN" placeholder="请选择签署状态" v-model="model.fcngrp.rec.sinsta" disabled></c-select>
        </el-form-item>
      </c-col>
    </c-col>

    <!-- ============右边================= -->
		<c-col :span="12" style="padding-left: 20px;">

      <c-col :span="24">
        <el-form-item label="业务编号" prop="fcngrp.rec.ownref" style="width: 100%">
          <c-fullbox>
            <c-input v-model="model.fcngrp.rec.ownref" maxlength="16" placeholder="请获取业务编号" disabled>
            </c-input>
            <template slot="footer">
              <c-button
                style="margin: 0 10px 0 10px; padding: 0 12px; height: 32px"
                size="small"
                type="primary"
                icon="el-icon-search">
              </c-button>
              <c-button
                style="margin: 0 0"
                size="small"
                type="primary"
                :disabled="model.fcngrp.apl.pts.ptainr == ''"
                @click="queryOwnref">
                获取
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="协议编号" prop="fcngrp.rec.objref">
          <c-input maxlength="16" placeholder="请输入协议编号" v-model="model.fcngrp.rec.objref"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="受理机构" prop="fcngrp.rec.branch">
          <c-select placeholder="受理机构" v-model="model.fcngrp.rec.branch" disabled></c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="贸易融资综合授信编号" prop="fcngrp.rec.comcreref">
          <c-input maxlength="50" placeholder="请输入贸易融资综合授信编号" v-model="model.fcngrp.rec.comcreref"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="同期贷款利率上浮" prop="fcngrp.rec.rate">
          <c-input-number :precision="2" :step="0" placeholder="请输入同期贷款利率上浮" v-model="model.fcngrp.rec.rate"></c-input-number>
        </el-form-item>
      </c-col>
    </c-col>
  </div>
</template>
<script>
import CodeTable from "~/config/CodeTable";
import event from "../event";
import Default from "../model/default";

export default {
  components: {},
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event, Default],
  data() {
    return {
    };
  },
}
</script>
<style lang="less" scoped>
.custom-box-wrap {
  width: 100%;
  display: flex;
  justify-content: flex-start;

  .box-1 {
    width: calc(100% - 120px);
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }

  .box-2 {
    width: 100px;
    margin-left: 20px;
    display: flex;
    align-items: flex-start;
  }
}
</style>