cdl/HTCloud
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

添加项目文件。

Browse Source
This commit is contained in:
dell
2023-03-03 16:07:50 +08:00
parent 2c462551b6
commit 011039960e
585 changed files with 362460 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

383
HT.Cloud.Web/wwwroot/js/lay-module/formDesigner/formDesigner.css Normal file
View File

@ -0,0 +1,383 @@
.layui-layout-admin .layui-logo {
color : #fff;
font-size: 20px;
}
.layui-side-right {
position : fixed;
right : 0;
top : 0;
bottom : 0;
z-index : 999;
width : 350px;
overflow-x: hidden
}
.layui-layout-admin .layui-side {
top : 60px;
width : 260px;
overflow-x: hidden
}
.layui-layout-admin .layui-side-right {
top : 60px;
width : 350px;
overflow-x: hidden
}
.layui-body {
position : absolute;
left : 260px;
right : 350px;
top : 0;
bottom : 0;
z-index : 998;
width : auto;
overflow-y : auto;
box-sizing : border-box;
min-width : 250px;
border-left : 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
}
.layui-layout-admin .layui-body {
bottom: 0;
}
/* components-list*/
.components-list {
padding : 4px;
-webkit-box-sizing: border-box;
box-sizing : border-box;
height : 100%
}
.components-list .components-item {
display : inline-block;
width : 49%;
margin : 0.5%;
margin-top : 5px;
-webkit-transition: -webkit-transform 0ms !important;
transition : -webkit-transform 0ms !important;
transition : transform 0ms !important;
transition : transform 0ms, -webkit-transform 0ms !important
}
.components-draggable {
padding-bottom: 20px
}
.components-title {
font-size: 14px;
color : #222;
margin : 6px 2px
}
.components-title .svg-icon {
color : #666;
font-size: 18px
}
.components-body {
padding : 8px 10px;
background : #f6f7ff;
font-size : 12px;
cursor : move;
border : 1px dashed #f6f7ff;
border-radius: 3px
}
.components-body .svg-icon {
color : #777;
font-size: 15px
}
.components-body:hover {
border: 1px dashed #787be8;
color : #787be8
}
.components-body:hover .svg-icon {
color: #787be8
}
.ghost {
border : 1px dashed #e06c1d;
outline-width: 0;
height : 39px;
box-sizing : border-box;
font-size : 0;
content : '';
overflow : hidden;
padding : 0;
}
.ghost div {
background-color:#fff;
color:#fff;
}
.layui-body .active {
outline : 2px solid #409EFF;
border : 1px solid #409EFF;
outline-offset: 0;
}
#formDesignerForm .layui-form-item {
position: relative;
}
#formDesignerForm .grid {
padding: 5px 5px;
}
#formDesignerForm .layui-form-item:hover {
border : 1px solid #409EFF;
background-color: #e9f4fd !important;
}
.widget-view-drag {
position : absolute;
left : -2px;
top : -2px;
bottom : -18px;
height : 28px;
line-height: 28px;
background : #409EFF;
z-index : 9;
}
.widget-view-drag i {
font-size: 14px;
color : #fff;
margin : 0 5px;
cursor : move;
}
.select-option-drag {
cursor: move;
}
.select-option-delete {
cursor: pointer;
}
.widget-view-action {
position : absolute;
right : 0;
bottom : 0;
height : 28px;
line-height: 28px;
background : #409EFF;
z-index : 9;
}
.widget-view-action i {
font-size: 14px;
color : #fff;
margin : 0 5px;
cursor : pointer;
}
#formDesignerForm {
background: #fff;
border : 1px dashed #999;
min-height: 94%;
margin : 10px;
padding : 10px 10px;
}
#formDesignerForm .widget-col-list {
min-height: 50px;
border : 1px dashed #ccc;
background: #fff;
}
#formDesignerForm .widget-slider {
margin: 18px 10px;
width : 90%;
position: absolute!important;
}
.layui-empty {
margin : 10px 60px;
color : #9e9e9e;
font-size : 16px;
text-align: center;
}
#columnProperty .layui-form-item.option {
margin-bottom: 2px;
}
#columnProperty .layui-form-item.option .layui-inline {
margin-bottom: 2px;
}
/* 图片上传 */
.uploader-list {
margin-left: -15px;
}
.uploader-list .info {
position : relative;
margin-top : -25px;
background-color: black;
color : white;
filter : alpha(Opacity=80);
-moz-opacity : 0.5;
opacity : 0.5;
width : 100px;
height : 25px;
text-align : center;
display : none;
}
.uploader-list .handle {
position : relative;
background-color: black;
color : white;
filter : alpha(Opacity=80);
-moz-opacity : 0.5;
opacity : 0.5;
width : 100px;
text-align : right;
height : 18px;
margin-bottom : -18px;
display : none;
}
.uploader-list .handle i {
margin-right: 5px;
}
.uploader-list .handle i:hover {
cursor: pointer;
}
.uploader-list .file-iteme {
margin : 12px 0 0 15px;
padding: 1px;
float : left;
}
/*自定义layer颜色*/
body .cool-black .layui-layer-title {
color : #fff;
height : 50px;
line-height : 50px;
background-color: #191a23;
border : none;
}
body .cool-black .layui-layer-setwin a {
color : #fff;
font-size : 16px;
font-style : normal;
font-family : layui-icon !important;
-webkit-font-smoothing : antialiased;
-moz-osx-font-smoothing: grayscale;
}
body .cool-black .layui-layer-btn a {
background: #333;
}
.htmlcodeview,
.importjsoncodeview {
position: relative;
display : none;
}
.htmlcodeview textarea,
.getFormData textarea,
.importjsoncodeview textarea {
display : block;
width : 760px;
height : 560px;
border : 10px solid #F8F8F8;
border-top-width: 0;
padding : 10px;
line-height : 20px;
overflow : auto;
background-color: #3F3F3F;
color : #eee;
font-size : 12px;
font-family : Courier New;
}
.htmlcodeview a,
.importjsoncodeview a {
position: absolute;
right : 20px;
bottom : 20px;
}
.aboutusview .about {
display : block;
width : 760px;
height : 554px;
padding : 20px 20px;
overflow : hidden;
background-color: #191a23;
color : #ccc;
}
.aboutusview .about p{
line-height: 30px;
}
.aboutusview .about .yellow{
color:#e6ec8d;
}
.layui-disabled {
background-color: #f5f7fa;
border-color: #dfe4ed;
color: #c0c4cc;
}
.custom-lg{
margin: -3px 0px 0px 10px;
}
.custom-zc{
margin: 0px 0px 0px 10px;
}
.custom-sm{
margin: 5px 0px 0px 10px;
}
.custom-xs{
margin: 10px 0px 0px 10px;
}
.iceEditor-disabled {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(245,247,250,0.79) !important;
border-color: #dfe4ed !important;
color: #c0c4cc !important;
z-index: 1 !important;
display: block;
}
.layui-form-label {
box-sizing: border-box;
}
.layui-form-item .layui-form-required:after {
content: '*';
color: red;
position: absolute;
margin-left: 4px;
font-weight: bold;
line-height: 1.8em;
top: 6px;
right: 5px;
}

