skyversation
/
meidu2021


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294
							<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@include file="/context/mytags.jsp" %>
<!DOCTYPE html>
<html>
<head>
    <title>Online表单风格</title>
    <t:base type="jquery,easyui,tools,DatePicker"></t:base>
</head>
<body>
<t:formvalid formid="formobj" dialog="true"   usePlugin="password" layout="table" action="cgformTemplateController.do?doAdd">
    <input id="id" name="id" type="hidden" value="${cgformTemplatePage.id }">
    <input id="createName" name="createName" type="hidden" value="${cgformTemplatePage.createName }">
    <input id="createBy" name="createBy" type="hidden" value="${cgformTemplatePage.createBy }">
    <input id="createDate" name="createDate" type="hidden" value="${cgformTemplatePage.createDate }">
    <input id="updateName" name="updateName" type="hidden" value="${cgformTemplatePage.updateName }">
    <input id="updateBy" name="updateBy" type="hidden" value="${cgformTemplatePage.updateBy }">
    <input id="updateDate" name="updateDate" type="hidden" value="${cgformTemplatePage.updateDate }">
    <input id="sysOrgCode" name="sysOrgCode" type="hidden" value="${cgformTemplatePage.sysOrgCode }">
    <input id="sysCompanyCode" name="sysCompanyCode" type="hidden" value="${cgformTemplatePage.sysCompanyCode }">

    <div style="float: left;height: 99%;width: 30%;margin-top: 20px;">
        <img id="prePic" src="" style="background-color: rgba(68, 111, 128, 0.67)"  width="98%" height="200px" />
        <!-- update--begin---author:zhangjiaqiang date:20170301 for:TASK #1707 【功能改进】目前的操作模式是右侧选择图片上传 -->
