<template>
  <div class="eibs-tab">
    <c-col :span="24">
      <el-form-item label="File Receiver" prop="trnmod.trndoc.filrecv">
      </el-form-item>
    </c-col>
    <c-col :span="24">
      <c-col :span="14">
        <c-col :span="24">
          <div style="height: 300px; width: 100%; border: 1px #ebeef5 solid">
            <el-tree
              :data="data"
              :props="defaultProps"
              @node-click="handleNodeClick"
            ></el-tree>
          </div>
        </c-col>
        <c-col :span="24" style="margin-top: 10px">
          <c-col :span="4">
            <el-form-item
              label="关联单据"
              v-show="isShow1 || isShow2"
            ></el-form-item>
            <el-form-item
              label=""
              v-show="!(isShow1 || isShow2)"
            ></el-form-item>
          </c-col>
          <c-col :span="8">
            <el-form-item label="">
              <c-checkbox v-model="isShow1">显示收到的信息</c-checkbox>
            </el-form-item>
          </c-col>
          <c-col :span="8" :offset="2">
            <el-form-item label="">
              <c-checkbox v-model="isShow2">显示以前发出的信息</c-checkbox>
            </el-form-item>
          </c-col>
        </c-col>
        <c-col :span="22" :offset="1">
          <c-table
            :border="true"
            :list="data1"
            style="width:80%,text-align:center"
            v-show="isShow1 || isShow2"
          >
            <el-table-column label="类型" width="auto"></el-table-column>
            <el-table-column label="单据" width="auto"></el-table-column>
            <el-table-column label="Cre.TRN" width="auto"></el-table-column>
            <el-table-column label="日期" width="auto"></el-table-column>
            <el-table-column label="" width="auto"></el-table-column>
            <el-table-column label="" width="auto"></el-table-column>
          </c-table>
        </c-col>
      </c-col>
      <c-col :span="6" :offset="1">
        <c-col :span="24" style="margin-top: 15px">
          <c-button
            size="small"
            type="primary"
            @click="onTrndocButshw"
            style="width: 100px"
          >
            Show
          </c-button>
        </c-col>

        <c-col :span="24" style="margin-top: 15px">
          <c-button
            size="small"
            type="primary"
            @click="onTrndocButadd"
            style="width: 100px"
          >
            Details
          </c-button>
        </c-col>

        <c-col :span="24" style="margin-top: 15px">
          <c-button
            size="small"
            type="primary"
            @click="onTrndocButnew"
            style="width: 100px"
          >
            Add New
          </c-button>
        </c-col>

        <c-col :span="24" style="margin-top: 15px">
          <c-button
            size="small"
            type="primary"
            @click="onTrndocButattto"
            style="width: 100px"
          >
            Attach to
          </c-button>
        </c-col>

        <c-col :span="24" style="margin-top: 15px">
          <c-button
            size="small"
            type="primary"
            icon="el-icon-delete"
            @click="onTrndocButdel"
            style="width: 100px"
          >
            Delete
          </c-button>
        </c-col>
        <c-col :span="24" style="margin-top: 15px">
          <c-button
            size="small"
            type="primary"
            @click="onTrndocButatt"
            style="width: 100px"
          >
            Attach
          </c-button>
        </c-col>
        <c-col :span="24" style="margin-top: 15px">
          <c-button
            size="small"
            type="primary"
            @click="onSeainf"
            style="width: 100px"
          >
            i
          </c-button>
        </c-col>
      </c-col>
    </c-col>
    <!--c-col :span="12">
        <el-form-item label="File Receiver" prop="trnmod.trndoc.filrecv">
            <c-input  v-model="model.trnmod.trndoc.filrecv"  placeholder="请输入File Receiver"></c-input>
        </el-form-item>
       </c-col>

    <c-col :span="12">
      <el-form-item label="Document tree" prop="trnmod.trndoc.doctrestm">
        <c-input
          v-model="model.trnmod.trndoc.doctrestm"
          placeholder="请输入Document tree"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="3">
      <c-button size="small" type="primary" @click="onTrndocButshw">
        Sho&w
      </c-button>
    </c-col>

    <c-col :span="3">
      <c-button size="small" type="primary" @click="onTrndocButadd">
        D&etails
      </c-button>
    </c-col>

    <c-col :span="3">
      <c-button size="small" type="primary" @click="onTrndocButnew">
        &Add New
      </c-button>
    </c-col>
        <c-col :span="3">
      <c-button size="small" icon="el-icon-delete" @click="onTrndocButdel">
        Delete
      </c-button>
    </c-col>
    <c-col :span="4">
      <c-checkbox v-model="model.trnmod.trndoc.shwinc"
        >Show Incoming Messages</c-checkbox
      >
    </c-col>

    <c-col :span="4">
      <c-checkbox v-model="model.trnmod.trndoc.shwout"
        >Show Outgoing Messages</c-checkbox
      >
    </c-col>
    <c-col :span="4">
      <c-checkbox v-model="model.trnmod.trndoc.shwoutint">
        Outgoing
      </c-checkbox>
    </c-col>
    <c-col :span="12">
	    <span  v-text="model.trnmod.trndoc.doclbl"   data-path=".trnmod.trndoc.doclbl" > </span>
	</c-col>
    <c-col :span="12">
      <el-form-item label="Connected Documents" prop="trnmod.trndoc.condocstm">
        <c-input
          v-model="model.trnmod.trndoc.condocstm"
          placeholder="请输入Connected Documents"
        ></c-input>
      </el-form-item>
    </c-col>
   <c-col :span="12">
      <c-button size="small" type="primary" @click="onTrndocButatt">
        Attach
      </c-button>
    </c-col>
    <c-col :span="4">
      <c-button size="small" type="primary" @click="onTrndocButattto">
        Attach to
      </c-button>
    </c-col>

    <c-col :span="12">
      <el-form-item label="" prop="trnmod.trndoc.rcvatt.seainf">
        <c-input
          v-model="model.trnmod.trndoc.rcvatt.seainf"
          placeholder="请输入"
        ></c-input>
      </el-form-item>
    </c-col-->
  </div>
</template>
<script>
import Api from "~/service/Api";
import CommonProcess from "~/mixin/CommonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Lttdck/Event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [CommonProcess],
  data() {
    return {
      data1: [],
      isShow1: false,
      isShow2: false,
      data: [
        {
          label: "Internal",
          children: [{ label: "'Free Message' via Letter" }],
        },
      ],
    };
  },
  methods: { ...Event },
  handleNodeClick() {},
  defaultProps() {},
  created: function () {},
};
</script>
<style>
</style>
