Skip to content

S
saasio
Commit ed769a38 by yangfangfang
Options

应用列表

parent a192110c
Showing with 197 additions and 57 deletions
src/main/websrc/js/manage/app.js
...@@ -61,6 +61,22 @@ ...@@ -61,6 +61,22 @@
}); });
} }
$scope.limitCount = 9;
$scope.isShow = function() {
if(!$scope.appAlllistInfo){
return false;
}
$scope.resultList = $scope.appAlllistInfo;
if($scope.resultList && $scope.resultList.length > $scope.limitCount){
return true;
}else{
return false;
}
}
$scope.getMore = function(){
$scope.limitCount += $scope.limitCount+9;
};
$scope.gopage = function(id,flag){ $scope.gopage = function(id,flag){
if(flag){ if(flag){
isLog = true; isLog = true;
......
src/main/websrc/styles/style.scss
...@@ -4972,10 +4972,10 @@ pre{ ...@@ -4972,10 +4972,10 @@ pre{
top:10px; top:10px;
} }
.onOffBtn{ .onOffBtn{
background-color:#d8d8d8; background-color:#d3d2d2;
width:34px; width:24px;
height:18px; height:14px;
border-radius:9px; border-radius:29px;
display:inline-block; display:inline-block;
vertical-align:middle; vertical-align:middle;
margin-left:10px; margin-left:10px;
...@@ -4984,8 +4984,8 @@ pre{ ...@@ -4984,8 +4984,8 @@ pre{
} }
.onOffBtn:before{ .onOffBtn:before{
content:""; content:"";
width:12px; width:8px;
height:12px; height:8px;
border-radius:50%; border-radius:50%;
background-color:#fff; background-color:#fff;
position:absolute; position:absolute;
...@@ -4993,7 +4993,7 @@ pre{ ...@@ -4993,7 +4993,7 @@ pre{
top:3px; top:3px;
} }
.onOffBtn.on{ .onOffBtn.on{
background-color:#6cc9ee; background-color:#87b2ff;
} }
.onOffBtn.on:before{ .onOffBtn.on:before{
left:inherit; left:inherit;
...@@ -6877,3 +6877,125 @@ pre{ ...@@ -6877,3 +6877,125 @@ pre{
float: right; float: right;
} }
} }
.appList{
margin-right: -14px;
.appWrap{
width: 33.333%;
float: left;
box-sizing: border-box;
padding-right: 14px;
padding-top: 14px;
display: inline-block;
height:140px;
.app{
background:#ffffff;
height: 100%;
border:1px solid #e4e4e4;
border-radius:3px;
cursor: pointer;
.setting{
background: url(../images/settings.png) no-repeat;
width:16px;
height:16px;
cursor: pointer;
margin-right: 20px;
float: right;
position: relative;
&:hover{
background: url(../images/settings_hover.png) no-repeat;
}
ul{
background:#ffffff;
border:1px solid #e4e4e4;
box-shadow:0 1px 5px 0 rgba(0,0,0,0.10);
border-radius:3px;
width:78px;
height:64px;
position: absolute;
top:17px;
right: 0px;
li{
height:32px;
line-height: 32px;
padding-left: 10px;
&:hover{
color: $menuliactiveft;
}
}
}
}
.iconfont{
margin-left: 0px;
color:#5f97fb;
}
.title{
font-size:16px;
color:#333333;
cursor: pointer;
}
.key{
font-size:12px;
color:#666666;
margin-left: 20px;
margin-top: 20px;
}
.bottom{
font-size:12px;
color:#666666;
margin-left: 20px;
margin-top: 14px;
span:last-child{
margin-right: 20px;
}
.debugbtn{
background:#ffa331;
border-radius:3px;
width:70px;
height:26px;
color: #ffffff;
text-align: center;
line-height: 26px;
display: inline-block;
cursor: pointer;
}
}
}
}
.more{
text-align: center;
margin: auto;
color:#1964d4;
cursor: pointer;
clear: both;
padding-top: 20px;
width: auto;
span:before{
content: "";
background: url(../images/drop.png) no-repeat;
width: 10px;
height: 11px;
display: inline-block;
}
label{
padding-left: 5px;
color: #b5b0b0;
display: inline-block;
}
}
.noData{
text-align: center;
span{
background: url(../images/no_data.png) no-repeat center center;
display: inline-block;
width:41px;
height:41px;
margin-top: 80px;
}
div{
font-size:14px;
color:#999999;
padding-top: 10px;
}
}
}
src/main/websrc/styles/value.scss
...@@ -16,21 +16,21 @@ $lightfontcolor:#999; ...@@ -16,21 +16,21 @@ $lightfontcolor:#999;
$labelfontcolor:#666; $labelfontcolor:#666;
$blackfontcolor:#171a1e; $blackfontcolor:#171a1e;
$disfontcolor:#c8c8c8; $disfontcolor:#c8c8c8;
$activebgcolor:#00a9e8; $activebgcolor:#1964d4;
$activeftcolor:#fff; $activeftcolor:#fff;
$iptheight:34px; $iptheight:34px;
$btnheight:34px; $btnheight:34px;
$comradius:3px; $comradius:3px;
$btndiscolor:#dcdcdc; $btndiscolor:#dcdcdc;
$btnformcolor:#01b9e0; $btnformcolor:#1964d4;
$btngraybg:#cbcbcb; $btngraybg:#cbcbcb;
$btngraybg1:#fbfbfb; $btngraybg1:#fbfbfb;
$disbgcolor:#f9f9f9; $disbgcolor:#f9f9f9;
$nofontcolor:#bababa; $nofontcolor:#bababa;
$tipftcolor:#b5b0b0; $tipftcolor:#b5b0b0;
$comactiveftcolor:#00a9e8; //font active color eg:blue $comactiveftcolor:#1964d4; //font active color eg:blue
$loadingbarcolor:#00a9e8; $loadingbarcolor:#1964d4;
$darkbluecolor:#4e93cf; $darkbluecolor:#4e93cf;
$disbtncolor:#b8b8b8; $disbtncolor:#b8b8b8;
...@@ -43,7 +43,9 @@ $menulibw:3px; //li border-width ...@@ -43,7 +43,9 @@ $menulibw:3px; //li border-width
$menuliactivebc:#5f97fb; $menuliactivebc:#5f97fb;
$menuliactivebg:#f1f3f5; $menuliactivebg:#f1f3f5;
$menuliactiveft:#4186ec; $menuliactiveft:#4186ec;
$submenuliactiveft:#00a9e8; $menulihoverbg:#f5f5f8;
$menulihoverft:#525559;
$submenuliactiveft:#1964d4;
$wraptitleH:50px; $wraptitleH:50px;
$wraptitlebgc:#fbfbfb; //bg-color $wraptitlebgc:#fbfbfb; //bg-color
...@@ -84,13 +86,13 @@ $labeldisft:#b4b4b4; ...@@ -84,13 +86,13 @@ $labeldisft:#b4b4b4;
$labeldisbr:#c9c9c9; $labeldisbr:#c9c9c9;
$labeldistips:#e74646; $labeldistips:#e74646;
$selectactivebr:#00a9e8; $selectactivebr:#1964d4;
$optionbr:#c9c9c9; $optionbr:#c9c9c9;
$optionliheight:34px; $optionliheight:34px;
$optionlifc:#666666; $optionlifc:#666666;
$optionpad:16px; $optionpad:16px;
$optionliactivebg:#edfaff; $optionliactivebg:#edfaff;
$optionliactivefc:#00a9e8; $optionliactivefc:#1964d4;
$datebr:#c9c9c9; $datebr:#c9c9c9;
$datewrapgap:20px; $datewrapgap:20px;
...@@ -102,7 +104,7 @@ $datethfc:#2f6fa6; ...@@ -102,7 +104,7 @@ $datethfc:#2f6fa6;
$datelabelfc:#666666; $datelabelfc:#666666;
$datedisfc:#999999; $datedisfc:#999999;
$datefz:12px; $datefz:12px;
$dateactivecolor:#00a9e8; $dateactivecolor:#1964d4;
$dateradius:13px; $dateradius:13px;
$datecellhw:26px; $datecellhw:26px;
$datewcellhw:40px; $datewcellhw:40px;
...@@ -146,4 +148,4 @@ $redcolor:#fb4c3f; ...@@ -146,4 +148,4 @@ $redcolor:#fb4c3f;
$exceptionbg:#fe7472; $exceptionbg:#fe7472;
$normalbg:#5cc291; $normalbg:#5cc291;
$relbg:#95959e; $relbg:#95959e;
\ No newline at end of file
src/main/websrc/template/manage/app.html
<div class="mb20">
<h3>全部产品</h3>
</div>
<div class="btn3 mb20" ng-click="gopage()" ng-if="(appAlllistInfo.length<limitInfo.appNum || limitInfo.appNum==-1) && (isManage || isSuper)"><span class="formAddIcon"></span>新建产品</div> <div class="btn3 mb20" ng-click="gopage()" ng-if="(appAlllistInfo.length<limitInfo.appNum || limitInfo.appNum==-1) && (isManage || isSuper)"><span class="formAddIcon"></span>新建产品</div>
<div class="btn2 big dis mb20" ng-if="(appAlllistInfo.length>=limitInfo.appNum && limitInfo.appNum!=-1) || (!isSuper && !isManage)"><span class="formAddIcon dis"></span>新建产品</div> <div class="btn2 big dis mb20" ng-if="(appAlllistInfo.length>=limitInfo.appNum && limitInfo.appNum!=-1) || (!isSuper && !isManage)"><span class="formAddIcon dis"></span>新建产品</div>
<span class="tiplabel" ng-if="limitInfo.appNum!=-1">主账号仅允许创建{{limitInfo.appNum}}个产品，如需升级请联系商务。</span> <span class="tiplabel" ng-if="limitInfo.appNum!=-1">主账号仅允许创建{{limitInfo.appNum}}个产品，如需升级请联系商务。</span>
<div class="clear"></div> <div class="searchWrap">
<div class="wrapTitle formTitleWrap"> <input type="text" class="searchIpt" ng-model="searchTxt" placeholder="搜索产品名称或APPKEY">
<span>产品管理</span>
<div class="searchWrap">
<input type="text" class="searchIpt" ng-model="searchTxt" placeholder="搜索产品名称或APPKEY">
</div>
</div> </div>
<div class="tableList yeswrap"> <div class="clear"></div>
<table>
<tr> <div class="appList">
<th>序号</th> <div ng-if="resultList.length>0" class="appWrap" ng-repeat="info in appAlllistInfo | limitTo:limitCount | filterList:searchTxt:'name,appkey' as filterResult track by $index">
<th>平台</th> <div class="app" ng-click="goReport(info)">
<th>产品名称</th> <div class="ml20 mt20">
<th>APPKEY</th> <div class="iconfont platform" ng-class="{'iOS':'icon-ios','Android':'icon-android','H5':'icon-wrap'}[info.platform]"></div>
<th style="width:150px;">创建时间</th> <span class="title">{{info.name}}</span>
<th style="width:110px;">操作</th> <span class="copyBtnIcon copyBtn" data-clipboard-text="{{info.name}}" title="点击复制" stop-event></span>
</tr> <span class="setting" ng-click="info.isShow=!info.isShow" stop-event>
<tr ng-repeat="info in appAlllistInfo | filterList:searchTxt:'name,appkey' track by $index" ng-if="$index>flipPage.start && $index < flipPage.end"> <ul ng-show="info.isShow" ng-mouseleave="info.isShow=false">
<td>{{$index+1}}</td> <li ng-click="gopage(info.id)">编辑</li>
<td> <li ng-click="doRemove(info.id)" ng-if="specialsAppkey.indexOf(info.appkey)==-1">删除</li>
<div class="appicon" style="margin-left: 0px;" ng-class="{'iOS':'apple','Android':'android','H5':'web'}[info.platform]"></div> </ul>
</td> </span>
<td ng-if="!info.isDebug"> </div>
<span class="ckblue" ng-click="goReport(info)">{{info.name}}</span> <div class="key">APPKEY：{{info.appkey}}
<span class="copyBtnIcon copyBtn" data-clipboard-text="{{info.name}}" title="点击复制"></span> <span class="copyBtnIcon copyBtn" data-clipboard-text="{{info.appkey}}" title="点击复制" stop-event></span>
</td> </div>
<td ng-if="info.isDebug"> <div class="bottom">
{{info.name}} <span ng-show="!isDebug" stop-event>自动生成日志<div class="onOffBtn" ng-class="{'on':info.regedbutton == true}" ng-click="onOff(info)"></div></span>
</td> <div class="debugbtn" ng-show="isDebug" ng-click="gopage(info.id,1)" stop-event>调试</div>
<td>{{info.appkey}}</td> <span class="right" ng-style="{'margin-top':isDebug?'5px':''}">创建时间：{{info.createTime | date:'yyyy-MM-dd HH:mm:ss'}}</span>
<td>{{info.createTime | date:'yyyy-MM-dd HH:mm:ss'}}</td> </div>
<td class="formOper"> </div>
<div class="formBtn" ng-click="gopage(info.id)" style="margin-right: 10px;"><span class="editIcon"></span>编辑</div> </div>
<div class="formBtn" ng-click="doRemove(info.id)" ng-if="specialsAppkey.indexOf(info.appkey)==-1" style="margin-right: 10px;"><span class="removeIcon"></span>删除</div> <div class="more" ng-click="getMore()" ng-show="isShow() && filterResult.length>0"><span>更多产品<label>(共{{resultList.length}}个产品)</label></span></div>
<!-- <div class="formBtn" ng-click="gopage(info.id,1)" ng-if="info.isDebug" style="margin-right: 10px;">调试</div> --> <div class="noData" ng-if="resultList.length==0">
<!-- <span class="label" ng-if="!info.isDebug" style="color:#999">已调试</span> --> <span></span>
</td> <div>暂无{{isDebug?'待调试':'已调试'}}产品</div>
</tr> </div>
</table> <div class="noData" ng-if="filterResult.length==0">
<del-tip status="delstatus" delfn="removeInfo()">确定删除该产品？<br><b class="error">此应用的数据将彻底删除，无法恢复！</b></del-tip> <span></span>
<div>无搜索结果</div>
</div>
</div> </div>
<flip-info list-info="appAlllistInfo" search-txt="searchTxt" search-name="name,appkey"></flip-info> <del-tip status="delstatus" delfn="removeInfo()">确定删除该产品？<br><b class="error">此应用的数据将彻底删除，无法恢复！</b></del-tip>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment