Canp.vue

<template>
  <div class="eibs">
   
       <!-- ======================= 左边 ========================= -->
      <c-col :span="12">
      <c-col :span="12" style="padding-right: 20px;" >
        <c-col :span="24">
          <el-form-item 
          label="信用证编号" 
          prop="lidgrp.rec.ownref"
          style="width:100%"
          >
            <c-fullbox>
              <c-input
                v-model="model.lidgrp.rec.ownref"
                maxlength="16"
                placeholder=""
                disabled
              ></c-input>
              <template slot="footer">
                <c-button
                    style="margin: 0 0"
                    size="small"
                    type="primary"
                   
                    icon="el-icon-info"
                  >
                  </c-button>
              </template>
            </c-fullbox>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="提货担保编号" prop="brdgrp.rec.shgref">
            <c-input
            disabled
              v-model="model.brdgrp.rec.shgref"
              maxlength="16"
              placeholder="请输入提货担保编号"
            ></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
                    <el-form-item label="单据编号" prop="brdgrp.rec.ownref">
                        <c-fullbox>
                            <c-input
                                v-model="model.brdgrp.rec.ownref"
                                maxlength="16"
                                placeholder="请输入单据参考号"
                                disabled
                            ></c-input>
                            <template slot="footer">
                              <c-button
                    style="margin: 0 0"
                    size="small"
                    type="primary"
                   
                    icon="el-icon-info"
                  >
                  </c-button>
                            </template>
                        </c-fullbox>
                    </el-form-item>
                </c-col>
      </c-col>
     <!-- ======================= 右边 ========================= -->
      <c-col :span="12" style="padding-left: 20px;">
        <c-col :span="10">
          <el-form-item label="开证金额" prop="lidgrp.cbs.opn1.cur">
            <c-select
              v-model="model.lidgrp.cbs.opn1.cur"
              style="width: 100%"
              placeholder=""
              :code="codes.cur"
              disabled
            >
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="14">
          <c-form-item label="" label-width="5px" prop="lidgrp.cbs.opn1.amt">
            <c-input
              v-model="model.lidgrp.cbs.opn1.amt"
              placeholder=""
              disabled
            ></c-input>
          </c-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="生效日期" prop="lidgrp.rec.expdat">
            <c-date-picker
            disabled
              type="date"
              v-model="model.lidgrp.rec.expdat"
              style="width: 100%"
              placeholder="请选择日期"
            ></c-date-picker>
          </el-form-item>
        </c-col>

        <c-col :span="24">
      <el-form-item label="简略信息" prop="brdgrp.rec.nam">
        <c-input
        disabled
          v-model="model.brdgrp.rec.nam"
          maxlength="40"
          placeholder="请输入简略信息"
        ></c-input>
      </el-form-item>
    </c-col>
      </c-col>
    </c-col>

<!-- ----------------------------------------------------------------- -->
            <c-col :span="24">
            <c-litTemp
                :model="model"
                :argadr="{
                    title: '',
                    trans: 'brdgrp',
                    trans1:'brtp0',
                }"
                :rol="[
                    {
                        title: '申请人',
                        trans: 'apl',
                    },
                    {
                        title: '受益人',
                        trans: 'ben',
                    },
                    {
                        title: '交单行',
                        trans: 'prb',
                    },
                ]"
                :isAdvdat="true"
                :isMattxtlab="false"
                :isTenmaxday="false"
            >
            </c-litTemp>
        </c-col>
    
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Brtcsg/Event";
import LitTemp from "~/views/Public/LitTemp";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  components: {
        "c-litTemp": LitTemp,
    },
  data() {
    return {
    
    };
  },
  methods: { 
    ...Event ,
    handleChange(val) {
      console.log(val);
    },
  },
  created: function () {},
};
</script>
<style>
</style>