256 lines
7.6 KiB
JavaScript
256 lines
7.6 KiB
JavaScript
import {ScaleToOriginal,EditPen,More,Edit,Tickets,Warning,CircleCheck,Money,FolderChecked,Calendar,Picture,User,SetUp,Star,FolderOpened } from '@element-plus/icons-vue'
|
||
|
||
|
||
export const ValueType = {
|
||
string: 'String',
|
||
object: 'Object',
|
||
array: 'Array',
|
||
number: 'Number',
|
||
date: 'Date',
|
||
user: 'User',
|
||
dept: 'Dept',
|
||
star: 'star',
|
||
dateRange: 'DateRange'
|
||
}
|
||
|
||
export const baseComponents = [
|
||
{
|
||
name: '布局',
|
||
components: [
|
||
{
|
||
title: '分栏布局',
|
||
name: 'SpanLayout',
|
||
icon: 'ScaleToOriginal',
|
||
value: [],
|
||
valueType: ValueType.array,
|
||
props: {
|
||
items: []
|
||
}
|
||
}
|
||
]
|
||
}, {
|
||
name: '基础组件',
|
||
components: [
|
||
{
|
||
title: '单行文本输入',
|
||
name: 'TextInput',
|
||
icon: 'EditPen',
|
||
value: '',
|
||
valueType: ValueType.string,
|
||
props: {
|
||
required: false,
|
||
enablePrint: true
|
||
}
|
||
},
|
||
{
|
||
title: '多行文本输入',
|
||
name: 'TextareaInput',
|
||
icon: 'More',
|
||
value: '',
|
||
valueType: ValueType.string,
|
||
props: {
|
||
required: false,
|
||
enablePrint: true
|
||
}
|
||
},
|
||
{
|
||
title: '数字输入框',
|
||
name: 'NumberInput',
|
||
icon: 'Edit',
|
||
value: '',
|
||
valueType: ValueType.number,
|
||
props: {
|
||
required: false,
|
||
enablePrint: true,
|
||
}
|
||
},
|
||
{
|
||
title: '金额输入框',
|
||
name: 'AmountInput',
|
||
icon: 'Money',
|
||
value: '',
|
||
valueType: ValueType.number,
|
||
props: {
|
||
required: false,
|
||
enablePrint: true,
|
||
showChinese: true
|
||
}
|
||
},
|
||
{
|
||
title: '单选框',
|
||
name: 'SelectInput',
|
||
icon: 'CircleCheck',
|
||
value: '',
|
||
valueType: ValueType.string,
|
||
props: {
|
||
required: false,
|
||
enablePrint: true,
|
||
expanding: false,
|
||
options: ['选项1', '选项2']
|
||
}
|
||
},
|
||
{
|
||
title: '多选框',
|
||
name: 'MultipleSelect',
|
||
icon: 'FolderChecked',
|
||
value: [],
|
||
valueType: ValueType.array,
|
||
props: {
|
||
required: false,
|
||
enablePrint: true,
|
||
expanding: false,
|
||
options: ['选项1', '选项2']
|
||
}
|
||
},
|
||
{
|
||
title: '日期时间点',
|
||
name: 'DateTime',
|
||
icon: 'Calendar',
|
||
value: '',
|
||
valueType: ValueType.date,
|
||
props: {
|
||
required: false,
|
||
enablePrint: true,
|
||
format: 'YYYY-MM-DD HH:mm',
|
||
}
|
||
},
|
||
{
|
||
title: '日期时间区间',
|
||
name: 'DateTimeRange',
|
||
icon: 'Calendar',
|
||
valueType: ValueType.dateRange,
|
||
props: {
|
||
required: false,
|
||
enablePrint: true,
|
||
placeholder: ['开始时间', '结束时间'],
|
||
format: 'YYYY-MM-DD HH:mm',
|
||
showLength: false,
|
||
length: 0
|
||
}
|
||
},
|
||
{
|
||
title: '上传图片',
|
||
name: 'ImageUpload',
|
||
icon: 'Picture',
|
||
value: [],
|
||
valueType: ValueType.array,
|
||
props: {
|
||
required: false,
|
||
enablePrint: true,
|
||
maxSize: 5, //图片最大大小MB
|
||
maxNumber: 10, //最大上传数量
|
||
enableZip: true, //图片压缩后再上传
|
||
placeholder: '请选择图片',
|
||
}
|
||
},
|
||
{
|
||
title: '上传附件',
|
||
name: 'FileUpload',
|
||
icon: 'FolderOpened',
|
||
value: [],
|
||
valueType: ValueType.array,
|
||
props: {
|
||
required: false,
|
||
enablePrint: true,
|
||
onlyRead: false, //是否只读，false只能在线预览，true可以下载
|
||
maxSize: 100, //文件最大大小MB
|
||
maxNumber: 10, //最大上传数量
|
||
fileTypes: [], //限制文件上传类型,
|
||
placeholder: '请选择附件',
|
||
}
|
||
},
|
||
{
|
||
title: '人员选择',
|
||
name: 'UserPicker',
|
||
icon: 'User' ,
|
||
value: [],
|
||
valueType: ValueType.user,
|
||
props: {
|
||
required: false,
|
||
enablePrint: true,
|
||
multiple: false
|
||
}
|
||
},
|
||
{
|
||
title: '部门选择',
|
||
name: 'DeptPicker',
|
||
icon: 'SetUp',
|
||
value: [],
|
||
valueType: ValueType.dept,
|
||
props: {
|
||
required: false,
|
||
enablePrint: true,
|
||
multiple: false
|
||
}
|
||
},
|
||
{
|
||
title: '评分',
|
||
name: 'RatePicker',
|
||
icon: 'Star',
|
||
value: '',
|
||
valueType: ValueType.star,
|
||
props: {
|
||
color: '#f0a732',
|
||
max: 5,
|
||
required: false,
|
||
enablePrint: true,
|
||
showScore: true,
|
||
enableHalf: true,
|
||
placeholder: undefined,
|
||
}
|
||
},
|
||
{
|
||
title: '说明文字',
|
||
name: 'Description',
|
||
icon: 'Warning',
|
||
value: '',
|
||
valueType: ValueType.string,
|
||
props: {
|
||
required: false,
|
||
enablePrint: true
|
||
}
|
||
},
|
||
]
|
||
}, {
|
||
name: '扩展组件',
|
||
components: [
|
||
{
|
||
title: '明细表',
|
||
name: 'TableList',
|
||
icon: 'Tickets',
|
||
value: [],
|
||
valueType: ValueType.array,
|
||
props: {
|
||
required: false,
|
||
enablePrint: true,
|
||
showBorder: true,
|
||
rowLayout: true,
|
||
showSummary: false,
|
||
summaryColumns: [],
|
||
maxSize: 0, //最大条数，为0则不限制
|
||
columns: [] //列设置
|
||
}
|
||
},
|
||
{
|
||
title: '签名',
|
||
name: 'SignPanel',
|
||
icon: 'EditPen',
|
||
value: [],
|
||
valueType: ValueType.string,
|
||
props: {
|
||
required: false,
|
||
enablePrint: true,
|
||
isCrop: true,
|
||
lineColor: '#ff0000',
|
||
}
|
||
},
|
||
]
|
||
}
|
||
]
|
||
|
||
|
||
export default {
|
||
baseComponents
|
||
}
|
||
|