Ovwpc.vue

<template>
  <div class="eibs">
    <!-- ======================= 左边 ========================= -->
    <c-col :span="12" style="padding-right: 20px">
      <c-col :span="24">
        <el-form-item label="请求开证日期" prop="gidgrp.rec.opndatc">
          <c-date-picker type="date" v-model="model.gidgrp.rec.opndatc" style="width: 100%" placeholder="请选择请求开证日期">
          </c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="保函币种和金额" prop="gidgrp.cbs.mac.cur">
            <c-select disabled v-model="model.gidgrp.cbs.mac.cur" style="width: 100%" placeholder="请选择保函币种">
              <el-option v-for="item in codes.cur" :key="item.value" :label="item.label" :value="item.value">
              </el-option>
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="8">
          <c-input disabled v-model="model.gidgrp.cbs.mac.amt" style="margin: 0 0 0 10px; width: 80%"
            placeholder="请选择保函金额"></c-input>
        </c-col>
        <c-col :span="4" class="centerLable">
          <c-checkbox disabled v-model="model.gitp.aacp.aacmod.addamtflg">附加金额</c-checkbox>
        </c-col>
      </c-col>
      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="保函类型 " prop="gidgrp.rec.gartypc">
            <c-select v-model="model.gidgrp.rec.gartypc" style="width: 100%" placeholder="请选择保函类型 ">
              <el-option v-for="item in codes.gartypc" :key="item.value" :label="item.label" :value="item.value">
              </el-option>
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="8">
          <c-input disabled v-model="model.gidgrp.blk.gartyptxtc" style="margin: 0 0 0 10px; width: 80%"
            placeholder="请输入保函类型 "></c-input>
        </c-col>
      </c-col>

      <c-col :span="24">
        <el-form-item label="保函形式" prop="gidgrp.rec.legfrmc">
          <c-select v-model="model.gidgrp.rec.legfrmc" style="width: 100%" placeholder="请选择保函形式">
            <el-option v-for="item in codes.legfrmc1" :key="item.value" :label="item.label" :value="item.value">
            </el-option>
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="需求指示 " prop="gidgrp.rec.demandc">
          <c-select :code="codes.demand" v-model="model.gidgrp.rec.demandc" style="width: 100%" placeholder="请选择需求指示 ">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="要求语言" prop="gidgrp.rec.stdwrduilc">
          <c-select :code="codes.uiltxt2" v-model="model.gidgrp.rec.stdwrduilc" style="width: 100%"
            placeholder="请选择要求语言">
          </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="gidgrp.rec.gtxinrc">
          <c-select disabled v-model="model.gidgrp.rec.gtxinrc" style="width: 100%" placeholder="请选择保函文本格式">
            <el-option v-for="item in codes.gtxinr" :key="item.value" :label="item.label" :value="item.value">
            </el-option>
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="申请条款" prop="gidgrp.blk.apprulc">
            <c-select v-model="model.gidgrp.blk.apprulc" style="width: 100%" placeholder="请选择申请条款">
              <el-option v-for="item in codes.apprulc1" :key="item.value" :label="item.label" :value="item.value">
              </el-option>
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="8">
          <c-input :disabled="model.gidgrp.blk.apprulc != 'OTHR'" style="margin: 0 0 0 10px; width: 80%"
            v-model="model.gidgrp.blk.apprultxtc" maxlength="35" placeholder="请输入申请条款"></c-input>
        </c-col>
      </c-col>

      <c-col :span="24">
        <el-form-item label="到期类型" prop="gidgrp.rec.exptyp">
          <c-select disabled v-model="model.gidgrp.rec.exptyp" style="width: 100%" placeholder="请选择到期类型">
            <el-option v-for="item in codes.exptyp" :key="item.value" :label="item.label" :value="item.value">
            </el-option>
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="保函效期" prop="gidgrp.rec.expdat">
          <c-date-picker :disabled="model.gidgrp.rec.exptyp == 'OPEN'" type="date" v-model="model.gidgrp.rec.expdat"
            style="width: 100%" placeholder="请选择保函效期"></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-col :span="20">
          <el-form-item label="到期条件" prop="gidgrp.blk.exptxt">
            <c-input type="textarea" rows="6" :disabled="model.gitp.exptxtmodflg == ''"
              v-model="model.gidgrp.blk.exptxt" maxlength="65" show-word-limit placeholder="请输入到期条件"></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="4">
          <c-checkbox v-model="model.gitp.exptxtmodflg" :disabled="
            model.gidgrp.rec.exptyp == 'FIXD' ||
            model.gidgrp.rec.exptyp == 'OPEN' ||
            model.gidgrp.rec.exptyp == ''
          " class="checkbox-left" style="margin: 0 0 0 10px">修改文本</c-checkbox>
          <c-button disabled size="small" type="primary" style="margin: 5px 0 0 10px">
            查看系统文本
          </c-button>
          <c-button disabled size="small" type="primary" style="margin: 5px 0 0 10px">
            查看历史文本
          </c-button>
        </c-col>
      </c-col>
    </c-col>
  </div>
</template>
<script>
import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable";
import event from '../event'
export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {};
  },
  methods: { },
  created: function () { },
};
</script>
<style>

</style>