1 <%@ page contentType="text/html;charset=UTF-8"%>
2 <%@ include file="/common/taglibs.jsp"%>
3 <html lang="zh-cn">
4 <head>
5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
8 <meta name="renderer" content="webkit">
9 <title></title>
10
11 <link rel="stylesheet" type="text/css" href="../resource/js/jquery-easyui-1.4.1/themes/default/easyui.css" />
12 <link rel="stylesheet" type="text/css" href="../resource/js/jquery-easyui-1.4.1/themes/icon.css" />
13 <link rel="stylesheet" href="../resource/css/pintuer.css">
14 <link rel="stylesheet" href="../resource/css/admin.css">
15 <link rel="stylesheet" href="../resource/css/style.css">
16 <link rel="stylesheet" href="../resource/js/kindeditor/themes/default/default.css" />
17 <script type="text/javascript" src="../resource/js/jquery.js"></script>
18 <script type="text/javascript" src="../resource/js/pintuer.js"></script>
19 <script type="text/javascript" src="../resource/js/My97DatePicker/WdatePicker.js"></script>
20 <script type="text/javascript" src="../resource/js/jquery-easyui-1.4.1/jquery.min.js"></script>
21 <script type="text/javascript" src="../resource/js/jquery-easyui-1.4.1/jquery.easyui.min.js"></script>
22 <script type="text/javascript" src="../resource/js/tagsinput/jquery.tagsinput.js"></script>
23 <script type="text/javascript" src="../resource/js/tagsinput/jquery.tagsinput.min.js"></script>
24 <script type="text/javascript" src="../resource/js/jquery-easyui-1.4.1/locale/easyui-lang-zh_CN.js"></script>
25 <script type="text/javascript" src="../resource/js/utils.js"></script>
26 <!-- <script type="text/javascript" src="../resource/js/util_tab.js"></script> -->
27 <script type="text/javascript" src="../resource/js/json2.js"></script>
28 <script charset="utf-8" src="../resource/js/kindeditor/kindeditor-all-min.js"></script>
29 <script charset="utf-8" src="../resource/js/kindeditor/lang/zh-CN.js"></script>
30 </head>
31 <body>
32 <div id="left" class="easyui-panel panel-body panel-body-noheader" style="padding: 5px; width: 298px; height: 648px;" >
33 <!-- 用来显示加载的书 -->
34 <strong class="icon-reorder"> 码表类型</strong>
35 <br />
36 <ul id="tt" ></ul>
37 </div>
38 <div id="right" class="iframe-admin">
39 <div class="panel-head clearfix lh30"><strong class="icon-reorder"> 码表管理</strong>
40 <a class="button border-main icon-plus-square-o small-btn pull-right" href="javascript:addnewtyperoot()">添加新类型码表信息</a>
41 </div>
42 <table id="dg" style="height: 90%"></table>
43 </div>
44 <!--列表表头查询 -->
45 <div id="userQuery" fit="true" style="height:auto;">
46 <form method="post" id="queryform" name="queryform">
47 <div class="panel-head clearfix lh30">
48 <a class="button border-main icon-plus-square-o small-btn pull-right" href="javascript:goAdd()">添加行</a>
49 <a class="button border-main icon-plus-square-o small-btn pull-right" href="javascript:saveAllData()"> 保存</a>
50 <a class="button border-main icon-plus-square-o small-btn pull-right" href="javascript:reject()"> 撤销</a>
51 </div>
52 <div class="padding">
53 <ul class="search" style="padding-left:10px;">
54 <li>码表名：
55 <input type="text" id="codename" name="codename" class="input w120" style="line-height:17px;display:inline-block" />
56 </li>
57 <li><a href="javascript:doSearch('dg', $('#queryform').serializeJson());" class="button border-main icon-search" style="line-height:29px;">查询</a></li>
58 </ul>
59 </div>
60 </form>
61 </div>
62
63 <!--添加新类型页面窗口 -->
64 <div id="winOpenEdit" class="easyui-window"
65 data-options="modal:true,closed:true,collapsible:false,minimizable:false,maximizable:false,width:600,height:500,
66 onLoadError:function(request){
67 $(this).window('close');
68 exeError(request);
69 }">
70 </div>
71 <script type="text/javascript">
72 /*刷新树信息 */
73 function fushTree(){
74 $('#tt').tree({
75 url:'${ctx}/dict/codeType.do',
76 lines:true,//显示加减号
77 animate:true //动画效果
78 })
79 }
80 /*加载树信息 */
81 $('#tt').tree({
82 url:'${ctx}/dict/codeType.do',
83 lines:true,//显示加减号
84 animate:true, //动画效果
85 onSelect:function(node){
86 $('#dg').datagrid({
87 url:'${ctx}/dict/pagedata.do?codetypeid='+node.id,
88 rownumbers:true,
89 pageSize:10,
90 striped:true,
91 pagination:true,
92 singleSelect:true,
93 idField:'codeid',
94 iconCls: 'icon-edit',
95 toolbar : '#userQuery',
96 onClickCell: onClickCell,
97 columns:[[
98 {field:'codeid',title:'编码ID',width:140,align:'center',hidden:true},
99 {field:'codetypeid',title:'编码类型ID',width:140,align:'center',hidden:true},
100 {field:'codevalue',title:'编码类型',width:140,align:'center'},
101 {field:'codename',title:'编码名称',width:140,align:'center',editor:'text'},
102 {field:'upcodeid',title:'上级编码名称',width:140,align:'center',formatter:function(value,row){
103 return row.upcodename;
104 }, editor:{
105 type:'combobox',
106 options:{
107 valueField:'upcodeid',
108 textField:'upcodename',
109 url:'${ctx}/dict/codeByTypeId.do?comboxval='+node.attributes.codetypeid,
110 }
111 }
112 },
113 {field:'crtoper',title:'创建人',width:140,align:'center'},
114 {field:'crttime',title:'创建时间',width:140,align:'center'},
115 {field:'admin',title:'操作',width:140,align:'center',formatter:operate}
116 ]]
117 });
118 }
119 });
120
121 //点击某个单元格时触发，index为单元格索引
122 function onClickCell(index, field,value){
123 $('#dg').datagrid('beginEdit', index);
124 }
125
126
127 function saveAllData(){
128 //保存前结束本页所有编辑行
129 var index = $("#dg" ).datagrid("getRows" ).length;
130 for(var i=0;i<index;i++){
131 $('#dg').datagrid('endEdit',i);
132 }
133 //DataGrid的更改行不为0
134 if ($("#dg").datagrid('getChanges').length){
135 //获取更新更改的行的集合
136 var updated = $("#dg").datagrid('getChanges', "updated")
137 if(updated==null||updated.length<1){
138 updated=""
139 }else{
140 for(var i=0;i<updated.length;i++){
141 if(updated[i].codename==null||updated[i].codename==""){
142 $.messager.alert('提示','请输入码表名称！');
143 return;
144 }
145 }
146 updated=JSON.stringify(updated)
147 }
148 var inserted=$("#dg").datagrid('getChanges', "inserted");
149 if(inserted==null||inserted.length<1){
150 inserted=""
151 }else{
152 for(var i=0;i<inserted.length;i++){
153 if(inserted[i].codename==null||inserted[i].codename==""){
154 $.messager.alert('提示','请输入码表名称！');
155 return;
156 }
157 }
158 inserted=JSON.stringify(inserted)
159 }
160 var deleted=$("#dg").datagrid('getChanges', "deleted");
161 if(deleted==null||deleted.length<1){
162 deleted=""
163 }else{
164 deleted=JSON.stringify(deleted)
165 }
166 $.post("${ctx}/dict/update.do",
167 { "updated":updated,"inserted":inserted,"deleted":deleted },
168 function (data) {
169 var result = eval('('+data+')');
170 if(result.success){
171 $.messager.show({
172 title: '提示信息',
173 msg: result.message,
174 timeout: 3000
175 });
176 }else{
177 $.messager.show({
178 title: '提示信息',
179 msg: result.message,
180 timeout: 3000
181 });
182 }
183 $("#dg").datagrid('reload');
184 var rows=$("#dg").datagrid('getRows');
185 if(rows.length<1){
186 fushTree();
187 }
188 });
189 }else{
190 $.messager.show({
191 title: '提示信息',
192 msg: '没有变更信息',
193 timeout: 3000
194 });
195
196 return
197 }
198 }
199
200 //撤销按钮
201 function reject() {
202 $('#dg').datagrid('rejectChanges');
203 editIndex = undefined;
204 }
205
206 function operate(value,row,index){
207 var result = '<div class="button-group">';
208 result += '<a class="button border-red" href="javascript:goDel('+index+')" >';
209 result += '<span class="icon-trash-o"></span>删除</a>';
210 result+='</div>';
211 return result;
212 }
213
214 //添加行操作
215 function goAdd(){
216 var node = $('#tt').tree('getSelected');
217 $('#dg').datagrid('appendRow',{codetypeid:node.attributes.codetypeid,codevalue:node.text});
218 var index=$('#dg').datagrid('getRows').length-1
219 $('#dg').datagrid('beginEdit', index);
220 }
221
222 //删除行操作
223 function goDel(index){
224 $('#dg').datagrid('deleteRow',index);
225 }
226
227 //添加新类型码表信息
228 function addnewtyperoot(){
229 var upcodeid=0;
230 var upcodename="根节点";
231 if($("#dg").html()!=null&&$("#dg").html()!=""){
232 var selected=$("#dg").datagrid("getSelected");
233 //有选中的节点作为上级id，没有选择节点默认为根节点
234 if(selected!=null){
235 upcodeid=selected.codeid
236 upcodename=selected.codename
237 }
238 }
239 $("#winOpenEdit").window({title:'添加新类型节点'});
240 $("#winOpenEdit").window({href:'${ctx}/dict/addpage.do?upcodeid='+upcodeid+'&upcodename='+upcodename});
241 $("#winOpenEdit").window("open");
242 }
243 </script>
244 </body>
245 </html>
246
浙公网安备 33010602011771号