code init
This commit is contained in:
chenxiaoxi
@@ -0,0 +1,921 @@
|
||||
//button.el-button.form-upload-btn.el-button--default.el-button--small{
|
||||
// padding: 13px 15px;
|
||||
//}
|
||||
////设置查询按钮
|
||||
//.el-button--primary.searchAngNewBtn{
|
||||
// height: 32px;
|
||||
// padding: 0 15px;
|
||||
// color: #fff;
|
||||
// background-color: #3391CE;
|
||||
// font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', Arial, sans-serif;
|
||||
// border-color: #3391CE;
|
||||
// &.is-disabled {
|
||||
// background-color: #b0d3ed !important;
|
||||
// border-color: #bcd1e0 !important;
|
||||
// }
|
||||
//}
|
||||
//.el-button--primary.searchAngNewBtn:hover{
|
||||
// padding: 0 15px;
|
||||
// background-color: #3391CE;
|
||||
// border-color: #3391CE;
|
||||
//}
|
||||
//.el-button--primary.searchAngNewBtn:focus{
|
||||
// padding: 0 15px;
|
||||
// background-color: #3391CE;
|
||||
// border-color: #3391CE;
|
||||
//}
|
||||
//.el-button--danger.searchAngNewBtn{
|
||||
// height: 32px;
|
||||
// padding: 0 15px;
|
||||
// color: #fff;
|
||||
//}
|
||||
//.el-button--danger.searchAngNewBtn:hover{
|
||||
// padding: 0 15px;
|
||||
//}
|
||||
//.el-button--danger.searchAngNewBtn:focus{
|
||||
// padding: 0 15px;
|
||||
//}
|
||||
//.el-button.searchAngNewBtn{
|
||||
// height: 32px;
|
||||
// padding: 0 15px;
|
||||
// //color: #fff;
|
||||
//}
|
||||
//.el-button.searchAngNewBtn:hover{
|
||||
// padding: 0 15px;
|
||||
//}
|
||||
//.el-button.searchAngNewBtn:focus{
|
||||
// padding: 0 15px;
|
||||
//}
|
||||
////设置新增，导出等按钮
|
||||
//.el-button.el-button--primary.el-button--mini {
|
||||
// padding: 5px 18px;
|
||||
// color: #fff;
|
||||
// background-color: #3391CE;
|
||||
// border-color: #3391CE;
|
||||
// &.is-disabled {
|
||||
// background-color: #b0d3ed !important;
|
||||
// border-color: #bcd1e0 !important;
|
||||
// }
|
||||
//}
|
||||
//.el-button.el-button--primary.el-button--mini:hover{
|
||||
// padding: 5px 18px;
|
||||
// background-color: #3391CE;
|
||||
// border-color: #3391CE;
|
||||
//}
|
||||
//.el-button.el-button--primary.el-button--mini:focus{
|
||||
// padding: 5px 18px;
|
||||
// background-color: #3391CE;
|
||||
// border-color: #3391CE;
|
||||
//}
|
||||
//.el-button.el-button--danger.el-button--mini {
|
||||
// padding: 5px 18px;
|
||||
// color: #fff;
|
||||
//}
|
||||
//.el-button.el-button--danger.el-button--mini:hover{
|
||||
// padding: 5px 18px;
|
||||
//}
|
||||
//.el-button.el-button--danger.el-button--mini:focus{
|
||||
// padding: 5px 18px;
|
||||
//}
|
||||
//// 设置表格操作按钮
|
||||
//.el-button.el-button--primary.el-button--mini.opera-btn {
|
||||
// padding: 5px 7px;
|
||||
// color: #fff;
|
||||
// background-color: #3391CE;
|
||||
// border-color: #3391CE;
|
||||
// &.is-disabled {
|
||||
// background-color: #b0d3ed !important;
|
||||
// border-color: #bcd1e0 !important;
|
||||
// }
|
||||
//}
|
||||
//.el-button.el-button--primary.el-button--mini.opera-btn:hover{
|
||||
// padding: 5px 7px;
|
||||
// background-color: #3391CE;
|
||||
// border-color: #3391CE;
|
||||
//}
|
||||
//.el-button.el-button--primary.el-button--mini.opera-btn:focus{
|
||||
// padding: 5px 7px;
|
||||
// background-color: #3391CE;
|
||||
// border-color: #3391CE;
|
||||
//}
|
||||
//.el-button.el-button--danger.el-button--mini.opera-btn {
|
||||
// padding: 5px 7px;
|
||||
// color: #fff;
|
||||
//}
|
||||
//.el-button.el-button--danger.el-button--mini.opera-btn:hover{
|
||||
// padding: 5px 7px;
|
||||
//}
|
||||
//.el-button.el-button--danger.el-button--mini.opera-btn:focus{
|
||||
// padding: 5px 7px;
|
||||
//}
|
||||
//.el-button.el-button--warning.el-button--mini.opera-btn {
|
||||
// padding: 5px 7px;
|
||||
// color: #fff;
|
||||
// background-color: #ff9900;
|
||||
// border-color: #ff9900;
|
||||
//}
|
||||
//.el-button.el-button--warning.el-button--mini.opera-btn:hover{
|
||||
// padding: 5px 7px;
|
||||
// background-color: #ff9900;
|
||||
// border-color: #ff9900;
|
||||
//}
|
||||
//.el-button.el-button--warning.el-button--mini.opera-btn:focus{
|
||||
// padding: 5px 7px;
|
||||
// background-color: #ff9900;
|
||||
// border-color: #ff9900;
|
||||
//}
|
||||
//
|
||||
////设置form-item
|
||||
//.el-form-item.serch-form-item {
|
||||
// margin-bottom: 0;
|
||||
// margin-right: 6px;
|
||||
// margin-top: 10px;
|
||||
//}
|
||||
//.el-form-item.serch-form-item.btn-box {
|
||||
// margin-bottom: 0;
|
||||
// margin-right: 2px;
|
||||
//}
|
||||
//// 设置查询orm-item-lable
|
||||
//.serch-form-item .el-form-item__label{
|
||||
// position: relative;
|
||||
// top: 1px;
|
||||
// padding: 0 7px;
|
||||
// height: 32px;
|
||||
// line-height: 32px;
|
||||
// font-size: 12px;
|
||||
// border: 1px solid #DDD;
|
||||
// border-top-left-radius: 4px;
|
||||
// border-bottom-left-radius: 4px;
|
||||
// border-right: none;
|
||||
// background: #F4F8FB;
|
||||
// text-align: center;
|
||||
// min-width: 80px;
|
||||
//}
|
||||
//.serch-form-item .el-form-item__content {
|
||||
// line-height: 32px;
|
||||
// position: relative;
|
||||
// font-size: 14px;
|
||||
// .put__inner{
|
||||
// height: 32px !important;
|
||||
// line-height: 32px !important;
|
||||
// width: 170px;
|
||||
// border-radius: 0 4px 4px 0;
|
||||
// font-size: 12px;
|
||||
// color: #515a6e;
|
||||
// font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '\5FAE\8F6F\96C5\9ED1', Arial, sans-serif !important;
|
||||
// }
|
||||
// .el-input__icon{
|
||||
// line-height: 32px;
|
||||
// }
|
||||
//}
|
||||
//.el-form-item.search-form-item.btn-box {
|
||||
// margin-bottom: 0;
|
||||
// margin-right: 2px;
|
||||
//}
|
||||
//// 设置查询orm-item-lable
|
||||
//.search-form-item .el-form-item__label{
|
||||
// position: relative;
|
||||
// top: 1px;
|
||||
// padding: 0 7px;
|
||||
// height: 32px;
|
||||
// line-height: 32px;
|
||||
// font-size: 12px;
|
||||
// border: 1px solid #DDD;
|
||||
// border-top-left-radius: 4px;
|
||||
// border-bottom-left-radius: 4px;
|
||||
// border-right: none;
|
||||
// background: #F4F8FB;
|
||||
// text-align: center;
|
||||
// min-width: 80px;
|
||||
//}
|
||||
//.search-form-item .el-form-item__content {
|
||||
// line-height: 32px;
|
||||
// position: relative;
|
||||
// font-size: 14px;
|
||||
// .el-input__inner{
|
||||
// height: 32px !important;
|
||||
// line-height: 32px !important;
|
||||
// width: 180px;
|
||||
// border-radius: 4px;
|
||||
// font-size: 12px;
|
||||
// color: #515a6e;
|
||||
// font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '\5FAE\8F6F\96C5\9ED1', Arial, sans-serif !important;
|
||||
// }
|
||||
// .el-input__icon{
|
||||
// line-height: 32px;
|
||||
// }
|
||||
//}
|
||||
//// 设置新增form-item-lable
|
||||
//.add-form-item .el-form-item__label{
|
||||
// position: relative;
|
||||
// top: 1px;
|
||||
// padding: 0 7px;
|
||||
// width: 120px;
|
||||
// height: 40px;
|
||||
// line-height: 40px;
|
||||
// font-size: 12px;
|
||||
// border: 1px solid #DDD;
|
||||
// border-top-left-radius: 4px;
|
||||
// border-bottom-left-radius: 4px;
|
||||
// border-right: none;
|
||||
// background: #F4F8FB;
|
||||
// text-align: center;
|
||||
// white-space: nowrap;
|
||||
// text-overflow: ellipsis;
|
||||
// overflow: hidden;
|
||||
//}
|
||||
//.add-form-item .el-form-item__content {
|
||||
// position: relative;
|
||||
// font-size: 14px;
|
||||
// width: 224px;
|
||||
// .el-input__inner{
|
||||
// border-radius: 0 4px 4px 0;
|
||||
// font-size: 12px;
|
||||
// color: #515a6e;
|
||||
// font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '\5FAE\8F6F\96C5\9ED1', Arial, sans-serif !important;
|
||||
// width: 224px;
|
||||
// }
|
||||
// //设置输入框高度
|
||||
//// .label-input-form{
|
||||
//// .el-input__inner{
|
||||
//// // @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
|
||||
//// // // ie下样式偏差1px
|
||||
//// // line-height: 27px !important;
|
||||
//// // }
|
||||
//// }
|
||||
//// }
|
||||
//}
|
||||
//// 设置新增等按钮区域样式
|
||||
//.action-bar{
|
||||
// padding:10px 0;
|
||||
// .el-button+.el-button{
|
||||
// margin-left: 2px;
|
||||
// }
|
||||
//}
|
||||
//// 设置tabs激活状态颜色
|
||||
//.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
|
||||
// color: #3391CE;
|
||||
// background-color: #FFF;
|
||||
// border-right-color: #DCDFE6;
|
||||
// border-left-color: #DCDFE6;
|
||||
//}
|
||||
//// 设置tabs hover颜色
|
||||
//.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover {
|
||||
// color: #3391CE;
|
||||
//}
|
||||
//// 设置页面查询区域下的下划线
|
||||
//.search-area {
|
||||
// border-bottom: 1px solid #e8eaec;
|
||||
//}
|
||||
///* element样式重置 start */
|
||||
///* 去掉input尾部上下小箭头 start */
|
||||
//input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
|
||||
// -webkit-appearance: none !important;
|
||||
// -moz-appearance: none !important;
|
||||
// -o-appearance: none !important;
|
||||
// -ms-appearance: none !important;
|
||||
// appearance: none !important;
|
||||
// margin: 0;
|
||||
//}
|
||||
//input[type="number"]{
|
||||
// -webkit-appearance:textfield;
|
||||
// -moz-appearance:textfield;
|
||||
// -o-appearance:textfield;
|
||||
// -ms-appearance:textfield;
|
||||
// appearance:textfield;
|
||||
//}
|
||||
///* 去掉input尾部上下小箭头 end */
|
||||
//// 所属部门选项 样式
|
||||
//.user-dept-popper{
|
||||
// padding: 0;
|
||||
//}
|
||||
//// 表单验证星星样式
|
||||
//.single-star {
|
||||
// .el-form-item__label:before{
|
||||
// content: '*' !important;
|
||||
// color: #F56C6C !important;
|
||||
// margin-right: 4px !important;
|
||||
// }
|
||||
//}
|
||||
//.double-star {
|
||||
// .el-form-item__label:before{
|
||||
// content: '**' !important;
|
||||
// color: #F56C6C !important;
|
||||
// margin-right: 4px !important;
|
||||
// }
|
||||
//}
|
||||
//.add-form-item{
|
||||
// /*margin-top -1px*/
|
||||
// .top1px{
|
||||
// .el-input__inner{
|
||||
// margin-top: -1px;
|
||||
// }
|
||||
// }
|
||||
// .el-textarea{
|
||||
// .el-textarea__inner{
|
||||
// height: 40px;
|
||||
// min-height: 40px !important;
|
||||
// font-size: 12px;
|
||||
// font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '\5FAE\8F6F\96C5\9ED1', Arial, sans-serif !important;
|
||||
// border-bottom-left-radius: 0;
|
||||
// border-top-left-radius: 0;
|
||||
// }
|
||||
// }
|
||||
// .form-upload-btn{
|
||||
// font-size: 12px;
|
||||
// font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '\5FAE\8F6F\96C5\9ED1', Arial, sans-serif !important;
|
||||
// }
|
||||
//}
|
||||
//// 设置日期样式
|
||||
//.el-date-editor .el-range-input{
|
||||
// font-size: 12px;
|
||||
// font-family: sans-serif;
|
||||
//}
|
||||
//span.el-range-separator{
|
||||
// position: relative;
|
||||
// left: -6px;
|
||||
// font-size: 12px;
|
||||
//}
|
||||
//.el-date-editor .el-range-separator{
|
||||
// line-height: 26px;
|
||||
//}
|
||||
//.serch-form-item .el-form-item__content .el-input__icon{
|
||||
// line-height: 26px;
|
||||
//}
|
||||
// 设置查询区域
|
||||
.search-area{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
background: #FFF;
|
||||
padding: 10px 10px 0;
|
||||
//border-bottom: 1px solid #f6f6f6;
|
||||
.el-button+.el-button {
|
||||
margin-left: 5px;
|
||||
}
|
||||
.search-area-item {
|
||||
}
|
||||
.search-item{
|
||||
.el-form-item__label {
|
||||
color: #333;
|
||||
padding-right: 5px;
|
||||
font-family: MicrosoftYaHei,微软雅黑;
|
||||
}
|
||||
.el-input--suffix .el-input__inner {
|
||||
padding-right: 30px;
|
||||
&:disabled {
|
||||
padding-right: 10px;
|
||||
}
|
||||
}
|
||||
input.el-input__inner{
|
||||
display: inline-block;
|
||||
width: 165px;
|
||||
border-radius: 20px;
|
||||
color: #999;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
font-family: MicrosoftYaHei,微软雅黑;
|
||||
&:disabled {
|
||||
background-color: #F5F7FA;
|
||||
border-color: #E4E7ED;
|
||||
color: #C0C4CC;
|
||||
cursor: not-allowed
|
||||
}
|
||||
}
|
||||
.el-textarea__inner {
|
||||
font-family: MicrosoftYaHei,微软雅黑;
|
||||
}
|
||||
.el-range-editor.el-date-editor--daterange {
|
||||
border-radius: 20px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
font-family: MicrosoftYaHei,微软雅黑;
|
||||
.el-range-separator, .el-range__icon, .el-icon-circle-close {
|
||||
line-height: 22px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.max-search-item{
|
||||
width: 100%;
|
||||
.el-form-item__content{
|
||||
width: calc(~'100% - 80px');
|
||||
.el-select{
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
input.el-input__inner{
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
border-radius: 20px;
|
||||
color: #999;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
font-family: MicrosoftYaHei,微软雅黑;
|
||||
}
|
||||
textarea.el-textarea__inner{
|
||||
display: inline-block;
|
||||
width: 425px;
|
||||
border-radius: 5px;
|
||||
color: #999;
|
||||
//height: 30px;
|
||||
//line-height: 30px;
|
||||
font-family: MicrosoftYaHei,微软雅黑;
|
||||
}
|
||||
}
|
||||
.max-search-item2{
|
||||
textarea.el-textarea__inner{
|
||||
display: inline-block;
|
||||
width: 425px;
|
||||
border-radius: 5px;
|
||||
color: #999;
|
||||
//height: 30px;
|
||||
//line-height: 30px;
|
||||
font-family: MicrosoftYaHei,微软雅黑;
|
||||
}
|
||||
}
|
||||
.process-search-item{
|
||||
.el-form-item__label {
|
||||
color: #333;
|
||||
padding-right: 5px;
|
||||
font-family: MicrosoftYaHei,微软雅黑;
|
||||
}
|
||||
input.el-input__inner{
|
||||
display: inline-block;
|
||||
width: 400px;
|
||||
border-radius: 20px;
|
||||
color: #999;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
font-family: MicrosoftYaHei,微软雅黑;
|
||||
}
|
||||
}
|
||||
.search-item.el-form-item{
|
||||
margin-right: 10px ;
|
||||
}
|
||||
.search-item-last.el-form-item{
|
||||
margin-right: 10px;
|
||||
}
|
||||
.btn-box.el-form-item{
|
||||
margin-right: 5px;
|
||||
}
|
||||
.el-form-item{
|
||||
margin-bottom: 10px;
|
||||
.el-form-item__label{
|
||||
line-height: 30px;
|
||||
}
|
||||
.el-form-item__content{
|
||||
line-height: 30px;
|
||||
.el-input__icon {
|
||||
line-height: 30px;
|
||||
}
|
||||
.el-date-editor{
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.right{
|
||||
margin-right: 10px;
|
||||
line-height: 48px;
|
||||
}
|
||||
// 设置页面按钮
|
||||
button.el-button.common-button-primary.el-button--primary.is-round,
|
||||
button.el-button.common-button-danger.el-button--danger.is-round,
|
||||
button.el-button.common-button-warning.el-button--warning.is-round {
|
||||
padding: 7px 12px;
|
||||
font-family: MicrosoftYaHei,微软雅黑;
|
||||
.iconfont {
|
||||
font-size: 14px;
|
||||
}
|
||||
& > i{
|
||||
display: inline-block;
|
||||
margin-right: 3px;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
background-position: center center;
|
||||
}
|
||||
}
|
||||
button.el-button.common-button-default.el-button--default.is-round{
|
||||
padding: 7px 12px;
|
||||
font-family: MicrosoftYaHei,微软雅黑;
|
||||
.iconfont {
|
||||
font-size: 14px;
|
||||
}
|
||||
& > i{
|
||||
display: inline-block;
|
||||
margin-right: 3px;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
background-position: center center;
|
||||
}
|
||||
}
|
||||
.el-message-box .el-button--primary{
|
||||
padding: 7px 12px;
|
||||
font-family: MicrosoftYaHei,微软雅黑;
|
||||
background-color: rgba(30, 137, 255, 1);
|
||||
.iconfont {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
// 按钮 + 图标
|
||||
.add-button{
|
||||
.add{
|
||||
background-image: url("~assets/images/shangqi/img/add.png");
|
||||
}
|
||||
}
|
||||
.export-button {
|
||||
.export{
|
||||
background-image: url("~assets/images/shangqi/img/daochu.png");
|
||||
}
|
||||
}
|
||||
.in-button{
|
||||
.in{
|
||||
background-image: url("~assets/images/shangqi/img/daoru.png");
|
||||
}
|
||||
}
|
||||
.shaixuan-button{
|
||||
.shaixuan{
|
||||
background-image: url("~assets/images/shangqi/img/shaixuan.png");
|
||||
}
|
||||
}
|
||||
.delete-button{
|
||||
.delete{
|
||||
background-image: url("~assets/images/shangqi/img/delete.png");
|
||||
}
|
||||
}
|
||||
// 设置列表字体颜色，表头除外
|
||||
.el-table{
|
||||
color: #333;
|
||||
.iconfont {
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
// 设置列表行高
|
||||
tr.el-table__row{
|
||||
height: 44px;
|
||||
}
|
||||
.el-table--border td, .el-table--border th, .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed{
|
||||
border-right: 1px dashed rgba(209, 209, 209, 1);
|
||||
}
|
||||
.el-table td, .el-table th.is-leaf{
|
||||
border-bottom: 1px solid rgba(209, 209, 209, 1);
|
||||
}
|
||||
.el-table td {
|
||||
padding: 0;
|
||||
}
|
||||
.el-table--striped .el-table__body tr.el-table__row--striped td{
|
||||
background-color: #f4f4f4;
|
||||
}
|
||||
.high-search-form{
|
||||
width: 100%;
|
||||
input.el-input__inner{
|
||||
display: inline-block;
|
||||
width: 180px;
|
||||
border-radius: 20px;
|
||||
colro: #999;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
font-family: MicrosoftYaHei,微软雅黑;
|
||||
}
|
||||
}
|
||||
.table-jump{
|
||||
color: #409EFF;
|
||||
}
|
||||
.table-jump:hover{
|
||||
cursor: pointer;
|
||||
}
|
||||
.jump{
|
||||
transform: rotate(90deg);
|
||||
display: block;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
color: #000;
|
||||
user-select: none;
|
||||
}
|
||||
.jump:hover{
|
||||
cursor: pointer;
|
||||
}
|
||||
.content{
|
||||
background-color: #fff;
|
||||
padding: 0 10px;
|
||||
}
|
||||
.container{
|
||||
background-color: #fff;
|
||||
padding: 0 10px 0 10px;
|
||||
}
|
||||
/*drawer抽屉内 form表单新增和编辑样式*/
|
||||
.label-input-form {
|
||||
.add-form-item {
|
||||
margin-bottom: 0;
|
||||
min-height: 50px;
|
||||
line-height: 50px;
|
||||
border-bottom: 1px dashed #e5e5e5;
|
||||
clear: both;
|
||||
.el-form-item__label{
|
||||
padding: 0;
|
||||
line-height: 50px;
|
||||
font-size: 14px;
|
||||
//font-weight: bold;
|
||||
color: #333333;
|
||||
text-align: left;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
&::before{
|
||||
content: '*';
|
||||
color: transparent;
|
||||
margin-right: 4px;
|
||||
}
|
||||
}
|
||||
.el-form-item__content{
|
||||
.el-input{
|
||||
.el-input__inner{
|
||||
height: 49px;
|
||||
line-height: 49px;
|
||||
border: none;
|
||||
font-family: 'Microsoft Yahei', '\5FAE\8F6F\96C5\9ED1', Arial, sans-serif !important;
|
||||
font-weight: lighter;
|
||||
}
|
||||
.el-input__prefix{
|
||||
.el-input__icon{
|
||||
line-height: 49px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.el-textarea{
|
||||
.el-textarea__inner{
|
||||
padding: 13px 10px;
|
||||
height: 49px;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
.el-input-number{
|
||||
width: 100%;
|
||||
line-height: 49px;
|
||||
.el-input{
|
||||
.el-input__inner{
|
||||
height: 49px;
|
||||
line-height: 49px;
|
||||
border: none;
|
||||
font-family: 'Microsoft Yahei', '\5FAE\8F6F\96C5\9ED1', Arial, sans-serif !important;
|
||||
font-weight: lighter;
|
||||
}
|
||||
.el-input__prefix{
|
||||
.el-input__icon{
|
||||
line-height: 49px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.el-date-editor{
|
||||
width: 100%;
|
||||
}
|
||||
.el-select{
|
||||
width: 100%;
|
||||
}
|
||||
.form-upload-btn{
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 0;
|
||||
padding: 0 10px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
font-size: 14px;
|
||||
color: #409EFF;
|
||||
border: 1px solid #409EFF;
|
||||
border-radius: 15px;
|
||||
background: rgba(64, 158, 255, 0.1);
|
||||
font-family: 'Microsoft Yahei', '\5FAE\8F6F\96C5\9ED1', Arial, sans-serif !important;
|
||||
}
|
||||
.el-form-item__error {
|
||||
padding: 3px;
|
||||
top: 13px;
|
||||
right: 10px;
|
||||
left: auto;
|
||||
background: #fff3f3;
|
||||
border-radius: 3px;
|
||||
z-index: 9;
|
||||
}
|
||||
}
|
||||
&.add-form-table-item {
|
||||
.el-form-item__label {
|
||||
float: none;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
.table-item-label {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 10px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
padding-right: 10px;
|
||||
user-select: none;
|
||||
}
|
||||
}
|
||||
.el-form-item__content {
|
||||
line-height: normal;
|
||||
.el-table {
|
||||
.el-table__body {
|
||||
/deep/ .cell {
|
||||
padding: 0;
|
||||
.el-date-editor {
|
||||
.el-input__inner {
|
||||
padding-left: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.el-input--suffix {
|
||||
padding-right: 30px;
|
||||
}
|
||||
}
|
||||
// 输入库带右侧按钮可输入可点击按钮
|
||||
.add-form-item-ipt-btn{
|
||||
.el-input, .el-textarea{
|
||||
width: calc(~'100% - 160px') !important;
|
||||
}
|
||||
}
|
||||
.el-col-24{
|
||||
.el-divider--horizontal{
|
||||
.el-divider__text{
|
||||
font-size: 18px;
|
||||
//font-weight: bold;
|
||||
color: #3B424C;
|
||||
}
|
||||
}
|
||||
}
|
||||
.el-divider__text.is-left{
|
||||
left: 10px;
|
||||
padding: 0px;
|
||||
}
|
||||
.el-divider{
|
||||
}
|
||||
.divider-line {
|
||||
line-height: 56px;
|
||||
font-size: 17px;
|
||||
font-weight: bold;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
}
|
||||
.el-input__inner{
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
.el-date-editor.el-input.el-input--prefix.el-input--suffix.el-date-editor--date,
|
||||
.el-date-editor.el-input.el-input--prefix.el-input--suffix.el-date-editor--year{
|
||||
.el-input__inner{
|
||||
padding-left: 30px;
|
||||
}
|
||||
}
|
||||
.el-date-editor.el-input.el-input--prefix.el-input--suffix.el-date-editor--datetime{
|
||||
.el-input__inner{
|
||||
padding-left: 30px;
|
||||
}
|
||||
}
|
||||
/*disabled样式*/
|
||||
.form-item-disabled{
|
||||
.el-form-item__label, .el-form-item__content .el-input .el-input__inner,
|
||||
.el-form-item__content .el-textarea .el-textarea__inner{
|
||||
color: #b5b5b5;
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
//在新页面打开的新增页，页脚
|
||||
.new-page-footer{
|
||||
margin-top: 10px;
|
||||
text-align: right;
|
||||
}
|
||||
.el-table th>.cell {
|
||||
font-size: 14px;
|
||||
}
|
||||
.el-table th.gutter{
|
||||
display: table-cell !important;
|
||||
}
|
||||
.iconfont {
|
||||
font-size: 12px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.dept-popover {
|
||||
padding: 0;
|
||||
}
|
||||
.no-margin-bottom {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.work-group-wrap {
|
||||
padding: 0 10px !important;
|
||||
}
|
||||
//.el-select__tags{
|
||||
// height: 28px;
|
||||
// overflow-y: auto;
|
||||
//}
|
||||
/*表格内form表格样式*/
|
||||
.expand-form-box {
|
||||
width: calc(~'100vw - 470px');
|
||||
.expand-form {
|
||||
.expand-form-item {
|
||||
.el-form-item__content {
|
||||
.el-input, .el-select {
|
||||
width: 100%;
|
||||
.el-input__inner {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
border-radius: 15px;
|
||||
}
|
||||
}
|
||||
.el-textarea{
|
||||
.el-textarea__inner{
|
||||
border-radius: 15px;
|
||||
}
|
||||
}
|
||||
.form-upload-btn{
|
||||
padding: 0 10px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
font-size: 14px;
|
||||
color: #409EFF;
|
||||
border: 1px solid #409EFF;
|
||||
border-radius: 15px;
|
||||
background: rgba(64, 158, 255, 0.1);
|
||||
font-family: 'Microsoft Yahei', '\5FAE\8F6F\96C5\9ED1', Arial, sans-serif !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.switch-wrap {
|
||||
padding: 3px 7px;
|
||||
border: 1px solid #409EFF;
|
||||
border-radius: 20px;
|
||||
user-select: none;
|
||||
.el-switch__label,
|
||||
.el-switch__label.is-active {
|
||||
color: #409EFF;
|
||||
}
|
||||
.el-switch.is-checked .el-switch__core {
|
||||
border-color: #fff;
|
||||
}
|
||||
.el-switch__label--left {
|
||||
margin-right: 8px;
|
||||
}
|
||||
}
|
||||
.el-dropdown-selfdefine {
|
||||
user-select: none;
|
||||
}
|
||||
.el-dropdown {
|
||||
* {
|
||||
outline: none !important;
|
||||
}
|
||||
}
|
||||
.must {
|
||||
color: #ff0000 !important;
|
||||
}
|
||||
|
||||
.files-title {
|
||||
position: relative;
|
||||
padding-right: 30px;
|
||||
|
||||
.time-text {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
color: #999999;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
.label-input-form .add-form-item .el-form-item__content button.el-button + .el-form-item__error {
|
||||
right: 90px;
|
||||
}
|
||||
.processCenter {
|
||||
span {
|
||||
&.toggle-visible-btn {
|
||||
color: #4498f0;
|
||||
opacity: 0.8;
|
||||
user-select: none;
|
||||
transition: all .2s linear;
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
opacity: 1;
|
||||
}
|
||||
&.is-visible {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.el-form-item__label {
|
||||
user-select: none;
|
||||
}
|
||||
.block-input {
|
||||
.el-input__inner {
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user