Doctre.vue

<template>
    <div class="eibs-tab">
      <c-col :span="24">
        <el-form-item
          label="发送信件, 附件及其他单据"
          label-width="400px"
        >
        </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-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">显示以前发出的信息</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="类型" 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">
            <c-button size="small" type="primary" @click="onTrndocButshw">
              显示
            </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">
              新加
            </c-button>
          </c-col>
  
          <c-col :span="24" style="margin-top: 15px">
            <c-button size="small" type="primary" @click="onTrndocButattto">
              附加
            </c-button>
          </c-col>
  
          <c-col :span="24" style="margin-top: 15px">
            <c-button size="small" icon="el-icon-delete" @click="onTrndocButdel">
              删除
            </c-button>
          </c-col>
          <c-col :span="24" style="margin-top: 80px">
            <c-button size="small" type="primary" @click="onTrndocButatt">
              附加
            </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>
    </div>
  </template>
  <script>
  import Api from "~/service/Api";
  import CommonProcess from "~/mixin/CommonProcess";
  import CodeTable from "~/config/CodeTable";
  import Event from "~/model/Cctset/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>