物品出库物品信息展示修改为普通页面

WebService/src/main/resources/components/itemOutPackage/itemOut-manage/itemOutManage.html

@@ -0,0 +1,118 @@
+<div id="component" class="wrapper wrapper-content animated fadeInRight ecommerce">
+    <div class="row">
+        <div class="col-lg-12">
+            <div class="ibox ">
+                <div class="ibox-title">
+                    <h5>查询条件</h5>
+                    <div class="ibox-tools" style="top:10px;">
+
+                    </div>
+                </div>
+                <div class="ibox-content">
+                    <div class="row">
+                        <div class="col-sm-4">
+                            <div class="form-group">
+                                <input type="text" placeholder="请输入物品ID"
+                                       v-model="resourceStoreManageInfo.conditions.resId" class=" form-control">
+                            </div>
+                        </div>
+                        <div class="col-sm-4">
+                            <div class="form-group">
+                                <input type="text" placeholder="请输入物品名称"
+                                       v-model="resourceStoreManageInfo.conditions.resName" class=" form-control">
+                            </div>
+                        </div>
+                        <div class="col-sm-3">
+                            <div class="form-group">
+                                <input type="text" placeholder="请输入物品编码"
+                                       v-model="resourceStoreManageInfo.conditions.resCode" class=" form-control">
+                            </div>
+                        </div>
+                        <div class="col-sm-1">
+                            <button type="button" class="btn btn-primary btn-sm"
+                                    v-on:click="_queryResourceStoreMethod()">
+                                <i class="glyphicon glyphicon-search"></i> 查询
+                            </button>
+                        </div>
+                    </div>
+
+
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="row">
+        <div class="col-lg-12">
+            <div class="ibox">
+                <div class="ibox-title">
+                    <h5>物品信息</h5>
+                    <div class="ibox-tools" style="top:10px;">
+                        <button type="button" class="btn btn-primary btn-sm" v-on:click="_openAddResourceStoreModal()">
+                            <i class="glyphicon glyphicon-plus"></i>
+                            添加
+                        </button>
+                    </div>
+                </div>
+                <div class="ibox-content">
+
+                    <table class="footable table table-stripped toggle-arrow-tiny"
+                           data-page-size="15"
+                    >
+                        <thead>
+                        <tr>
+                            <th class="text-center">物品ID</th>
+                            <th class="text-center">物品名称</th>
+                            <th class="text-center">物品编码</th>
+                            <th class="text-center">物品价格</th>
+                            <th class="text-center">物品库存</th>
+                            <th class="text-center">操作</th>
+
+
+                        </tr>
+                        </thead>
+                        <tbody>
+                        <tr v-for="resourceStore in resourceStoreManageInfo.resourceStores">
+                            <td class="text-center">{{resourceStore.resId}}</td>
+                            <td class="text-center">{{resourceStore.resName}}</td>
+                            <td class="text-center">{{resourceStore.resCode}}</td>
+                            <td class="text-center">{{resourceStore.price}}</td>
+                            <td class="text-center">{{resourceStore.stock}}</td>
+                            <td class="text-center">
+                                <div class="btn-group">
+                                    <button class="btn-white btn btn-xs"
+                                            v-on:click="_openEditResourceStoreModel(resourceStore)">修改
+                                    </button>
+                                </div>
+                                <div class="btn-group">
+                                    <button class="btn-white btn btn-xs"
+                                            v-on:click="_openDeleteResourceStoreModel(resourceStore)">删除
+                                    </button>
+                                </div>
+                            </td>
+
+                        </tr>
+                        </tbody>
+                        <tfoot>
+                        <tr>
+                            <td colspan="7">
+                                <ul class="pagination float-right"></ul>
+                            </td>
+                        </tr>
+                        </tfoot>
+                    </table>
+                    <!-- 分页 -->
+                    <vc:create name="pagination"></vc:create>
+                </div>
+            </div>
+        </div>
+    </div>
+
+
+    <vc:create name="addResourceStore"
+               callBackListener=""
+               callBackFunction=""
+    ></vc:create>
+    <vc:create name="editResourceStore"></vc:create>
+    <vc:create name="deleteResourceStore"></vc:create>
+
+</div>

WebService/src/main/resources/components/itemOutPackage/itemOut-manage/itemOutManage.js

