加入服务绑定功能

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

@@ -0,0 +1,3 @@
+.wizard > .steps > ul > li {
+    width: 33.33%;
+}

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

@@ -1,31 +1,31 @@
 <div id="component" >
 
-    <div class="row">
+    <div class="row" class="wizard-big wizard clearfix">
         <div class="steps clearfix">
             <ul role="tablist">
-                <li role="tab" v-bind:class="{ current: serviceBindingInfo.step==1,disabled:serviceBindingInfo.step!=1 }" >
+                <li role="tab" v-bind:class="{ current: serviceBindingInfo.step==1,vc_disabled:serviceBindingInfo.step!=1 }" >
                     <a>
                         <span class="current-info audible">current step: </span>
-                        <span class="number">1.</span> 基本信息
+                        <span class="number">1.</span> 选择应用
                     </a>
                 </li>
-                <li role="tab" v-bind:class="{ current: serviceBindingInfo.step==2,disabled:serviceBindingInfo.step!=2 }">
+                <li role="tab" v-bind:class="{ current: serviceBindingInfo.step==2,vc_disabled:serviceBindingInfo.step!=2 }">
                     <a>
-                        <span class="number">2.</span> 扩展信息
+                        <span class="number">2.</span> 选择服务
                     </a>
                 </li>
-                <li role="tab" v-bind:class="{ current: serviceBindingInfo.step==3,disabled:serviceBindingInfo.step!=3 }">
+                <li role="tab" v-bind:class="{ current: serviceBindingInfo.step==3,vc_disabled:serviceBindingInfo.step!=3 }">
                     <a>
-                        <span class="number">3.</span> 证件信息
-                    </a>
-                </li>
-                <li role="tab" v-bind:class="{ current: serviceBindingInfo.step==4,disabled:serviceBindingInfo.step!=4 }">
-                    <a>
-                        <span class="number">4.</span> 须知
+                        <span class="number">3.</span> 确认绑定
                     </a>
                 </li>
             </ul>
         </div>
     </div>
 
+    <!-- 选择 应用信息 -->
+    <vc:create name="sellRoomSelectOwner"
+               callBackComponent = "sellCar"
+    ></vc:create>
+
 </div>

WebService/src/main/resources/components/view-app-info/viewAppInfo.html

@@ -0,0 +1,63 @@
+<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="openSearchOwnerModel()">
+                        <i class="glyphicon glyphicon-search"></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="">{{ownerInfo.ownerId}}</label>
+                        </div>
+                    </div>
+                    <div class="col-sm-4">
+                        <div class="form-group">
+                            <label class="col-form-label">应用名称：</label>
+                            <label class="">{{ownerInfo.name}}</label>
+                        </div>
+                    </div>
+                    <div class="col-sm-4">
+                        <div class="form-group">
+                            <label class="col-form-label" >秘钥：</label>
+                            <label class="">{{ownerInfo.sex == 0 ? '男' : '女'}}</label>
+                        </div>
+                    </div>
+
+
+                </div>
+
+                <div class="row">
+                    <div class="col-sm-4">
+                        <div class="form-group">
+                            <label class="col-form-label" >白名单：</label>
+                            <label class="">{{ownerInfo.age}}</label>
+                        </div>
+                    </div>
+                    <div class="col-sm-4">
+                        <div class="form-group">
+                            <label class="col-form-label" >黑名单：</label>
+                            <label class="">{{ownerInfo.link}}</label>
+                        </div>
+                    </div>
+                    <div class="col-sm-4">
+                        <div class="form-group">
+                            <label class="col-form-label">备注：</label>
+                            <label class="">{{ownerInfo.userName}}</label>
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+    </div>
+    <vc:create name="searchOwner"
+               emitChooseOwner="sellRoomSelectOwner"
+               emitLoadData="sellRoomOther"
+    ></vc:create>
+</div>

WebService/src/main/resources/components/view-app-info/viewAppInfo.js

@@ -0,0 +1,52 @@
+/**
+    权限组
+**/
+(function(vc){
+
+    vc.extends({
+        propTypes: {
+            callBackComponent:vc.propTypes.string
+        },
+        data:{
+            ownerInfo:{
+                ownerId:"",
+                name:"",
+                age:"",
+                sex:"",
+                userName:"",
+                remark:"",
+                link:"",
+            }
+        },
+        _initMethod:function(){
+            //根据请求参数查询 查询 业主信息
+            vc.component.loadOwnerData();
+        },
+        _initEvent:function(){
+            vc.on('sellRoomSelectOwner','chooseOwner',function(_owner){
+                vc.component.ownerInfo = _owner;
+                vc.emit($props.callBackComponent,'notify',_owner);
+            });
+
+        },
+        methods:{
+
+            openSearchOwnerModel(){
+                vc.emit('searchOwner','openSearchOwnerModel',{});
+            },
+            loadOwnerData:function(){
+               vc.component.ownerInfo.ownerId = vc.getParam("ownerId");
+               vc.component.ownerInfo.name = vc.getParam("name");
+               vc.component.ownerInfo.age = vc.getParam("age");
+               vc.component.ownerInfo.sex = vc.getParam("sex");
+               vc.component.ownerInfo.userName = vc.getParam("userName");
+               vc.component.ownerInfo.link = vc.getParam("link");
+
+               if(vc.component.ownerInfo.ownerId != ''){
+                  vc.emit($props.callBackComponent,'notify',vc.component.ownerInfo);
+               }
+            }
+        }
+    });
+
+})(window.vc);

WebService/src/main/resources/static/css/common.css

@@ -31,4 +31,21 @@
 }
 .java110_loading>div{
     margin: 70px auto;
+}
+
+.wizard > .actions .vc_disabled a,
+.wizard > .actions .vc_disabled a:hover,
+.wizard > .actions .vc_disabled a:active
+{
+    background: #fff;
+    color: #888;
+}
+
+.wizard > .steps .vc_disabled a,
+.wizard > .steps .vc_disabled a:hover,
+.wizard > .steps .vc_disabled a:active
+{
+    background: #fff;
+    color: #888;
+    cursor: default;
 }