Doctre.vue

<template>
  <div class="eibs-tab">
    <!-- <c-col :span="19">
            <c-col>
                <el-form-item label="File Receiver">
                    <c-input
                        type="textarea"
                        v-model="model.trnmod.trndoc.filrecv"
                        placeholder="请输入File Receiver"
                        :rows="10"
                    ></c-input>
                </el-form-item>
            </c-col>

            <c-col>
                <el-form-item label="Document tree">
                    <c-input
                        type="textarea"
                        :rows="10"
                        v-model="model.trnmod.trndoc.doctrestm"
                        placeholder="请输入Document tree"
                    ></c-input>
                </el-form-item> </c-col
        ></c-col> -->

    <c-col :span="24">
      <el-form-item
        class="formItemLabel"
        label="Outgoing Correspondence,Attachments and other Documents"
        label-width="100%"
      >
      </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="Connected Ducuments"
              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">Show Incoming Messages</c-checkbox>
            </el-form-item>
            <!-- <c-checkbox v-model="isShow1">Show Incoming Messages</c-checkbox> -->
          </c-col>
          <c-col :span="8" :offset="2">
            <el-form-item label="">
              <c-checkbox v-model="isShow2">Show Outgoing Messages</c-checkbox>
            </el-form-item>
            <!-- <c-checkbox v-model="isShow2">Show Outgoing Messages</c-checkbox> -->
          </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="Type" width="auto"></el-table-column>
            <el-table-column label="Document" width="auto"></el-table-column>
            <el-table-column label="Cre.TRN" width="auto"></el-table-column>
            <el-table-column label="Date" 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">
          <c-button size="small" type="primary" @click="onTrndocButshw">
            Show
          </c-button>
        </c-col>

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

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

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

        <c-col :span="24" style="margin-top: 15px">
          <c-button size="small" type="primary" @click="onTrndocButdel">
            Delete
          </c-button>
        </c-col>
        <c-col :span="24" style="margin-top: 80px">
          <c-button size="small" type="primary" @click="onTrndocButatt">
            Attach
          </c-button>
        </c-col>
        <c-col :span="24" style="margin-top: 150px">
          <c-button size="small" type="primary" @click="onTrndocButatt">
            i
          </c-button>
        </c-col>
      </c-col>
    </c-col>

    <!-- <c-col :offset="1" :span="4">
            <c-col>
                <c-button size="small" type="primary" @click="onTrndocButshw">
                    Show
                </c-button>
            </c-col>

            <c-col>
                <c-button size="small" type="primary" @click="onTrndocButadd">
                    Details
                </c-button>
            </c-col>

            <c-col>
                <c-button size="small" type="primary" @click="onTrndocButnew" >
                    Add New
                </c-button>
            </c-col>

            <c-col>
                <c-button size="small" type="primary" @click="onTrndocButattto" disabled>
                    Attach to
                </c-button>
            </c-col>

            <c-col>
                <c-button type="primary" size="small" @click="onTrndocButdel" disabled>
                    Delete
                </c-button>
            </c-col>
            <c-col>
                <c-button size="small" type="primary" @click="onTrndocButatt" disabled>
                    Attach
                </c-button>
            </c-col>
        </c-col> -->

    <!-- <c-col :span="12">
            <span
                v-text="model.trnmod.trndoc.doclbl"
                data-path=".trnmod.trndoc.doclbl"
            >
            </span>
        </c-col> -->

    <!-- <c-col :offset="8" :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="12">
            <el-form-item label="Connected Documents">
                <c-input
                    v-model="model.trnmod.trndoc.condocstm"
                    placeholder="请输入Connected Documents"
                ></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="">
                <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/Ditame/Event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
      data1: [],
      isShow1: false,
      isShow2: false,
    };
  },
  methods: { ...Event,
  handleNodeClick(){} ,
  defaultProps(){}
  },
  created: function () {},
};
</script>
<style scoped>
/* .c-col button {
  margin: 20px;
} */
.formItemLabel >>> .el-form-item__label{
    text-align: left;
}
</style>