同事的一个很好的easyui 界面
来源：互联网 发布：mac口红海淘攻略 编辑：程序博客网 时间：2024/05/01 09:17
<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%><%@ include file="/WEB-INF/views/include/taglib.jsp"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title></title><%@ include file="/WEB-INF/views/include/include.jsp"%></head><script type = "text/javascript"> $(function(){// 加载签章数据$('#Signature').datagrid({width:'auto',//height:450,nowrap:true,dialogHeight:'auto',stripted:true,fitColumns:false,fit:true,loadMsg:'加载中……',singleSelect:true,pagination:true,pagePosition:'bottom',rownumbers:false,modal:true,pageSize:20,pageList:[5,10,20,50], url:'${ctx}/Signature/findByPage.do', toolbar:"#signature-tb", signatureId:"signatureId", columns:[[ {field:'ck',checkbox:true}, {field:'businessName',title:'企业名称',align:'center',width:150}, {field:'busCustomerTaxCode',title:'企业纳税人识别号',align:'center',width:150}, {field:'signatureName',title:'签章名称',align:'center',width:150}, {field:'signatureCode',title:'签章编码',align:'center',width:100}, {field:'signatureModel',title:'印模编码',align:'center',width:100}, {field:'orgCode',title:'机构编码',align:'center',width:100}, {field:'signatureType',title:'签章类型',align:'center',width:60,formatter:function(val){ return val == 0 ?'企业':'个人';} }, {field:'signatureFlag',title:'签章标识',align:'center',width:60,formatter:function(val){ return val == 0 ?'普通印章':'其他';} }, { field:'signatureStatus', title:'签章状态', width:60, align:'center', formatter:function(val){ return val == 0 ?'<a style="color:green">正常</a>':'<a style="color:red">逾期</a>'; } }, {field:'signatureTime',title:'到期时间',align:'center',width:150,formatter:function(val){ var time = new Date(val); return DateBoxFormate(time); } }, {field:'makesealStatus',title:'制章状态',align:'center',width:60,formatter:function(val){ return val == 0 ?'<a style="color:red">未制</a>':'<a style="color:green">已制</a>';} }, {field:'signatureUpaddress', title:'签章', width:50, align:'center', formatter:function(value,rec){ var seeBtn = '<a onclick="seeSignature()" href="javascript:#">查看</a>'; return seeBtn; } } ]]});// 添加和修改区域获取组织架构$("#regionId").combotree({ url:rootName+'/Organization/findOrg.do', panelHeight:200, panelWidth:'auto', valueField:'id', textField:'text', animate:true, lines: true, onSelect:function(node){$("#businessName").val(node.text); } });})// 搜索签章function searchSignature(){$('#Signature').datagrid('load',{busCustomerTaxCode:$('#searchByBusCustomerTaxCode').textbox('getValue'),businessName:$('#searchByBusinessName').textbox('getValue'),signatureStatus:$('#searchBySignatureStatus').textbox('getValue')})}var url;//添加签章function addSignature(){$('#dlg').dialog({title:"添加签章信息",onOpen:function(){$('#img').remove();url = '${ctx}/Signature/insert.do';}});$('#dlg').dialog('open');$('#fm').form('clear');}//编辑签章function editSignature(){ var row = $('#Signature').datagrid('getSelected'); if (row == null){ $.messager.alert("提示", "请选择一条记录"); }else{ $('#dlg').dialog({title:"修改", onOpen:function(){ // 恢复可编辑 $("input:not(:button,:hidden)").prop("readonly", false); // 处理时间控件的显示 if(row.signatureTime != null){ var time = new Date(row.signatureTime); $("#signatureTime").datebox("setValue",DateBoxFormate(time)); } // 清空文件上传控件的内容 $('#signaturePicture').textbox('clear'); $('#CAFile').textbox('clear'); // 设置更新url url = '${ctx}/Signature/update.do?signatureId='+row.signatureId; if(row.signatureUpaddress!=null && row.signatureUpaddress!="" ){ $('#showImage').html('<img id="img" style="width:100px;height:100px;" src="${ctx}/Signature/viewSignatureImage.do?imageURL='+row.signatureUpaddress+'"></img>'); } }});$('#dlg').dialog('open'); $('#fm').form('load',row); }}// 删除function delSignature(){ var row = $('#Signature').datagrid('getSelected'); if (row==null){ $.messager.alert("错误","请选择一条数据"); }else{ $.messager.confirm('确认？','确定要删除这条记录吗?',function(r){ if(r){ $.ajax({ type: 'post', url:'${ctx}/Signature/delete.do', data: {signatureId: row.signatureId}, success: function (result) { if(typeof result== "string"&&result.indexOf("form id=\"loginform\"") > 0 ){//跳转登录页面 top.location.href=rootName+"/login.do"; }else{ if(typeof result== "string"){ result = eval('(' + result + ')'); } if (!result.success) { $.messager.alert("提示", result.msg, 'error'); } else { $.messager.alert("提示", result.msg, 'info'); $('#Signature').datagrid('reload'); } } } }); } }); }}// 表单提交function subformSignature(){$("input[name='signatureTime']").val($('#signatureTime').datebox('getValue'));$('#fm').form('submit',{ url:url, onSubmit:function(){ return $(this).form('validate'); }, success:function(result){ if(typeof result== "string"&&result.indexOf("form id=\"loginform\"") > 0 ){//跳转登录页面 top.location.href=rootName+"/login.do"; }else{ var result; if(typeof result== "string"){ result = eval('(' + result + ')'); } if(!result.success){ $.messager.alert("提示", result.msg, 'error'); }else{ $('#dlg').dialog('close'); $.messager.alert("提示", result.msg, 'info'); $('#Signature').datagrid('reload'); } } } })}// 制章function makeSeal(){ var row = $('#Signature').datagrid('getSelected'); if (row==null){ $.messager.alert("错误","请选择一条数据"); }else{ $.messager.confirm('确认？','确定要制作这个签章吗?',function(r){ if(r){ $.ajax({ type: 'post', url:'${ctx}/Signature/makeSeal.do', data: {signatureId: row.signatureId}, success: function (result) { if(typeof result== "string"&&result.indexOf("form id=\"loginform\"") > 0 ){//跳转登录页面 top.location.href=rootName+"/login.do"; }else{ if(typeof result== "string"){ result = eval('(' + result + ')'); } if (!result.success) { $.messager.alert("提示", result.msg, 'error'); } else { $.messager.alert("提示", result.msg, 'info'); $('#Signature').datagrid('reload'); } } } }); } }); }}function seeSignature(){ var row = $('#Signature').datagrid('getSelected'); if (row == null){ $.messager.alert("提示", "请选择一条记录"); }else{ $('#showImage-dlg').dialog({title:"查看",resizable:true, onOpen:function(){ if(row.signatureUpaddress!=null && row.signatureUpaddress!="" ){ $('#showSignatureImage').html('<img id="img" style="width:100px;height:100px;" src="${ctx}/Signature/viewSignatureImage.do?imageURL='+row.signatureUpaddress+'"></img>'); } }});$('#showImage-dlg').dialog('open'); }}</script><body><table id="Signature"></table><div id="dlg" class="easyui-dialog" style="width:380px;height:360px;padding:10px 20px" closed="true" buttons="#dlg-buttons" modal="true"> <form id="fm" method="post" enctype='multipart/form-data'> <div class="fitem" style="margin-bottom:10px"> <a style=display:inline-block;width:100px;>企业名称:</a> <select id="regionId" name="orgId" class="easyui-combotree" required="true" editable="false" data-options="prompt:'请下拉选择',panelHeight:'120px'" style="width:172px;"></select><input id="businessName" name="businessName" style="display:none;" /></div><div class="fitem" style="margin-bottom:10px"> <a style=display:inline-block;width:100px;>签章名称:</a> <input name="signatureName" class="easyui-textbox" data-options="required:true,validType:'rigthName'" style="width:172px;"> </div><!-- <div class="fitem" style="margin-bottom:10px"> <a style=display:inline-block;width:100px;>纳税人识别号:</a> <input name="busCustomerTaxCode" class="easyui-textbox" data-options="required:true,validType:'rigthName'" style="width:172px;"> </div> <div class="fitem" style="margin-bottom:10px"> <a style=display:inline-block;width:100px;>签章编码:</a> <input name="signatureCode" class="easyui-textbox" data-options="required:true,validType:'rigthName'" style="width:172px;"> </div> <div class="fitem" style="margin-bottom:10px"> <a style=display:inline-block;width:100px;>印模编码:</a> <input name="signatureModel" class="easyui-textbox" data-options="required:true,validType:'rigthName'" style="width:172px;"> </div> --> <div class="fitem" style="margin-bottom:10px"> <a style=display:inline-block;width:100px;>签章类型:</a> <select id=signatureType class="easyui-combobox" data-options="prompt:'签章类型',panelHeight:'55px'" style="width:80px; height:22px;" name="signatureType"><option value="0">企业</option><option value="1">个人</option></select> </div> <div class="fitem" style="margin-bottom:10px"> <a style=display:inline-block;width:100px;>签章标识:</a> <select id="signatureFlag" class="easyui-combobox" data-options="prompt:'签章标识',panelHeight:'55px'" style="width:80px; height:22px;" name="signatureFlag"><option value="0">普通签章</option><option value="1">其他</option></select> </div> <div class="fitem" style="margin-bottom:10px"> <a style=display:inline-block;width:100px;>签章上传:</a> <input id="signaturePicture" class="easyui-filebox" name="signaturePicture" data-options="prompt:'请选择签章图片',buttonText:'选择图片'"style="width:172px;display:none;"/> <div id="showImage"></div> </div> <div class="fitem" style="margin-bottom:10px"> <a style=display:inline-block;width:100px;>CA文件上传:</a> <input id="CAFile" class="easyui-filebox" name="CAFile" data-options="prompt:'请添加CA文件',buttonText:'选择文件'" style="width:172px;"/> </div> <div class="fitem" style="margin-bottom:10px"> <a style=display:inline-block;width:100px;>签章密码（CA）:</a> <input class="easyui-textbox" type="password" name="signaturePwd" data-options="prompt:'请输入签章密码',required:true" style="width:172px;"/> </div> <div class="fitem" style="margin-bottom:10px"> <a style=display:inline-block;width:100px;>CA到期时间:</a> <input type="hidden" name="signatureTime"></input> <input id="signatureTime" class="easyui-datebox" data-options="showSeconds:true" required="true" style="width:172px;"></input></div> </form> </div> <div id="dlg-buttons"> <a href="#" class="easyui-linkbutton" onclick="subformSignature();">确定</a> <a href="#" class="easyui-linkbutton" onclick="javascript:$('#dlg').dialog('close')">关闭</a> </div> <div id="showImage-dlg" class="easyui-dialog" style="width:200px;height:200px;padding:10px 20px" closed="true" > <div id="showSignatureImage"></div> </div> <div id="signature-tb" style="padding:5px;margin-bottom:2px"><div style="padding:0 0 0 7px;color:#333; height:30px">纳税人识别号：<input type="text" id="searchByBusCustomerTaxCode" class="easyui-textbox" name="busCustomerTaxCode" data-options="prompt:'请输入纳税人识别号'" > 企业名称：<input type="text" id="searchByBusinessName" name="businessName" class="easyui-textbox" data-options="prompt:'请输入企业名称'"> <a style=display:inline-block;width:55px;>签章状态:</a><select id="searchBySignatureStatus" class="easyui-combobox" data-options="panelHeight:'65px'" style="width:60px;" name="signatureStatus" editable="false"><option value="">全部</option><option value="0">正常</option><option value="1">逾期</option></select></div><div id="handle" style="border-top:1px solid #D4D4D4;"><div style="height:25px"><a href="#" class="easyui-linkbutton" iconCls="icon-search" plain="true" onclick="searchSignature();">查询</a> <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="addSignature();">添加</a><a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="editSignature();">修改</a><a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true"onclick="delSignature();">删除</a><a href="#" class="easyui-linkbutton" iconCls="icon-filter" plain="true"onclick="makeSeal();">制章</a></div></div></div></body></html> 1 0
- 同事的一个很好的easyui 界面
- jquery easyui 很好的示例
- 很好的一个软件界面.对我太有用了.
- 一个同事的投资观
- 一个同事的冷笑话
- 一个很好的blog
- 很好的一个LESSON
- 一个很好的网站
- 一个很好的网站
- 一个很好的网站
- 很好的一个blog
- 很好的一个博客
- 一个很好的博客
- 一个很好的博客
- 一个很好的博客
- 很好的一个博客
- 一个很好的网址
- 一个很好的Tutorial
- vs2013关闭安全函数检查
- C语言概述（1）
- Win32 GDI 学习总结
- MQTT 移植STM32+GPRS(串口透传)(二)
- laravel源码阅读之自动加载功能
- 同事的一个很好的easyui 界面
- 进程和线程
- 图片二进制储存到数据库
- 几种简单的负载均衡算法及其Java代码实现
- “三天打鱼两天晒网”
- 【枚举】珠心算测验[c++]
- fail-fast/happens-before
- windows的一些命令
- Linux内核编译及管理
