<template>
  <div class="eibs-tab">
    <c-col :span="12">
      <c-col :span="24">
        <el-form-item label="信用证编号" prop="cominf.letcrdnum">
          <c-input v-model="model.cominf.letcrdnum" maxlength="35" placeholder="请输入信用证编号" @change="letcrdnumChange"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="开证行行号" prop="cominf.issbankno">
          <c-input v-model="model.cominf.issbankno" maxlength="20" placeholder="请输入开证行行号"></c-input>
        </el-form-item>
      </c-col>
    </c-col>

    <c-col :span="12">
      <c-col :span="24">
        <el-form-item>
          <c-button size="small" type="primary" @click="sendELc316">
            发送请求
          </c-button>
        </el-form-item>
      </c-col>
    </c-col>

    <c-col :span="24" style="height: 10px; margin-bottom: 40px">
			<el-divider></el-divider>
		</c-col>

    <c-col :span="24">
      <c-col :span="12">
        <el-form-item label="报文路径" prop="cominf.dowpth">
          <c-input disabled v-model="model.cominf.dowpth" maxlength="80" ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item>
          <c-button size="small" type="primary" @click="showELc317">
            报文内容
          </c-button>
        </el-form-item>
      </c-col>
    </c-col>

    <el-dialog title="预览" :visible.sync="visiable" left width="70%" v-if="visiable" @close="handleClose">
      <div style="height:100%;">
          <elc-view :formatData="model.formatData" :textContent="model.textContext"></elc-view>
      </div>
    </el-dialog>

    <!-- <c-col :span="24" style="height: 10px; margin-bottom: 40px">
			<el-divider></el-divider>
		</c-col>

    <c-col :span="24">
      <el-form-item label="报文内容" prop="cominf.msgtxt">
        <c-input rows="30" disabled type="textarea" v-model="model.cominf.msgtxt"></c-input>
      </el-form-item>
    </c-col> -->

  </div>
</template>
<script>
import event from "../event";
import ElcView from "~/components/business/ELCView";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  components: {ElcView},
  data() {
    return {
       visiable: false,
    };
  },
  methods: {
    handleClose() {
      this.visiable = false;
    }
  },
  created: function() {}
};
</script>
<style>
</style>