Skip to content

Commit

Permalink
update
Browse files Browse the repository at this point in the history
  • Loading branch information
@yuanman0109
yuanman0109 committed Dec 15, 2016
1 parent 5a7056d commit cd8d07f
Show file tree
Hide file tree
Showing 5 changed files with 334 additions and 3 deletions.
4 changes: 4 additions & 0 deletions app/js/routers/router.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,10 @@ var router=function($urlRouterProvider,$stateProvider){
state('addStore',{
url:'/addStore',
templateUrl:'/app/views/addStore.html'
}).
state('networkManager',{
url:'/networkManager',
templateUrl:'/app/views/networkManager.html'
})
};
export default router;
54 changes: 54 additions & 0 deletions app/style/dashboard.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -65,6 +65,52 @@ body {
.breadcrumb{
padding: 0
}
.form-middle{
width: 80%;
margin: 0 auto
}
.formItem{
border: 1px solid #ececec;
border-radius: 8px;
padding: 18px;
}
form label{
font-weight: normal
}
input[type=radio]{
margin: 2px 0 0 -25px;
}
.radio-inline input[type=radio]{
appearance: none;
-webkit-appearance: none;
outline: none;
font-family: "iconfont" !important;
font-size: 16px;
color: #3CB6AF;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
&:before{
content: "\e60e";
}
&:checked:before{
content: "\e614";
}
}
/*******switch style******/
.switch-btn {position: relative; display: block; vertical-align: top; width: 80px; height: 30px; cursor: pointer; border-radius: 6px;}
.checked-switch {position: absolute; top: 0; left: 0; opacity: 0;}
.text-switch {background-color: #fff; border: 1px solid #C0C0C0; border-radius: inherit; color: #999; display: block; font-size: 12px; height: inherit; position: relative; text-transform: uppercase;}
.text-switch:before, .text-switch:after {position: absolute; top: 50%; margin-top: -.5em; line-height: 1; -webkit-transition: inherit; -moz-transition: inherit; -o-transition: inherit; transition: inherit;}
.text-switch:before {content: attr(data-no); right:8px; font-weight: normal}
.text-switch:after {content: attr(data-yes); left: 8px; color: #3CB6AF; opacity: 0; font-weight: normal}
.checked-switch:checked ~ .text-switch {background-color: #fff; border: 1px solid #3CB6AF;}
.checked-switch:checked ~ .text-switch:before {opacity: 0;}
.checked-switch:checked ~ .text-switch:after {opacity: 1;}
.toggle-btn {background: #D8D8D8; height: 30px; left:0; position: absolute; top: -3px; width: 42px; border-radius: 6px; box-shadow: 0 4px 0 #C0C0C0}
.toggle-btn::before {color: #aaaaaa; display: inline-block; font-size: 12px; letter-spacing: -2px; padding: 4px 0; vertical-align: middle;}
.checked-switch:checked ~ .toggle-btn {left: 38px; background: #3CB6AF;box-shadow: 0 4px 0 #2A9D98 }
.text-switch, .toggle-btn {transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease;}
/*navbar*/
.navbar-inverse .navbar-collapse,.navbar-inverse{
background: #fff;
Expand Down Expand Up @@ -398,3 +444,11 @@ body {
}
}
}
/*******networkManager*******/
.panel-network{
.panel-heading{
background-color: #E3E7E9;
font-weight: bold;
color: #666;
}
}
202 changes: 201 additions & 1 deletion app/views/addStore.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -168,7 +168,207 @@
</div>
</form>
</uib-tab>
<uib-tab index="1" heading="餐厅详情">餐厅详情</uib-tab>
<uib-tab index="1" heading="餐厅详情">
<form class="form-horizontal form-middle" role="form">
<h5><strong>餐厅布局相关信息：</strong></h5>
<div class="formItem">
<div class="form-group">
<label class="col-sm-5 control-label">餐厅层数：</label>
<div class="col-sm-7 row">
<div class="col-xs-3">
<input type="text" class="form-control" placeholder="">
</div>
<div class="col-xs-1 form-control-static">
层
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-5 control-label">餐厅面积：</label>
<div class="col-sm-7 row">
<div class="col-xs-3">
<input type="text" class="form-control" placeholder="">
</div>
<div class="col-xs-1 form-control-static">
层
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-5 control-label">餐厅桌数：</label>
<div class="col-sm-7 row">
<div class="col-xs-4">
<input type="text" class="form-control" placeholder="">
</div>
</div>
</div>
</div>
<h5><strong>餐厅布局相关信息：</strong></h5>
<div class="formItem">
<div class="form-group">
<label class="col-sm-5 control-label">是否有其他商业Wi-Fi：</label>
<div class="col-sm-7">
<label class="radio-inline">
<input type="radio" value="1" name="isWifi"> 是
</label>
<label class="radio-inline">
<input type="radio" value="0" name="isWifi"> 否
</label>
<div class="form-group">
<label class="col-sm-2 control-label">商业Wi-Fi品牌：</label>
<div class="col-sm-3">
<input type="text" class="form-control" placeholder="输入该Wi-Fi运营商品牌名...">
</div>
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-5 control-label">是否已安装宽带：</label>
<div class="col-sm-7">
<label class="radio-inline">
<input type="radio" value="1" name="haveWifi"> 是
</label>
<label class="radio-inline">
<input type="radio" value="0" name="haveWifi"> 否
</label>
<div class="form-group">
<label class="col-sm-2 control-label">宽带运营商：</label>
<div class="col-sm-3">
<select name="" class="form-control">
<option value="">电信</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">带宽：</label>
<div class="col-sm-2">
<input type="text" class="form-control" placeholder="请输入带宽">
</div>
<div class="col-sm-1 form-control-static">
M
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">宽带密码：</label>
<div class="col-sm-3">
<input type="password" class="form-control" placeholder="请输入密码">
</div>
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-5 control-label">是否有电源接口：</label>
<div class="col-sm-7">
<label class="radio-inline">
<input type="radio" value="1" name="isPower"> 是
</label>
<label class="radio-inline">
<input type="radio" value="0" name="isPower"> 否
</label>
</div>
</div>
<div class="form-group">
<label class="col-sm-5 control-label">是否有LAN接口：</label>
<div class="col-sm-7">
<label class="radio-inline">
<input type="radio" value="1" name="isLan"> 是
</label>
<label class="radio-inline">
<input type="radio" value="0" name="isLan"> 否
</label>
</div>
</div>
<div class="form-group">
<label class="col-sm-5 control-label">期望安装维护时间：</label>
<div class="col-sm-7 row">
<div class="col-xs-2">
<input type="text" class="form-control" placeholder="">
</div>
<div class="col-xs-1 form-control-static">
到
</div>
<div class="col-xs-2">
<input type="text" class="form-control" placeholder="">
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-5 control-label">所需设置数量：</label>
<div class="col-sm-7 row">
<div class="col-xs-3">
<input type="text" class="form-control" placeholder="">
</div>
<div class="col-xs-1 form-control-static">
台
</div>
</div>
</div>
</div>
<h5><strong>餐厅系统相关信息：</strong></h5>
<div class="formItem">
<div class="form-group">
<label class="col-sm-5 control-label">是否有其他点餐系统：</label>
<div class="col-sm-7">
<label class="radio-inline">
<input type="radio" value="1" name="otherOrder"> 是
</label>
<label class="radio-inline">
<input type="radio" value="0" name="otherOrder"> 否
</label>
<div class="form-group">
<label class="col-sm-2 control-label">点餐系统品牌：</label>
<div class="col-sm-3">
<input type="text" class="form-control" placeholder="">
</div>
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-5 control-label">是否已安装宽带：</label>
<div class="col-sm-7">
<div class="form-group">
<label class="col-sm-2 control-label">品牌：</label>
<div class="col-sm-3">
<input type="text" class="form-control" placeholder="请输入该收银系统品牌">
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">型号：</label>
<div class="col-sm-3">
<input type="text" class="form-control" placeholder="请输入该收银系统型号">
</div>
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-5 control-label">打印机信息：</label>
<div class="col-sm-7">
<div class="form-group">
<label class="col-sm-2 control-label">品牌：</label>
<div class="col-sm-3">
<input type="text" class="form-control" placeholder="请输入该收银系统品牌">
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">型号：</label>
<div class="col-sm-3">
<input type="text" class="form-control" placeholder="请输入该收银系统型号">
</div>
</div>
</div>
</div>
<div class="form-group">
<label for="" class="col-sm-5 control-label">备注说明：</label>
<div class="col-sm-7">
<textarea class="form-control" placeholder="请输入该打印机型号"></textarea>
</div>
</div>
</div>
<div class="panel-body text-center">
<button type="button" class="btn btn-primary">保存</button>
</div>
</form>
</uib-tab>
<uib-tab index="2" heading="业务信息">业务信息</uib-tab>
</uib-tabset>
</div>
Expand Down
71 changes: 71 additions & 0 deletions app/views/networkManager.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,71 @@
<ul class="breadcrumb">
<li><a href="#">WIFI管理</a></li>
<li class="active">网络管理</li>
</ul>
<div class="mainContent">
<div class="content-box">
<h5>设置对象：</h5>
<div class="row">
<div class="col-sm-3">
门店：所有门店
</div>
<div class="col-sm-3">
品牌：绿茶
</div>
<div class="col-sm-6">
企业：上海绿茶餐饮服务有限公司
</div>
</div>
<hr>
<h5>WiFi配置：</h5>
<uib-tabset class="tabs-default">
<uib-tab index="0" heading="网络控制">
<div class="row">
<div class="col-sm-4">
<div class="panel panel-default panel-network">
<div class="panel-heading">SSID：GreenTea Pravite wifi<span class="badge">私有</span></div>
<div class="panel-body">
<ul>
<li>上传限速：100kb/S</li>
<li>下载限速：120kb/S</li>
<li>上网时长：180分钟</li>
<li>免认证时长：60分钟</li>
<li>主动漫游：开</li>
<li>2G信号：开</li>
<li>5G信号：开</li>
</ul>
</div>
<div class="panel-footer">
<label class="switch-btn no-radius">
<input class="checked-switch" type="checkbox">
<span class="text-switch" data-yes="开启" data-no="关闭"></span>
<span class="toggle-btn"></span>
</label>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="panel panel-default">
<div class="panel-heading">Panel heading without title</div>
<div class="panel-body">
Panel content
</div>
<div class="panel-footer">Panel footer</div>
</div>
</div>
<div class="col-sm-4">
<div class="panel panel-default">
<div class="panel-heading">Panel heading without title</div>
<div class="panel-body">
Panel content
</div>
<div class="panel-footer">Panel footer</div>
</div>
</div>
</div>
</uib-tab>
<uib-tab index="1" heading="Portal设置">Portal设置</uib-tab>
<uib-tab index="2" heading="黑白名单">黑白名单</uib-tab>
</uib-tabset>
</div>
</div>
6 changes: 4 additions & 2 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -89,9 +89,11 @@ <h4><i class="iconfont icon-canyinHD"></i><span>餐厅设置</span></h4>
</div>
</div>
<div class="nav-sidebar">
<h4><i class="iconfont icon-diannao"></i><span>设备监控</span></h4>
<h4 ng-class="{active: $state.includes('networkManager')}"><i class="iconfont icon-diannao"></i><span>WiFi管理</span></h4>
<div class="list-group">
<a href="#" class="list-group-item">设备列表</a>
<a href="#" class="list-group-item">设备监控</a>
<a href="#" ui-sref="networkManager" class="list-group-item">网络管理</a>
<a href="#" class="list-group-item">WiFi广告</a>
</div>
</div>
<div class="nav-sidebar">
Expand Down

0 comments on commit cd8d07f

Please sign in to comment.