Doctre.vue

<template>
    <div class="eibs-tab">
        <c-row class="infrow" style="margin-top:20px;">
            <c-col :span="22" :offset="1">
                <span style="font-size:13px;font-family:'宋体';font-weight:bold">
                    Outgoing Correspondence,Attachmentd and other Documents
                </span>
            </c-col>
        </c-row>    
        <c-row>
            <c-col :span="16" :offset="1">
                <el-form-item label="" label-width="0px" prop="trnmod.trndoc.doctrestm">
                    <c-input  
                        type="textarea"
                        :rows="10"
                        v-model="model.trnmod.trndoc.doctrestm"  
                        placeholder="请输入Document tree"
                    ></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="4" :offset="1">
                <c-row>
                    <c-button size="small" type="primary"  @click="onTrndocButshw">
                        Show
                    </c-button>
                </c-row>
                <c-row class="bptbtn">
                    <c-button size="small" type="primary"  @click="onTrndocButadd">
                        Details
                    </c-button>
                </c-row>
                <c-row class="bptbtn">
                    <c-button size="small" type="primary"  @click="onTrndocButnew">
                        Add New
                    </c-button>
                </c-row>
                <c-row class="bptbtn">
                    <c-button size="small" type="primary"  @click="onTrndocButattto">
                        Attach to
                    </c-button>
                </c-row>
                <!--  -->
                <c-row class="bptbtn">
                    <c-button size="small" type="primary" icon="el-icon-delete"  @click="onTrndocButdel">
                        Delete
                    </c-button>
                </c-row>
            </c-col>
        </c-row>   
        <c-row>
            <c-col :span="6" :offset="2">
                <c-checkbox v-model="model.trnmod.trndoc.shwinc">
                    Show Incoming Messages
                </c-checkbox>
            </c-col>
                    
            <c-col :span="6" :offset="2">
                <c-checkbox v-model="model.trnmod.trndoc.shwout">
                    Show Outgoing Messages
                </c-checkbox>
            </c-col>
        </c-row> 
        <c-row>
            <!-- Connected Documents -->
            <c-col :span="16" :offset="1">
                <el-form-item label="" label-width="0px" prop="trnmod.trndoc.condocstm">
                    <c-input  
                        type="textarea"
                        :rows="10"
                        v-model="model.trnmod.trndoc.condocstm"  
                        placeholder="请输入Connected Documents"
                    ></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="4" :offset="1">
                <c-row>
                    <c-button size="small" type="primary"  @click="onTrndocButatt">
                        Attach
                    </c-button>
                </c-row>
                <c-row class="btni">
                    <c-button
                        size="small"
                        type="primary"
                        @click="onSeainf"
                    >
                        <span style="font-size:15px;font-family:'宋体';font-weight:bold">i</span>
                    </c-button>
                </c-row>
            </c-col>
        </c-row>                               
       
        <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="File Receiver" prop="trnmod.trndoc.filrecv">
                <c-input  v-model="model.trnmod.trndoc.filrecv"  placeholder="请输入File Receiver"></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/Bptcan/Event"

export default {
    inject: ['root'],
    props:["model","codes"],
    mixins: [commonProcess],
    data(){
        return {

        }
    },
    methods:{...Event},
    created:function(){

    }
}
</script>
<style>
    .bptbtn{
        margin-top:10px
    }
    .btni{
        margin-top:130px
    }
</style>