Libp.vue

<template>
  <div class="eibs">
    <!--===============左 ===================  -->
    <el-col :span="12" style="padding-right: 20px;">
      <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',
                 null,
                 null,
                 { COD: 'cnybop.cnylib.sforeigncountrycode' },
                 { COD: true },
                 'doxpDialog'
                )"
            ></c-input>
            <template slot="footer">
              <c-button
                size="small"
                type="primary"
                icon="el-icon-search"
                @click="
                showGridPromptDialog(
                   'cnybop.libcty.selbut1',
                    null,
                    null,
                    { COD: 'cnybop.cnylib.sforeigncountrycode' },
                    { COD: true },
                    'doxpDialog'
                )
                "
              >
                
              </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="12" style="padding-left: 20px;">
      <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-currency-min
            v-model="model.cnybop.cnylib.famt"
            placeholder="请输入金额"
            class="input-currency-left"
          ></c-input-currency-min>
        </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/Litopn/Event";

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