<div :class="{ 'grid': true, 'show-paging-bar': isEnablePagingBar, 'hidden-paging-bar': !isEnablePagingBar }"> <i-form> <el-table v-if="isDisplay === true" :default-sort="{ prop: minorSortPSDEF, order: Object.is(minorSortDir, 'ASC') ? 'ascending' : Object.is(minorSortDir, 'DESC') ? 'descending' : '' }" @sort-change="onSortChange($event)" :border="isDragendCol" :highlight-current-row ="isSingleSelect" :row-class-name="getRowClassName.bind(_self)" :cell-class-name="getCellClassName.bind(_self)" size="mini" stripe @row-click="rowClick($event)" @select-all="selectAll($event)" @select="select($event)" @row-class-name="onRowClassName($event)" @row-dblclick="rowDBLClick($event)" ref='multipleTable' :data="items" :show-header="!isHideHeader"> <template slot="empty"> 无数据 <span class="quick-toolbar"> </span> </template> <template v-if="!isSingleSelect"> <el-table-column align="center" type='selection' :width="checkboxColWidth"></el-table-column> </template> <template v-if="getColumnState('entity2name')"> <el-table-column show-overflow-tooltip :prop="'entity2name'" :label="$t('entities.listcontact.inner_grid.columns.entity2name')" :width="100" :align="'left'" :sortable="'custom'"> <template v-slot:header="{column}"> <span class="column-header "> {{$t('entities.listcontact.inner_grid.columns.entity2name')}} </span> </template> <template v-slot="{row,column,$index}"> <span>{{row.entity2name}}</span> </template> </el-table-column> </template> <template v-if="getColumnState('emailaddress1')"> <el-table-column show-overflow-tooltip :prop="'emailaddress1'" :label="$t('entities.listcontact.inner_grid.columns.emailaddress1')" :width="100" :align="'left'" :sortable="'custom'"> <template v-slot:header="{column}"> <span class="column-header "> {{$t('entities.listcontact.inner_grid.columns.emailaddress1')}} </span> </template> <template v-slot="{row,column,$index}"> <span>{{row.emailaddress1}}</span> </template> </el-table-column> </template> <template v-if="getColumnState('parentcustomerid')"> <el-table-column show-overflow-tooltip :prop="'parentcustomerid'" :label="$t('entities.listcontact.inner_grid.columns.parentcustomerid')" :width="100" :align="'left'" :sortable="'custom'"> <template v-slot:header="{column}"> <span class="column-header "> {{$t('entities.listcontact.inner_grid.columns.parentcustomerid')}} </span> </template> <template v-slot="{row,column,$index}"> <span>{{row.parentcustomerid}}</span> </template> </el-table-column> </template> <template v-if="getColumnState('telephone1')"> <el-table-column show-overflow-tooltip :prop="'telephone1'" :label="$t('entities.listcontact.inner_grid.columns.telephone1')" :width="100" :align="'left'" :sortable="'custom'"> <template v-slot:header="{column}"> <span class="column-header "> {{$t('entities.listcontact.inner_grid.columns.telephone1')}} </span> </template> <template v-slot="{row,column,$index}"> <span>{{row.telephone1}}</span> </template> </el-table-column> </template> <template v-if="getColumnState('statecode')"> <el-table-column show-overflow-tooltip :prop="'statecode'" :label="$t('entities.listcontact.inner_grid.columns.statecode')" :width="100" :align="'left'" :sortable="'custom'"> <template v-slot:header="{column}"> <span class="column-header "> {{$t('entities.listcontact.inner_grid.columns.statecode')}} </span> </template> <template v-slot="{row,column,$index}"> <template > <codelist :value="row.statecode" tag='Contact__StateCode' codelistType='STATIC' ></codelist> </template> </template> </el-table-column> </template> <template v-if="adaptiveState"> <el-table-column></el-table-column> </template> </el-table> </i-form> </div>