添加项目文件。
This commit is contained in:
dell
482
HT.Cloud.Web/wwwroot/js/lay-module/formDesigner/formField.js
Normal file
482
HT.Cloud.Web/wwwroot/js/lay-module/formDesigner/formField.js
Normal file
@ -0,0 +1,482 @@
|
||||
layui.define(['layer'], function (exports) {
|
||||
var field = {
|
||||
input: {
|
||||
id:'-1',
|
||||
index:'-1',
|
||||
label: "单行文本",
|
||||
tag: "input",
|
||||
tagIcon: 'input',
|
||||
placeholder: "请输入",
|
||||
defaultValue: null,
|
||||
labelWidth: 110,
|
||||
width:"100%",
|
||||
clearable: true,
|
||||
maxlength: null,
|
||||
showWordLimit: false,
|
||||
readonly: false,
|
||||
disabled: false,
|
||||
required: true,
|
||||
expression:"",
|
||||
document: ''
|
||||
},
|
||||
password: {
|
||||
id:'-1',
|
||||
index:'-1',
|
||||
label: "密码框",
|
||||
tag: "password",
|
||||
tagIcon: 'password',
|
||||
placeholder: "请输入",
|
||||
defaultValue: null,
|
||||
labelWidth: 110,
|
||||
width:"100%",
|
||||
clearable: true,
|
||||
maxlength: null,
|
||||
showWordLimit: false,
|
||||
readonly: false,
|
||||
disabled: false,
|
||||
required: true,
|
||||
document: ''
|
||||
},
|
||||
select: {
|
||||
id:'-1',
|
||||
index:'-1',
|
||||
label: "下拉框",
|
||||
tag: "select",
|
||||
tagIcon: 'select',
|
||||
labelWidth: 110,
|
||||
width:"100%",
|
||||
disabled: false,
|
||||
required: true,
|
||||
document: '',
|
||||
datasourceType: 'local',
|
||||
remoteUrl: 'http://',
|
||||
remoteMethod: 'post',
|
||||
remoteOptionText:'options.data.dictName',//映射到text
|
||||
remoteOptionValue:'options.data.dictId',//映射到value text和value可以是一样的
|
||||
remoteDefaultValue:'12',//表示对应的remoteOptionValue的值
|
||||
options: [
|
||||
{
|
||||
text: 'option1',
|
||||
value: 'value1',
|
||||
checked: true,
|
||||
},
|
||||
{
|
||||
text: 'option2',
|
||||
value: 'value2',
|
||||
checked: false,
|
||||
},
|
||||
{
|
||||
text: 'option3',
|
||||
value: 'value3',
|
||||
checked: false,
|
||||
},
|
||||
]
|
||||
},
|
||||
radio: {
|
||||
id:'-1',
|
||||
index:'-1',
|
||||
label: "单选组",
|
||||
tag: "radio",
|
||||
tagIcon: 'radio',
|
||||
labelWidth: 110,
|
||||
disabled: false,
|
||||
document: '',
|
||||
datasourceType: 'local',
|
||||
remoteUrl: 'http://',
|
||||
remoteMethod: 'post',
|
||||
remoteOptionText:'options.data.dictName',//映射到text
|
||||
remoteOptionValue:'options.data.dictId',//映射到value text和value可以是一样的
|
||||
options: [
|
||||
{
|
||||
text: 'option1',
|
||||
value: 'value1',
|
||||
checked: true,
|
||||
},
|
||||
{
|
||||
text: 'option2',
|
||||
value: 'value2',
|
||||
checked: false,
|
||||
},
|
||||
{
|
||||
text: 'option3',
|
||||
value: 'value3',
|
||||
checked: false,
|
||||
},
|
||||
]
|
||||
},
|
||||
checkbox: {
|
||||
id:'-1',
|
||||
index:'-1',
|
||||
label: "复选组",
|
||||
tag: "checkbox",
|
||||
tagIcon: 'checkbox',
|
||||
labelWidth: 110,
|
||||
disabled: false,
|
||||
required: true,
|
||||
document: '',
|
||||
datasourceType: 'local',
|
||||
remoteUrl: 'http://',
|
||||
remoteMethod: 'post',
|
||||
remoteOptionText:'options.data.dictName',//映射到text
|
||||
remoteOptionValue:'options.data.dictId',//映射到value text和value可以是一样的
|
||||
options: [
|
||||
{
|
||||
text: 'option1',
|
||||
value: 'value1',
|
||||
checked: true,
|
||||
},
|
||||
{
|
||||
text: 'option2',
|
||||
value: 'value2',
|
||||
checked: true,
|
||||
},
|
||||
{
|
||||
text: 'option3',
|
||||
value: 'value3',
|
||||
checked: false,
|
||||
},
|
||||
]
|
||||
},
|
||||
switch: {
|
||||
id:'-1',
|
||||
index:'-1',
|
||||
label: "开关",
|
||||
tag: "switch",
|
||||
tagIcon: 'switch',
|
||||
labelWidth: 110,
|
||||
width:"100%",
|
||||
switchValue: false,
|
||||
showWordLimit: false,
|
||||
disabled: false,
|
||||
document: '',
|
||||
},
|
||||
slider: {
|
||||
id:'-1',
|
||||
index:'-1',
|
||||
label: "滑块",
|
||||
tag: "slider",
|
||||
tagIcon: 'slider',
|
||||
labelWidth: 110,
|
||||
width:"100%",
|
||||
defaultValue: 10,
|
||||
maxValue: 100,
|
||||
minValue: 1,
|
||||
stepValue: 2,
|
||||
isInput:true,
|
||||
disabled: false,
|
||||
document: '',
|
||||
},
|
||||
numberInput: {
|
||||
id:'-1',
|
||||
index:'-1',
|
||||
label: "排序文本框",
|
||||
tag: "numberInput",
|
||||
tagIcon: 'numberInput',
|
||||
labelWidth: 110,
|
||||
width:"100%",
|
||||
defaultValue: 0,
|
||||
maxValue: 100,
|
||||
minValue: 0,
|
||||
stepValue: 1,
|
||||
disabled: false,
|
||||
document: '',
|
||||
},
|
||||
labelGeneration: {
|
||||
id:'-1',
|
||||
index:'-1',
|
||||
label: "标签组件",
|
||||
tag: "labelGeneration",
|
||||
tagIcon: 'labelGeneration',
|
||||
labelWidth: 110,
|
||||
width:"100%",
|
||||
isEnter: false,
|
||||
disabled: false,
|
||||
document: '',
|
||||
},
|
||||
bottom: {
|
||||
id:'-1',
|
||||
index:'-1',
|
||||
label: "按钮组件",
|
||||
tag: "bottom",
|
||||
tagIcon: 'bottom',
|
||||
labelWidth: 110,
|
||||
buttonIcon:"",
|
||||
buttonVlaue:"按钮",
|
||||
buttonType:"",
|
||||
buttonSize:"",
|
||||
isLabel:true,
|
||||
disabled: false,
|
||||
document: '',
|
||||
},
|
||||
sign: {
|
||||
id:'-1',
|
||||
index:'-1',
|
||||
label: "签名组件",
|
||||
tag: "sign",
|
||||
tagIcon: 'sign',
|
||||
labelWidth: 110,
|
||||
buttonVlaue:"手写签名",
|
||||
buttonIcon:"",
|
||||
data:"",
|
||||
disabled: false,
|
||||
document: '',
|
||||
},
|
||||
iconPicker: {
|
||||
id:'-1',
|
||||
index:'-1',
|
||||
label: "图标选择器",
|
||||
tag: "iconPicker",
|
||||
tagIcon: 'iconPicker',
|
||||
labelWidth: 110,
|
||||
defaultValue: '',
|
||||
iconPickerSearch: true,
|
||||
iconPickerPage: true,
|
||||
iconPickerLimit: 12,
|
||||
iconPickerCellWidth: '43px',
|
||||
disabled: false,
|
||||
document: '',
|
||||
},
|
||||
cron: {
|
||||
id:'-1',
|
||||
index:'-1',
|
||||
label: "Cron表达式",
|
||||
tag: "cron",
|
||||
tagIcon: 'cron',
|
||||
placeholder: "请输入cron表达式,如:0 0 12 * * ?",
|
||||
labelWidth: 110,
|
||||
width:"100%",
|
||||
defaultValue: '* * * * * ?',
|
||||
cronUrl: '',
|
||||
disabled: false,
|
||||
required: true,
|
||||
document: '',
|
||||
},
|
||||
date: {
|
||||
id:'-1',
|
||||
index:'-1',
|
||||
label: "日期",
|
||||
tag: "date",
|
||||
tagIcon: 'date',
|
||||
labelWidth: 110,
|
||||
width:"100%",
|
||||
clearable: true,
|
||||
maxlength: null,
|
||||
dateDefaultValue: '2021-05-25',
|
||||
datetype: "date",//year month date time datetime
|
||||
range: false,
|
||||
dateformat: "yyyy-MM-dd",
|
||||
isInitValue: false,
|
||||
dataMaxValue: "2088-12-31",
|
||||
dataMinValue: "1900-01-01",
|
||||
trigger: null,//自定义弹出控件的事件
|
||||
position: "absolute",//fixed,static,abolute
|
||||
theme: "default",
|
||||
mark: null,//每年的日期 {'0-9-18': '国耻'} 0 即代表每一年
|
||||
showBottom: true,
|
||||
zindex:66666666,
|
||||
disabled: false,
|
||||
required: true,
|
||||
document: '',
|
||||
},
|
||||
dateRange: {
|
||||
id:'-1',
|
||||
index:'-1',
|
||||
label: "日期范围",
|
||||
tag: "dateRange",
|
||||
tagIcon: 'dateRange',
|
||||
labelWidth: 110,
|
||||
//width:"100%",
|
||||
dateRangeDefaultValue: "2021-06-19 - 2021-07-17",
|
||||
clearable: true,
|
||||
maxlength: null,
|
||||
datetype: "date",//year month date time datetime
|
||||
dateformat: "yyyy-MM-dd",
|
||||
isInitValue: true,
|
||||
dataMaxValue: "2088-12-31",
|
||||
dataMinValue: "1900-01-01",
|
||||
trigger: null,//自定义弹出控件的事件
|
||||
position: "absolute",//fixed,static,abolute
|
||||
theme: "default",
|
||||
mark: null,//每年的日期 {'0-9-18': '国耻'} 0 即代表每一年
|
||||
showBottom: true,
|
||||
zindex:66666666,
|
||||
disabled: false,
|
||||
required: true,
|
||||
document: '',
|
||||
},
|
||||
rate: {
|
||||
id:'-1',
|
||||
index:'-1',
|
||||
label: "评分",
|
||||
tag: "rate",
|
||||
tagIcon: 'rate',
|
||||
labelWidth: 110,
|
||||
defaultValue: 0,
|
||||
rateLength: 5,//星星长度
|
||||
half: false,
|
||||
text: false,
|
||||
theme: "default",
|
||||
showBottom: true,
|
||||
readonly: false,
|
||||
document: '',
|
||||
},
|
||||
carousel: {
|
||||
id:'-1',
|
||||
index:'-1',
|
||||
label: "轮播图",
|
||||
tag: "carousel",
|
||||
tagIcon: 'carousel',
|
||||
width: "100%",
|
||||
height: "500px",
|
||||
full: false,//是否全屏
|
||||
anim: "default", //轮播切换动画方式,
|
||||
interval: 3000,//切换时间 毫秒
|
||||
startIndex: 0,//初始索引
|
||||
arrow: "hover",//切换箭头默认显示状态
|
||||
autoplay: true,//是否自动切换
|
||||
document: '',
|
||||
datasourceType: 'local',
|
||||
remoteUrl: 'http://',
|
||||
remoteMethod: 'post',
|
||||
remoteOptionText:'options.data.dictName',//映射到text
|
||||
remoteOptionValue:'options.data.dictId',//映射到value text和value可以是一样的
|
||||
options: [
|
||||
{
|
||||
text: 'banner1',
|
||||
value: '../images/bg.jpg',
|
||||
checked: true,
|
||||
},
|
||||
{
|
||||
text: 'banner2',
|
||||
value: '../images/bgs.jpg',
|
||||
checked: false,
|
||||
},
|
||||
{
|
||||
text: 'banner3',
|
||||
value: '../images/moon.jpg',
|
||||
checked: false,
|
||||
},
|
||||
]
|
||||
},
|
||||
colorpicker: {
|
||||
id:'-1',
|
||||
index:'-1',
|
||||
label: "颜色选择器",
|
||||
tag: "colorpicker",
|
||||
tagIcon: 'colorpicker',
|
||||
labelWidth: 110,
|
||||
defaultValue: 'rgba(0, 0, 0, 1)',
|
||||
colorformat: "#fff",
|
||||
alpha: false,
|
||||
colors: [],
|
||||
size: "",
|
||||
showBottom: true,
|
||||
disabled: false,
|
||||
document: '',
|
||||
},
|
||||
image: {
|
||||
id:'-1',
|
||||
index:'-1',
|
||||
label: "上传图片",
|
||||
tag: "image",
|
||||
tagIcon: 'image',
|
||||
placeholder: "请输入",
|
||||
defaultValue: null,
|
||||
labelWidth: null,
|
||||
disabled: false,
|
||||
required: true,
|
||||
document: '',
|
||||
uploadUrl: '',
|
||||
urlPrefix: '',
|
||||
uploadData:''
|
||||
},
|
||||
file: {
|
||||
id:'-1',
|
||||
index:'-1',
|
||||
label: "上传文件",
|
||||
tag: "file",
|
||||
tagIcon: 'file',
|
||||
placeholder: "请输入",
|
||||
defaultValue: null,
|
||||
labelWidth: null,
|
||||
disabled: false,
|
||||
required: true,
|
||||
document: '',
|
||||
uploadUrl: '',
|
||||
urlPrefix: '',
|
||||
uploadData: ''
|
||||
},
|
||||
textarea: {
|
||||
id:'-1',
|
||||
index:'-1',
|
||||
label: "多行文本",
|
||||
tag: "textarea",
|
||||
tagIcon: 'textarea',
|
||||
placeholder: "请输入",
|
||||
defaultValue: null,
|
||||
width:"100%",
|
||||
readonly: false,
|
||||
disabled: false,//这里就是readonly的医生
|
||||
required: true,
|
||||
document: ''
|
||||
},
|
||||
editor: {
|
||||
id:'-1',
|
||||
index:'-1',
|
||||
label: "编辑器",
|
||||
tag: "editor",
|
||||
tagIcon: 'editor',
|
||||
width:"100%",
|
||||
clearable: true,
|
||||
maxlength: null,
|
||||
showWordLimit: false,
|
||||
height: "200px",
|
||||
uploadUrl: '/upload/',
|
||||
disabled: false,
|
||||
required: false,
|
||||
document: '',
|
||||
uploadUrl: '',
|
||||
urlPrefix: ''
|
||||
},
|
||||
grid:{
|
||||
id:'-1',
|
||||
index:'-1',
|
||||
tag: 'grid',
|
||||
span: 2,
|
||||
columns: [
|
||||
{
|
||||
span: 12,
|
||||
list: [],
|
||||
},
|
||||
{
|
||||
span: 12,
|
||||
list: [],
|
||||
}
|
||||
]
|
||||
}
|
||||
,c1:{
|
||||
name:"输入型组件(基于layui)",
|
||||
list:['input','password','textarea']
|
||||
}
|
||||
,c2:{
|
||||
name:"选择型组件(基于layui)",
|
||||
list:['select','radio','checkbox','switch','slider','date','rate','carousel','colorpicker','image','file','dateRange']
|
||||
}
|
||||
,c3:{
|
||||
name:"布局型组件(基于layui)",
|
||||
list:['grid','bottom']
|
||||
},
|
||||
c4:{
|
||||
name:"扩展组件(基于layui)",
|
||||
list:['numberInput','iconPicker','cron','labelGeneration','sign']
|
||||
}
|
||||
,
|
||||
c5:{
|
||||
name:"扩展组件(外部)",
|
||||
list:['editor']
|
||||
}
|
||||
|
||||
};
|
||||
exports('formField', field);
|
||||
|
||||
});
|
||||
Reference in New Issue
Block a user