1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/creci-neves-house

В этом репозитории не указан файл с открытой лицензией (LICENSE). При использовании обратитесь к конкретному описанию проекта и его зависимостям в коде.
Клонировать/Скачать
README.md 5.5 КБ
Копировать Редактировать Web IDE Исходные данные Просмотреть построчно История
Отправлено 09.06.2025 00:47 5505779

neves-house

Описание зависимых компонентов

  • Element UI

Зависимый UI (не рекомендуется добавлять другие UI в будущем)

  • pubsub-js

Библиотека для публикации/подписки событий на JavaScript

Описание обновлений функционала

  • Добавлено описание зависимых компонентов в readme

  • Обновлен ElementUI до версии 2.15.6 (текущее время: 2021-09)

Предстоящие функции

  • Удаление heyUI, уменьшение количества зависимостей проекта
  • Удаление упоминания Sailing, чтобы избежать проблем с авторскими правами
  • Добавление поддержки темы синий-черный

DataGrid

Пример кода представлен в исходном коде```html <template #extend-column-before> <template #batch-operation> <el-button @click="handleOpen('', {}, 'add')">Добавить <template #extend-column-after> <el-button size="mini" @click="handleOpen(scope.$index, scope.row, 'add')">Редактировать <el-button size="mini" type="danger" @click="handleOpen(scope.$index, scope.row, 'detail')">Детали


```markdown
datagrid:
```javascript
{
    /*table事件 参考element-ui的table事件*/
    tableEvents: {
        'selection-change': 'handleSelectionChange'
    },
    /*table属性 参考element-ui的table属性*/
    tableAttributes: {
        showHeader: true,
        border: false,
        height: 'calc(100vh - 200px)',
        stripe: true, // 是否斑马线
    },
    /*导出excel属性设置*/
    exportAttributes: {
        name: new Date().getTime(), // excel文件名称
        title: '我是标题', // 内容标题
        footer: '我是页脚', // 内容页脚
        worksheet: '导出测试页' // 自定义sheet名称
    },
    /*便捷操作按钮组*/
    convenientButtons: {
        size: 'small', // 按钮尺寸: medium、small、mini
        export: {
            label: '导出', // 显示的字段
            icon: 'el-icon-download', // 显示的图标
            exportType: 'batch' // 导出数据模式, all: 当前表格中所有数据  batch: 勾选的数据 (只限export使用该属性)
        },
        import: {
            label: '导入',
            icon: 'el-icon-upload2'
        },
        template: {
            label: '模板下载',
            icon: 'el-icon-s-unfold'
        },
        screenColumn: {
``````markdown
            icon: 'el-icon-s-unfold',
             label: 'Фильтрация полей таблицы',
             class: 'nh-screen' // пользовательский класс (export/import/template поддерживают пользовательский класс)
         },
     },
     /*Включение/отключение фильтрации полей*/
     /*Отображаемые столбцы*/
     tabColumn: [
         { prop: "date", label: "Дата", width: "20", show: true },
         { prop: "name", label: "Имя", width: "20", show: true },
         { prop: "gender", label: "Пол", width: "10", show: true },
         { prop: "address", label: "Адрес", width: "30", show: true },
         { prop: "ads", label: "Реклама", width: "20", show: true },
     ],
     /*данные таблицы*/
     tabData: [
         {
             date: '2016-05-02',
             name: 'Ван Сяоху',
             address: 'Шанхай, Пудун, Сяндасянцзянлу 1518',
             gender: 'Мужской'
         }, {
             date: '2016-05-01',
             name: 'Ван Сяоху',
             address: 'Шанхай, Пудун, Сяндасянцзянлу 1519'
         }, {
             date: '2016-05-03',
             name: 'Ван Сяоху',
             address: 'Шанхай, Пудун, Сяндасянцзянлу 1516'
         }],
     /*атрибуты пагинации*/
     pageAttributes: {
         pageNum: 1,
         pageSize: 16,
     }
 ``````markdown
         total: 50,
          pageSizes: [10, 20, 50],
          layout: "total, prev, pager, next, sizes, jumper",
          pageClass: 'page-test'
      },
      /* события для страниц */
      pageEvents: {
          'size-change': 'handleSizeChange',
          'current-change': 'handleCurrentChange'
      }
  }

События:

| --- | --- |
| startDownload | Начало экспорта в Excel |
| finishDownload | Завершение экспорта в Excel |
| batchImport | Батч-импорт |
| downloadTemplate | Загрузка шаблона |

Опубликовать ( 0 )

Вы можете оставить комментарий после Вход в систему

1
https://api.gitlife.ru/oschina-mirror/creci-neves-house.git
git@api.gitlife.ru:oschina-mirror/creci-neves-house.git
oschina-mirror
creci-neves-house
creci-neves-house
develop