init
This commit is contained in:
clay
255
src/views/workflow/form/ComponentsConfigExport.js
Normal file
255
src/views/workflow/form/ComponentsConfigExport.js
Normal file
@@ -0,0 +1,255 @@
|
||||
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
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user