Commit 2659f28f authored by yangyuxin's avatar yangyuxin

报表样式修改

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