添加项目文件。
This commit is contained in:
116
HT.Cloud.Web/wwwroot/form/FormTest.html
Normal file
116
HT.Cloud.Web/wwwroot/form/FormTest.html
Normal file
@ -0,0 +1,116 @@
|
||||
<div class="layui-form layuimini-form " lay-filter="FormTest">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label required">请假类型</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="radio" name="F_RequestType" lay-verify="required" value="病假" title="病假">
|
||||
<input type="radio" name="F_RequestType" value="事假" title="事假">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label required">请假人</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" id="F_UserName" name="F_UserName" maxlength="50" lay-verify="required" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label required">开始时间</label>
|
||||
<div class="layui-input-block">
|
||||
<input class="layui-input" id="F_StartTime" name="F_StartTime" type="datetime" lay-verify="required" autocomplete="off" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label required">结束时间</label>
|
||||
<div class="layui-input-block">
|
||||
<input class="layui-input" id="F_EndTime" name="F_EndTime" type="datetime" lay-verify="required" autocomplete="off" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item layui-form-text">
|
||||
<label class="layui-form-label required">请假说明</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea id="F_RequestComment" name="F_RequestComment" class="layui-textarea" lay-verify="required" placeholder="请输入说明"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<div class="layui-upload-list">
|
||||
<p id="demoText"></p>
|
||||
</div>
|
||||
<button type="button" class="layui-btn" id="test1">上传附件</button>
|
||||
<input class="layui-hide" hidden type="text" id="F_Attachment" name="F_Attachment">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
layui.use(['jquery', 'upload', 'form', 'laydate', 'common'], function () {
|
||||
var $ = layui.$,
|
||||
upload = layui.upload,
|
||||
form = layui.form,
|
||||
common = layui.common,
|
||||
laydate = layui.laydate;
|
||||
//此处需修改
|
||||
//类型为时间时
|
||||
laydate.render({
|
||||
elem: '#F_StartTime'
|
||||
, trigger: 'click'
|
||||
, type: 'datetime'
|
||||
, min: 0
|
||||
, format: 'yyyy-MM-dd HH:mm',
|
||||
});
|
||||
laydate.render({
|
||||
elem: '#F_EndTime'
|
||||
, trigger: 'click'
|
||||
, type: 'datetime'
|
||||
, min: 0
|
||||
, format: 'yyyy-MM-dd HH:mm',
|
||||
});
|
||||
$(function () {
|
||||
if (typeof formtext != "undefined" && !!formtext) {
|
||||
form.val('FormTest', JSON.parse(formtext));
|
||||
}
|
||||
if (typeof readonly != "undefined" && readonly) {
|
||||
common.setReadOnly('FormTest');
|
||||
}
|
||||
if (typeof canWriteFormItems != "undefined" && Array.isArray(canWriteFormItems)) {
|
||||
var readForm = layui.$('[lay-filter="FormTest"]');
|
||||
for (var i = 0; i < canWriteFormItems.length; i++) {
|
||||
$("#" + canWriteFormItems[i]).removeAttr('disabled');
|
||||
$("#" + canWriteFormItems[i]).attr('lay-verify','required');
|
||||
readForm.find('.layui-layedit iframe').contents().find('body').prop('contenteditable', true);
|
||||
}
|
||||
}
|
||||
form.render();
|
||||
});
|
||||
form.render();
|
||||
//普通图片上传
|
||||
var uploadInst = upload.render({
|
||||
elem: '#test1'
|
||||
, url: '/FileManage/Uploadfile/Upload' //改成您自己的上传接口
|
||||
, data: { filetype: 1, fileby: '流程表单' }
|
||||
, size: 1024
|
||||
, accept: 'file'
|
||||
, done: function (res) {
|
||||
//如果上传失败
|
||||
if (res.code > 0) {
|
||||
//失败状态,并实现重传
|
||||
var demoText = $('#demoText');
|
||||
demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
|
||||
demoText.find('.demo-reload').on('click', function () {
|
||||
uploadInst.upload();
|
||||
});
|
||||
common.modalMsg(res.msg, "warning");
|
||||
return false;
|
||||
}
|
||||
$('#F_Attachment').val(res.data[0].src);
|
||||
}
|
||||
, error: function () {
|
||||
//演示失败状态,并实现重传
|
||||
var demoText = $('#demoText');
|
||||
demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
|
||||
demoText.find('.demo-reload').on('click', function () {
|
||||
uploadInst.upload();
|
||||
});
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
</script>
|
Reference in New Issue
Block a user