4235
HT.Cloud.Web/wwwroot/js/lay-module/formDesigner/formDesigner.js Normal file
View File

File diff suppressed because it is too large Load Diff

482
HT.Cloud.Web/wwwroot/js/lay-module/formDesigner/formField.js Normal file
View 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);
});

88
HT.Cloud.Web/wwwroot/js/lay-module/formDesigner/formPreview.css Normal file
View File

@ -0,0 +1,88 @@
#formPreviewForm .widget-slider {
margin: 18px 10px;
width : 90%;
position: absolute!important;
}
.custom-lg{
margin: -3px 0px 0px 10px;
}
.custom-zc{
margin: 0px 0px 0px 10px;
}
.custom-sm{
margin: 5px 0px 0px 10px;
}
.custom-xs{
margin: 10px 0px 0px 10px;
}
.my-disabled{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(191,191,191,.79);
}
.iceEditor-disabled {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(245,247,250,0.79) !important;
border-color: #dfe4ed !important;
color: #c0c4cc !important;
z-index: 1 !important;
display: block;
}
/* 图片上传 */
.uploader-list {
margin-left: -15px;
}
.uploader-list .info {
position: relative;
margin-top: -25px;
background-color: black;
color: white;
filter: alpha(Opacity=80);
-moz-opacity: 0.5;
opacity: 0.5;
width: 100px;
height: 25px;
text-align: center;
display: none;
}
.uploader-list .handle {
position: relative;
background-color: black;
color: white;
filter: alpha(Opacity=80);
-moz-opacity: 0.5;
opacity: 0.5;
width: 100px;
text-align: right;
height: 18px;
margin-bottom: -18px;
display: none;
}
.uploader-list .handle i {
margin-right: 5px;
}
.uploader-list .handle i:hover {
cursor: pointer;
}
.uploader-list .file-iteme {
margin: 12px 0 0 15px;
padding: 1px;
float: left;
}
.layui-form-item .layui-form-required:after {
content: '*';
color: red;
position: absolute;
margin-left: 4px;
font-weight: bold;
line-height: 1.8em;
top: 6px;
right: 5px;
}

1797
HT.Cloud.Web/wwwroot/js/lay-module/formDesigner/formPreview.js Normal file
View File

File diff suppressed because it is too large Load Diff