<!--         <a class="easyui-linkbutton" href="javascript:void(0)" onclick="uploadPic()">上传</a> -->
<!-- update--begin---author:zhangjiaqiang date:20170301 for:TASK #1707 【功能改进】目前的操作模式是右侧选择图片上传 -->
    </div>
    <div style="float: right;height: 99%;width:70%">
        <table style="width: 100%;height: 100%" cellpadding="0" cellspacing="1" class="formtable">
            <tr>
                <td align="right">
                    <label class="Validform_label">
                        	表单风格编码:
                    </label>
                </td>
                <td class="value">
                    <input id="templateCode" name="templateCode" type="text" style="width: 300px" class="inputxt" datatype="/\w{1,20}/i" errormsg="编码只能为字母！" />
                    <span class="Validform_checktip"></span>
                    <label class="Validform_label" style="display: none;">表单风格编码</label>
                </td>
            </tr>
            <tr>
                <td align="right">
                    <label class="Validform_label" style="width: 100px">
                      	  表单风格名称:
                    </label>
                </td>
                <td class="value">
                    <input id="templateName" name="templateName" type="text" style="width: 300px" class="inputxt" datatype="*" errormsg="名称不能为空！" nullmsg="名称不能为空!"/>
                    <span class="Validform_checktip"></span>
                    <label class="Validform_label" style="display: none;">表单风格名</label>
                </td>
            </tr>
            <tr>
                <td align="right" >
                    <label class="Validform_label">
                        	类型:
                    </label>
                </td>
                <td class="value"  >
                    <select id="templateType" name="templateType" >
                        <option value="1" <c:if test="${cgformTemplatePage.templateType eq '1'}"> selected='selected'</c:if>>单表</option>
                        <option value="2" <c:if test="${cgformTemplatePage.templateType eq '2'}"> selected="selected"</c:if>>主子表</option>
                        <option value="3" <c:if test="${cgformTemplatePage.templateType eq '3'}"> selected="selected"</c:if>>通用模板</option>
                    </select>
                    <span class="Validform_checktip"></span>
                    <label class="Validform_label" style="display: none;">类型</label>
                </td>
            </tr>
            <!-- update--begin--author:zhangjiaqiang date:20170305 for:TASK #1749 【新功能】自定义样式表加个字段 【是否激活】 -->
             <tr>
                <td align="right">
                    <label class="Validform_label" style="width: 100px">
                        	是否激活:
                    </label>
                </td>
                <td class="value">
                    <input type="radio" name="status" value="0" >无效
                    <input type="radio" name="status" value="1" checked="checked">有效
                    <span class="Validform_checktip"></span>
                    <label class="Validform_label" style="display: none;">是否激活</label>
                </td>
            </tr>
             <!-- update--begin--author:zhangjiaqiang date:20170305 for:TASK #1749 【新功能】自定义样式表加个字段 【是否激活】 -->
           <%-- <tr>
                <td align="right"  style="display: none">
                    <label class="Validform_label">
                        是否共享:
                    </label>
                </td>
                <td class="value"  style="display: none">
                    <t:dictSelect field="templateShare" type="radio"
                                  typeGroupCode="sf_yn" defaultVal="${cgformTemplatePage.templateShare}"
                                  hasLabel="false" title="是否共享"></t:dictSelect>
                    <span class="Validform_checktip"></span>
                    <label class="Validform_label" style="display: none;">是否共享</label>
                </td>
            </tr>--%>
            <tr>
                <td align="right">
                    <label class="Validform_label">
                     	   预览图：
                    </label>
                </td>
                <td class="value" >
                    <span id="templatePicspan"><input type="file" name="templatePic_u" id="templatePic_u" /></span>
                    <input type="hidden" id="templatePic" name="templatePic" />

                    <span class="Validform_checktip"></span>
                    <label class="Validform_label" style="display: none;">预览图</label>
                </td>
            </tr>

            <tr>
                <td align="right">
                    <label class="Validform_label">
                     	   上传风格模板:
                    </label>
                </td>
                <td class="value" >
                    <t:upload id="templateZip"   buttonText="上传文件" multi="false" name="templateZip" uploader="cgformTemplateController.do?uploadZip" onUploadSuccess="uploadZipSuccess" extend="*.zip;*.rar"></t:upload>
                    <div class="form" id="filediv" ></div>
                    <span class="Validform_checktip"></span>
                    <label class="Validform_label" style="display: none;">风格模板</label>
                    <input type="hidden" id="templateZipName" name="templateZipName" />
                </td>

            </tr>
            <tr>
                <td align="right">
                    <label class="Validform_label">
                        	风格描述:
                    </label>
                </td>
                <td class="value">
                    <textarea style="width:400px;height: 60px" class="inputxt" rows="6" id="templateComment" name="templateComment"></textarea>
                    <span class="Validform_checktip"></span>
                    <label class="Validform_label" style="display: none;">风格描述</label>
                </td>
            </tr>
           <!--  <tr>
                <td align="right">
                    <label class="Validform_label" style="width: 100px">
                        	自定义OL模板 - 列表页面:
                    </label>
                </td>
                <td class="value">
                    <input id="templateListName" name="templateListName" type="text" style="width: 400px" class="inputxt"
                           datatype="*" errormsg="自定义OL模板 - 列表页面不能为空！" nullmsg="自定义OL模板 - 列表页面不能为空!" value="autolist.ftl"
                            >
                    <span class="Validform_checktip"></span>
                    <label class="Validform_label" style="display: none;">自定义OL模板 - 列表页面</label>
                </td>
            </tr>
            <tr>
                <td align="right">
                    <label class="Validform_label" style="width: 100px">
                       	自定义OL模板 -  录入页面:
                    </label>
                </td>
                <td class="value">
                    <input id="templateAddName" name="templateAddName" type="text" style="width: 400px" class="inputxt"
                           datatype="*" errormsg="自定义OL模板 - 录入页面不能为空！" nullmsg="自定义OL模板 - 录入页面不能为空!" value="jform.ftl"
                            >
                    <span class="Validform_checktip"></span>
                    <label class="Validform_label" style="display: none;">自定义OL模板 - 录入页面</label>
                </td>
            </tr>
            <tr>
                <td align="right">
                    <label class="Validform_label" style="width: 100px">
                       	 自定义OL模板 - 编辑页面:
                    </label>
                </td>
                <td class="value">
                    <input id="templateUpdateName" name="templateUpdateName" type="text" style="width: 400px" class="inputxt"
                           datatype="*" errormsg="自定义OL模板 - 编辑页面不能为空！" nullmsg="自定义OL模板 - 编辑页面不能为空!"  value="jform.ftl"
                            >
                    <span class="Validform_checktip"></span>
                    <label class="Validform_label" style="display: none;">自定义OL模板 - 编辑页面</label>
                </td>
            </tr>
            <tr>
                <td align="right">
                    <label class="Validform_label" style="width: 100px">
                        	自定义OL模板 - 查看页面:
                    </label>
                </td>
                <td class="value">
                    <input id="templateDetailName" name="templateDetailName" type="text" style="width: 400px" class="inputxt"
                           datatype="*" errormsg="自定义OL模板 - 查看页面不能为空！" nullmsg="自定义OL模板 - 查看页面不能为空!"  value="jform.ftl"
                            >
                    <span class="Validform_checktip"></span>
                    <label class="Validform_label" style="display: none;">自定义OL模板 - 查看页面</label>
                </td>
            </tr> -->
        </table>
    </div>
