You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
435 lines
7.9 KiB
435 lines
7.9 KiB
@import './variables.scss';
|
|
@import './mixin.scss';
|
|
@import './transition.scss';
|
|
@import './element-ui.scss';
|
|
@import './sidebar.scss';
|
|
@import './table.scss';
|
|
@import './el-form.scss';
|
|
@import './el-search.scss';
|
|
@import './e-row.scss';
|
|
@import './e-table.scss';
|
|
@import './element-table.scss';
|
|
@import './element-tabs.scss';
|
|
body {
|
|
height: 100%;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
-webkit-font-smoothing: antialiased;
|
|
text-rendering: optimizeLegibility;
|
|
font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
|
|
}
|
|
|
|
label {
|
|
font-weight: 700;
|
|
}
|
|
|
|
html {
|
|
height: 100%;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
#app {
|
|
height: 100%;
|
|
}
|
|
|
|
*,
|
|
*:before,
|
|
*:after {
|
|
box-sizing: inherit;
|
|
}
|
|
|
|
a:focus,
|
|
a:active {
|
|
outline: none;
|
|
}
|
|
|
|
a,
|
|
a:focus,
|
|
a:hover {
|
|
cursor: pointer;
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
|
|
div:focus {
|
|
outline: none;
|
|
}
|
|
|
|
.clearfix {
|
|
&:after {
|
|
visibility: hidden;
|
|
display: block;
|
|
font-size: 0;
|
|
content: " ";
|
|
clear: both;
|
|
height: 0;
|
|
}
|
|
}
|
|
.bg-primary{
|
|
background-color: $color-primary !important;
|
|
}
|
|
// main-container global css
|
|
.container{
|
|
min-height: 100%;
|
|
height: 100%;
|
|
background-color: #FFFFFF;
|
|
box-sizing: border-box;
|
|
padding: 10px 0;
|
|
}
|
|
|
|
.fl{
|
|
float: left;
|
|
}
|
|
.fr{
|
|
float: right;
|
|
}
|
|
.text-center{
|
|
text-align: center;
|
|
}
|
|
.color-red{
|
|
color: red !important;
|
|
}
|
|
|
|
.pd-b10{
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.pd-y40 {
|
|
padding: 40px 0;
|
|
}
|
|
|
|
.pd-y20 {
|
|
padding: 20px 0;
|
|
}
|
|
|
|
.fs20 {
|
|
font-size: 20px;
|
|
}
|
|
|
|
// 页面上的button按钮
|
|
.app-container {
|
|
.el-button--medium {
|
|
padding: 10px 14px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.el-button--small {
|
|
padding: 8px 12px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.el-button--mini {
|
|
padding: 7px 10px;
|
|
font-size: 12px;
|
|
}
|
|
}
|
|
// 添加样式
|
|
.app-container {
|
|
margin: 5px 0 5px 0;
|
|
background-color: #fff;
|
|
}
|
|
// 设置了滚动区域
|
|
.main-content{ overflow-x: hidden;overflow-y: auto;height: calc(100vh - 200px);padding: 0 20px;}
|
|
.listcon{height: calc(100vh - 425px);overflow-y: auto;overflow-x: hidden;}
|
|
.listconadd{height: calc(100vh - 200px);overflow-y: auto;overflow-x: hidden;}
|
|
.listconadd{
|
|
.titwu {
|
|
font-size: 28px;
|
|
text-align: center;
|
|
padding: 30px 0 20px 0;
|
|
}
|
|
}
|
|
.listconsub {
|
|
height: calc(100vh - 310px);
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
.listconsubjxs {
|
|
height: calc(100vh - 300px);
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
// 搜索的
|
|
.webtop {
|
|
// position: fixed;top: 110px;width: calc(100% - 240px);z-index: 6000;
|
|
background-color: #fff;
|
|
display: flex !important;
|
|
flex-direction: row;
|
|
justify-content: space-between !important;
|
|
align-items: center;
|
|
margin-bottom: 0px !important;
|
|
font-size: 20px;
|
|
}
|
|
|
|
// 设置了页面头部的内边距和背景色
|
|
.tab-header {
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
}
|
|
// 设置了搜索条件里的样式
|
|
.search {
|
|
.tab-header {
|
|
.el-form-item {
|
|
margin-right: 16px;
|
|
.el-form-item__label {
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.filter-item {
|
|
padding: 0 10px;
|
|
width: 220px;
|
|
display: inline-block;
|
|
}
|
|
|
|
// 设置列表页面内容布局
|
|
.listtop {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding: 0 0 0 15px;
|
|
margin-top: 0;
|
|
border: 1px solid #dfe4ed;
|
|
height: 42px;
|
|
line-height: 42px;
|
|
}
|
|
|
|
.listtop .tit {
|
|
font-weight: bold;
|
|
font-size: 16px
|
|
}
|
|
|
|
.listtop .pagination {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.pages {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: flex-end;
|
|
align-items: flex-end;
|
|
padding: 0 0 15px 15px;
|
|
}
|
|
.pages .tit{font-weight: bold;}
|
|
.pages .pagination{margin: 0;}
|
|
// .formadd{padding: 20px ;}
|
|
// .listeltable{overflow-y: auto;height: calc(100vh - 420px);}
|
|
|
|
.formadd {
|
|
padding: 10px 40px 0 40px;
|
|
font-size: 16px;
|
|
// height: calc(100vh - 200px);overflow-y: auto;
|
|
.title {
|
|
padding: 12px;
|
|
font-weight: bold;
|
|
font-size: 16px;
|
|
background-color: $header-bg;
|
|
text-align: left;
|
|
color: #ffffff;
|
|
}
|
|
.first_row{
|
|
border-top: 1px solid $table-border-color;
|
|
}
|
|
.el-row {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
border-left: 1px solid $table-border-color;
|
|
.el-col {
|
|
border-right: 1px solid $table-border-color;
|
|
border-bottom: 1px solid $table-border-color;
|
|
padding: 0 15px;
|
|
min-height: 42px;
|
|
line-height: 1;
|
|
|
|
.el-form-item {
|
|
margin-bottom: 0;
|
|
line-height: 42px;
|
|
// .addinputw{width: 400px;}
|
|
.addinputw {
|
|
width: 80%;
|
|
line-height: 42px;
|
|
}
|
|
.el-input__inner {
|
|
height: 36px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.footer{margin: 20px;}
|
|
}
|
|
|
|
|
|
.formaddcopy02 {
|
|
padding: 10px 40px 0 40px;
|
|
.title {
|
|
padding: 12px;
|
|
font-weight: bold;
|
|
font-size: 16px;
|
|
background-color: #0294d7;
|
|
color: #ffffff;
|
|
text-align: left;
|
|
}
|
|
|
|
.el-row {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
border-left: 1px solid $table-border-color;
|
|
|
|
.el-col {
|
|
border-right: 1px solid $table-border-color;
|
|
border-bottom: 1px solid $table-border-color;
|
|
min-height: 42px;
|
|
padding: 0 15px;
|
|
line-height: 42px;
|
|
position: relative;
|
|
.span-sty {
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
line-height: 42px;
|
|
text-align: right;
|
|
font-size: 14px;
|
|
color: #606266;
|
|
font-weight: 600;
|
|
width: 70px;
|
|
padding-right: 5px;
|
|
border-right: 1px solid #e0e3eb;
|
|
}
|
|
|
|
.el-form-item {
|
|
margin-bottom: 0;
|
|
line-height: 42px;
|
|
.addinputw {
|
|
//padding: 5px 0;
|
|
width: 65%;
|
|
margin-left: 80px;
|
|
line-height: 42px;
|
|
}
|
|
|
|
.addinputInfo {
|
|
margin-left: 80px;
|
|
line-height: 42px;
|
|
}
|
|
|
|
.el-input__inner {
|
|
height: 36px;
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
.footer {
|
|
margin: 20px;
|
|
}
|
|
}
|
|
|
|
.forminfo {
|
|
padding: 10px 40px 0 40px;
|
|
font-size: 16px;
|
|
.title {
|
|
padding: 12px;
|
|
font-weight: bold;
|
|
font-size: 16px;
|
|
background-color: $header-bg;
|
|
text-align: left;
|
|
color: #ffffff;
|
|
}
|
|
.el-row {
|
|
display:flex;
|
|
flex-wrap: wrap;
|
|
border-left: 1px solid $table-border-color;
|
|
.trightb{ text-align: right;font-weight: bold;color: #606266; }
|
|
.tleft{ text-align: left; }
|
|
.el-col{
|
|
border-right: 1px solid $table-border-color;
|
|
border-bottom: 1px solid $table-border-color;
|
|
padding: 0 15px 0 15px !important;
|
|
min-height: 50px;
|
|
line-height: 50px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
}
|
|
.footer{margin: 20px;}
|
|
}
|
|
|
|
.el-form-item__error {
|
|
z-index: 100;
|
|
}
|
|
.bluezi{color: $header-bg; cursor: pointer}
|
|
// 经销商添加样式
|
|
.titcon{
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-around;
|
|
background-color: #0294d7;
|
|
flex: 3;
|
|
}
|
|
|
|
.titcon .title {
|
|
padding: 10px;
|
|
font-weight: bold;
|
|
font-size: 20px;
|
|
text-align: center;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.titcon .baocun {
|
|
text-align: right;
|
|
flex: 2;
|
|
padding: 5px 20px;
|
|
}
|
|
|
|
.addinputwda {
|
|
width: 600px;
|
|
}
|
|
|
|
//.searchcon{margin: 0px 0 10px 0;}
|
|
//.searchcon .searchbtn{margin: 10px 0;border: #2cab69 1px solid;color: #2cab69;}
|
|
// 隐藏显示按钮
|
|
.main-content {
|
|
.searchcon {
|
|
.searchbtn {
|
|
margin: 5px 0;
|
|
border: #2cab69 1px solid;
|
|
color: #2cab69;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
.search .btn {
|
|
padding: 5px 0;
|
|
border: 1px solid #e0e3eb;
|
|
text-align: center;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
|
|
// 弹出窗口按钮
|
|
.btnCancel{
|
|
background: #e84026 !important;outline: none;border: none;color: #fff !important;
|
|
}
|
|
.btnCancel:hover{
|
|
background: #ed6651 !important;
|
|
}
|
|
.btnFalses{
|
|
background: #2cab69 !important;outline: none;border: none;
|
|
}
|
|
.btnFalses:hover{
|
|
background: #3dc47e !important;
|
|
}
|
|
.btntopblueline{background-color: #066bc9 !important;}
|
|
.btntopblueline:hover{background-color: #34a1db !important;}
|
|
.btntophui{background-color: #cccccc !important;}
|
|
.btntophui:hover{background-color: #d6d6d6 !important;}
|
|
.bordertopline{ border-top: 1px solid $table-border-color;}
|
|
.lookimg img{width: 250px;margin: 10px;}
|
|
.listimg{width: 80px;}
|
|
|