服务绑定开发选择服务环节

WebService/src/main/resources/components/service-binding/serviceBinding.html

@@ -5,8 +5,16 @@
     </div>
 
     <!-- 选择 应用信息 -->
-    <vc:create name="viewAppInfo"
-    ></vc:create>
+    <div v-if="serviceBindingInfo.index == 0">
+        <vc:create name="viewAppInfo"
+        ></vc:create>
+    </div>
+
+    <!-- 选择 应用信息 -->
+    <div v-if="serviceBindingInfo.index == 1">
+        <vc:create name="viewServiceInfo"
+        ></vc:create>
+    </div>
 
 
 

WebService/src/main/resources/components/service-binding/serviceBinding.js

@@ -8,6 +8,7 @@
         data:{
             serviceBindingInfo:{
                 $step:'',
+                index:0,
             }
         },
         _initMethod:function(){
@@ -24,15 +25,15 @@
                     time: 500,
                     title: ["选择应用", "选择服务", "确认绑定"]
                 });
-                //vc.component.serviceBindingInfo.step = $step.getIndex();
+                vc.component.serviceBindingInfo.index = vc.component.serviceBindingInfo.$step.getIndex();
             },
             _prevStep:function(){
                 vc.component.serviceBindingInfo.$step.prevStep();
-                //vc.component.serviceBindingInfo.step = $step.getIndex();
+                vc.component.serviceBindingInfo.index = vc.component.serviceBindingInfo.$step.getIndex();
             },
             _nextStep:function(){
                 vc.component.serviceBindingInfo.$step.nextStep();
-                //vc.component.serviceBindingInfo.step = $step.getIndex();
+                vc.component.serviceBindingInfo.index = vc.component.serviceBindingInfo.$step.getIndex();
             }
         }
     });

WebService/src/main/resources/components/service-manage/serviceManage.html

@@ -37,7 +37,7 @@
                             <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">是否API</th>
                             <th class="text-center">序列</th>
                             <th class="text-center">消息队列</th>
                             <th class="text-center">是否实例</th>

WebService/src/main/resources/components/view-service-info/viewServiceInfo.html

@@ -0,0 +1,91 @@
+<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" style="margin-right:10px;"  v-on:click="_openSelectServiceInfoModel()">
+                        <i class="glyphicon glyphicon-search"></i> 选择服务</button>
+
+                    <button type="button" class="btn btn-primary btn-sm" v-on:click="_openAddServiceInfoModel()">
+                        <i class="glyphicon glyphicon-plus"></i> 添加服务</button>
+                </div>
+            </div>
+            <div class="ibox-content">
+                <div class="row">
+                    <div class="col-sm-4">
+                        <div class="form-group">
+                            <label class="col-form-label" >服务ID：</label>
+                            <label class="">{{viewServiceInfo.serviceId}}</label>
+                        </div>
+                    </div>
+                    <div class="col-sm-4">
+                        <div class="form-group">
+                            <label class="col-form-label">服务名称：</label>
+                            <label class="">{{viewServiceInfo.name}}</label>
+                        </div>
+                    </div>
+                    <div class="col-sm-4">
+                        <div class="form-group">
+                            <label class="col-form-label" >服务编码：</label>
+                            <label class="">{{viewServiceInfo.serviceCode}}</label>
+                        </div>
+                    </div>
+
+
+                </div>
+
+                <div class="row">
+                    <div class="col-sm-4">
+                        <div class="form-group">
+                            <label class="col-form-label" >消息队列：</label>
+                            <label class="">{{viewServiceInfo.messageQueueName}}</label>
+                        </div>
+                    </div>
+                    <div class="col-sm-4">
+                        <div class="form-group">
+                            <label class="col-form-label" >是否实例：</label>
+                            <label class="">{{viewServiceInfo.isInstance}}</label>
+                        </div>
+                    </div>
+                    <div class="col-sm-4">
+                        <div class="form-group">
+                            <label class="col-form-label">调用地址：</label>
+                            <label class="">{{viewServiceInfo.url}}</label>
+                        </div>
+                    </div>
+
+                </div>
+                <div class="row">
+                    <div class="col-sm-4">
+                        <div class="form-group">
+                            <label class="col-form-label" >调用方式：</label>
+                            <label class="">{{viewServiceInfo.method}}</label>
+                        </div>
+                    </div>
+                    <div class="col-sm-4">
+                        <div class="form-group">
+                            <label class="col-form-label" >超时时间：</label>
+                            <label class="">{{viewServiceInfo.timeout}}</label>
+                        </div>
+                    </div>
+                    <div class="col-sm-4">
+                        <div class="form-group">
+                            <label class="col-form-label">重试次数：</label>
+                            <label class="">{{viewServiceInfo.retryCount}}</label>
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <vc:create name="addService"></vc:create>
+
+
+  <!--  <vc:create name="chooseService"
+               emitChooseService="viewServiceInfo"
+               emitLoadData="viewServiceInfo"
+    ></vc:create>-->
+</div>

WebService/src/main/resources/components/view-service-info/viewServiceInfo.js

@@ -0,0 +1,43 @@
+/**
+    权限组
+**/
+(function(vc){
+
+    vc.extends({
+
+        data:{
+            viewServiceInfo:{
+                serviceId:"",
+                name:"",
+                securityCode:"",
+                whileListIp:"",
+                blackListIp:"",
+                remark:""
+            }
+        },
+        _initMethod:function(){
+            //根据请求参数查询 查询 业主信息
+            vc.component._loadServiceInfoData();
+        },
+        _initEvent:function(){
+            vc.on('viewServiceInfo','chooseService',function(_service){
+                vc.component.viewServiceInfo = _service;
+                //vc.emit($props.callBackComponent,'notify',_owner);
+            });
+
+        },
+        methods:{
+
+            _openSelectServiceInfoModel(){
+                vc.emit('chooseService','openChooseServiceModel',{});
+            },
+            _openAddServiceInfoModel(){
+                vc.emit('addService','openAddServiceModal',{});
+            },
+            _loadServiceInfoData:function(){
+
+            }
+        }
+    });
+
+})(window.vc);