|
|
@@ -1,93 +1,8 @@
|
|
|
-//页面容器
|
|
|
-.page-container {
|
|
|
- width: 100%;
|
|
|
- height: calc(100vh - 50px);
|
|
|
- overflow: auto;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- background-color: #f0f2f5;
|
|
|
- // 条件选择、搜索容器
|
|
|
- .search-container {
|
|
|
- width: 100%;
|
|
|
- background-color: #fff;
|
|
|
- padding: 10px 10px;
|
|
|
- box-sizing: border-box;
|
|
|
- margin-top: 7px;
|
|
|
- }
|
|
|
- //主要内容容器
|
|
|
- .content-container {
|
|
|
- width: 100%;
|
|
|
- flex-grow: 1;
|
|
|
- display: flex;
|
|
|
- margin-top: 7px;
|
|
|
- .main {
|
|
|
- width: calc(100% - 287px);
|
|
|
- height: 100%;
|
|
|
- padding: 10px 10px;
|
|
|
- box-sizing: border-box;
|
|
|
- background-color: #fff;
|
|
|
- .table-nav {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- .tags {
|
|
|
- display: flex;
|
|
|
- .tag {
|
|
|
- width: 90px;
|
|
|
- height: 40px;
|
|
|
- text-align: center;
|
|
|
- line-height: 40px;
|
|
|
- font-size: 14px;
|
|
|
- border-top: 1px solid #dfe6ec;
|
|
|
- border-left: 1px solid #dfe6ec;
|
|
|
- cursor: pointer;
|
|
|
- &:first-child {
|
|
|
- border-top-left-radius: 5px;
|
|
|
- }
|
|
|
- &:last-child {
|
|
|
- border-right: 1px solid #dfe6ec;
|
|
|
- border-top-right-radius: 5px;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- &:first-child {
|
|
|
- width: 100%;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
+//公用样式文件
|
|
|
+
|
|
|
+//单行页面标题
|
|
|
+.page_title_single {
|
|
|
}
|
|
|
-.hasTagsView {
|
|
|
- .page-container {
|
|
|
- height: calc(100vh - 86px);
|
|
|
- }
|
|
|
-}
|
|
|
-//消息提示框样式
|
|
|
-.message-style {
|
|
|
- &.success {
|
|
|
- background-color: #f0f9eb;
|
|
|
- }
|
|
|
- &.warning {
|
|
|
- background-color: #fdf6ec;
|
|
|
- }
|
|
|
- &.info {
|
|
|
- background-color: #f4f4f4;
|
|
|
- }
|
|
|
- &.error {
|
|
|
- background-color: #fef0f0;
|
|
|
- }
|
|
|
- .el-notification__icon {
|
|
|
- font-size: 30px !important;
|
|
|
- }
|
|
|
- .el-notification__group {
|
|
|
- .el-notification__title {
|
|
|
- font-size: 14px !important;
|
|
|
- }
|
|
|
- .el-notification__content {
|
|
|
- margin: 0 !important;
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-//a标签链接样式
|
|
|
-a.linked {
|
|
|
- color: #1890ff;
|
|
|
+//双行页面标题
|
|
|
+.page_title_double {
|
|
|
}
|
lz