@@ -0,0 +1,86 @@
+/**
+ 入驻小区
+ **/
+(function (vc) {
+    var DEFAULT_PAGE = 1;
+    var DEFAULT_ROWS = 10;
+    vc.extends({
+        data: {
+            resourceStoreManageInfo: {
+                resourceStores: [],
+                total: 0,
+                records: 1,
+                moreCondition: false,
+                resName: '',
+                conditions: {
+                    resId: '',
+                    resName: '',
+                    resCode: '',
+
+                }
+            }
+        },
+        _initMethod: function () {
+            vc.component._listResourceStores(DEFAULT_PAGE, DEFAULT_ROWS);
+        },
+        _initEvent: function () {
+
+            vc.on('resourceStoreManage', 'listResourceStore', function (_param) {
+                vc.component._listResourceStores(DEFAULT_PAGE, DEFAULT_ROWS);
+            });
+            vc.on('pagination', 'page_event', function (_currentPage) {
+                vc.component._listResourceStores(_currentPage, DEFAULT_ROWS);
+            });
+        },
+        methods: {
+            _listResourceStores: function (_page, _rows) {
+
+                vc.component.resourceStoreManageInfo.conditions.page = _page;
+                vc.component.resourceStoreManageInfo.conditions.row = _rows;
+                var param = {
+                    params: vc.component.resourceStoreManageInfo.conditions
+                };
+
+                //发送get请求
+                vc.http.get('resourceStoreManage',
+                    'list',
+                    param,
+                    function (json, res) {
+                        var _resourceStoreManageInfo = JSON.parse(json);
+                        vc.component.resourceStoreManageInfo.total = _resourceStoreManageInfo.total;
+                        vc.component.resourceStoreManageInfo.records = _resourceStoreManageInfo.records;
+                        vc.component.resourceStoreManageInfo.resourceStores = _resourceStoreManageInfo.resourceStores;
+                        vc.emit('pagination', 'init', {
+                            total: vc.component.resourceStoreManageInfo.records,
+                            currentPage: _page
+                        });
+                    }, function (errInfo, error) {
+                        console.log('请求失败处理');
+                    }
+                );
+            },
+            _openAddResourceStoreModal: function () {
+                vc.emit('addResourceStore', 'openAddResourceStoreModal', {});
+            },
+            _openEditResourceStoreModel: function (_resourceStore) {
+                vc.emit('editResourceStore', 'openEditResourceStoreModal', _resourceStore);
+            },
+            _openDeleteResourceStoreModel: function (_resourceStore) {
+                vc.emit('deleteResourceStore', 'openDeleteResourceStoreModal', _resourceStore);
+            },
+            _queryResourceStoreMethod: function () {
+                vc.component._listResourceStores(DEFAULT_PAGE, DEFAULT_ROWS);
+
+            },
+            _moreCondition: function () {
+                if (vc.component.resourceStoreManageInfo.moreCondition) {
+                    vc.component.resourceStoreManageInfo.moreCondition = false;
+                } else {
+                    vc.component.resourceStoreManageInfo.moreCondition = true;
+                }
+            }
+
+
+        }
+    });
+})(window.vc);

WebService/src/main/resources/views/itemOutFlow.html

@@ -5,10 +5,8 @@
       xmlns:vc="http://www.thymeleaf.org">
 <head>
     <meta charset="UTF-8"/>
-    <title>物品出库|java110</title>
+    <title>物品出库初始化|java110</title>
     <vc:create name="commonTop"></vc:create>
-    <link href="/css/jquery.step.css" rel="stylesheet"/>
-    <script src="/js/jquery.step.min.js"></script>
 </head>
 <body>
 <vc:create name="bodyTop"></vc:create>
@@ -16,7 +14,7 @@
     <vc:create name="menu"></vc:create>
 
 
-        <div id="page-wrapper" class="gray-bg dashbard-1">
+    <div id="page-wrapper" class="gray-bg dashbard-1">
         <div class="row border-bottom">
             <vc:create name="nav"></vc:create>
         </div>
@@ -25,7 +23,7 @@
         </div>
         <!-- id="component" -->
         <div class="wrapper wrapper-content animated fadeInRight">
-            <vc:create name="itemOut"></vc:create>
+            <vc:create name="itemOutManage"></vc:create>
         </div>
 
         <vc:create name="copyright"></vc:create>