</t:formvalid>
</body>
<script src="webpage/jeecg/cgform/template/cgformTemplate.js"></script>
<script>
    var hasZipFile=0;

    $(function () {
        $("#prePic").attr("src","cgformTemplateController.do?showPic");
        $('#templatePic_u').uploadify({buttonText:'浏览',
            progressData:'speed',
            multi:false,
            height:25,
            overrideEvents:['onDialogClose'],
            fileTypeDesc:'文件格式:',
            fileTypeExts:'*.jpg;*,jpeg;*.png;*.gif;*.bmp;*.ico;*.tif',
            fileSizeLimit:'15MB',
            swf:'plug-in/uploadify/uploadify.swf',
            uploader:'cgformTemplateController.do?uploadPic&sessionId=${pageContext.session.id}',
            //update--begin--author:zhangjiaqiang date:20170301 for:TASK #1707 【功能改进】目前的操作模式是右侧选择图片上传
            auto:true,
          //update--end--author:zhangjiaqiang date:20170301 for:TASK #1707 【功能改进】目前的操作模式是右侧选择图片上传
            onUploadSuccess : function(file, data, response) {
                if(data){
                    var d=$.parseJSON(data);
                    if(d.success){
                        $("#prePic").attr("src","cgformTemplateController.do?showPic&path="+ d.obj);
                        $("#templatePic").val(d.obj);
                    }
                }

            }
        });

        $('#templateZip').uploadify({buttonText:'浏览文件',
            progressData:'speed',
            multi:false,
            height:25,
            overrideEvents:['onDialogClose'],
            fileTypeDesc:'文件格式:',
            //author:scott -- date:20170317 -- for:配置rar或者zip的时候,点击上传按钮之后要过10多秒才弹出文件选择框，采用方案不做上传类型限制--
            //fileTypeExts:'*.zip',
            fileSizeLimit:'15MB',
            swf:'plug-in/uploadify/uploadify.swf',
            uploader:'cgformTemplateController.do?uploadZip&sessionId=${pageContext.session.id}',
            auto:false,
            onSelect: function (file) {
                hasZipFile++;
            },
            onCancel : function(file) {
                hasZipFile--;
            },
            onUploadSuccess : function(file, data, response) {
                if(data){
                    var d=$.parseJSON(data);
                    if(d.success){
                        $("#templateZipName").val(d.obj);
                        $("#formobj").submit();
                    }
                }

            }
        });
    });
    //验证编码唯一性
    function checkCode(){
        var tCode=$("#templateCode").val();
        if("default"==tCode){
            $.messager.alert('错误', "编码不能default,请重新输入！");
            return false;
        }
        var flag=false;
        $.ajax({
            url:"${pageContext.request.contextPath}/cgformTemplateController.do?checkCode",
            data:{"param":$("#templateCode").val()},
            dataType:"json",
            async:false,
            type:"post",
            success: function (data) {
                flag=data.success;
            }
        })
        if(!flag) {
            $.messager.alert('错误', "编码不能重复！");
            return false;
        }else{
           // flag=checkPic();
            flag&=checkZip();
        }
      return flag;
    }
    //上传zip
    function uploadZip(){
        if($("#formobj").Validform({tiptype:3}).check() && checkCode()) {
            $('#templateZip').uploadify("upload","*");
        }
    }
</script>