| | |
|---|
| | | <!-- 2020.10.10移除table第一行强制排序 --> |
|---|
| | | <el-table-column v-for="(column, cindex) in filterColumns" :prop="column.field" :label="column.title" |
|---|
| | | :min-width="column.width" :formatter="formatter" :fixed="column.fixed" :key="column.field + cindex" |
|---|
| | | :align="column.align" :sortable="column.sort ? 'custom' : false" |
|---|
| | | :show-overflow-tooltip="column.showOverflowTooltip"> |
|---|
| | | :align="column.align" :sortable="column.sort ? 'custom' : false" :show-overflow-tooltip=true> |
|---|
| | | <template #header> |
|---|
| | | <span v-if="(column.require || column.required) && column.edit" class="column-required">*</span>{{ |
|---|
| | | column.title }} |
|---|
| | |
|---|
| | | column.onChange && |
|---|
| | | column.onChange(scope.row, column, val); |
|---|
| | | } |
|---|
| | | " :type="column.edit.type" :placeholder="column.placeholder || column.title" |
|---|
| | | " :type="column.edit.type" :placeholder="column.placeholder || column.title" |
|---|
| | | :disabledDate="(val) => getDateOptions(val, column)" :value-format="getDateFormat(column)" |
|---|
| | | :disabled="initColumnDisabled(scope.row, column)"> |
|---|
| | | </el-date-picker> |
|---|
| | |
|---|
| | | column.onChange && |
|---|
| | | column.onChange(scope.row, column, val); |
|---|
| | | } |
|---|
| | | " :placeholder="column.placeholder || column.title" :value-format="column.format || 'HH:mm:ss'" |
|---|
| | | " :placeholder="column.placeholder || column.title" :value-format="column.format || 'HH:mm:ss'" |
|---|
| | | :disabled="initColumnDisabled(scope.row, column)"> |
|---|
| | | </el-time-picker> |
|---|
| | | <el-switch v-else-if="column.edit.type == 'switch'" v-model="scope.row[column.field]" |
|---|
| | |
|---|
| | | inline-prompt @change="(val) => { |
|---|
| | | switchChange(val, scope.row, column); |
|---|
| | | } |
|---|
| | | " :active-value="typeof scope.row[column.field] == 'boolean' |
|---|
| | | " :active-value="typeof scope.row[column.field] == 'boolean' |
|---|
| | | ? true |
|---|
| | | : typeof scope.row[column.field] == 'string' |
|---|
| | | ? '1' |
|---|
| | | : 1 |
|---|
| | | " :inactive-value="typeof scope.row[column.field] == 'boolean' |
|---|
| | | ? false |
|---|
| | | : typeof scope.row[column.field] == 'string' |
|---|
| | | ? '0' |
|---|
| | | : 0 |
|---|
| | | " :disabled="initColumnDisabled(scope.row, column)"> |
|---|
| | | ? false |
|---|
| | | : typeof scope.row[column.field] == 'string' |
|---|
| | | ? '0' |
|---|
| | | : 0 |
|---|
| | | " :disabled="initColumnDisabled(scope.row, column)"> |
|---|
| | | </el-switch> |
|---|
| | | <template v-else-if=" |
|---|
| | | ['select', 'selectList'].indexOf(column.edit.type) != -1 |
|---|
| | |
|---|
| | | <div @click="() => { |
|---|
| | | column.click && formatterClick(scope.row, column); |
|---|
| | | } |
|---|
| | | " v-else-if="column.bind"> |
|---|
| | | " v-else-if="column.bind"> |
|---|
| | | <el-tag v-if="useTag" class="cell-tag" :class="[isEmptyTag(scope.row, column)]" |
|---|
| | | :type="getColor(scope.row, column)" :effect="column.effect">{{ formatter(scope.row, column, true) |
|---|
| | | }}</el-tag> |
|---|
