|
@@ -0,0 +1,188 @@
|
|
|
|
+<%@ page contentType="text/html;charset=UTF-8" %>
|
|
|
|
+<%@ include file="/webpage/include/taglib.jsp"%>
|
|
|
|
+<html>
|
|
|
|
+<head>
|
|
|
|
+ <title>选择下载模板类型</title>
|
|
|
|
+ <meta name="decorator" content="default"/>
|
|
|
|
+ <script type="text/javascript" src="${ctxStatic}/layui/layui.js"></script>
|
|
|
|
+ <link rel='stylesheet' type="text/css" href="${ctxStatic}/layui/css/layui.css"/>
|
|
|
|
+ <script src="${ctxStatic}/layer-v2.3/layui/xmSelect.js" charset="utf-8"></script>
|
|
|
|
+ <script type="text/javascript">
|
|
|
|
+
|
|
|
|
+ function doSubmit(){//回调函数,在编辑和保存动作时,供openDialog调用提交表单。
|
|
|
|
+ var beginDateTime = $("#beginDate").val();
|
|
|
|
+ var endDateTime = $("#endDate").val();
|
|
|
|
+ if(beginDateTime != null && beginDateTime != undefined && beginDateTime != ''
|
|
|
|
+ &&endDateTime != null && endDateTime != undefined && endDateTime != ''){
|
|
|
|
+ var startDate = new Date(beginDateTime.replace(/-/g, "/"));
|
|
|
|
+ var endDate = new Date(endDateTime.replace(/-/g, "/"));
|
|
|
|
+ var time = endDate.getTime() - startDate.getTime();
|
|
|
|
+ var days = parseInt(time / (1000 * 60 * 60 * 24));
|
|
|
|
+ if(days<0){
|
|
|
|
+ parent.layer.msg("项目创建结束时间需大于开始时间!", {icon: 5});
|
|
|
|
+ $("#endDate").val('');
|
|
|
|
+ return;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ if((beginDateTime != null && beginDateTime != undefined && beginDateTime != '')
|
|
|
|
+ &&(endDateTime == null || endDateTime == undefined || endDateTime == '')){
|
|
|
|
+ parent.layer.msg("请选择创建结束时间!", {icon: 5});
|
|
|
|
+ return;
|
|
|
|
+ }
|
|
|
|
+ if((endDateTime != null && endDateTime != undefined && endDateTime != '')
|
|
|
|
+ &&(beginDateTime == null || beginDateTime == undefined || beginDateTime == '')){
|
|
|
|
+ parent.layer.msg("请选择创建开始时间!", {icon: 5});
|
|
|
|
+ return;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ var recordTypeStr=$("#recordTypeStr").val();
|
|
|
|
+ if(recordTypeStr==null||recordTypeStr==""){
|
|
|
|
+ top.layer.msg('请选择归档状态!', {icon: 0});
|
|
|
|
+ return false;
|
|
|
|
+ }
|
|
|
|
+ $("#inputForm").submit();
|
|
|
|
+ return true;
|
|
|
|
+ }
|
|
|
|
+ var validateForm;
|
|
|
|
+ $(document).ready(function() {
|
|
|
|
+ contentDetailTypeShow();
|
|
|
|
+ validateForm = $("#inputFormAdd").validate({
|
|
|
|
+ submitHandler: function(form){
|
|
|
|
+ loading('正在提交,请稍等...');
|
|
|
|
+ form.submit();
|
|
|
|
+ },
|
|
|
|
+ errorContainer: "#messageBox",
|
|
|
|
+ errorPlacement: function(error, element) {
|
|
|
|
+ $("#messageBox").text("输入有误,请先更正。");
|
|
|
|
+ if (element.is(":checkbox")||element.is(":radio")||element.parent().is(".input-append")){
|
|
|
|
+ error.appendTo(element.parent().parent());
|
|
|
|
+ } else {
|
|
|
|
+ error.insertAfter(element);
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+ laydate.render({
|
|
|
|
+ elem: '#beginDate', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎,因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
|
|
|
|
+ event: 'focus', //响应事件。如果没有传入event,则按照默认的click
|
|
|
|
+ type : 'date'
|
|
|
|
+ , trigger: 'click'
|
|
|
|
+ });
|
|
|
|
+ laydate.render({
|
|
|
|
+ elem: '#endDate', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎,因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
|
|
|
|
+ event: 'focus', //响应事件。如果没有传入event,则按照默认的click
|
|
|
|
+ type : 'date'
|
|
|
|
+ , trigger: 'click'
|
|
|
|
+ });
|
|
|
|
+ laydate.render({
|
|
|
|
+ elem: '#paperRecordBeginDate', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎,因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
|
|
|
|
+ event: 'focus', //响应事件。如果没有传入event,则按照默认的click
|
|
|
|
+ type : 'date'
|
|
|
|
+ , trigger: 'click'
|
|
|
|
+ });
|
|
|
|
+ laydate.render({
|
|
|
|
+ elem: '#paperRecordEndDate', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎,因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
|
|
|
|
+ event: 'focus', //响应事件。如果没有传入event,则按照默认的click
|
|
|
|
+ type : 'date'
|
|
|
|
+ , trigger: 'click'
|
|
|
|
+ });
|
|
|
|
+ });
|
|
|
|
+ </script>
|
|
|
|
+</head>
|
|
|
|
+<body>
|
|
|
|
+<div class="single-form-small">
|
|
|
|
+ <div class="container view-form">
|
|
|
|
+ <form:form id="inputForm" modelAttribute="projectRecords" action="${ctx}/ruralProject/ruralProjectMessageAll/recordDownload" method="post" class="form-horizontal">
|
|
|
|
+ <input type="hidden" id="recordTypeStr" name="recordTypeStr" value="">
|
|
|
|
+ <div class="form-group layui-row first">
|
|
|
|
+ <div class="layui-item layui-col-sm8 ">
|
|
|
|
+ <label class="layui-form-label double-line">归档发起时间:</label>
|
|
|
|
+ <div class="layui-input-block">
|
|
|
|
+ <input id="beginDate" name="beginDate" placeholder="开始时间" type="text" readonly="readonly" maxlength="20" class="laydate-icondate form-control layer-date layui-input laydate-icon query-group"
|
|
|
|
+ value="<fmt:formatDate value="${projectRecords.beginDate}" pattern="yyyy-MM-dd"/>"/>
|
|
|
|
+ </input>
|
|
|
|
+ <span class="group-sep">-</span>
|
|
|
|
+ <input id="endDate" name="endDate" placeholder="结束时间" type="text" readonly="readonly" maxlength="20" class="laydate-icondate form-control layer-date layui-input laydate-icon query-group"
|
|
|
|
+ value="<fmt:formatDate value="${projectRecords.endDate}" pattern="yyyy-MM-dd"/>"/>
|
|
|
|
+ </input>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="layui-item layui-col-sm8 ">
|
|
|
|
+ <label class="layui-form-label double-line">归档通过时间:</label>
|
|
|
|
+ <div class="layui-input-block">
|
|
|
|
+ <input id="paperRecordBeginDate" name="paperRecordBeginDate" placeholder="归档通过开始时间" type="text" readonly="readonly" maxlength="20" class="laydate-icondate form-control layer-date layui-input laydate-icon query-group"
|
|
|
|
+ value="<fmt:formatDate value="${projectRecords.paperRecordBeginDate}" pattern="yyyy-MM-dd"/>"/>
|
|
|
|
+ </input>
|
|
|
|
+ <span class="group-sep">-</span>
|
|
|
|
+ <input id="paperRecordEndDate" name="paperRecordEndDate" placeholder="归档通过结束时间" type="text" readonly="readonly" maxlength="20" class="laydate-icondate form-control layer-date layui-input laydate-icon query-group"
|
|
|
|
+ value="<fmt:formatDate value="${projectRecords.paperRecordEndDate}" pattern="yyyy-MM-dd"/>"/>
|
|
|
|
+ </input>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="layui-item layui-col-sm8">
|
|
|
|
+ <label class="layui-form-label double-line"><span class="require-item">*</span>纸质归档状态:</label>
|
|
|
|
+ <div class="layui-input-block">
|
|
|
|
+ <div id="recordType" class="xm-select-demo" tabindex="0" contenteditable="true"></div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </form:form>
|
|
|
|
+ </div>
|
|
|
|
+</div>
|
|
|
|
+<script src="${ctxStatic}/layer-v2.3/layui/layui.all.js" charset="utf-8"></script>
|
|
|
|
+<script>
|
|
|
|
+ function contentDetailTypeShow() {
|
|
|
|
+ $.ajax({
|
|
|
|
+ type:'post',
|
|
|
|
+ url:'${ctx}/ruralProject/ruralProjectMessageAll/getRecordType',
|
|
|
|
+ data:{
|
|
|
|
+ "type":'archive_paper_state'
|
|
|
|
+ },
|
|
|
|
+ success:function(data){
|
|
|
|
+ if(data.success) {
|
|
|
|
+ var data = data.body.list;
|
|
|
|
+ $("#recordType").val(data);
|
|
|
|
+ xmSelect.render({
|
|
|
|
+ el: '#recordType',
|
|
|
|
+ language: 'zn',
|
|
|
|
+ toolbar:{
|
|
|
|
+ show: true,
|
|
|
|
+ },
|
|
|
|
+ autoRow: true,
|
|
|
|
+ on: function(data){
|
|
|
|
+ //arr: 当前多选已选中的数据
|
|
|
|
+ var arr = data.arr;
|
|
|
|
+ console.log(arr)
|
|
|
|
+ //change, 此次选择变化的数据,数组
|
|
|
|
+ var change = data.change;
|
|
|
|
+ //isAdd, 此次操作是新增还是删除
|
|
|
|
+ var isAdd = data.isAdd;
|
|
|
|
+
|
|
|
|
+ console.log('已有: '+arr.length+' 变化: '+change.length+', 状态: ' + isAdd)
|
|
|
|
+
|
|
|
|
+ var list = [];
|
|
|
|
+ //遍历当前选择的数据
|
|
|
|
+ for (var i in arr){
|
|
|
|
+ list.push(arr[i].value);
|
|
|
|
+ }
|
|
|
|
+ $("#recordTypeStr").val(list);
|
|
|
|
+ },
|
|
|
|
+ data:data
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ var recordType = xmSelect.render({
|
|
|
|
+ el: '#recordType',
|
|
|
|
+ toolbar:{
|
|
|
|
+ show: true,
|
|
|
|
+ },
|
|
|
|
+ autoRow: true,
|
|
|
|
+ language: 'zn',
|
|
|
|
+ data: [
|
|
|
|
+ ]
|
|
|
|
+ })
|
|
|
|
+</script>
|
|
|
|
+</body>
|
|
|
|
+</html>
|