first commit

WebRoot/jsp/sparepart/goods4select.jsp

@@ -0,0 +1,156 @@
+<%@ page language="java" pageEncoding="UTF-8"%>
+<%@page import="java.util.Date" %>
+<%@page import="java.text.SimpleDateFormat" %>
+<%@ page import="com.sipai.tools.SessionManager"%>
+<%
+	SessionManager sessionManager = new SessionManager();
+%>
+
+<script type="text/javascript">
+    var checkedItem="";
+    function doselect() {
+        if(checkedItem!= null && checkedItem!=""){
+        	console.info(checkedItem)
+                $('#goodsId' ).val(checkedItem.id);
+                $('#goodsName').val(checkedItem.name);
+                $('#model' ).val(checkedItem.model);
+                $('#brand').val(checkedItem.brand);
+                $('#unit').val(checkedItem.unit);
+                closeModal("Goods4SelectModal");
+        }else{
+        	showAlert('d','尚未选择物品！','alertDiv_MaintainPlanSelect');
+        }
+    };
+    var $table;  
+    //显示已经勾选的数据
+    function stateFormatter(value, row, index) {  
+        var flag=false;
+        if(row.id=='${param.goodsId}'){
+           flag=true;
+           checkedItem = row;
+        }
+        if (flag)  
+            return {  
+                checked : true//设置选中  
+            };  
+        return value;  
+    }  
+    
+    $(function() {
+        $table = $("#table_goods").bootstrapTable({ // 对应table标签的id
+	          url: ext.contextPath + '/sparepart/goods/getList.do', // 获取表格数据的url
+	          cache: false, // 设置为 false 禁用 AJAX 数据缓存， 默认为true
+	          striped: true,  //表格显示条纹，默认为false
+	          pagination: true, // 在表格底部显示分页组件，默认false
+	          pageList: [10, 20,50], // 设置页面可以显示的数据条数
+	          pageSize: 10, // 页面数据条数
+	          pageNumber: 1, // 首页页码
+	          sidePagination: 'server', // 设置为服务器端分页
+	          queryParams: function (params) { // 请求服务器数据时发送的参数，可以在这里添加额外的查询参数，返回false则终止请求
+	              return {
+	                  rows: params.limit, // 每页要显示的数据条数
+	                  page: params.offset/params.limit+1, // 每页显示数据的开始页码
+	                  sort: params.sort, // 要排序的字段
+	                  order: params.order,
+	                  search_name: $('#search_name').val(),
+	              }
+	          },
+	          sortName: 'id', // 要排序的字段
+	          sortOrder: 'desc', // 排序规则
+	          columns: [
+	              {
+	                  checkbox: true, // 显示一个勾选框
+	                  formatter: stateFormatter
+	                }, 
+                {
+                    field: 'number', // 返回json数据中的name
+                    title: '物品编号', // 表格表头显示文字
+                    align: 'center', // 左右居中
+                    valign: 'middle' // 上下居中
+	              }, 
+	              {
+	                  field: 'name', // 返回json数据中的name
+	                  title: '物品名称', // 表格表头显示文字
+	                  align: 'center', // 左右居中
+	                  valign: 'middle' // 上下居中
+	              },
+	              {
+	                  field: 'brand', // 返回json数据中的name
+	                  title: '物品品牌', // 表格表头显示文字
+	                  align: 'center', // 左右居中
+	                  valign: 'middle' // 上下居中
+	              },
+	              {
+	                  field: 'model', // 返回json数据中的name
+	                  title: '规格型号', // 表格表头显示文字
+	                  align: 'center', // 左右居中
+	                  valign: 'middle' // 上下居中
+	              },
+	              {
+	                  field: 'goodsClass.name', // 返回json数据中的name
+	                  title: '物品类别', // 表格表头显示文字
+	                  align: 'center', // 左右居中
+	                  valign: 'middle', // 上下居中
+	              },
+	              {
+	                  field: 'unit', // 返回json数据中的name
+	                  title: '物品单位', // 表格表头显示文字
+	                  align: 'center', // 左右居中
+	                  valign: 'middle' // 上下居中
+	              },{
+	                  field: 'remark', // 返回json数据中的name
+	                  title: '备注', // 表格表头显示文字
+	                  align: 'center', // 左右居中
+	                  valign: 'middle', // 上下居中
+	              }
+	          ],
+	          onLoadSuccess: function(){  //加载成功时执行
+	        	  adjustBootstrapTableView("table_goods");
+	          },
+	          onLoadError: function(){  //加载失败时执行
+	                console.info("加载数据失败");
+	          }
+	    
+	    });
+    });
+      
+    //绑定选中事件、取消事件、全部选中、全部取消  
+	$table.on('check.bs.table check-all.bs.table uncheck.bs.table uncheck-all.bs.table', function (e,rows, obj) {  
+	       if('check'==e.type){
+		       $('#table_goods .checked').removeClass("checked");
+		       obj.parent().addClass("checked");
+		       checkedItem = rows;
+	       }else{
+	           obj.parent().removeClass("checked");
+	           checkedItem = "";
+	       } 
+	 });  
+    </script>
+<div class="modal fade" id="Goods4SelectModal" >
+  <div class="modal-dialog modal-md" >
+    <div class="modal-content">
+      <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span></button>
+        <h4 class="modal-title">选择物品</h4>
+      </div>
+      <div class="modal-body">
+                <div id="alertDiv_MaintainPlanSelect"></div>
+                <div id="mainAlertdiv"></div>
+                <div id="menu4SelectDiv"></div> 
+				<div id="modal-body">
+                    <div class="table-scrollable">
+					   <table class="table table-bordered table-striped" style="overflow:auto;width:100%" id="table_goods"></table>
+					</div>
+				</div>
+
+		</div>
+        <div class="modal-footer">
+        <button type="button" class="btn btn-default pull-left" data-dismiss="modal">关闭</button>
+        <button type="button" class="btn btn-primary" onclick="doselect()" id="btn_save">确定</button>
+      </div>
+    </div>
+    <!-- /.modal-content -->
+  </div>
+  <!-- /.modal-dialog -->
+</div>