gradation-treegridex.html 1.8 KB
<el-table ref="treegridex" 
    :data="items" 
    row-key="id" 
    border  
    lazy
    height="100%"  
    :row-class-name="setRowClass.bind(_self)" 
    :load="loadTreeNode.bind(_self)"
    :tree-props="{ children: 'children', hasChildren: 'leaf' }"
    :select-on-indeterminate="isSingleSelect"
    @current-change="select.apply(_self, arguments)"
    >
    <el-table-column show-overflow-tooltip prop="accountname" label="客户名称" :width="250"  :align="''">
    <template v-slot="{ row }">
        <span>{{ getColumnValue(row, 'accountname') }}</span>
    </template>
    </el-table-column>
    <el-table-column show-overflow-tooltip prop="telephone1" label="主要电话" :width="100"  :align="''">
    <template v-slot="{ row }">
        <span>{{ getColumnValue(row, 'telephone1') }}</span>
    </template>
    </el-table-column>
    <el-table-column show-overflow-tooltip prop="address1_city" label="地址 1: 市/县" :width="120"  :align="''">
    <template v-slot="{ row }">
        <span>{{ getColumnValue(row, 'address1_city') }}</span>
    </template>
    </el-table-column>
    <el-table-column show-overflow-tooltip prop="primarycontactname" label="主要联系人" :width="120"  :align="''">
    <template v-slot="{ row }">
        <span>{{ getColumnValue(row, 'primarycontactname') }}</span>
    </template>
    </el-table-column>
    <el-table-column show-overflow-tooltip prop="emailaddress1" label="电子邮件" :width="120"  :align="''">
    <template v-slot="{ row }">
        <span>{{ getColumnValue(row, 'emailaddress1') }}</span>
    </template>
    </el-table-column>
    <el-table-column show-overflow-tooltip prop="parentaccountname" label="上级客户" :width="200"  :align="''">
    <template v-slot="{ row }">
        <span>{{ getColumnValue(row, 'parentaccountname') }}</span>
    </template>
    </el-table-column>
</el-table>