Для нового проекта требуется настройка рабочего процесса и пользовательские элементы форм. В статье представлен код реализации пользовательских элементов форм, которые можно перетаскивать для изменения порядка, а также настраивать.
Проектную библиотеку пользовательского интерфейса (UI) можно выбрать из iView или Element UI и при необходимости модифицировать в соответствии с требованиями проекта.
Изображение | Описание |
---|---|
![]() |
|
![]() |
|
![]() |
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
.
├── README.md
├── build
├── config
├── dist
├── index.html
├── package.json
├── src
│ ├── App.vue
│ ├── assets
│ ├── components
│ │ ├── custom_form //自定义表单组件
│ │ │ ├── FormList.js //表单列表
│ │ │ ├── ItemIcon.js //表单图标配置
│ │ │ └── Render.js //表单列表渲染
│ │ │ ├── components //表单公用组件
│ │ │ │ └── Uploads //上传组件
│ │ │ │ └── upload.vue
│ │ │ ├── config //配置文件
│ │ │ │ ├── area.js //地区配置
│ │ │ │ └── trigger.js //表单验证触发事件
│ │ │ ├── control //表单控件列表
│ │ │ ├── Address.js //地区选择
│ │ │ ├── Cascader.js //多级联动
│ │ │ ├── CheckBox.js //多选框
│ │ │ ├── DatePicker.js //时间选择器
│ │ │ ├── Hr.js //hr标签
│ │ │ ├── Input.js //输入框
│ │ │ ├── P.js //p标签
│ │ │ ├── Radio.js //单选框
│ │ │ ├── Select.js //下拉选择框
│ │ │ ├── Text.js //文本域
│ │ │ ├── Title.js //标题
│ │ │ └── Uploads.js //上传控件
│ │ │ └── index.js //控件注册
│ │ ├── index.vue //自定义表单页面
│ │ └── render.vue //表单渲染,数据回填页面
│ ├── main.js //入口文件
│ └── router //路由配置
│ └── index.js
└── static //静态数据模版
├── label.1.json
├── label.12.json
├── label.14.json
├── label.17.json
├── label.19.json
├── label.3.json
├── label.5.json
├── label.8.json
└── label.json
Используемые плагины:
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )