1692 lines
35 KiB
Plaintext
1692 lines
35 KiB
Plaintext
|
.search_input {
|
||
|
|
float: right;
|
||
|
|
width: auto;
|
||
|
|
overflow: hidden;
|
||
|
|
&::after {
|
||
|
|
content: "";
|
||
|
|
display: block;
|
||
|
|
height: 0;
|
||
|
|
overflow: hidden;
|
||
|
|
clear: both;
|
||
|
|
visibility: hidden;
|
||
|
|
}
|
||
|
|
.el-input,
|
||
|
|
.el-select,
|
||
|
|
.cursor,
|
||
|
|
.el-checkbox,
|
||
|
|
.el-range-editor.el-input__inner,
|
||
|
|
.el-button,
|
||
|
|
.flts {
|
||
|
|
float: left;
|
||
|
|
margin-left: 0;
|
||
|
|
margin-right: 10px;
|
||
|
|
}
|
||
|
|
.el-checkbox,
|
||
|
|
.flts {
|
||
|
|
line-height: 40px;
|
||
|
|
}
|
||
|
|
.el-input,
|
||
|
|
.el-select {
|
||
|
|
width: 215px;
|
||
|
|
}
|
||
|
|
.search_btn {
|
||
|
|
background: #4c82ff;
|
||
|
|
width: 38px;
|
||
|
|
height: 38px;
|
||
|
|
border-radius: 3px;
|
||
|
|
margin: 1px 0;
|
||
|
|
float: left;
|
||
|
|
cursor: pointer;
|
||
|
|
img {
|
||
|
|
width: 18px;
|
||
|
|
height: 18px;
|
||
|
|
margin-top: 10px;
|
||
|
|
margin-left: 10px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.el-input .el-input__inner{
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
.el-input-number{
|
||
|
|
.el-input{
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
input{
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.addcarport {
|
||
|
|
.page_title {
|
||
|
|
color: rgba(102, 110, 128, 1);
|
||
|
|
} // .main_box {
|
||
|
|
color: rgba(138, 141, 153, 1); // }
|
||
|
|
// .from_item label {
|
||
|
|
// color: rgba(138, 141, 153, 1);
|
||
|
|
// width: 158px;
|
||
|
|
// font-size: 16px; // margin-right: 18px;
|
||
|
|
// }
|
||
|
|
.from_item .noimg {
|
||
|
|
margin-right: 30px;
|
||
|
|
}
|
||
|
|
.from_item textarea {
|
||
|
|
font-weight: normal !important;
|
||
|
|
}
|
||
|
|
.Parkinglotarea {
|
||
|
|
.el-input {
|
||
|
|
margin-right: 25px; // display: inline-block;
|
||
|
|
float: left;
|
||
|
|
width: 385px;
|
||
|
|
}
|
||
|
|
span {
|
||
|
|
float: left;
|
||
|
|
line-height: 35px;
|
||
|
|
height: 35px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.attentionBox {
|
||
|
|
//被关注回复
|
||
|
|
margin-top: 20px;
|
||
|
|
width: 950px;
|
||
|
|
border: 1px solid #e1e4eb;
|
||
|
|
.attentionHeader {
|
||
|
|
border-bottom: 1px solid #e1e4eb;
|
||
|
|
height: 38px;
|
||
|
|
line-height: 38px; // overflow: hidden;
|
||
|
|
div {
|
||
|
|
margin: 0 20px;
|
||
|
|
position: relative;
|
||
|
|
padding: 0 6px;
|
||
|
|
cursor: pointer;
|
||
|
|
&.act {
|
||
|
|
i {
|
||
|
|
color: #4c82ff;
|
||
|
|
}
|
||
|
|
&:before {
|
||
|
|
content: "";
|
||
|
|
display: block;
|
||
|
|
width: 60%;
|
||
|
|
height: 2px;
|
||
|
|
background: #4c82ff;
|
||
|
|
position: absolute;
|
||
|
|
left: 20%;
|
||
|
|
bottom: -1px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
i {
|
||
|
|
float: left;
|
||
|
|
line-height: 38px;
|
||
|
|
margin-right: 7px;
|
||
|
|
}
|
||
|
|
span {
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.attentionBody {
|
||
|
|
height: 250px;
|
||
|
|
&.text {
|
||
|
|
.editorContent {
|
||
|
|
width: 100%;
|
||
|
|
height: 216px;
|
||
|
|
border: none;
|
||
|
|
font-size: 16px;
|
||
|
|
display: block;
|
||
|
|
font-family: "微软雅黑";
|
||
|
|
font-weight: normal;
|
||
|
|
color: #2e2f33;
|
||
|
|
box-sizing: border-box;
|
||
|
|
.editor {
|
||
|
|
padding: 10px;
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
div.clr {
|
||
|
|
height: 33px;
|
||
|
|
line-height: 33px;
|
||
|
|
border-top: 1px solid #e1e4eb;
|
||
|
|
i {
|
||
|
|
margin-left: 15px;
|
||
|
|
font-size: 19px;
|
||
|
|
color: #b4b4b4;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
p {
|
||
|
|
float: right;
|
||
|
|
margin-right: 15px;
|
||
|
|
color: #2e2f33;
|
||
|
|
font-size: 13px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
&.picture {
|
||
|
|
.showImg {
|
||
|
|
height: 100%;
|
||
|
|
width: auto;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
button {
|
||
|
|
float: left;
|
||
|
|
margin-top: 210px;
|
||
|
|
height: 40px;
|
||
|
|
padding: 0 15px;
|
||
|
|
font-size: 16px;
|
||
|
|
margin-right: 24px;
|
||
|
|
border: none;
|
||
|
|
background: transparent;
|
||
|
|
color: #4c82ff;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
div {
|
||
|
|
width: 383px;
|
||
|
|
height: 162px;
|
||
|
|
margin: 30px 45px;
|
||
|
|
border: 1px dotted #e1e4eb;
|
||
|
|
float: left;
|
||
|
|
text-align: center;
|
||
|
|
i {
|
||
|
|
display: block;
|
||
|
|
margin-top: 34px;
|
||
|
|
line-height: 64px;
|
||
|
|
font-size: 50px;
|
||
|
|
color: #e1e4eb;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
p {
|
||
|
|
color: #2e2f33;
|
||
|
|
line-height: 34px;
|
||
|
|
font-size: 13px;
|
||
|
|
}
|
||
|
|
img {
|
||
|
|
height: 162px;
|
||
|
|
width: 162px;
|
||
|
|
margin: 0 auto;
|
||
|
|
float: none;
|
||
|
|
}
|
||
|
|
.ubloadbtn {
|
||
|
|
margin: 0;
|
||
|
|
border: none;
|
||
|
|
background: transparent;
|
||
|
|
position: relative;
|
||
|
|
input {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
opacity: 0;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.galleryList .el-dialog {
|
||
|
|
width: 877px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.down .el-dialog {
|
||
|
|
width: 610px;
|
||
|
|
.reContents {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.el-input,
|
||
|
|
.el-textarea,
|
||
|
|
.el-select,
|
||
|
|
.el-input-number {
|
||
|
|
width: 290px;
|
||
|
|
// float: left;
|
||
|
|
// display: block;
|
||
|
|
line-height: 34px;
|
||
|
|
.el-input__icon{
|
||
|
|
line-height: 34px;
|
||
|
|
}
|
||
|
|
.el-input-group__append{
|
||
|
|
height: 32px;
|
||
|
|
line-height: 32px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.el-form-item__error {
|
||
|
|
margin-left: 215px;
|
||
|
|
}
|
||
|
|
.uploadfile,
|
||
|
|
.uploadfile .el-button,
|
||
|
|
.el-upload {
|
||
|
|
float: left;
|
||
|
|
height: 34px;
|
||
|
|
padding: 0;
|
||
|
|
width: 110px;
|
||
|
|
line-height: 34px;
|
||
|
|
display: block;
|
||
|
|
margin-right: 20px;
|
||
|
|
}
|
||
|
|
.do {
|
||
|
|
margin-bottom: 20px;
|
||
|
|
position: relative;
|
||
|
|
p {
|
||
|
|
float: left;
|
||
|
|
width: 180px;
|
||
|
|
text-align: right;
|
||
|
|
padding-right: 35px;
|
||
|
|
font-size: 15px;
|
||
|
|
line-height: 34px;
|
||
|
|
height: 34px;
|
||
|
|
}
|
||
|
|
.el-input input {
|
||
|
|
// width: 290px;
|
||
|
|
height: 34px;
|
||
|
|
text-align: left;
|
||
|
|
// display: block;
|
||
|
|
}
|
||
|
|
.el-checkbox {
|
||
|
|
height: 34px;
|
||
|
|
line-height: 34px;
|
||
|
|
}
|
||
|
|
.el-input-number {
|
||
|
|
.el-input-number__decrease,
|
||
|
|
.el-input-number__increase {
|
||
|
|
height: 32px;
|
||
|
|
line-height: 32px;
|
||
|
|
}
|
||
|
|
} // .el-input__suffix{
|
||
|
|
// line-height: 34px;
|
||
|
|
// }
|
||
|
|
// .el-input__icon {
|
||
|
|
// line-height: 34px;
|
||
|
|
// display: inline-block;
|
||
|
|
// }
|
||
|
|
img {
|
||
|
|
width: 114px;
|
||
|
|
height: 114px;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
ul {
|
||
|
|
line-height: 34px;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
dl {
|
||
|
|
line-height: 34px;
|
||
|
|
float: left;
|
||
|
|
dt {
|
||
|
|
margin-left: -84px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.table_check {
|
||
|
|
margin: 0;
|
||
|
|
margin-top: 8px;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
.tip {
|
||
|
|
float: left;
|
||
|
|
margin-left: 15px;
|
||
|
|
line-height: 34px;
|
||
|
|
}
|
||
|
|
.tips {
|
||
|
|
position: absolute;
|
||
|
|
left: 215px;
|
||
|
|
font-size: 12px;
|
||
|
|
color: #b4bccc;
|
||
|
|
top: 34px;
|
||
|
|
line-height: 18px;
|
||
|
|
span {
|
||
|
|
color: #00ffff
|
||
|
|
}
|
||
|
|
}
|
||
|
|
&.hasUnit {
|
||
|
|
.el-input {
|
||
|
|
width: 260px;
|
||
|
|
height: 34px;
|
||
|
|
float: left;
|
||
|
|
input {
|
||
|
|
width: 260px;
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.unit {
|
||
|
|
float: left;
|
||
|
|
height: 32px;
|
||
|
|
width: 28px;
|
||
|
|
border: 1px solid #ececec;
|
||
|
|
border-radius: 4px;
|
||
|
|
text-align: center;
|
||
|
|
line-height: 32px;
|
||
|
|
background: #f5f7fa;
|
||
|
|
color: #c0c4cc;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.initial .el-dialog{
|
||
|
|
.el-form-item__error{
|
||
|
|
margin-left: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.el-dialog {
|
||
|
|
//弹层
|
||
|
|
width: 715px; // min-height: 325px;
|
||
|
|
.el-dialog__header {
|
||
|
|
height: 44px;
|
||
|
|
background: #f9f9f9;
|
||
|
|
padding: 0;
|
||
|
|
text-indent: 20px;
|
||
|
|
border-radius: 4px 4px 0 0;
|
||
|
|
.el-dialog__title {
|
||
|
|
line-height: 44px;
|
||
|
|
color: #292c33;
|
||
|
|
font-weight: bold;
|
||
|
|
font-size: 14px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.el-dialog__body {
|
||
|
|
padding: 10px 20px;
|
||
|
|
border-top: 1px solid #e1e4eb;
|
||
|
|
border-bottom: 1px solid #e1e4eb;
|
||
|
|
.el-scrollbar {
|
||
|
|
height: 290px;
|
||
|
|
}
|
||
|
|
.reContent {
|
||
|
|
width: 100%;
|
||
|
|
min-height: 210px;
|
||
|
|
padding: 30px;
|
||
|
|
padding-right: 0;
|
||
|
|
box-sizing: border-box;
|
||
|
|
li {
|
||
|
|
width: 141px;
|
||
|
|
height: 37px;
|
||
|
|
box-sizing: border-box;
|
||
|
|
border: 1px solid #b8bccc;
|
||
|
|
text-align: center;
|
||
|
|
line-height: 35px;
|
||
|
|
color: #45474d;
|
||
|
|
float: left;
|
||
|
|
border-radius: 5px;
|
||
|
|
margin-right: 30px;
|
||
|
|
margin-bottom: 30px;
|
||
|
|
position: relative;
|
||
|
|
overflow: hidden;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
white-space: nowrap;
|
||
|
|
cursor: pointer;
|
||
|
|
&.choose {
|
||
|
|
border: 2px solid #4c82ff;
|
||
|
|
background: linear-gradient( -50deg, #4c82ff 4%, #fff 4%, #fff 95%, #4c82ff 95%);
|
||
|
|
color: #4c82ff;
|
||
|
|
line-height: 34px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.reContents {
|
||
|
|
//图库
|
||
|
|
height: auto;
|
||
|
|
.releft {
|
||
|
|
width: 198px;
|
||
|
|
height: 470px;
|
||
|
|
position: relative;
|
||
|
|
padding: 9px 0 43px;
|
||
|
|
box-sizing: border-box;
|
||
|
|
border-right: 1px solid #e1e4eb;
|
||
|
|
.reletop {
|
||
|
|
text-indent: 35px;
|
||
|
|
height: 44px;
|
||
|
|
line-height: 44px;
|
||
|
|
cursor: pointer;
|
||
|
|
&.active {
|
||
|
|
background: #f9f9f9;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.relebottom {
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
bottom: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 42px;
|
||
|
|
line-height: 42px;
|
||
|
|
border-top: 1px solid #e1e4eb;
|
||
|
|
text-indent: 54px;
|
||
|
|
font-size: 16px;
|
||
|
|
cursor: pointer;
|
||
|
|
&.active {
|
||
|
|
i,
|
||
|
|
span {
|
||
|
|
color: #4c82ff;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.newgroup {
|
||
|
|
position: absolute;
|
||
|
|
left: 19px;
|
||
|
|
bottom: 55px;
|
||
|
|
border: 1px solid #e1e4eb;
|
||
|
|
border-radius: 4px;
|
||
|
|
background: #f9f9f9;
|
||
|
|
width: 160px;
|
||
|
|
&:after {
|
||
|
|
content: "";
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
left: 46%;
|
||
|
|
bottom: -6px;
|
||
|
|
width: 10px;
|
||
|
|
height: 10px;
|
||
|
|
border-right: 1px solid #e1e4eb;
|
||
|
|
border-bottom: 1px solid #e1e4eb;
|
||
|
|
transform: rotate(45deg);
|
||
|
|
background: #f9f9f9;
|
||
|
|
}
|
||
|
|
p {
|
||
|
|
color: #2e2f33;
|
||
|
|
font-size: 13px;
|
||
|
|
line-height: 29px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
input {
|
||
|
|
width: 97px;
|
||
|
|
padding: 0 36px 0 10px;
|
||
|
|
margin: 0 8px 9px;
|
||
|
|
border: none;
|
||
|
|
border-radius: 4px;
|
||
|
|
height: 27px;
|
||
|
|
line-height: 27px;
|
||
|
|
}
|
||
|
|
i {
|
||
|
|
position: absolute;
|
||
|
|
right: 15px;
|
||
|
|
bottom: 10px;
|
||
|
|
color: #4c82ff;
|
||
|
|
font-size: 12px;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.reright {
|
||
|
|
margin-left: 198px;
|
||
|
|
.reritop {
|
||
|
|
height: 50px;
|
||
|
|
border-bottom: 1px solid #e1e4eb;
|
||
|
|
box-sizing: border-box;
|
||
|
|
padding: 9px 13px;
|
||
|
|
input {
|
||
|
|
float: right;
|
||
|
|
width: 99px;
|
||
|
|
height: 29px;
|
||
|
|
border: 1px solid #e9ebf0;
|
||
|
|
border-radius: 4px;
|
||
|
|
background: transparent;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
i {
|
||
|
|
margin: 0 9px;
|
||
|
|
line-height: 31px;
|
||
|
|
color: #dedede;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
p {
|
||
|
|
float: right;
|
||
|
|
line-height: 31px;
|
||
|
|
font-size: 12px;
|
||
|
|
color: #5c5f66;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
ul {
|
||
|
|
padding: 23px 0 23px 27px;
|
||
|
|
box-sizing: border-box;
|
||
|
|
width: 693px;
|
||
|
|
height: 420px;
|
||
|
|
overflow: auto;
|
||
|
|
&::-webkit-scrollbar {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
li {
|
||
|
|
float: left;
|
||
|
|
width: 109px;
|
||
|
|
height: 112px;
|
||
|
|
border-radius: 4px;
|
||
|
|
overflow: hidden;
|
||
|
|
margin: 0 20px 20px 0;
|
||
|
|
cursor: pointer;
|
||
|
|
transition: 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86) box-shadow;
|
||
|
|
&.active {
|
||
|
|
box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.3)
|
||
|
|
}
|
||
|
|
img {
|
||
|
|
width: 100%;
|
||
|
|
height: 83px;
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
span {
|
||
|
|
display: block;
|
||
|
|
border: 1px solid #e1e4eb;
|
||
|
|
width: 107px;
|
||
|
|
height: 28px;
|
||
|
|
border-top: none;
|
||
|
|
border-radius: 0 0 4px 4px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.el-dialog__footer {
|
||
|
|
height: 53px;
|
||
|
|
line-height: 53px;
|
||
|
|
background: #f9f9f9;
|
||
|
|
text-align: center;
|
||
|
|
padding: 0;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
border-radius: 0 0 4px 4px;
|
||
|
|
.dialog-footer {
|
||
|
|
display: flex;
|
||
|
|
width: 100%;
|
||
|
|
justify-content: center;
|
||
|
|
// padding-top: 4px;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.tip-footer{
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
.el-button {
|
||
|
|
min-width: 104px;
|
||
|
|
height: 34px;
|
||
|
|
padding-top: 0;
|
||
|
|
padding-bottom: 0;
|
||
|
|
line-height: 32px;
|
||
|
|
&:last-child {
|
||
|
|
background: #4d82ff;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
&.grayBtn{
|
||
|
|
background: #fcfcfc;
|
||
|
|
border-color: #d9d9d9;
|
||
|
|
color: #56585c
|
||
|
|
}
|
||
|
|
&.noAllow{
|
||
|
|
&.el-button--primary{
|
||
|
|
color: #FFF;
|
||
|
|
background-color: #a0cfff;
|
||
|
|
border-color: #a0cfff;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
&.prev {
|
||
|
|
position: absolute;
|
||
|
|
left: 30px;
|
||
|
|
top: 0;
|
||
|
|
min-width: 120px;
|
||
|
|
width: auto;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.ticketDialog .el-dialog {
|
||
|
|
width: 638px;
|
||
|
|
.tickContain {
|
||
|
|
display: flex;
|
||
|
|
justify-content: space-between;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
padding-right: 30px;
|
||
|
|
&.ptb18 {
|
||
|
|
padding-top: 18px;
|
||
|
|
padding-bottom: 18px;
|
||
|
|
}
|
||
|
|
header {
|
||
|
|
width: 608px;
|
||
|
|
padding-top: 2px;
|
||
|
|
line-height: 46px;
|
||
|
|
height: 46px;
|
||
|
|
border-bottom: 1px solid #e6e6e6;
|
||
|
|
color: #292c33;
|
||
|
|
padding-left: 30px;
|
||
|
|
margin-bottom: 24px;
|
||
|
|
margin-right: -30px;
|
||
|
|
&~header {
|
||
|
|
border-top: 12px solid #e1e2e6;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.el-form-item__content {
|
||
|
|
display: flex;
|
||
|
|
line-height: 32px;
|
||
|
|
.el-form-item__error {
|
||
|
|
left: 111px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.tickItem {
|
||
|
|
width: 301px;
|
||
|
|
min-height: 32px;
|
||
|
|
display: flex;
|
||
|
|
line-height: 32px;
|
||
|
|
margin-bottom: 24px;
|
||
|
|
&.big {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
h6 {
|
||
|
|
color: #737780;
|
||
|
|
font-weight: normal;
|
||
|
|
margin-right: 15px;
|
||
|
|
font-size: 14px;
|
||
|
|
width: 96px;
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
p {
|
||
|
|
color: #292c33;
|
||
|
|
}
|
||
|
|
.el-input {
|
||
|
|
width: 190px;
|
||
|
|
height: 32px;
|
||
|
|
line-height: 30px;
|
||
|
|
.el-input__inner {
|
||
|
|
height: 32px;
|
||
|
|
display: block;
|
||
|
|
line-height: 30px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.el-textarea {
|
||
|
|
width: 498px;
|
||
|
|
}
|
||
|
|
.el-date-editor {
|
||
|
|
height: 32px;
|
||
|
|
line-height: 30px;
|
||
|
|
width: 298px;
|
||
|
|
display: flex;
|
||
|
|
padding: 0 10px;
|
||
|
|
margin-left: 23px;
|
||
|
|
.el-input__inner {
|
||
|
|
height: 30px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.is-bordered.el-radio {
|
||
|
|
margin-right: 16px;
|
||
|
|
min-width: 80px;
|
||
|
|
padding-left: 11px;
|
||
|
|
border-radius: 2px;
|
||
|
|
padding-right: 0;
|
||
|
|
display: flex;
|
||
|
|
&.wt86 {
|
||
|
|
width: 86px;
|
||
|
|
}
|
||
|
|
.el-radio__input {
|
||
|
|
padding-top: 8px;
|
||
|
|
}
|
||
|
|
&:last-of-type {
|
||
|
|
margin-right: 0
|
||
|
|
}
|
||
|
|
.el-radio__label {
|
||
|
|
padding-left: 0;
|
||
|
|
flex: 1;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.emoji_content {
|
||
|
|
//表情
|
||
|
|
overflow: auto !important;
|
||
|
|
&::-webkit-scrollbar {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.right_box_popup {
|
||
|
|
width: 315px;
|
||
|
|
position: fixed;
|
||
|
|
right: -315px;
|
||
|
|
transition: 0.5s linear all;
|
||
|
|
top: 70px;
|
||
|
|
background: #fff;
|
||
|
|
box-shadow: 0px 5px 10px #cccccc;
|
||
|
|
margin-right: 0px;
|
||
|
|
border-top-left-radius: 5px;
|
||
|
|
border-bottom-left-radius: 5px;
|
||
|
|
overflow: hidden;
|
||
|
|
z-index: 2000;
|
||
|
|
&.open {
|
||
|
|
right: 0;
|
||
|
|
}
|
||
|
|
.el-tree,
|
||
|
|
.tree {
|
||
|
|
min-height: 620px;
|
||
|
|
overflow-y: auto;
|
||
|
|
width: 100%;
|
||
|
|
background: transparent;
|
||
|
|
padding-left: 5px;
|
||
|
|
box-sizing: border-box;
|
||
|
|
&::-webkit-scrollbar {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.el-tree-node__content,
|
||
|
|
.treeitem {
|
||
|
|
width: 100%;
|
||
|
|
height: 37px;
|
||
|
|
line-height: 37px;
|
||
|
|
cursor: pointer;
|
||
|
|
color: #5c5f66;
|
||
|
|
box-sizing: border-box;
|
||
|
|
padding-left: 14px;
|
||
|
|
border-bottom: 1px solid #ededed;
|
||
|
|
overflow: hidden;
|
||
|
|
transition: height ease 0.3s;
|
||
|
|
position: relative;
|
||
|
|
&:after {
|
||
|
|
content: "";
|
||
|
|
display: block;
|
||
|
|
height: 0;
|
||
|
|
overflow: hidden;
|
||
|
|
clear: both;
|
||
|
|
visibility: hidden;
|
||
|
|
}
|
||
|
|
em {
|
||
|
|
transform: rotate(90deg);
|
||
|
|
transition: transform ease 0.3s; // display: inline-block;
|
||
|
|
color: #b0bec5;
|
||
|
|
margin-right: 9px;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
p {
|
||
|
|
width: 176px;
|
||
|
|
float: left;
|
||
|
|
overflow: hidden;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
&>label{
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
&>i,
|
||
|
|
&>span {
|
||
|
|
width: 16px;
|
||
|
|
height: 16px;
|
||
|
|
box-sizing: border-box;
|
||
|
|
border: 2px solid #b0bec5; // display: inline-block;
|
||
|
|
position: absolute;
|
||
|
|
right: 40px;
|
||
|
|
top: 15px;
|
||
|
|
transition: all ease 0.3s;
|
||
|
|
border-radius: 2px;
|
||
|
|
}
|
||
|
|
&>i {
|
||
|
|
background: #4c82ff;
|
||
|
|
border-color: #4c82ff;
|
||
|
|
&::before,
|
||
|
|
&::after {
|
||
|
|
content: "";
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
left: 10%;
|
||
|
|
top: 50%;
|
||
|
|
width: 80%;
|
||
|
|
height: 2px;
|
||
|
|
background: #fff;
|
||
|
|
border-radius: 2px;
|
||
|
|
transform: translateY(-1px);
|
||
|
|
}
|
||
|
|
&.radio::after {
|
||
|
|
transform-origin: center center;
|
||
|
|
transform: translateY(-1px) rotate(90deg);
|
||
|
|
opacity: 1;
|
||
|
|
transition: opacity 0.2s linear;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
&>span {
|
||
|
|
&.chooseall {
|
||
|
|
background: #4c82ff;
|
||
|
|
border-color: #4c82ff;
|
||
|
|
&::before,
|
||
|
|
&::after {
|
||
|
|
// display: block;
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
&.disabled {
|
||
|
|
background: #edf2fc;
|
||
|
|
}
|
||
|
|
&::before,
|
||
|
|
&::after {
|
||
|
|
content: "";
|
||
|
|
opacity: 0;
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
left: 2px;
|
||
|
|
top: 6px;
|
||
|
|
width: 5px;
|
||
|
|
height: 2px;
|
||
|
|
transform: rotate(39deg);
|
||
|
|
transform-origin: top left;
|
||
|
|
background: #fff;
|
||
|
|
border-radius: 2px;
|
||
|
|
transition: all ease 0.3s;
|
||
|
|
}
|
||
|
|
&::after {
|
||
|
|
left: 4px;
|
||
|
|
top: 10px;
|
||
|
|
width: 11px;
|
||
|
|
transform: rotate(-55deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.treesec .treeitem {
|
||
|
|
height: 0;
|
||
|
|
border-bottom: 1px solid #dcdcdc;
|
||
|
|
}
|
||
|
|
.treesec,
|
||
|
|
.treethr,
|
||
|
|
.treefou {
|
||
|
|
padding-left: 20px;
|
||
|
|
}
|
||
|
|
.showall .treeitem {
|
||
|
|
height: 37px;
|
||
|
|
}
|
||
|
|
.showall>.treeitem>em {
|
||
|
|
transform: rotate(0)
|
||
|
|
}
|
||
|
|
.showall .treeitem>i::after {
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
.el-radio,.el-checkbox {
|
||
|
|
//element单选
|
||
|
|
height: 30px;
|
||
|
|
line-height: 30px;
|
||
|
|
width: 100%;
|
||
|
|
padding-left: 15px;
|
||
|
|
border-bottom: 1px solid #dcdcdc;
|
||
|
|
position: static;
|
||
|
|
&:last-child {
|
||
|
|
border: none
|
||
|
|
}
|
||
|
|
.el-radio__input,.el-checkbox__input {
|
||
|
|
position: absolute;
|
||
|
|
right: 40px;
|
||
|
|
top: 15px;
|
||
|
|
width: 16px;
|
||
|
|
height: 16px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.title {
|
||
|
|
line-height: 42px;
|
||
|
|
color: #363c4c;
|
||
|
|
font-size: 16px;
|
||
|
|
padding-left: 20px;
|
||
|
|
border-bottom: 1px solid #dcdcdc;
|
||
|
|
}
|
||
|
|
.search_box {
|
||
|
|
width: 285px;
|
||
|
|
clear: both;
|
||
|
|
margin-left: 15px;
|
||
|
|
float: none;
|
||
|
|
margin-top: 20px;
|
||
|
|
i {
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.menuhandel {
|
||
|
|
width: 100%;
|
||
|
|
height: 59px;
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
border-top: 1px solid #dcdcdc;
|
||
|
|
span {
|
||
|
|
width: 102px;
|
||
|
|
height: 32px;
|
||
|
|
text-align: center;
|
||
|
|
line-height: 32px;
|
||
|
|
box-sizing: border-box;
|
||
|
|
border: 1px solid #4c82ff;
|
||
|
|
color: #4c82ff;
|
||
|
|
float: left;
|
||
|
|
border-radius: 5px;
|
||
|
|
margin-top: 12px;
|
||
|
|
display: block;
|
||
|
|
&:last-child {
|
||
|
|
color: white;
|
||
|
|
background: #4c82ff;
|
||
|
|
margin-left: 45px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
&.right_detail {
|
||
|
|
//右边栏查看详情
|
||
|
|
background: #fff;
|
||
|
|
box-sizing: border-box;
|
||
|
|
padding-left: 10px;
|
||
|
|
overflow-y: visible;
|
||
|
|
.detitle {
|
||
|
|
padding-top: 22px;
|
||
|
|
line-height: 30px;
|
||
|
|
height: 30px;
|
||
|
|
font-size: 15px;
|
||
|
|
color: #363c4c;
|
||
|
|
}
|
||
|
|
.decotent {
|
||
|
|
background: #fafbfc;
|
||
|
|
padding: 4px 22px 4px 11px;
|
||
|
|
font-size: 12px;
|
||
|
|
color: #363c4c;
|
||
|
|
line-height: 31px;
|
||
|
|
.deitem {
|
||
|
|
border-bottom: 1px solid #e6e6e6;
|
||
|
|
height: 31px;
|
||
|
|
&:after {
|
||
|
|
content: "";
|
||
|
|
display: block;
|
||
|
|
height: 0;
|
||
|
|
overflow: hidden;
|
||
|
|
clear: both;
|
||
|
|
visibility: hidden;
|
||
|
|
}
|
||
|
|
&:last-child {
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
&.longContain {
|
||
|
|
height: auto;
|
||
|
|
em {
|
||
|
|
overflow: visible;
|
||
|
|
text-overflow: clip;
|
||
|
|
white-space: normal;
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
}
|
||
|
|
span {
|
||
|
|
float: left;
|
||
|
|
text-indent: 12px;
|
||
|
|
}
|
||
|
|
em {
|
||
|
|
text-align: right;
|
||
|
|
float: right;
|
||
|
|
padding-right: 26px;
|
||
|
|
max-width: 165px;
|
||
|
|
overflow: hidden;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
white-space: nowrap;
|
||
|
|
font-style: normal;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.menuhandel {
|
||
|
|
position: absolute;
|
||
|
|
bottom: 0;
|
||
|
|
left: 0;
|
||
|
|
height: 66px;
|
||
|
|
span {
|
||
|
|
margin: 16px auto;
|
||
|
|
border-color: #4c82ff;
|
||
|
|
color: #4c82ff;
|
||
|
|
background: #fff;
|
||
|
|
float: none;
|
||
|
|
}
|
||
|
|
&.operate {
|
||
|
|
span {
|
||
|
|
margin-right: 20px;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
.fause {
|
||
|
|
color: white;
|
||
|
|
border-color: rgb(255, 124, 133);
|
||
|
|
background: rgb(255, 124, 133);
|
||
|
|
}
|
||
|
|
.ope {
|
||
|
|
background: #4c82ff;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
i.table_check,
|
||
|
|
span.table_check {
|
||
|
|
width: 16px;
|
||
|
|
height: 16px;
|
||
|
|
position: relative;
|
||
|
|
transition: all ease 0.2s;
|
||
|
|
border-radius: 2px;
|
||
|
|
box-sizing: border-box;
|
||
|
|
border: 2px solid #b0bec5; // display: inline-block;
|
||
|
|
}
|
||
|
|
|
||
|
|
i.table_check {
|
||
|
|
background: #4c82ff;
|
||
|
|
border-color: #4c82ff;
|
||
|
|
&::before,
|
||
|
|
&::after {
|
||
|
|
content: "";
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
left: 1px;
|
||
|
|
top: 50%;
|
||
|
|
width: 10px;
|
||
|
|
height: 2px;
|
||
|
|
background: #fff;
|
||
|
|
border-radius: 2px;
|
||
|
|
transform: translateY(-1px);
|
||
|
|
}
|
||
|
|
&.radio::after {
|
||
|
|
transform-origin: center center;
|
||
|
|
transform: translateY(-1px) rotate(90deg);
|
||
|
|
opacity: 1;
|
||
|
|
transition: opacity 0.1s linear;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
span.table_check {
|
||
|
|
&.chooseall {
|
||
|
|
background: #4c82ff;
|
||
|
|
border-color: #4c82ff;
|
||
|
|
&::before,
|
||
|
|
&::after {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
&.disabled {
|
||
|
|
background: #edf2fc;
|
||
|
|
cursor: not-allowed;
|
||
|
|
}
|
||
|
|
&::before,
|
||
|
|
&::after {
|
||
|
|
content: "";
|
||
|
|
opacity: 0;
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
left: 2px;
|
||
|
|
top: 6px;
|
||
|
|
width: 5px;
|
||
|
|
height: 2px;
|
||
|
|
transform: rotate(39deg);
|
||
|
|
transform-origin: top left;
|
||
|
|
background: #fff;
|
||
|
|
border-radius: 2px;
|
||
|
|
transition: all ease 0.2s;
|
||
|
|
}
|
||
|
|
&::after {
|
||
|
|
left: 4px;
|
||
|
|
top: 10px;
|
||
|
|
width: 11px;
|
||
|
|
transform: rotate(-55deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// .cashierHeader {
|
||
|
|
// //详情居中头部无线
|
||
|
|
// height: 42px;
|
||
|
|
// border: 1px solid #dae1f2;
|
||
|
|
// position: relative;
|
||
|
|
// line-height: 42px;
|
||
|
|
// text-indent: 18px;
|
||
|
|
// background: #fff;
|
||
|
|
// border-radius: 4px;
|
||
|
|
// color: #45474d;
|
||
|
|
// text-align: center;
|
||
|
|
// }
|
||
|
|
.cashiertip {
|
||
|
|
margin: 6px 0 14px;
|
||
|
|
font-size: 12px;
|
||
|
|
color: #b0bec5;
|
||
|
|
}
|
||
|
|
|
||
|
|
.caheader {
|
||
|
|
height: 42px;
|
||
|
|
border: 1px solid #dae1f2;
|
||
|
|
position: relative;
|
||
|
|
text-align: center;
|
||
|
|
line-height: 42px;
|
||
|
|
background: #fff;
|
||
|
|
border-radius: 4px;
|
||
|
|
&:after {
|
||
|
|
content: "";
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
width: 142px;
|
||
|
|
height: 1px;
|
||
|
|
background: #303030;
|
||
|
|
left: 50%;
|
||
|
|
top: 21px;
|
||
|
|
transform: translateX(-50%);
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
span {
|
||
|
|
position: relative;
|
||
|
|
padding: 0 11px;
|
||
|
|
font-size: 14px;
|
||
|
|
display: inline-block;
|
||
|
|
z-index: 2;
|
||
|
|
background: #fff;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.el-breadcrumb {
|
||
|
|
border-bottom: 1px solid #dae1f2; // background: #fff;
|
||
|
|
padding-top: 5px;
|
||
|
|
font-size: 12px;
|
||
|
|
margin: 0 19px;
|
||
|
|
.el-breadcrumb__inner {
|
||
|
|
line-height: 24px;
|
||
|
|
height: 24px;
|
||
|
|
color: #78909c;
|
||
|
|
}
|
||
|
|
.el-breadcrumb__item:last-child .el-breadcrumb__inner {
|
||
|
|
color: #363c4c
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.detail {
|
||
|
|
// padding: 0 19px;
|
||
|
|
.box {
|
||
|
|
background: #fcfcfc;
|
||
|
|
border-radius: 4px;
|
||
|
|
padding: 5px 19px 21px;
|
||
|
|
margin: 16px 19px 0;
|
||
|
|
box-sizing: border-box;
|
||
|
|
float: none;
|
||
|
|
&.all {
|
||
|
|
padding: 5px 0 21px;
|
||
|
|
.head {
|
||
|
|
margin: 0;
|
||
|
|
text-indent: 19px;
|
||
|
|
}
|
||
|
|
.table {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.edit {
|
||
|
|
right: 37px;
|
||
|
|
text-indent: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.cont>div {
|
||
|
|
height: 100%;
|
||
|
|
box-sizing: border-box;
|
||
|
|
float: left;
|
||
|
|
border-left: 1px solid #ececec;
|
||
|
|
&:first-child {
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
div {
|
||
|
|
color: #333;
|
||
|
|
font-size: 12px;
|
||
|
|
line-height: 13px;
|
||
|
|
min-height: 52px;
|
||
|
|
margin-bottom: 5px;
|
||
|
|
padding-left: 15px;
|
||
|
|
padding-right: 5px;
|
||
|
|
&:last-child {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
span {
|
||
|
|
color: #333;
|
||
|
|
margin-left: 5px;
|
||
|
|
}
|
||
|
|
img {
|
||
|
|
vertical-align: middle;
|
||
|
|
display: inline-block;
|
||
|
|
height: 45px;
|
||
|
|
border-radius: 4px;
|
||
|
|
margin-left: 5px;
|
||
|
|
}
|
||
|
|
&.diff span {
|
||
|
|
color: #4c82ff;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
&.three .cont>div {
|
||
|
|
width: 33.33%;
|
||
|
|
}
|
||
|
|
&.four .cont>div {
|
||
|
|
width: 25%;
|
||
|
|
}
|
||
|
|
&.hasPagination {
|
||
|
|
position: relative;
|
||
|
|
padding-bottom: 93px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.head {
|
||
|
|
line-height: 40px;
|
||
|
|
height: 40px;
|
||
|
|
border-bottom: 1px solid #ececec;
|
||
|
|
color: #333;
|
||
|
|
margin-bottom: 19px;
|
||
|
|
position: relative;
|
||
|
|
span {
|
||
|
|
color: #999999;
|
||
|
|
margin-left: 15px;
|
||
|
|
font-size: 12px;
|
||
|
|
i {
|
||
|
|
font-size: 12px;
|
||
|
|
color: #f95367
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.edit {
|
||
|
|
position: absolute;
|
||
|
|
right: 18px;
|
||
|
|
top: 7px;
|
||
|
|
height: 24px;
|
||
|
|
line-height: 24px;
|
||
|
|
padding: 0 12px;
|
||
|
|
border-radius: 12px;
|
||
|
|
background: #f3f3f3;
|
||
|
|
color: #707070;
|
||
|
|
font-size: 12px;
|
||
|
|
cursor: pointer;
|
||
|
|
i {
|
||
|
|
color: #4c82ff;
|
||
|
|
font-size: 14px; // font-weight: 600;
|
||
|
|
margin-right: 6px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.deBtn {
|
||
|
|
position: absolute;
|
||
|
|
right: 28px;
|
||
|
|
top: 9px;
|
||
|
|
padding: 0 10px;
|
||
|
|
height: 24px;
|
||
|
|
line-height: 24px;
|
||
|
|
border: 1px solid #4c82ff;
|
||
|
|
border-radius: 4px;
|
||
|
|
background: transparent;
|
||
|
|
text-indent: 0;
|
||
|
|
color: #4c82ff;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.bak {
|
||
|
|
background: #ededed;
|
||
|
|
width: 100%;
|
||
|
|
height: 51px;
|
||
|
|
line-height: 51px;
|
||
|
|
color: #333;
|
||
|
|
margin: 12px 0;
|
||
|
|
overflow: hidden;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
white-space: nowrap;
|
||
|
|
border-radius: 4px;
|
||
|
|
text-indent: 16px;
|
||
|
|
p {
|
||
|
|
display: inline-block;
|
||
|
|
margin-left: 30px;
|
||
|
|
color: #57595e;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.checkBigimg {
|
||
|
|
cursor: pointer;
|
||
|
|
color: #90adff !important;
|
||
|
|
}
|
||
|
|
.noData {
|
||
|
|
text-align: center;
|
||
|
|
color: #8a8e99;
|
||
|
|
line-height: 44px;
|
||
|
|
i {
|
||
|
|
font-size: 14px;
|
||
|
|
margin-right: 8px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.thrSec {
|
||
|
|
line-height: 44px;
|
||
|
|
color: #363c4c;
|
||
|
|
font-size: 12px;
|
||
|
|
&>div {
|
||
|
|
border-bottom: 1px solid #ececec;
|
||
|
|
&:last-child {
|
||
|
|
border-bottom: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.thrLeft {
|
||
|
|
float: left;
|
||
|
|
padding-top: 5px;
|
||
|
|
text-align: center;
|
||
|
|
width: 137px;
|
||
|
|
border-right: 1px solid #ececec;
|
||
|
|
}
|
||
|
|
.thrCenter {
|
||
|
|
border-right: 1px solid #ececec;
|
||
|
|
padding-top: 5px;
|
||
|
|
margin-left: 138px;
|
||
|
|
margin-right: 104px;
|
||
|
|
.el-checkbox {
|
||
|
|
display: block;
|
||
|
|
float: left;
|
||
|
|
margin-left: 17px;
|
||
|
|
margin-right: 8px;
|
||
|
|
i {
|
||
|
|
color: #fa6375 !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.thrRight {
|
||
|
|
padding-top: 5px;
|
||
|
|
width: 104px;
|
||
|
|
float: right;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
&.white {
|
||
|
|
.box {
|
||
|
|
border: 1px solid #dae1f2;
|
||
|
|
margin-left: 0;
|
||
|
|
margin-right: 0;
|
||
|
|
background: #fff;
|
||
|
|
div {
|
||
|
|
color: #858991 !important;
|
||
|
|
.el-form-item__error{
|
||
|
|
color: #f56c6c !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.bak {
|
||
|
|
background: #f7fbfc
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.el-message-box {
|
||
|
|
.el-message-box__content {
|
||
|
|
.el-message-box__status {
|
||
|
|
position:relative;
|
||
|
|
margin:30px 0;
|
||
|
|
width:100%;
|
||
|
|
text-align:center;
|
||
|
|
transform: translateX(0);
|
||
|
|
font-size: 80px !important;
|
||
|
|
}
|
||
|
|
.el-icon-warning{
|
||
|
|
color: #fe2d54;
|
||
|
|
}
|
||
|
|
.el-message-box__message p {
|
||
|
|
font-size: 20px;
|
||
|
|
font-family: PingFang-SC-Medium;
|
||
|
|
color: rgba(46, 47, 51, 1);
|
||
|
|
line-height: 25px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.el-message-box__btns {
|
||
|
|
padding-top:10px;
|
||
|
|
text-align: center;
|
||
|
|
.el-button {
|
||
|
|
width: 104px;
|
||
|
|
height: 38px;
|
||
|
|
font-size: 16px;
|
||
|
|
color: rgba(76, 130, 255, 1);
|
||
|
|
border-color: #4c82ff;
|
||
|
|
&+.el-button--primary {
|
||
|
|
margin-left: 19px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.el-button--primary {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.choosees {
|
||
|
|
width: 290px;
|
||
|
|
div {
|
||
|
|
border-radius: 4px;
|
||
|
|
border: 1px solid #d8dce5;
|
||
|
|
height: 32px;
|
||
|
|
line-height: 32px;
|
||
|
|
text-indent: 12px;
|
||
|
|
color: #b4bccc;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
ul {
|
||
|
|
line-height: 32px;
|
||
|
|
color: #b4bccc;
|
||
|
|
cursor: pointer;
|
||
|
|
margin-bottom: -10px;
|
||
|
|
li {
|
||
|
|
float: left;
|
||
|
|
padding: 0 10px;
|
||
|
|
margin-right: 10px;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
border-radius: 4px;
|
||
|
|
border: 1px solid #d8dce5;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.lineBtnBox {
|
||
|
|
border: 1px solid rgba(76, 130, 255, 1);
|
||
|
|
border-radius: 4px;
|
||
|
|
overflow: hidden;
|
||
|
|
height: 34px;
|
||
|
|
box-sizing: border-box;
|
||
|
|
float: left;
|
||
|
|
margin-right: 10px;
|
||
|
|
.table_top_handel {
|
||
|
|
margin-right: 0;
|
||
|
|
border: none;
|
||
|
|
border-right: 1px solid rgba(76, 130, 255, 1);
|
||
|
|
border-top-right-radius: 0;
|
||
|
|
border-bottom-right-radius: 0;
|
||
|
|
&:last-child {
|
||
|
|
border-right: none;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.ruleList {
|
||
|
|
header {
|
||
|
|
padding: 15px 0 17px;
|
||
|
|
color: #2e2f33;
|
||
|
|
line-height: 24px;
|
||
|
|
div {
|
||
|
|
width: 92px;
|
||
|
|
font-size: 16px;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
span {
|
||
|
|
width: 88px;
|
||
|
|
height: 24px;
|
||
|
|
background: #e0e0e0;
|
||
|
|
font-size: 14px;
|
||
|
|
color: #636363;
|
||
|
|
border: none;
|
||
|
|
float: left;
|
||
|
|
text-align: center;
|
||
|
|
display: block;
|
||
|
|
cursor: pointer;
|
||
|
|
border-radius: 2px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
table {
|
||
|
|
text-align: left;
|
||
|
|
tr {
|
||
|
|
border-bottom: 1px solid #d2d2d2;
|
||
|
|
}
|
||
|
|
th,
|
||
|
|
td {
|
||
|
|
padding-bottom: 4px;
|
||
|
|
line-height: 34px;
|
||
|
|
}
|
||
|
|
th {
|
||
|
|
color: #4c6399;
|
||
|
|
font-size: 14px;
|
||
|
|
font-weight: normal;
|
||
|
|
}
|
||
|
|
td {
|
||
|
|
color: #45474d;
|
||
|
|
font-size: 12px;
|
||
|
|
}
|
||
|
|
.ruleDel {
|
||
|
|
cursor: pointer;
|
||
|
|
color: #d04730;
|
||
|
|
}
|
||
|
|
tbody tr:last-of-type {
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.block {
|
||
|
|
background: transparent;
|
||
|
|
button,
|
||
|
|
li {
|
||
|
|
background: transparent;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
&.hasPagination {
|
||
|
|
padding-bottom: 72px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.page_content .el-checkbox-group {
|
||
|
|
display: flex;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
.el-checkbox.is-bordered {
|
||
|
|
height: 32px;
|
||
|
|
background: #fff;
|
||
|
|
display: block;
|
||
|
|
margin-right: 10px; // margin-bottom: 10px;
|
||
|
|
margin-left: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.ticketDetail {
|
||
|
|
header {
|
||
|
|
margin: 0 19px;
|
||
|
|
line-height: 75px;
|
||
|
|
height: 75px;
|
||
|
|
color: #333333;
|
||
|
|
font-size: 20px;
|
||
|
|
overflow: hidden;
|
||
|
|
.lineBtn {
|
||
|
|
background: transparent;
|
||
|
|
color: #4c82ff;
|
||
|
|
height: 33px;
|
||
|
|
line-height: 33px;
|
||
|
|
border: 1px solid #4c82ff;
|
||
|
|
border-radius: 4px;
|
||
|
|
float: right;
|
||
|
|
padding: 0 12px;
|
||
|
|
margin-top: 20px;
|
||
|
|
cursor: pointer;
|
||
|
|
display: block;
|
||
|
|
font-size: 14px;
|
||
|
|
&+.lineBtn {
|
||
|
|
margin-left: 16px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.detailTitle {
|
||
|
|
background: #fafcfc;
|
||
|
|
color: #333333;
|
||
|
|
font-size: 16px;
|
||
|
|
line-height: 48px;
|
||
|
|
height: 48px;
|
||
|
|
overflow: hidden;
|
||
|
|
padding-left: 31px;
|
||
|
|
span {
|
||
|
|
font-size: 12px;
|
||
|
|
color: #999;
|
||
|
|
}
|
||
|
|
&::before {
|
||
|
|
content: "";
|
||
|
|
display: inline-block;
|
||
|
|
width: 2px;
|
||
|
|
height: 17px;
|
||
|
|
background: #4c82ff;
|
||
|
|
margin-right: 8px;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.detailContain {
|
||
|
|
padding: 30px;
|
||
|
|
padding-bottom: 10px;
|
||
|
|
display: flex; // justify-content: space-between;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
dl {
|
||
|
|
min-height: 16px;
|
||
|
|
line-height: 16px;
|
||
|
|
font-size: 12px;
|
||
|
|
color: #999;
|
||
|
|
display: flex;
|
||
|
|
width: 25%;
|
||
|
|
margin-bottom: 20px;
|
||
|
|
box-sizing: border-box;
|
||
|
|
&.double {
|
||
|
|
width: 50%;
|
||
|
|
}
|
||
|
|
&.detailBak {
|
||
|
|
width: 100%;
|
||
|
|
background: #f7fbfc;
|
||
|
|
border-radius: 4px;
|
||
|
|
padding: 17px 10px 15px;
|
||
|
|
margin-bottom: 0;
|
||
|
|
&:last-of-type{
|
||
|
|
margin-bottom: 20px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
dt {
|
||
|
|
width: 80px;
|
||
|
|
}
|
||
|
|
dd {
|
||
|
|
flex: 1;
|
||
|
|
color: #4c4c4c;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.detailBox {
|
||
|
|
margin: 0 31px;
|
||
|
|
background: #fafcfc;
|
||
|
|
padding-left: 25px;
|
||
|
|
padding-right: 25px;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.header-title {
|
||
|
|
width: 100%;
|
||
|
|
height: 40px;
|
||
|
|
background: #ffffff;
|
||
|
|
border-radius: 5px;
|
||
|
|
border: 1px solid #dae1f2;
|
||
|
|
line-height: 40px;
|
||
|
|
color: #292c33;
|
||
|
|
font-size: 16px;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
.kong {
|
||
|
|
width: 200px;
|
||
|
|
height: 40px;
|
||
|
|
display: inline-block;
|
||
|
|
margin-left: 22px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn{
|
||
|
|
display: inline-block;
|
||
|
|
min-width: 137px;
|
||
|
|
height: 34px;
|
||
|
|
line-height: 32px;
|
||
|
|
padding: 0 10px;
|
||
|
|
border: 1px solid #4c82ff;
|
||
|
|
background: #4c82ff;
|
||
|
|
font-size: 14px;
|
||
|
|
border-radius: 5px;
|
||
|
|
color: #fff;
|
||
|
|
text-align: center;
|
||
|
|
cursor: pointer;
|
||
|
|
box-sizing: border-box;
|
||
|
|
&:hover{
|
||
|
|
background: lighten(#4c82ff, 5%);
|
||
|
|
}
|
||
|
|
&.back{
|
||
|
|
background: #fff;
|
||
|
|
color: #606266;
|
||
|
|
border-color: #dcdfe6;
|
||
|
|
&:hover{
|
||
|
|
color: #409EFF;
|
||
|
|
border-color: #c6e2ff;
|
||
|
|
background-color: #ecf5ff;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
&.del{
|
||
|
|
background: #f07969;
|
||
|
|
border-color: #f07969;
|
||
|
|
&:hover{
|
||
|
|
background: lighten(#f07969, 5%);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|