Skip to content

T
traffic-front
Commit 364a0ceb authored by Mccoy Z Xia's avatar Mccoy Z Xia
Browse files
Options

调整了首页

parent 74f13ee0
Hide whitespace changes
Inline Side-by-side
Showing with 55 additions and 555 deletions
atms-web/src/main/webapp/app/framework/app-main/app-main.html
View file @ 364a0ceb
<div class="main-container">
<div id="u0" class="default">
<img id="u0_img" class="img " src="app-resources/images/entityDB/u0.png">
</div>
<div id="u1" class="default" style="cursor: pointer;" ng-click="gotoEntity()">
<!-- Unnamed (Rectangle) -->
<div id="u2" class="default box_1">
<img id="u2_img" class="img " src="app-resources/images/entityDB/u2.png" tabindex="0">
</div>
<!-- Unnamed (Rectangle) -->
<div id="u3" class="default paragraph">
<img id="u3_img" class="img " src="app-resources/images/entityDB/u3.png">
</div>
<!-- Unnamed (Rectangle) -->
<div id="u4" class="default box_1">
<img id="u4_img" class="img " src="app-resources/images/entityDB/u4.png">
<div id="u4_text" class="text ">
<p><span>Entity Information</span></p>
<div class="main-container" style="background: url(app-resources/images/entityDB/u0.png) no-repeat 0 0 transparent;background-size: 100% 100%;background-attachment:fixed;height: 100%;">
<div class="container">
<div id="u1" class="default" ng-click="gotoEntity()">
<div><img src="app-resources/images/entityDB/u20.png"></div>
<div class="content">
<div class="wrap">Entity Information</div>
</div>
</div>
</div>
<div id="u5" class="default" style="cursor: pointer;" ng-click="gotoCompliance()">
<!-- Unnamed (Rectangle) -->
<div id="u6" class="default box_1">
<img id="u6_img" class="img " src="app-resources/images/entityDB/u6.png" tabindex="0">
</div>
<!-- Unnamed (Rectangle) -->
<div id="u7" class="default paragraph">
<img id="u7_img" class="img " src="app-resources/images/entityDB/u3.png">
</div>
<!-- Unnamed (Rectangle) -->
<div id="u8" class="default box_21">
<img id="u8_img" class="img " src="app-resources/images/entityDB/u4.png">
<div id="u8_text" class="text ">
<p><span>Compliance</span></p>
<div id="u2" class="default" ng-click="gotoCompliance()">
<div><img src="app-resources/images/entityDB/u18.png"></div>
<div class="content">
<div class="wrap">Compliance</div>
</div>
</div>
</div>
<div id="u13" class="default" style="cursor: pointer;" ng-click="gotoChart()">
<!-- Unnamed (Rectangle) -->
<div id="u14" class="default box_1">
<div id="u14_div" class="" tabindex="0"></div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u15" class="default paragraph">
<img id="u15_img" class="img " src="app-resources/images/entityDB/u3.png">
</div>
<!-- Unnamed (Rectangle) -->
<div id="u16" class="default box_21">
<img id="u16_img" class="img " src="app-resources/images/entityDB/u4.png">
<div id="u16_text" class="text ">
<p><span>Structure Chart</span></p>
<div id="u3" class="default" ng-click="gotoCalendar()">
<div><img src="app-resources/images/entityDB/u19.png"></div>
<div class="content">
<div class="wrap">Calendar</div>
</div>
</div>
</div>
<div id="u9" class="default" style="cursor: pointer;" ng-click="gotoCalendar()">
<!-- Unnamed (Rectangle) -->
<div id="u10" class="ax_default box_1">
<div id="u10_div" class=""></div>
</div>
<!-- Unnamed (Rectangle) -->
<div id="u11" class="ax_default paragraph">
<img id="u11_img" class="img " src="app-resources/images/entityDB/u3.png">
</div>
<!-- Unnamed (Rectangle) -->
<div id="u12" class="ax_default box_21">
<img id="u12_img" class="img " src="app-resources/images/entityDB/u4.png">
<div id="u12_text" class="text ">
<p><span>Calendar</span></p>
<div id="u4" class="default" ng-click="gotoChart()">
<div><img src="app-resources/images/entityDB/u17.png"></div>
<div class="content">
<div class="wrap">Structure Chart</div>
</div>
</div>
</div>
<div id="u17" class="default image">
<img id="u17_img" class="img " src="app-resources/images/entityDB/u17.png">
</div>
<div id="u18" class="default image">
<img id="u18_img" class="img " src="app-resources/images/entityDB/u18.png">
</div>
<div id="u19" class="default image">
<img id="u19_img" class="img " src="app-resources/images/entityDB/u19.png">
</div>
<div id="u20" class="default image">
<img id="u20_img" class="img " src="app-resources/images/entityDB/u20.png">
</div>
</div>
\ No newline at end of file
atms-web/src/main/webapp/app/framework/app-main/app-main.less
View file @ 364a0ceb
@left1: 180px;
@left2: 290px;
@left3: 300px;
@left4: 400px;
@width: 245px;
@height: 286px;
.main-container {
.default {
font-family: 'Arial';
font-weight: 400;
font-style: normal;
font-size: 13px;
color: #333333;
.container{
text-align: center;
line-height: normal;
}
#u0 {
border-width: 0px;
position: absolute;
left: 0px;
top: 51px;
width: 100%;
height: 100%;
opacity: 0.6;
#u0_img {
border-width: 0px;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
}
}
#u1 {
border-width: 0px;
position: absolute;
left: 0px;
top: 0px;
width: 0px;
height: 0px;
#u2 {
border-width: 0px;
position: absolute;
left: 119px;
top: 169px;
width: @width;
height: @height;
color: #1E1E1E;
#u2_img {
border-width: 0px;
position: absolute;
left: 0px;
top: 0px;
width: 255px;
height: 296px;
}
}
#u3 {
border-width: 0px;
position: absolute;
left: 119px;
top: 169px;
width: @width;
height: @height;
font-family: 'Times New Roman Bold Italic', 'Times New Roman';
font-weight: 700;
font-style: italic;
font-size: 180px;
color: #FFFFFF;
text-align: center;
#u3_img {
border-width: 0px;
position: absolute;
left: 0px;
top: 0px;
width: 255px;
height: 296px;
}
}
#u4 {
border-width: 0px;
position: absolute;
left: 119px;
top: 455px;
width: 245px;
height: 107px;
font-family: 'Microsoft YaHei UI Bold', 'Microsoft YaHei UI Regular', 'Microsoft YaHei UI';
font-weight: 700;
font-style: normal;
font-size: 28px;
#u4_img {
border-width: 0px;
position: absolute;
left: 0px;
top: 0px;
width: 255px;
height: 117px;
}
#u4_text {
border-width: 0px;
position: absolute;
left: 2px;
top: 18px;
width: 241px;
word-wrap: break-word;
text-align: center;
}
}
}
#u20 {
border-width: 0px;
position: absolute;
left: 180px;
top: 234px;
width: 155px;
height: 156px;
}
#u5 {
border-width: 0px;
position: absolute;
left: 0px;
top: 0px;
width: 0px;
height: 0px;
#u6 {
border-width: 0px;
position: absolute;
left: 422px;
top: 170px;
width: @width;
height: @height;
color: #1E1E1E;
#u6_img {
border-width: 0px;
position: absolute;
left: 0px;
top: 0px;
width: 255px;
height: 296px;
}
}
#u7 {
border-width: 0px;
position: absolute;
left: 422px;
top: 170px;
width: @width;
height: @height;
font-family: 'Times New Roman Bold Italic', 'Times New Roman';
font-weight: 700;
font-style: italic;
font-size: 180px;
color: #FFFFFF;
text-align: center;
#u7_img {
border-width: 0px;
position: absolute;
left: 0px;
top: 0px;
width: 255px;
height: 296px;
}
}
#u8 {
border-width: 0px;
position: absolute;
left: 422px;
top: 456px;
width: 245px;
height: 107px;
color: #333333;
font-family: 'Microsoft YaHei UI Bold', 'Microsoft YaHei UI Regular', 'Microsoft YaHei UI';
font-weight: 700;
font-style: normal;
font-size: 28px;
.box_21 {
font-family: 'Microsoft YaHei UI Bold', 'Microsoft YaHei UI Regular', 'Microsoft YaHei UI';
font-weight: 700;
font-style: normal;
font-size: 28px;
color: #666666;
}
#u8_img {
border-width: 0px;
position: absolute;
left: 0px;
top: 0px;
width: 255px;
height: 117px;
}
#u8_text {
border-width: 0px;
position: absolute;
left: 2px;
top: 36px;
width: 241px;
word-wrap: break-word;
text-align: center;
}
}
.default{
position: relative;
display: inline-block;
height: 325px;
width: 275px;
margin: 10% 2%;
}
#u9 {
border-width: 0px;
position: absolute;
left: 0px;
top: 0px;
width: 0px;
height: 0px;
#u10 {
border-width: 0px;
position: absolute;
left: 725px;
top: 170px;
width: @width;
height: @height;
color: #1E1E1E;
#u10_div {
border-width: 0px;
position: absolute;
left: 0px;
top: 0px;
width: @width;
height: @height;
background: inherit;
background-color: inherit;
background-color: rgba(225, 48, 30, 1);
box-sizing: border-box;
border-width: 1px;
border-style: solid;
border-color: rgba(225, 48, 30, 1);
border-radius: 0px;
-moz-box-shadow: 5px 5px 5px rgba(153, 153, 153, 0.349019607843137);
-webkit-box-shadow: 5px 5px 5px rgba(153, 153, 153, 0.349019607843137);
box-shadow: 5px 5px 5px rgba(153, 153, 153, 0.349019607843137);
color: #1E1E1E;
}
}
#u11 {
border-width: 0px;
position: absolute;
left: 725px;
top: 170px;
width: @width;
height: @height;
font-family: 'Times New Roman Bold Italic', 'Times New Roman';
font-weight: 700;
font-style: italic;
font-size: 180px;
color: #FFFFFF;
text-align: center;
#u11_img {
border-width: 0px;
position: absolute;
left: 0px;
top: 0px;
width: 255px;
height: 296px;
}
}
#u12 {
border-width: 0px;
position: absolute;
left: 725px;
top: 456px;
width: 245px;
height: 107px;
color: #333333;
font-family: 'Microsoft YaHei UI Bold', 'Microsoft YaHei UI Regular', 'Microsoft YaHei UI';
font-weight: 700;
font-style: normal;
font-size: 28px;
#u12_img {
border-width: 0px;
position: absolute;
left: 0px;
top: 0px;
width: 255px;
height: 117px;
}
#u12_text {
border-width: 0px;
position: absolute;
left: 2px;
top: 36px;
width: 241px;
word-wrap: break-word;
text-align: center;
}
}
.default div{
border: solid 1px #bbb;
}
#u13 {
border-width: 0px;
position: absolute;
left: 0px;
top: 0px;
width: 0px;
height: 0px;
#u14 {
border-width: 0px;
position: absolute;
left: 1037px;
top: 170px;
width: @width;
height: @height;
color: #1E1E1E;
#u14_div {
border-width: 0px;
position: absolute;
left: 0px;
top: 0px;
width: 245px;
height: 286px;
background: inherit;
background-color: inherit;
background-color: rgba(219, 83, 106, 1);
box-sizing: border-box;
border-width: 1px;
border-style: solid;
border-color: rgba(219, 83, 106, 1);
border-radius: 0px;
-moz-box-shadow: 5px 5px 5px rgba(153, 153, 153, 0.349019607843137);
-webkit-box-shadow: 5px 5px 5px rgba(153, 153, 153, 0.349019607843137);
box-shadow: 5px 5px 5px rgba(153, 153, 153, 0.349019607843137);
color: #1E1E1E;
}
}
#u15 {
border-width: 0px;
position: absolute;
left: 1037px;
top: 170px;
width: @width;
height: @height;
font-family: 'Times New Roman Bold Italic', 'Times New Roman';
font-weight: 700;
font-style: italic;
font-size: 180px;
color: #FFFFFF;
text-align: center;
#u15_img {
border-width: 0px;
position: absolute;
left: 0px;
top: 0px;
width: 255px;
height: 296px;
}
}
#u16 {
border-width: 0px;
position: absolute;
left: 1037px;
top: 456px;
width: 245px;
height: 107px;
color: #333333;
font-family: 'Microsoft YaHei UI Bold', 'Microsoft YaHei UI Regular', 'Microsoft YaHei UI';
font-weight: 700;
font-style: normal;
font-size: 28px;
#u16_img {
border-width: 0px;
position: absolute;
left: 0px;
top: 0px;
width: 255px;
height: 117px;
}
#u16_text {
border-width: 0px;
position: absolute;
left: 2px;
top: 36px;
width: 241px;
word-wrap: break-word;
text-align: center;
}
}
.default img {
margin: 80px 0;
width: 60%;
height: auto;
}
#u17 {
border-width: 0px;
.default .content {
background: white;
position: absolute;
left: 1081px;
top: 234px;
width: 157px;
height: 158px;
#u17_img {
border-width: 0px;
position: absolute;
left: 0px;
top: 0px;
width: 157px;
height: 158px;
}
top: 325px;
height: 90px;
width: 100%;
display: table;
}
#u18 {
border-width: 0px;
position: absolute;
left: 467px;
top: 235px;
width: 156px;
height: 156px;
#u18_img {
border-width: 0px;
position: absolute;
left: 0px;
top: 0px;
width: 156px;
height: 156px;
}
.default .content .wrap{
display: table-cell;
vertical-align: middle;
font-size: 30px;
font-family: microsoft yahei;
font-weight: bold;
}
#u19 {
border-width: 0px;
position: absolute;
left: 781px;
top: 237px;
width: 134px;
height: 153px;
#u19_img {
border-width: 0px;
position: absolute;
left: 0px;
top: 0px;
width: 134px;
height: 153px;
}
}
#u1{background:#f90;}
#u2{background:#f60;}
#u3{background:#f30;}
#u4{background:#c00;}
}
\ No newline at end of file
atms-web/src/main/webapp/app/framework/app-nav/app-nav.ctrl.js
View file @ 364a0ceb
......@@ -46,6 +46,10 @@ frameworkModule.controller('AppNavController', ['$rootScope', '$scope', '$log',
$scope.msgNum--;
});
$scope.gotoMainPage = function () {
$state.go('mainPage');
};
var getNotificationInfo = function () {
$scope.notificationCriteriaX = {
isFirstTimeLoading: false,
......
atms-web/src/main/webapp/app/framework/app-nav/app-nav.html
View file @ 364a0ceb
<nav class="navbar-custom-top" role="navigation" style="margin-bottom: 0;border-radius:0">
<div class="nav-container" style="min-width:1435px">
<div class="nav-element-left" style="width:250px;text-align:left;font-size:17px;">
<div class="nav-element-left" style="width:250px;text-align:left;font-size:17px;outline:none;" ng-click="gotoMainPage()">
<i class="fa fa-bullseye" style="color:red;font-size:22px;margin-right:10px"></i>
<span style="font-weight:bold;">Entity Info Database</span>
</div>
<div class="nav-element-left" hover-show="first" atms-permission permission-control-type="ngIf" permission-code="{{vatPermission.taxCalendarDisplay.menuControl}}">
<a ui-sref-active="active" ui-sref="taxCalendar">
<span id="taxCalendar" class="nav-icon-color">{{'Calendar' | translate}}</span>
<span id="taxCalendar" class="nav-icon-color">{{'MenuCalendar' | translate}}</span>
</a>
</div>
<div class="nav-element-left" hover-show="second" ng-if="menuEntityManagementShow">
<a ui-sref="organization">
<span class="nav-icon-color">{{'EntityManagement' | translate}}</span>
<span class="nav-icon-color">{{'MenuEntityManagement' | translate}}</span>
</a>
</div>
......
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