API中心集成到一个平台管理

api/src/main/resources/template/js/apiPage/apiPage.js

@@ -29,7 +29,7 @@ layui.config({
 			$(document).attr("title", sysMainMation.mationTitle);
 			$(".sys-logo").html(sysMainMation.mationTitle);
 		});
-			
+
 		loadUserMation();
 		//加载用户信息
 		function loadUserMation(){
@@ -44,12 +44,41 @@ layui.config({
 					}else{
 						location.href = "../../tpl/index/login.html?url=" + escape("../../tpl/apiPage/apiPage.html");
 					}
-					loadListMation();
+					loadApiMicroservices();
 				}});
 			}else{
 				location.href = "../../tpl/index/login.html?url=" + escape("../../tpl/apiPage/apiPage.html");
 			}
 		}
+
+		/**
+		 * 加载微服务
+		 */
+		function loadApiMicroservices(){
+			showGrid({
+				id: "apiMicroservicesId",
+				url: reqBasePath + "queryApiMicroservices",
+				params: {},
+				pagination: false,
+				template: $("#apiMicroservicesTemplate").html(),
+				method: "GET",
+				ajaxSendLoadBefore: function(hdb){
+				},
+				ajaxSendAfter:function(j){
+					form.render('select');
+				}
+			});
+		}
+
+		form.on('select(apiMicroservicesId)', function (data) {
+			var value = data.value;
+			if (isNull(value)) {
+				$("#modelId").html("");
+				$("#appList").html("");
+			} else {
+				loadListMation(value);
+			}
+		});
 		
 		// 模块
 		var model = new Array();
@@ -60,8 +89,8 @@ layui.config({
 		/**
 		 * 加载接口列表
 		 */
-		function loadListMation(){
-			AjaxPostUtil.request({url:reqBasePath + "api005", params:{}, type:'json', callback:function(json){
+		function loadListMation(appId){
+			AjaxPostUtil.request({url: reqBasePath + "queryAllSysEveReqMapping", params: {appId: appId}, type: 'json', method: "GET", callback: function(json){
 				if(json.returnCode == 0){
 					// 1.模块
 					model = loadModel(json);
@@ -76,7 +105,7 @@ layui.config({
 					form.render();
 					loadDefaultMain();
 				}else{
-					winui.window.msg(json.returnMessage, {icon: 2,time: 2000});
+					winui.window.msg(json.returnMessage, {icon: 2, time: 2000});
 				}
 			}});
 		}
@@ -195,13 +224,17 @@ layui.config({
 			}else{
 				$("#appList .api-item").removeClass("active");
 				$(this).addClass("active");
-				AjaxPostUtil.request({url:reqBasePath + "api006", params:{rowId: $(this).attr("rowid")}, type:'json', method: "GET", callback:function(json){
+				var params = {
+					appId: $("#apiMicroservicesId").val(),
+					rowId: $(this).attr("rowid")
+				};
+				AjaxPostUtil.request({url: reqBasePath + "queryApiDetails", params: params, type: 'json', method: "GET", callback: function(json){
 					if(json.returnCode == 0){
 		   				var str = getDataUseHandlebars(fileMationTemplate, json);
 		   				$("#contentDesc").html(str);
 						active[type] ? active[type].call(this) : '';
 					}else{
-						winui.window.msg(json.returnMessage, {icon: 2,time: 2000});
+						winui.window.msg(json.returnMessage, {icon: 2, time: 2000});
 					}
 				}});
 			}
@@ -241,7 +274,7 @@ layui.config({
 		});
 
 		function loadDefaultMain(){
-			AjaxPostUtil.request({url:reqBasePath + "api004", params: {}, type:'json', method: "GET", callback:function(json){
+			AjaxPostUtil.request({url: reqBasePath + "queryLimitRestrictions", params: {}, type: 'json', method: "GET", callback: function(json){
 				if(json.returnCode == 0){
 					var item = {};
 					item.reception = getReceptionLimitMation();
@@ -257,7 +290,7 @@ layui.config({
 					});
 					form.render();
 				}else{
-					winui.window.msg(json.returnMessage, {icon: 2,time: 2000});
+					winui.window.msg(json.returnMessage, {icon: 2, time: 2000});
 				}
 			}});
 		}

api/src/main/resources/template/tpl/apiPage/apiPage.html

@@ -17,26 +17,33 @@
 		</div>
 	</div>
 	<div class="apiListForm">
-		<div class="api-left">
-			<div class="api-search">
-				<form class="layui-form" action="" id="showForm" autocomplete="off">
+		<form class="layui-form" action="" id="showForm" autocomplete="off" style="height: 100%">
+			<div class="winui-toolbar layui-col-xs12">
+				<div class="winui-tool layui-col-xs3">
+					<select id="apiMicroservicesId" name="apiMicroservicesId" lay-filter="apiMicroservicesId" lay-search="">
+
+					</select>
+				</div>
+			</div>
+			<div class="api-left">
+				<div class="api-search">
 					<div class="layui-form-item">
-		                <select lay-filter="modelId" lay-search="" win-verify="required" id="modelId">
+						<select lay-filter="modelId" lay-search="" win-verify="required" id="modelId">
+
+						</select>
+					</div>
+					<div class="layui-form-item" style="margin-top: 5px">
+						<input type="text" id="menuName" placeholder="请输入名称或者链接" class="layui-input" data-search/>
+					</div>
+				</div>
+				<div class="app-list" id="appList">
 
-                    	</select>
-			        </div>
-			        <div class="layui-form-item" style="margin-top: 5px">
-		                <input type="text" id="menuName" placeholder="请输入名称或者链接" class="layui-input" data-search/>
-			        </div>
-			    </form>
+				</div>
 			</div>
-			<div class="app-list" id="appList">
+			<div class="api-right" id="contentDesc">
 
 			</div>
-		</div>
-		<div class="api-right" id="contentDesc">
-			
-		</div>
+		</form>
 	</div>
 
 	<script type="text/x-handlebars-template" id="defaultTemplate">
@@ -265,6 +272,13 @@
 		</div>
 	{{/bean}}
 	</script>
+
+	<script type="text/x-handlebars-template" id="apiMicroservicesTemplate">
+		<option value="">全部</option>
+		{{#each rows}}
+			<option value="{{appId}}">{{appName}}</option>
+		{{/each}}
+	</script>
 	
 	<script src="../../assets/lib/layui/layui.js"></script>
 	<script src="../../assets/lib/layui/custom.js"></script>

shop/src/main/resources/template/tpl/keepFitOrder/keepFitOrderDetails.html

@@ -70,7 +70,7 @@
             </div>
         </div>
         <div class="layui-form-item layui-col-xs12">
-            <label class="layui-form-label">套餐</label>
+            <label class="layui-form-label">耗材</label>
             <div class="layui-input-block">
                 <table class="layui-table">
                     <thead>

web/src/main/resources/template/assets/lib/winui/css/customer/skyeye-api.css

@@ -11,7 +11,7 @@
 .apiListForm .api-left{
     width: 250px;
     float: left;
-    height: 100%;
+    height: calc(100% - 40px);
     border-right: 1px solid grey;
 }
 .apiListForm .api-left .api-search{
@@ -144,7 +144,7 @@
 .apiListForm .api-right{
     width: calc(100% - 271px);
     float: left;
-    height: 100%;
+    height: calc(100% - 40px);
     padding: 0px 10px;
     text-align: left;
     overflow-y: auto;