Libp.vue

<template>
  <div class="eibs-tab">
    <!--===============左 ===================  -->
    <el-col :span="11">
      <c-col :span="24">
        <el-form-item label="业务主键" prop="cnybop.cnylib.spk">
          <c-input
            disabled
            v-model="model.cnybop.cnylib.spk"
            maxlength="20"
            placeholder="请输入业务主键"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="银行机构代码" prop="cnybop.cnylib.sbankorgcode">
          <c-input
            disabled
            v-model="model.cnybop.cnylib.sbankorgcode"
            maxlength="12"
            placeholder="请输入银行机构代码"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="业务属性" prop="cnybop.cnylib.stransattr">
          <c-select
            v-model="model.cnybop.cnylib.stransattr"
            style="width: 100%"
            placeholder="请选择业务属性"
            :code="codes.stransattr"
          >
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item
          label="境外对手行代码"
          prop="cnybop.cnylib.sforbankswiftbic"
        >
          <c-input
            v-model="model.cnybop.cnylib.sforbankswiftbic"
            maxlength="11"
            placeholder="请输入境外对手行代码"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="境内企业机构代码" prop="cnybop.cnylib.sorgcode">
          <c-input
            v-model="model.cnybop.cnylib.sorgcode"
            maxlength="18"
            placeholder="请输入境内企业机构代码"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item
          label="境外企业国别地区代码"
          prop="cnybop.cnylib.sforeigncountrycode"
        >
          <c-fullbox>
            <c-input
              v-model="model.cnybop.cnylib.sforeigncountrycode"
              maxlength="3"
              placeholder="请输入境外企业国别地区代码"
              @keyup.enter.native="showGridPromptDialog('cnybop.cnylib.sforeigncountrycode')"
            ></c-input>
            <template slot="footer">
              <c-button
                size="small"
                type="primary"
                icon="el-icon-search"
                @click="onLibctySelbut1"
              >
                ?
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="业务到期日" prop="cnybop.cnylib.denddate">
          <c-date-picker
            type="date"
            v-model="model.cnybop.cnylib.denddate"
            style="width: 100%"
            placeholder="请选择业务到期日"
          ></c-date-picker>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="币种" prop="cnybop.cnylib.currencycode">
          <c-select
            v-model="model.cnybop.cnylib.currencycode"
            style="width: 100%"
            placeholder="请选择币种"
            :code="codes.currencycode"
          >
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="期限条件" prop="cnybop.cnylib.stermtype">
          <c-select
            v-model="model.cnybop.cnylib.stermtype"
            style="width: 100%"
            placeholder="请选择期限条件"
            :code="codes.stermtype"
          >
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="承兑日期" prop="cnybop.cnylib.dexchangedate">
          <c-date-picker
            type="date"
            v-model="model.cnybop.cnylib.dexchangedate"
            style="width: 100%"
            placeholder="请选择承兑日期"
          ></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="承兑到期日" prop="cnybop.cnylib.dexchangeenddate">
          <c-date-picker
            type="date"
            v-model="model.cnybop.cnylib.dexchangeenddate"
            style="width: 100%"
            placeholder="请选择承兑到期日"
          ></c-date-picker>
        </el-form-item>
      </c-col>
    </el-col>

    <!-- ===============右 ===========================-->
    <el-col :span="11" :offset="1">
      <c-col :span="24">
        <el-form-item label="银行业务编号" prop="cnybop.cnylib.sbanktrano">
          <c-input
            disabled
            v-model="model.cnybop.cnylib.sbanktrano"
            maxlength="22"
            placeholder="请输入银行业务编号"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="银行机构名称" prop="cnybop.sbankname">
          <c-input
            disabled
            v-model="model.cnybop.sbankname"
            maxlength="80"
            placeholder="请输入银行机构名称"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="业务类型" prop="cnybop.cnylib.stranstype">
          <c-select
            v-model="model.cnybop.cnylib.stranstype"
            style="width: 100%"
            placeholder="请选择业务类型"
            :code="codes.stranstype"
          >
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="境内企业名称" prop="cnybop.sorgname">
          <c-input
            v-model="model.cnybop.sorgname"
            maxlength="80"
            placeholder="请输入境内企业名称"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="境外企业名称" prop="cnybop.sforeignorgname">
          <c-input
            v-model="model.cnybop.sforeignorgname"
            maxlength="80"
            placeholder="请输入境外企业名称"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="业务发生日期" prop="cnybop.cnylib.doccurdate">
          <c-date-picker
            type="date"
            v-model="model.cnybop.cnylib.doccurdate"
            style="width: 100%"
            placeholder="请选择业务发生日期"
          ></c-date-picker>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="信用证到期日" prop="cnybop.cnylib.dcreditenddate">
          <c-date-picker
            type="date"
            v-model="model.cnybop.cnylib.dcreditenddate"
            style="width: 100%"
            placeholder="请选择信用证到期日"
          ></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="金额" prop="cnybop.cnylib.famt">
          <c-input
            v-model="model.cnybop.cnylib.famt"
            placeholder="请输入金额"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="承兑金额" prop="cnybop.fexchangeamt">
          <c-input
            v-model="model.cnybop.fexchangeamt"
            maxlength="20"
            placeholder="请输入承兑金额"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="交易附言" prop="cnybop.saddwordlib">
          <c-input
            v-model="model.cnybop.saddwordlib"
            maxlength="80"
            placeholder="请输入交易附言"
          ></c-input>
        </el-form-item>
      </c-col>
    </el-col>
  </div>
</template>
<script>
import Api from '~/service/Api'
import commonProcess from '~/mixin/commonProcess'
import CodeTable from '~/config/CodeTable'
import Event from '~/model/Betsnd/Event'

export default {
  inject: ['root'],
  props: ['model', 'codes'],
  mixins: [commonProcess],
  data() {
    return {}
  },
  methods: { ...Event },
  created: function () {},
}
</script>
<style></style>