@import "./base.less";
|
|
body {
|
min-width:1024px !important;
|
min-height:680px;
|
overflow:auto;
|
}
|
|
.body_transparent{
|
display:none;
|
.opacity(.0);
|
}
|
|
.body_show{
|
// display: block;
|
.opacity(1);
|
}
|
|
|
.container.form{
|
margin:0px;
|
width: 100%;
|
padding: 15px 25px;
|
}
|
|
|
.navbar {
|
background-color: @default-color;
|
margin-bottom:0px;
|
}
|
|
.navbar-header {
|
margin-right:25px !important;
|
a.navbar-brand {
|
font-size:1.4em;
|
}
|
}
|
|
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
|
background-color:@default-color !important;
|
}
|
.exitloginbtn{
|
color: #fff !important;
|
background: #09B4AB !important;
|
line-height: 23px;
|
padding: 0px 3px;
|
font-size: 12px;
|
border: none;
|
border-radius: 5px;
|
}
|
.exitloginbtn:hover{
|
background: #089c94 !important;
|
}
|
img.hero {
|
display:block;
|
height:70px;
|
float:left;
|
margin: -12px 12px -15px 12px;
|
position:relative;
|
}
|
|
.navbar a{
|
color:#fff;
|
font-size:1.2em;
|
}
|
|
.nav>li > a {
|
&:focus, &:hover, &:after {
|
background:@hover-color !important;
|
}
|
}
|
|
ul.dropdown-menu {
|
.divider {
|
margin:0px;
|
}
|
}
|
|
div.outer {
|
padding-top:50px;
|
header{
|
margin-top:-50px;
|
}
|
}
|
|
button.btn-favourite,a.btn-favourite {
|
color: @font-color;
|
background: #fff;
|
&:hover, &:active, &:hover, &:focus {
|
color: #fff;
|
background: @font-color;
|
}
|
}
|
|
div.steps {
|
margin-top:75px;
|
}
|
|
h1 {
|
color: @font-color;
|
font-size:28px;
|
font-weight: 400;
|
}
|
h6 {
|
&:extend(div.desc);
|
font-size:16px;
|
color: @label-color;
|
}
|
|
.text_label{
|
&:extend(h6);
|
font-size: .9em;
|
color: #A1A1A1;
|
}
|
|
div.welcome_guide {
|
position:fixed;
|
top:0px;
|
left:0px;
|
width:100%;
|
height:100%;
|
z-index:10000000;
|
background:#fff;
|
text-align:center;
|
div.desc {
|
margin-top:28px;
|
overflow: hidden;
|
margin-bottom: -1px;
|
}
|
|
.hero_content {
|
display: block;
|
overflow:hidden;
|
img {
|
margin:-35px auto 25px auto;
|
display:block;
|
|
}
|
}
|
}
|
|
div.content {
|
text-align: center;
|
}
|
|
ul.business_items, ul.wizard_content {
|
padding:0px 185px;
|
}
|
|
ul.wizard_content {
|
padding: 55px 55px;
|
overflow:hidden;
|
img {
|
width: auto;
|
height: 120px;
|
}
|
}
|
|
ul.business_items {
|
position: relative;
|
display:block;
|
width:100%;
|
overflow:hidden;
|
|
label.bottom_label {
|
position: relative;
|
display: block;
|
width:100%;
|
bottom:32px;
|
text-align: center;
|
background-color: #fff;
|
color: @label-color;
|
}
|
li {
|
display: block;
|
float:left;
|
width:25%;
|
padding:0px;
|
margin:0px;
|
height:160px;
|
padding: 5px 35px;
|
a {
|
text-decoration: none !important;
|
}
|
> img{
|
margin-top:12px;
|
width:60px !important;
|
height:auto;
|
}
|
div {
|
cursor:pointer;
|
height:140px;
|
img {
|
width:80px;
|
height:auto;
|
display:block;
|
margin:20px 0px 0px 18px;
|
}
|
&:hover {
|
border:1px solid @default-color;
|
.border-radius(12);
|
}
|
label, ul{
|
display:none;
|
}
|
label {
|
color:@font-color;
|
}
|
|
span {
|
font-size:10px;
|
}
|
|
};
|
div.hover_active{
|
img, span {
|
display:none;
|
}
|
|
|
|
label, ul{
|
display:block;
|
overflow:auto;
|
padding-left:0px !important;
|
li {
|
display: block;
|
float:left;
|
width:100%;
|
text-align: left !important;
|
padding-left:5px;
|
z-index:-1;
|
}
|
}
|
};
|
}
|
}
|
|
ul.business_items.forms_center {
|
margin-top:85px;
|
}
|
|
input {
|
min-height:20px !important;
|
width:285px;
|
border: 1px solid #dfdfdf;
|
text-align: left;
|
height: 28px;
|
}
|
|
input[type='radio'],input[type='checkbox']{
|
width:15px;
|
height:15px;
|
}
|
|
.form_el_row, .frm_el_attr_editor {
|
input[type="text"], select{
|
min-width:150px ;
|
min-height:26px ;
|
height: 26px;
|
}
|
textarea {
|
min-width: 285px ;
|
min-height:26px ;
|
height: 126px;
|
}
|
}
|
|
|
|
|
|
|
div.split_form {
|
|
div.main, div.left, div.right {
|
//border: 1px solid #ddd;
|
height:100%;
|
hr {
|
margin:0px 0px 12px 0px;
|
}
|
//注释掉，子元素可以超出父级范围定位
|
//overflow:auto;
|
}
|
.main {
|
width: 100%;
|
float:left;
|
padding-left:350px;
|
padding-right:350px;
|
.el_form {
|
//min-height:100%;
|
height:100%;
|
overflow:auto;
|
min-height: 680px;
|
border-left: 1px solid #ddd;
|
border-right: 1px solid #ddd;
|
}
|
.row{
|
//border: 1px solid #ddd;
|
border-bottom: 0;
|
border-top: navajowhite;
|
margin: 0;
|
.bill_name{
|
font-size: 16px;
|
color: #666666;
|
}
|
}
|
.btn-zone{
|
// border-bottom: 1px solid #ddd;
|
}
|
}
|
|
.left {
|
//min-height: 680px;
|
width: 350px;
|
float:left;
|
margin-left: -100%;
|
position: relative;
|
}
|
|
.right {
|
min-height: 680px;
|
float:left;
|
width: 350px;
|
margin-left:-350px;
|
z-index: 0;
|
}
|
}
|
|
div.form_el_row {
|
display: block;
|
float:left;
|
width:100%;
|
text-align: left;
|
padding: 4px;
|
cursor:pointer;
|
position:relative;
|
&:hover {
|
padding: 4px;
|
background: #DEF1FF;
|
> div.frm_item_icons{
|
display:block!important;
|
}
|
}
|
> div {
|
padding:5px;
|
|
}
|
|
.dateclass{
|
width:200px;
|
position:relative;
|
|
input{
|
background:#fff!important;
|
}
|
|
img.ifd_time_picker {
|
width:22px;
|
height:22px;
|
position: absolute;
|
right:-80px;
|
top:2px;
|
border-left:1px solid #ccc;
|
padding-left:2px;
|
}
|
|
}
|
|
|
|
select.addr_select {
|
width:100px;
|
min-width:100px !important;
|
color: #999999;
|
}
|
|
select.addr_select:nth-child(1) {
|
width:189px !important;
|
}
|
|
div.addr_txt {
|
border: 1px solid #ddd;
|
min-height:85px;
|
min-width:150px;
|
margin-top:12px;
|
}
|
}
|
|
div.form_el_row.active {
|
background: #ecf0f1;
|
}
|
|
.btn.active.focus, .btn.active:focus,
|
.btn.focus, .btn:active.focus,
|
.btn:active:focus, .btn:focus {
|
outline: none;
|
}
|
|
button.btn-elb {
|
&:extend(button.btn-favourite);
|
margin: 6px 6px;
|
border:1px dashed @default-color;
|
float:left;
|
width: 160px;
|
color: @default-color;
|
outline: none !important;
|
&:active, &:hover{
|
background:@font-color !important;
|
color: #fff !important;
|
box-shadow: none !important;
|
outline: none;
|
}
|
&:focus, &:visited {
|
background:#fff !important;
|
color: @default-color !important;
|
box-shadow: none !important;
|
outline: none;
|
}
|
}
|
|
.place_holder_after {
|
border: 1px dashed @default-color;
|
padding-bottom: 25px !important;
|
&:after {
|
content: "";
|
display: block;
|
height: 1px;
|
width: 100%;
|
margin: 10px 0px;
|
border: 1px dashed @default-color;
|
border-top:none;
|
}
|
}
|
|
|
|
.ul-tree {
|
text-align: none;
|
list-style: none;
|
display: block;
|
margin:0px;
|
padding: 0px;
|
li {
|
min-height: 41px;
|
width:100%;
|
border-bottom:1px solid #cccccc !important;
|
display:block;
|
padding:12px 0px 0px 0px;
|
padding-left:45px;
|
text-align: left;
|
position:relative;
|
a {
|
color: #333333;
|
}
|
|
a.active {
|
color: @font-color;
|
}
|
|
}
|
|
ul {
|
list-style: none;
|
margin:0px;
|
padding:0px;
|
}
|
|
img, img.small {
|
height: 25px;
|
width: 25px;
|
position:absolute;
|
float:left;
|
left:12px;
|
top: 6px;
|
|
}
|
|
img.small {
|
height: 32px !important;
|
width: 32px !important;
|
left: 8px;
|
}
|
}
|
|
.sub_form {
|
border: 1px solid #ddd;
|
min-height:108px;
|
height:auto;
|
overflow:auto;
|
padding:15px;
|
margin: 22px 15px;
|
}
|
|
.frm_item_icons {
|
position:absolute;
|
right:0px;
|
bottom:-3px;
|
display:none;
|
&:hover {
|
border: none !important;
|
}
|
.frm_item_icon {
|
float:left;
|
padding: 0px 2px;
|
margin:2px;
|
color: #fff;
|
|
}
|
|
// .remove {
|
// background: #e74c3c;
|
// }
|
//
|
// .duplicate {
|
// background: #2ecc71;
|
// }
|
|
}
|
|
div.bread_crumb {
|
border: 1px solid rgba(204, 204, 204, 1);
|
background: rgba(255, 255, 255, 1);
|
height: 42px;
|
font-size: 24px;
|
padding: 0px 16px;
|
margin-bottom: 25px;
|
label {
|
font-size: 16px;
|
}
|
}
|
|
.btn-action {
|
height:25px;
|
// width:50px;
|
padding:10px;
|
line-height:23px;
|
padding:0px 8px;
|
font-size:12px;
|
color: #fff !important ;
|
background: @font-color !important;
|
&:hover, &:active, &:hover, &:focus {
|
color: @font-color !important;
|
background:#fff !important;
|
}
|
}
|
|
.dropdown-menu {
|
-webkit-border-radius: 0px;
|
-moz-border-radius: 0px;
|
border-radius: 0px;
|
padding:0px;
|
margin-left:-38px;
|
li {
|
font-size: 12px;
|
a {
|
text-align: center;
|
&:hover {
|
background:rgba(9, 180, 171, 1) !important;
|
color:#fff;
|
}
|
}
|
}
|
}
|
|
div.multi_level_select {
|
border: 8px solid #d7eaf3;
|
margin:0px 35px;
|
div {
|
text-align: center;
|
border: 1px dashed #dde3e6;
|
padding:25px;
|
width:100%;
|
height:100%;
|
}
|
}
|
|
div.custom_validate {
|
margin:0px;
|
.relate_select{
|
width: 100%;
|
height: 25px;
|
}
|
.relate_title{
|
height: 25px;
|
span{
|
text-align: center;
|
}
|
|
}
|
.cv_title {
|
height:35px;
|
background: @default-color;
|
line-height:35px;
|
text-align: center;
|
color: #fff;
|
}
|
.cv_fields, .cv_label, .cv_msg_field, .cv_btns {
|
margin: 15px 10px;
|
overflow:auto;
|
div {
|
padding-right:0px;
|
margin:5px 0px;
|
select, input {
|
width:100%;
|
height:26px;
|
}
|
}
|
|
.field_name {
|
background:@default-color;
|
text-align: center;
|
.border-radius(15px);
|
margin:0px;
|
color: #fff;
|
}
|
}
|
|
.cv_msg_field {
|
overflow: hidden;
|
input {
|
width:100%;
|
}
|
}
|
|
.cv_btns {
|
div {
|
float:right;
|
margin-left: 15px;
|
}
|
}
|
}
|
div.custom_validate_formula {
|
margin:0px;
|
height: 100%;
|
// display: flex;
|
// justify-content: space-between;
|
.formula_btn{
|
width: 100%;
|
height: 15%;
|
display: flex;
|
justify-content: space-around;
|
align-items: center;
|
button{
|
width: 5%;
|
height: 50%;
|
}
|
}
|
.formula_right{
|
height: 75%;
|
overflow: auto;
|
.sys_formula_choose{
|
|
display: flex;
|
justify-content:space-around;
|
margin:0;
|
margin-top: 3px;
|
.sys_formula_choose_active{
|
border-bottom: 2px solid @font-color;
|
}
|
}
|
.sys_formula_choose > span{
|
display: inline-block;
|
// padding: 2px 2px;
|
height: 25px;
|
line-height: 25px;
|
width: 48%;
|
text-align: center;
|
border: 1px solid @font-color;
|
border-radius: 3px;
|
cursor: pointer;
|
}
|
p{
|
height: 10%;
|
}
|
ul{
|
width: 100%;
|
}
|
.btn{
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
li{
|
list-style-type: none;
|
margin: 5px 0;
|
height: 20px;
|
color: @default-color;
|
text-align: center;
|
background-color: white;
|
border-radius: 5px;
|
border: 1px dashed @default-color;
|
}
|
}
|
.formula_left{
|
height: 75%;
|
overflow: auto;
|
p{
|
height: 10%;
|
}
|
ul{
|
width: 100%;
|
}
|
li{
|
width: 100%;
|
list-style-type: none;
|
margin: 5px 0;
|
height: 20px;
|
display: flex;
|
justify-content: flex-start;
|
.btn{
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
.choose_item{
|
width: 35%;
|
height: 100%;
|
color: @default-color;
|
text-align: center;
|
background-color: white;
|
border-radius: 5px;
|
margin-right: 2.5%;
|
border: 1px dashed @default-color;
|
}
|
.choose_edl{
|
width: 30%;
|
height: 100%;
|
text-align: center;
|
border-radius: 5px;
|
margin-right: 2.5%;
|
color: @default-color;
|
border: 1px dashed @default-color;
|
background-color: white;
|
}
|
.edl{
|
width: 25%;
|
margin-left: 2.5%;
|
height: 100%;
|
color: @default-color;
|
text-align: center;
|
background-color: white;
|
border-radius: 5px;
|
border: 1px dashed @default-color;
|
}
|
.fromula_edl{
|
width: 30%;
|
// height: 100%;
|
position: absolute;
|
border: 1px solid #ddd;
|
border-radius: 6px;
|
background-color: white;
|
z-index: 200;
|
li{
|
width: 100%;
|
margin: 0;
|
justify-content: center;
|
border-bottom: 1px solid #ddd;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
}
|
li:hover{
|
background-color: #f5f5f5;
|
}
|
}
|
}
|
}
|
.formula_right{
|
height: 75%;
|
}
|
.cv_title_formula {
|
height: 10%;
|
background: #09b4ab;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
text-align: center;
|
color: #fff;
|
font-size: 20px;
|
.close{
|
position: absolute;
|
right: 0;
|
top: 0;
|
line-height: 1;
|
color: #000;
|
text-shadow: 0 1px 0 #fff;
|
filter: alpha(opacity=20);
|
opacity: .2;
|
}
|
}
|
.cv_fields_formula{
|
overflow:auto;
|
height: 75%;
|
div {
|
select, input {
|
width:100%;
|
height:26px;
|
}
|
}
|
.field_name_father{
|
height: 10%;
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
.formula_type{
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
width: 40%;
|
select{
|
width: 60%;
|
}
|
}
|
.field_name {
|
min-width: 20%;
|
height: 80%;
|
background:white;
|
display: flex;
|
border: 1px dashed @default-color;
|
justify-content: center;
|
align-items: center;
|
.border-radius(15px);
|
margin:0px;
|
color: @default-color;
|
}
|
}
|
|
|
textarea{
|
width: 100%;
|
height: 88%;
|
}
|
}
|
}
|
div.custom_validate_relate_formula {
|
margin:0px;
|
height: 100%;
|
// display: flex;
|
// justify-content: space-between;
|
.formula_btn{
|
width: 100%;
|
height: 15%;
|
display: flex;
|
justify-content: space-around;
|
align-items: center;
|
button{
|
width: 5%;
|
height: 50%;
|
}
|
}
|
.formula_right{
|
height: 75%;
|
overflow: auto;
|
p{
|
height: 10%;
|
}
|
ul{
|
width: 100%;
|
}
|
.btn{
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
li{
|
list-style-type: none;
|
margin: 5px 0;
|
height: 20px;
|
color: @default-color;
|
text-align: center;
|
background-color: white;
|
border-radius: 5px;
|
border: 1px dashed @default-color;
|
}
|
}
|
.formula_left{
|
height: 75%;
|
overflow: auto;
|
p{
|
height: 10%;
|
}
|
ul{
|
width: 100%;
|
}
|
li{
|
width: 100%;
|
list-style-type: none;
|
margin: 5px 0;
|
height: 20px;
|
display: flex;
|
justify-content: center;
|
.btn{
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
.choose_item{
|
width: 100%;
|
height: 100%;
|
color: @default-color;
|
text-align: center;
|
background-color: white;
|
border-radius: 5px;
|
margin-right: 2.5%;
|
border: 1px dashed @default-color;
|
}
|
}
|
}
|
.formula_right{
|
height: 75%;
|
}
|
.cv_title_relate_formula {
|
height: 10%;
|
background: #09b4ab;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
text-align: center;
|
color: #fff;
|
font-size: 20px;
|
.close {
|
position: absolute;
|
right: 0;
|
top: 0;
|
line-height: 1;
|
color: #000;
|
text-shadow: 0 1px 0 #fff;
|
filter: alpha(opacity=20);
|
opacity: .2;
|
}
|
}
|
.cv_fields_formula {
|
overflow: auto;
|
height: 75%;
|
div {
|
select,
|
input {
|
width: 100%;
|
height: 26px;
|
}
|
}
|
.hide_content{
|
min-height: 30px;
|
width: 90%;
|
display: flex;
|
justify-content: space-around;
|
margin-top: 10px;
|
align-items: center;
|
.hide_item{
|
width: 70%;
|
min-height: 30px;
|
border: 2px solid #7D93B2;
|
border-radius: 6px;
|
ul{
|
display: flex;
|
min-height: 30px;
|
justify-content: flex-start;
|
align-items: center;
|
flex-wrap: wrap;
|
padding-top: 4px;
|
margin: 0;
|
li{
|
padding: 0 5px;
|
height: 17px;
|
margin-left: 5px;
|
list-style-type: none;
|
text-align: center;
|
background-color: @font-color;
|
margin-bottom: 4px;
|
color: white;
|
}
|
}
|
}
|
}
|
.relate_talble{
|
span{
|
padding: 0 5px;
|
background-color: @font-color;
|
color: white;
|
margin-left: 5px;
|
}
|
i{
|
float: right;
|
cursor: pointer;
|
}
|
}
|
.field_name_father {
|
height: 10%;
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
.formula_type {
|
display: flex;
|
justify-content: flex-start;
|
align-items: center;
|
width: 40%;
|
select {
|
width: 60%;
|
}
|
}
|
.field_name {
|
min-width: 20%;
|
height: 80%;
|
background: white;
|
display: flex;
|
border: 1px dashed @default-color;
|
justify-content: center;
|
align-items: center;
|
.border-radius(15px);
|
margin: 0px;
|
color: @default-color;
|
}
|
}
|
}
|
}
|
|
.float_right {
|
float: right;
|
}
|
|
.flatpickr-calendar {
|
z-index: 99999999999;
|
}
|
|
|
//模版中心样式开始
|
.templates_list span{
|
color: white;
|
text-align: center;
|
font-size: 12px;
|
width: 16px;
|
height: 16px;
|
border-radius: 8px;
|
float: right;
|
background-color: #00b3ee;
|
opacity: 0;
|
cursor: pointer;
|
}
|
|
.left ul.ul-tree.templates_list li{
|
overflow: visible;
|
}
|
|
.templates_list li .template_list_top:hover span{
|
opacity: 1;
|
}
|
|
.templates_list li span:hover{
|
opacity: 0.8;
|
}
|
|
.templates_list{
|
position: relative;
|
li{
|
position: relative;
|
overflow: visible;
|
}
|
}
|
|
.list-operation{
|
position: absolute;
|
left: 156px;
|
top: 30px;
|
width: 150px;
|
text-align: center;
|
overflow: hidden;
|
z-index: 99999;
|
.list-operation-centent{
|
position: relative;
|
z-index:5;
|
.list-group-item:hover{
|
background-color: #E6F6F4;
|
}
|
}
|
}
|
|
.list-change{
|
position: absolute;
|
left: 156px;
|
top: 30px;
|
z-index: 20;
|
.list-change-centent{
|
position: relative;
|
padding: 10px;
|
background-color: #FFFFFF;
|
border: 1px solid #ddd;
|
text-align:left;
|
div{
|
overflow: hidden;
|
}
|
input{
|
width: 200px;
|
}
|
p{
|
width: 200px;
|
text-align: center;
|
font-size: 24px;
|
}
|
img{
|
width: 100px;
|
height: 100px;
|
padding: 5px;
|
margin: 5px;
|
display: block;
|
position: static;
|
}
|
.list-button{
|
text-align: center;
|
button{
|
margin-left: 20px;
|
margin-right: 20px;
|
}
|
}
|
}
|
}
|
|
.list-triangle-top{
|
position: relative;
|
left: 4px;
|
top: 0;
|
z-index: 10;
|
width: 50px;
|
height: 10px;
|
.list-triangle-top-out{
|
position: absolute;
|
left: 0;
|
top: 1px;
|
width: 0;
|
height: 0;
|
border-left: 10px solid transparent;
|
border-right: 10px solid transparent;
|
border-bottom: 10px solid white;
|
}
|
.list-triangle-top-in{
|
position: absolute;
|
left: 0;
|
top: 0;
|
width: 0;
|
height: 0;
|
border-left: 10px solid transparent;
|
border-right: 10px solid transparent;
|
border-bottom: 10px solid #ddd;
|
}
|
}
|
.template_list_second:hover span{
|
opacity: 1;
|
}
|
.ul-tree .list_detail_li img{
|
height: 25px;
|
width: 25px;
|
position: absolute;
|
float: left;
|
left: -8px;
|
top: 6px;
|
}
|
.templates_list .list_detail_ul .list_detail_li{
|
padding-left: 20px;
|
}
|
.list_detail_ul .list_detail_li .list_detail{
|
padding-left: 0;
|
text-align: left;
|
padding-top: 20px;
|
}
|
.list_detail:hover span{
|
opacity: 1;
|
margin-left: 5px;
|
}
|
//模版中心样式结束
|
