@import "./base.less";
|
*{
|
margin: 0;
|
padding: 0;
|
}
|
|
div.travel_expense {
|
position:relative;
|
div.page-title {
|
float:left;
|
position:absolute;
|
top:12px;
|
margin-left:10px;
|
padding:3px 5px;
|
border-bottom:2px solid rgba(9, 180, 171, 1);
|
}
|
.main_choose{
|
display: flex;
|
justify-content: flex-start;
|
margin: 0;
|
margin-top: 4px;
|
height: 30px;
|
li{
|
list-style-type: none;
|
padding-left: 15px;
|
padding-right: 15px;
|
margin-right: 10px;
|
text-align: center;
|
line-height: 30px;
|
cursor: pointer;
|
border-bottom: 1px solid @font-color;
|
}
|
.main_active{
|
border-bottom-width: 2px;
|
}
|
}
|
}
|
|
.fxinput{
|
position: relative;
|
width: 80% !important;
|
float: left;
|
}
|
|
.fxtitle{
|
text-align: center;
|
height:40px;
|
line-height: 40px;
|
padding-left: 25px;
|
padding-right: 20px;
|
}
|
|
.selectul{
|
position: relative;
|
width:100px;
|
}
|
|
.showfx{
|
width: 100%;
|
height: 67px;
|
line-height: 20px;
|
padding-left: 10px;
|
list-style: none;
|
position: absolute;
|
top:28px;
|
overflow: auto;
|
background: #fff;
|
border:1px solid #E0E0E0;
|
z-index: 1;
|
}
|
|
|
.fxclass{
|
position: absolute;
|
right: 0px;
|
top: 4px;
|
font-size: 14px;
|
text-align: center;
|
display: inline-block;
|
width: 20%;
|
}
|
|
.fxspan{
|
border: 1px dashed @default-color;
|
height:28px;
|
line-height: 28px;
|
margin-bottom:40px;
|
margin-left: 10px;
|
text-align: center;
|
padding: 0;
|
border-radius: 5px;
|
}
|
.sys_fxspan{
|
border: 1px dashed @default-color;
|
height:28px;
|
line-height: 28px;
|
margin-bottom:10px;
|
margin-top: 10px;
|
margin-left: 10px;
|
text-align: center;
|
padding: 5px;
|
border-radius: 5px;
|
}
|
.sys_text{
|
width: 100%;
|
}
|
.fxresult{
|
border: 2px solid #e0e0e0;
|
height:50px;
|
line-height: 50px;
|
margin: 5px;
|
text-align: center;
|
margin-left: 10px;
|
}
|
.overhidden{
|
width:180px;
|
white-space:nowrap;
|
text-overflow:ellipsis;
|
-o-text-overflow:ellipsis;
|
overflow: hidden;
|
}
|
|
.savefx{
|
text-align: center;
|
margin-top: 10px;
|
}
|
.sys_savefx{
|
text-align: center;
|
margin-top: 10px;
|
margin-bottom: 10px;
|
}
|
.savebtn{
|
border: 1px solid @default-color;
|
}
|
/* 去掉默认样式，设置新的样式 */
|
.myselect{
|
// display:block;
|
width:110px;
|
height:28px;
|
line-height: 28px;
|
box-sizing:border-box;
|
background: url(../img/arrow.png) no-repeat scroll right center transparent;
|
border:1px solid #dfdfdf;
|
outline:none;
|
padding:0 5px;
|
font-size:14px;
|
position:relative;
|
appearance:none;
|
-moz-appearance:none; /* Firefox */
|
-webkit-appearance:none; /* Safari 和 Chrome */
|
}
|
.myselect option{
|
color:#222;
|
appearance:none;
|
-moz-appearance:none; /* Firefox */
|
-webkit-appearance:none; /* Safari 和 Chrome */
|
}
|
.myselect option:hover{
|
// color:#fff;
|
background:#fff
|
}
|
.myselect option:checked{
|
background:#fff;
|
// color:#fff;
|
}
|
|
.wait{
|
position: fixed;
|
width: 100%;
|
height: 100%;
|
background-color: rgba(0,0,0,0.1);
|
text-align: center;
|
padding-top: 23%;
|
// top: 49%;
|
// left: 49%;
|
}
|
|
.deleteelment{
|
width:12px;
|
height:12px;
|
}
|
|
.unfoldelment{
|
width:10px;
|
height:10px;
|
margin: 3px;
|
margin-right: 10px;
|
}
|
|
.addbtn{
|
border: none;
|
}
|
|
.expense_titles{
|
height: 600px;
|
overflow: auto;
|
button{
|
overflow: hidden;
|
text-overflow: ellipsis;
|
}
|
}
|
|
.system_titles{
|
height: 600px;
|
overflow: auto;
|
button{
|
overflow: hidden;
|
text-overflow: ellipsis;
|
}
|
}
|
|
div.condition_search {
|
border: 1px solid rgba(228, 228, 228, 1);
|
margin-top:4px;
|
position:relative;
|
|
.table-heading {
|
float:left;
|
width:100%;
|
// position:relative;
|
span {
|
position: absolute;
|
left:12px;
|
top:14px;
|
padding:0px 8px;
|
border-bottom:2px solid @default-color;
|
font-size:12px;
|
}
|
|
}
|
|
div.width-heading {
|
margin-top:38px;
|
}
|
|
|
div.condition_search_header, div.condition_search_footer {
|
height: 29px;
|
background: #f1f6f6;
|
label {
|
font-size:12px;
|
line-height:29px;
|
}
|
div.first, label.first{
|
float:left;
|
padding-left:4px;
|
margin-bottom:0;
|
button.btn-action {
|
margin-bottom:2px;
|
}
|
|
> span {
|
cursor:pointer;
|
margin:0px 5px;
|
font-size:12px;
|
img {
|
width:20px;
|
}
|
}
|
|
}
|
label.second{
|
font-weight:400;
|
> span {
|
cursor:pointer;
|
margin:0px 5px;
|
font-size:12px;
|
img {
|
width:16px;
|
}
|
input {
|
width:25px;
|
min-width:25px;
|
min-height:22px!important;
|
height:22px !important;
|
|
}
|
a{
|
text-decoration: none;
|
}
|
}
|
float:right;
|
padding-right:4px;
|
}
|
}
|
|
div.condition_search_footer {
|
background: #fff;
|
border-top: 1px solid #ddd;
|
padding-top:2px;
|
select {
|
height:22px;
|
}
|
label.first {
|
font-weight:400;
|
span {
|
input {
|
width:50px;
|
min-width:50px;
|
}
|
}
|
}
|
}
|
|
div.search_item {
|
width:100%;
|
div.search_column_button{
|
position:relative;
|
display:inline-block;
|
padding-top:25px;
|
margin:5px;
|
vertical-align: middle;
|
}
|
div.search_column {
|
position:relative;
|
display:inline-block;
|
padding-top:25px;
|
margin:5px;
|
vertical-align: middle;
|
min-width:214px;
|
select{
|
width:200px;
|
}
|
|
span {
|
select{
|
width:130px !important;
|
min-width:0px !important;
|
height:25px;
|
}
|
>input.text_input{
|
width: 215px;
|
}
|
>input.search_ifd {
|
width:130px !important;
|
min-width:0px !important;
|
height:25px;
|
}
|
|
> input{
|
width:135px;
|
}
|
|
}
|
|
label {
|
position:absolute;
|
left:0px;
|
top:0px;
|
font-size:10px;
|
}
|
|
.selectul{
|
position: relative;
|
|
.select-container{
|
line-height: 25px;
|
}
|
|
.showul{
|
width:214px;
|
height:100px;
|
background:#fff;
|
border:1px solid #ccc;
|
position: absolute;
|
z-index: 999999999;
|
overflow: auto;
|
}
|
|
.suffix{
|
top:0;
|
}
|
}
|
}
|
}
|
|
div.task_statics {
|
overflow: hidden;
|
height:120px;
|
div.center {
|
float:left;
|
position:absolute;
|
left:-25%;
|
}
|
div.task_card {
|
width:50%;
|
margin:0px auto;
|
> div.budget_card{
|
cursor: pointer;
|
* {
|
cursor: pointer;
|
}
|
|
// background: rgba(156, 156, 210, 1);
|
}
|
> div.request_card{
|
cursor: pointer;
|
* {
|
cursor: pointer;
|
}
|
// background: #e7ca6b;
|
}
|
> div.rebuise_card{
|
cursor: pointer;
|
* {
|
cursor: pointer;
|
}
|
// background: #7ca6d6;
|
img {
|
width:45px;
|
margin-top:2px;
|
}
|
}
|
img {
|
width:35px;
|
margin-top:5px;
|
}
|
> div {
|
max-width:210px;
|
padding:10px 20px;
|
margin:25px;
|
// border:1px solid #ddd;
|
height: 75px;
|
> div.col-md-6 {
|
height:100%;
|
label {
|
display:block;
|
height:50%;
|
text-align: right;
|
margin:0px;
|
line-height:20px;
|
font-size:12px;
|
color:#124601;
|
}
|
img{
|
margin-left: 28px;
|
}
|
}
|
|
}
|
}
|
}
|
|
}
|
|
div.table-content {
|
padding:1px;
|
table.table_travel_expense {
|
position: relative;
|
top: 2px;
|
table-layout: fixed;
|
border: 1px solid #ddd;
|
margin:0px;
|
thead th {
|
color: #758aa5;
|
font-size:12px;
|
text-align: center;
|
border: 1px solid #ddd;
|
font-weight: normal;
|
// overflow: hidden;
|
text-overflow:ellipsis ;
|
}
|
thead .mdcode_search{
|
padding-left: 42%;
|
height: 36px;
|
}
|
tr td {
|
border: 1px solid #ddd;
|
font-size:12px;
|
padding: 0;
|
vertical-align: middle;
|
text-align: center;
|
}
|
.ellipsis_td{
|
overflow: hidden;
|
text-overflow:ellipsis ;
|
}
|
tr.odd {
|
background: #ffffff;
|
height:30px;
|
}
|
|
tr.even{
|
background: #f1f6f6;
|
height:30px;
|
}
|
}
|
}
|
|
div.drop_down_sel {
|
display:block;
|
overflow:auto;
|
overflow-x: hidden;
|
position:absolute;
|
max-height:225px;
|
min-height: 110px;
|
background: #fff;
|
border: 1px solid #ddd;
|
|
|
ul {
|
list-style-type: none;
|
margin:0px;
|
padding:0px;
|
width:240px;
|
background: #fff;
|
li{
|
margin:0px;
|
padding:0px;
|
display:block;
|
width:auto;
|
width: 230px;
|
line-height:33px;
|
height:34px;
|
position: relative;
|
text-align:left;
|
background:#fff;
|
z-index: 99999999999999;
|
|
div{
|
float:left;
|
input {
|
margin: 4px 6px;
|
}
|
}
|
>div {
|
position: absolute;
|
left:0px;
|
}
|
}
|
}
|
}
|
|
div.bg-modal {
|
top:0px;
|
left:0px;
|
position:fixed;
|
width:100%;
|
height:100%;
|
background: rgba(255, 255, 255, 0.8);
|
z-index:9999;
|
}
|
div.pop_panel_formula{
|
width:70%;
|
height:60%;
|
margin:12px auto;
|
margin-top:85px;
|
border: 1px solid #ddd;
|
z-index:9999999;
|
position: relative;
|
background:#fff;
|
overflow:hidden;
|
.box-shadow(0 1px 10px rgba(20,20,20,0.5));
|
}
|
div.pop_panel {
|
width:85%;
|
height:90%;
|
margin:12px auto;
|
margin-top:85px;
|
border: 1px solid #ddd;
|
z-index:9999999;
|
position: relative;
|
background:#fff;
|
overflow:hidden;
|
.box-shadow(0 1px 10px rgba(20,20,20,0.5));
|
div.heading {
|
background:#f3f7f7;
|
height:69px !important;
|
position:relative;
|
ul {
|
margin: 0px;
|
padding:0px;
|
list-style: none;
|
float:left;
|
bottom:0px;
|
position: absolute;
|
padding: 0px 10px;
|
cursor: pointer;
|
li {
|
float:left;
|
display:block;
|
padding:18px 5px;
|
font-size:14px;
|
color: #39beb5;
|
margin: 0px 15px;
|
font-weight:400;
|
}
|
li.active {
|
border-bottom:2px solid #39beb5;
|
}
|
}
|
|
.close {
|
position:absolute;
|
right:12px;
|
top:12px;
|
font-size:20px;
|
}
|
.close_create{
|
position:absolute;
|
right:12px;
|
top:7px;
|
font-size:20px;
|
}
|
}
|
|
div.body {
|
padding:25px;
|
padding-top: 70px;
|
position:relative;
|
|
//去掉下划线后，调整样式
|
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
|
min-height: 0;
|
}
|
div.label {
|
display:block;
|
font-size:14px;
|
text-align: left;
|
color: #797979;
|
padding:0px;
|
margin-bottom: 12px;
|
}
|
|
div.value {
|
display:block;
|
font-size:14px;
|
text-align: left;
|
padding:0px;
|
margin-bottom: 12px;
|
border-bottom:1px solid #dddddd;
|
}
|
|
div.tool_icon {
|
position: absolute;
|
top:5px;
|
right:5px;
|
width: 100%;
|
.order_number{
|
float: left;
|
margin-left: 2%;
|
}
|
.allow_commit{
|
color: #337ab7;
|
}
|
.forbidden_commit{
|
color: #999;
|
}
|
div {
|
float:right;
|
padding:12px;
|
i {
|
color: rgb(57, 190, 181);
|
}
|
}
|
}
|
}
|
|
}
|
|
|
|
|
div.bill_detail_edit{
|
div.pop_panel{
|
padding-top:69px;
|
|
div.heading{
|
margin-top:-69px;
|
}
|
|
div.btn-zone-center {
|
padding-bottom: 40px;
|
}
|
}
|
}
|
|
|
div.bill_detail_pop{
|
select, input[type="text"], textarea{
|
border: none !important;
|
background:#fff !important;
|
-webkit-appearance: none;
|
-moz-appearance: none;
|
text-indent: 1px;
|
text-overflow: '';
|
border: 1px solid #dfdfdf;
|
}
|
div.pop_panel{
|
padding-top:69px;
|
padding-bottom:0px;
|
div.heading{
|
margin-top:-69px;
|
}
|
|
div.btn-zone-center {
|
display:none;
|
}
|
}
|
div.body{
|
div.form_container{
|
div.sub_form{
|
div.sub_frm_tlbar{
|
display: none;
|
}
|
}
|
.radio{
|
overflow: visible;
|
}
|
}
|
div.form_content{
|
div.user_element{
|
a.btn_user_el_add_user{
|
display: none;
|
}
|
}
|
.checkbox_container{
|
.cb_label{
|
position: static;
|
}
|
}
|
.checkbox{
|
.checkbox_container{
|
display: block;
|
}
|
}
|
}
|
.fa-remove:before, .fa-close:before, .fa-times:before {
|
content: "";
|
}
|
}
|
}
|
|
|
|
div.expense_strd_content{
|
height:auto;
|
padding-top:20px;
|
div.user_element {
|
text-align: left;
|
> span {
|
margin-left: 6px;
|
width: 100%;
|
}
|
span.user_name {
|
border: 1px solid #ddd;
|
padding: 2px 5px;
|
width: auto;
|
background:@default-color;
|
color: #fff;
|
}
|
|
label {
|
}
|
|
a.btn_user_el_add_user {
|
font-size:12px;
|
}
|
|
}
|
//组织机构
|
div.org_select_popup_standard{
|
.box-shadow(0 1px 10px rgba(20, 20, 20, 0.5));
|
width:300px;
|
// height:320px;
|
background:#fff;
|
position:absolute;
|
left: 15%;
|
z-index:9999999999999999999999 !important;
|
border:1px solid #ddd;
|
padding-top:22px;
|
padding-bottom: 25px;
|
div.btn_cls {
|
border-bottom: 1px dashed #ddd;
|
padding-left:4px;
|
margin-top:-22px !important;
|
}
|
div.org_sel_form{
|
width:100%;
|
height:90% !important;
|
.main_close{
|
margin-left: 250px;
|
}
|
.org_sel_form_close{
|
height: 30px;
|
line-height: 30px;
|
}
|
|
div.right{
|
width:100%;
|
min-height:100%;
|
height:100%;
|
div.right_area{
|
width:100%;
|
min-height:100%;
|
height:100%;
|
overflow:auto;
|
padding-top: 26px !important;
|
.selected_personnel{
|
background-color:@default-color;
|
}
|
.clear_selected_users{
|
margin-right: 5px;
|
}
|
.area_title {
|
height: 25px;
|
margin: 0px 4px;
|
line-height: 25px;
|
border-bottom:1px solid #ddd;
|
margin-top:-26px;
|
label {
|
font-size:12px;
|
padding:0px 2px;
|
color:white;
|
// border-left: 2px solid #2f796e;
|
}
|
i{
|
color:white;
|
}
|
span {
|
input {
|
margin-top:1px;
|
height:22px;
|
line-height: 22px;
|
min-height: 22px !important;
|
float:right;
|
}
|
}
|
}
|
|
.area_body {
|
overflow:hidden;
|
height:100%;
|
width:100%;
|
div.area_content{
|
display: flex;
|
justify-content: center;
|
margin-top: 10px;
|
}
|
ul {
|
a.hr_name{
|
font-size:12px;
|
display: inline-block;
|
width: 45px;
|
height: 20px;
|
text-align: center;
|
line-height: 20px;
|
border: 1px solid #20b4aa;
|
background-color: #c1e4e7;
|
color: #666969;
|
}
|
.hr_name_addbtn{
|
width: 18px;
|
height: 20px;
|
border: none;
|
color: white;
|
text-align: center;
|
border:1px solid #20b4aa;
|
padding: 0;
|
background-color: #20b4aa;
|
}
|
list-style: none;
|
padding-left:0px;
|
li {
|
padding-left:15px;
|
margin-bottom: 5px;
|
div{
|
height: 20px;
|
display: flex;
|
justify-content: flex-start;
|
}
|
}
|
}
|
}
|
}
|
}
|
|
|
|
div.hr_tree {
|
overflow:auto;
|
height:100%;
|
}
|
div.left{
|
// margin-left:-100%;
|
float:left;
|
min-height:100%;
|
width:160px;
|
border-right:1px solid #ddd;
|
margin-left: 0;
|
}
|
div.right{
|
min-height:100%;
|
width:105px;
|
float:left;
|
margin-left: 0;
|
// margin-left:20px;
|
// border-left:1px solid #ddd;
|
}
|
}
|
}
|
div.expense_standard {
|
background: #fafafa;
|
padding: 0px;
|
div.row {
|
border:none !important;
|
background: #fff;
|
}
|
div.row.first{
|
margin-top: 10px;
|
}
|
div.second{
|
height:40px;
|
margin-top: 10px;
|
line-height: 40px;
|
}
|
div.row.third{
|
padding-bottom: 10px;
|
.box-shadow(0px 2px 1px #999);
|
}
|
img.expense_standard_filter {
|
width:16.22px;
|
height:16.22px;
|
text-align: right;
|
}
|
.expense_standard_radio{
|
vertical-align: middle;
|
margin: 0;
|
}
|
div.table-content {
|
margin:20px 45px;
|
|
.showtype{
|
list-style: none;
|
line-height:28px;
|
background:#fff;
|
max-height: 200px;
|
overflow: auto;
|
width:150px;
|
position: absolute;
|
z-index: 999999;
|
top:28px;
|
border:1px solid #e0e0e0;
|
vertical-align: middle;
|
}
|
|
.typeclass{
|
line-height: 28px;
|
padding-left:5px;
|
width:150px;
|
display: inline-block;
|
}
|
|
.selectclass{
|
position: relative;
|
margin-left:10px;
|
top:1px;
|
// top:-34px;
|
}
|
|
|
table.table_travel_expense {
|
top:0px;
|
background: #fff;
|
margin-bottom:10px;
|
.Inverse_icon{
|
width: 10%;
|
position: absolute;
|
right: 0;
|
top: 7px;
|
color: #09b4ab;
|
cursor: pointer;
|
}
|
td {
|
height:24px;
|
position: relative;
|
.rm-title {
|
// position:absolute;
|
}
|
.relation-title{
|
text-decoration: none;
|
color: #66757E;
|
i{
|
color: #337ab7;
|
}
|
}
|
vertical-align: middle;
|
input {
|
min-width:0px !important;
|
width:100%;
|
}
|
select {
|
min-width:0px !important;
|
width:100% !important;
|
}
|
textarea {
|
min-width:0px !important;
|
width:100% !important;
|
}
|
a.foldBtn {
|
position: absolute;
|
top: 5px;
|
left: -2px;
|
background: rgba(255,255,255, 0.2);
|
z-index: 999;
|
}
|
}
|
|
td.budget {
|
padding:0px !important;
|
}
|
|
td.expenseTitle {
|
background:#f1f6f6;
|
vertical-align: middle;
|
text-align: center;
|
}
|
}
|
}
|
.filter{
|
text-align: left;
|
label {
|
padding-left:15px;
|
font-weight:normal;
|
|
}
|
.btnbtn{
|
padding:3px 7px;
|
}
|
}
|
}
|
.btn-action {
|
height: 28px;
|
padding: 0px 15px;
|
line-height: 28px;
|
}
|
select {
|
min-width:100px;
|
}
|
}
|
|
div.left-expense-title {
|
padding-top:34px;
|
position: fixed;
|
width: 280px;
|
height:90%;
|
div.containr_header {
|
margin-top:-33px;
|
padding: 0;
|
height: 23px;
|
span{
|
width: 49%;
|
text-align: center;
|
display: inline-block;
|
height: 100%;
|
border-bottom:1px solid @font-color;
|
cursor: pointer;
|
}
|
.type_strand{
|
border-bottom:2px solid @font-color;
|
}
|
}
|
button.btn-elb {
|
width:100% !important;
|
}
|
}
|
