Skip to content

Z
zxtb_to_ssfwpt
Commit 2659f28f authored by yangyuxin's avatar yangyuxin
Browse files
Options

报表样式修改

parent 1389cd97
Hide whitespace changes
Inline Side-by-side
Showing with 73 additions and 28 deletions
jsp/declare/edit.html
View file @ 2659f28f
...@@ -42,7 +42,12 @@ ...@@ -42,7 +42,12 @@
<body class="body"> <body class="body">
<div class="header"> <div class="header">
<div class="title"></div> <div class="title">
<p>
<span class="caption">当前报表：</span>
<span class="name"></span>
</p>
</div>
<div class="button-group"> <div class="button-group">
<button onClick="submitData()" class="htbutton"> 保存 </button> <button onClick="submitData()" class="htbutton"> 保存 </button>
</div> </div>
...@@ -50,7 +55,7 @@ ...@@ -50,7 +55,7 @@
</div> </div>
<div class="container"> <div class="container">
<div class="left-bar"> <div class="left-bar">
<div class="left-title"><span>申报表列表</span></div> <div class="left-title"><span>报表清单</span></div>
<div class="left"> <div class="left">
</div> </div>
</div> </div>
......
jsp/declare/yearReport.html
View file @ 2659f28f
...@@ -60,7 +60,12 @@ ...@@ -60,7 +60,12 @@
<body class="body"> <body class="body">
<div class="header"> <div class="header">
<div class="title"></div> <div class="title">
<p>
<span class="caption">当前报表：</span>
<span class="name"></span>
</p>
</div>
<div class="button-group"> <div class="button-group">
<button onClick="submitData()" class="htbutton"> 保存 </button> <button onClick="submitData()" class="htbutton"> 保存 </button>
</div> </div>
...@@ -68,7 +73,7 @@ ...@@ -68,7 +73,7 @@
</div> </div>
<div class="container"> <div class="container">
<div class="left-bar"> <div class="left-bar">
<div class="left-title"><span>申报表列表</span></div> <div class="left-title"><span>报表清单</span></div>
<div class="left"> <div class="left">
</div> </div>
</div> </div>
......
jsp/declare/yearReportGLB.html
View file @ 2659f28f
...@@ -60,7 +60,12 @@ ...@@ -60,7 +60,12 @@
<body class="body"> <body class="body">
<div class="header"> <div class="header">
<div class="title"></div> <div class="title">
<p>
<span class="caption">当前报表：</span>
<span class="name"></span>
</p>
</div>
<div class="button-group"> <div class="button-group">
<button onClick="submitData()" class="htbutton"> 保存 </button> <button onClick="submitData()" class="htbutton"> 保存 </button>
</div> </div>
...@@ -68,7 +73,7 @@ ...@@ -68,7 +73,7 @@
</div> </div>
<div class="container"> <div class="container">
<div class="left-bar"> <div class="left-bar">
<div class="left-title"><span>申报表列表</span></div> <div class="left-title"><span>报表清单</span></div>
<div class="left"> <div class="left">
</div> </div>
</div> </div>
......
static/css/style.css
View file @ 2659f28f
...@@ -6,33 +6,54 @@ body { ...@@ -6,33 +6,54 @@ body {
color: #333; color: #333;
} }
input {
outline: none;
}
.header { .header {
background-color: #2191da; background-color: #f0f1f2;
background-image: url("/web/onlineReport/static/img/head_bg.png"); /* background-image: url("/static/img/head_bg.png"); */
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: right center; background-position: right center;
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 350px;
right: 0; right: 0;
height: 80px; height: 46px;
line-height: 80px; line-height: 46px;
padding: 0 16px; padding: 0 16px;
border-radius: 3px;
z-index: 1;
} }
.header .title { .header .title {
font-size: 24px; font-size: 14px;
color: #ffffff; /* color: #ffffff; */
float: left; color: #333;
/* float: left; */
clear: none; clear: none;
} }
.header .title p {
margin: 0;
}
/* .header .title .caption {
color: #333;
} */
.header .title .name {
font-weight: 900;
}
.header .button-group { .header .button-group {
float: right; float: right;
height: 60px;
line-height: 60px;
clear: none; clear: none;
} }
.htbutton { .htbutton {
outline: none;
border-radius: 4px; border-radius: 4px;
display: inline-block; display: inline-block;
padding: 0 18px; padding: 0 18px;
...@@ -52,8 +73,10 @@ body { ...@@ -52,8 +73,10 @@ body {
.htbutton.import { .htbutton.import {
color: #ffffff; color: #ffffff;
border: 1px solid #ff9600; background-color: #0994DC;
background-color: #ff9600; border-color: #0994DC;
/* border: 1px solid #ff9600;
background-color: #ff9600; */
} }
.text-right { .text-right {
...@@ -68,7 +91,7 @@ body { ...@@ -68,7 +91,7 @@ body {
.container { .container {
position: fixed; position: fixed;
top: 80px; top: 106px;
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
...@@ -76,11 +99,12 @@ body { ...@@ -76,11 +99,12 @@ body {
.container .left-bar { .container .left-bar {
position: absolute; position: absolute;
top: 0; top: -106px;
left: 0; left: 0;
bottom: 0; bottom: 0;
width: 340px; width: 333px;
padding: 10px; padding: 10px;
border: 1px solid #e4e4e4;
} }
.container.full .left-bar { .container.full .left-bar {
...@@ -92,9 +116,9 @@ body { ...@@ -92,9 +116,9 @@ body {
position: absolute; position: absolute;
width: 10px; width: 10px;
top: 0; top: 0;
left: 340px; left: 333px;
bottom: 0; bottom: 0;
background: #efeeee; /* background: #efeeee; */
} }
.container.full .breakbar { .container.full .breakbar {
...@@ -121,6 +145,7 @@ body { ...@@ -121,6 +145,7 @@ body {
right: 0; right: 0;
bottom: 0; bottom: 0;
height: 100%; height: 100%;
border: 1px solid #d7d8d9;
} }
.container.full .right { .container.full .right {
...@@ -133,16 +158,17 @@ body { ...@@ -133,16 +158,17 @@ body {
left: 0; left: 0;
right: 0; right: 0;
height: 42px; height: 42px;
font-size: 16px; /* font-size: 16px; */
font-weight: 700; font-weight: 700;
border-bottom: 1px solid #dcdee2; border-bottom: 1px solid #dcdee2;
background-color: #f7f7f7;
} }
.container .left-bar .left-title span { .container .left-bar .left-title span {
line-height: 40px; line-height: 40px;
display: inline-block; display: inline-block;
padding: 0 15px; padding: 0 15px;
border-bottom: 2px solid #4285f4; /* border-bottom: 2px solid #4285f4; */
} }
.container .left-bar .left { .container .left-bar .left {
...@@ -156,7 +182,7 @@ body { ...@@ -156,7 +182,7 @@ body {
.container .left-bar .left .left-item { .container .left-bar .left .left-item {
line-height: 20px; line-height: 20px;
border-bottom: 1px dashed #dcdee2; /* border-bottom: 1px dashed #dcdee2; */
padding: 10px 25px 10px 15px; padding: 10px 25px 10px 15px;
cursor: pointer; cursor: pointer;
word-wrap: normal; word-wrap: normal;
...@@ -165,11 +191,13 @@ body { ...@@ -165,11 +191,13 @@ body {
.container .left-bar .left .left-item:hover, .container .left-bar .left .left-item:hover,
.left-item-active { .left-item-active {
color: #3e9be5; /* color: #3e9be5; */
color: #0994dc;
} }
.container .left-bar .left .left-item-active { .container .left-bar .left .left-item-active {
background: #edf6fc; /* background: #edf6fc; */
background: #d1ecff;
} }
.mask { .mask {
...@@ -418,8 +446,10 @@ body { ...@@ -418,8 +446,10 @@ body {
.htbutton.resetAll { .htbutton.resetAll {
color: #ffffff; color: #ffffff;
border: 1px solid #ff9600; background-color: #0994DC;
background-color: #ff9600; border-color: #0994DC;
/* border: 1px solid #ff9600;
background-color: #ff9600; */
} }
.left-item.has-error { .left-item.has-error {
......
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