<template>
  <div class="eibs-tab">
    <c-col :span="12">
      <!-- S0000002 : 报文标识号 -->
      <c-col :span="24">
        <el-form-item label="报文标识号" prop="comdow.msgid">
          <c-input v-model="model.comdow.msgid" maxlength="35" placeholder="请输入报文标识号"></c-input>
        </el-form-item>
      </c-col>
      <!-- S0000005 : 发送接收标识 -->

      <c-col :span="24">
        <el-form-item label="发送接收标识" prop="comdow.sndrcv">
          <c-select v-model="model.comdow.sndrcv" style="width:100%" placeholder="请选择发送接收标识" dbCode="ELC034" @change="sndrcvChange">
          </c-select>
        </el-form-item>
      </c-col>
      <!-- S0000010 : 报文类型 -->

      <c-col :span="24">
        <el-form-item label="报文类型" prop="comdow.msgtyp">
          <c-select v-model="model.comdow.msgtyp" style="width:100%" placeholder="请输入报文类型" :isShowKeyAndLabel="true" dbCode="ELC038" uil="CN" >
          </c-select>
        </el-form-item>
      </c-col>
    </c-col>

    <c-col :span="12">
      <!-- S0000003 : 发起直接参与机构 -->

      <c-col :span="24">
        <el-form-item label="发起直接参与机构" prop="comdow.instgagtmmbid">
          <c-input :disabled="model.comdow.sndrcv=='SNDR'" v-model="model.comdow.instgagtmmbid" maxlength="20" placeholder="请输入发起直接参与机构"></c-input>
        </el-form-item>
      </c-col>
      <!-- S0000006 : 对账日期 -->

      <c-col :span="24">
        <el-form-item label="对账日期" prop="comdow.chkdat">
          <c-date-picker type="date" v-model="model.comdow.chkdat" style="width:100%" placeholder="请选择对账日期"></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item>
          <c-button size="small" type="primary" @click="sendELc722">
            发送请求
          </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>
    <!-- S0000008 : 报文路径 -->

    <c-col :span="24">
      <el-form-item label="报文路径" prop="comdow.dowpth">
        <c-input disabled v-model="model.comdow.dowpth" maxlength="88" placeholder="请选择报文路径"></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="24">
      <el-form-item label="报文路径2" v-show="false">
        <c-input disabled v-model="dowpth" maxlength="88" placeholder="请选择报文路径"></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="24">
      <c-col :span="5">
        <el-form-item>
          <c-button size="small" type="primary" @click="showELc723">
            报文内容
          </c-button>
        </el-form-item>
      </c-col>
      <c-col :span="5">
        <el-form-item>
          <c-button :disabled="this.model.comdow.dowpth==''||this.model.comdow.msgid==''" size="small" type="primary" @click="incrou">
            来报丢失处理
          </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>
  </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() {},
  computed: {
    dowpth() {
      if (this.model.comdow.msgid) {
        var dowpth = (
          "sstf/data/elcdow/" +
          this.model.comdow.msgid.slice(0, 8) +
          "/" +
          this.model.comdow.instgagtmmbid +
          this.model.comdow.msgid +
          ".txt"
        ).toLowerCase();
        this.model.comdow.dowpth = dowpth;
        return dowpth;
      }
    }
  }
};
</script>
<style>
</style>