gw-gis-standard-gpage-ui-vue3 1.1.95 → 1.1.97

package/app.scss

@@ -97,8 +97,8 @@ html, body {
 
 // 设置后最外层div会覆盖地图，先取消 以后更新
 //.gw-xc-content-view {
-  //flex: 1;
-  //overflow: auto;
+//flex: 1;
+//overflow: auto;
 //}
 
 // 一般情况下组件是在第一层使用，如果有外部组件要和该类进行平级显示则第一层使用gw-xc再使用该类
@@ -267,6 +267,7 @@ html, body {
   // width: 400px !important;
   // height: 40px !important;
 }
+
 //
 //// 下拉框选中色
 //.el-select__wrapper.is-focused {
@@ -292,6 +293,7 @@ html, body {
 .el-form-item__content .el-button {
   //color: var(--gwCommonTextColor) !important;
 }
+
 //
 ////  修改日期选中
 //.el-date-table td.start-date span,
@@ -332,6 +334,7 @@ html, body {
   font-size: 15px !important;
   text-indent: 10px !important;
 }
+
 //
 //// 下拉组件的选中颜色
 //.el-select-dropdown__item.selected {
@@ -542,3 +545,414 @@ html, body {
 .el-drawer__body {
   padding: 0 !important;
 }
+
+
+// ----------------样式主题-----------------------------------
+
+
+/* -----------------*/
+
+/*内容区*/
+.mainPage {
+  background-color: var(--mainBackgroundColor);
+}
+
+.mainPage .footer {
+  color: var(--gwCommonTextColor);
+}
+
+.gw-xc-background {
+  background-color: var(--gwCommonBgColor);
+}
+
+/*------侧边栏-----------------*/
+.gw-sideMenu-element {
+  background: var(--menuBackground);
+}
+
+.gw-sideMenu-element .gw-sideMenu-fold {
+  color: var(--menuTextColor);
+}
+
+.gw-sideMenu-element .sidebar {
+  background: var(--menuBackground);
+}
+
+.gw-sideMenu-element .el-menu {
+  background: var(--menuBackground);
+}
+
+/*一级菜单和子类hover*/
+.gw-sideMenu-element .el-menu-vertical-demo:not(.el-menu--collapse) {
+  background: var(--menuBackground);
+}
+
+.gw-sideMenu-element .el-menu-vertical-demo .el-submenu__title {
+  color: var(--menuTextColor) !important;
+}
+
+.gw-sideMenu-element .el-menu-vertical-demo .el-submenu__title:hover {
+  color: var(--menuCheckedTextColor) !important;
+  background-color: var(--menuHoverBackground) !important;
+}
+
+.gw-sideMenu-element .el-menu-vertical-demo .el-menu-item:hover {
+  color: var(--menuCheckedTextColor) !important;
+  background-color: var(--menuHoverBackground) !important;
+}
+
+.gw-sideMenu-element .el-menu-vertical-demo .el-menu-item:focus {
+  color: var(--menuCheckedTextColor) !important;
+  background-color: var(--menuHoverBackground) !important;
+}
+
+/*一级菜单无子类*/
+.gw-sideMenu-element .el-menu-item {
+  color: var(--menuTextColor);
+}
+
+/*一级菜单有子类*/
+.gw-sideMenu-element .el-sub-menu__title {
+  color: var(--menuTextColor);
+  background: var(--menuBackground);
+}
+
+.gw-sideMenu-element .el-sub-menu__title:hover {
+  background-color: var(--menuHoverBackground) !important;
+}
+
+/*无子类  收起状态*/
+.gw-sideMenu-element .el-tooltip {
+  background-color: var(--menuBackground) !important;
+}
+
+.gw-sideMenu-element .el-tooltip:hover {
+  background-color: var(--menuHoverBackground) !important;
+}
+
+/*一级菜单选中色*/
+.gw-sideMenu-element .el-menu-item.is-active {
+  color: var(--menuCheckedTextColor) !important;
+  background-color: var(--menuCheckedBackground) !important;
+}
+
+/*二级菜单背景色*/
+.gw-sideMenu-element .el-menu--inline .el-menu-item {
+  background-color: var(--menuChildBackground);
+}
+
+/*有子类一级菜单*/
+.gw-sideMenu-element .el-submenu.is-active .el-submenu__title {
+  color: var(--menuCheckedTextColor) !important;
+}
+
+/*子菜单背景*/
+.gw-sideMenu-element .el-menu-item-group {
+  background-color: #ccc !important;
+}
+
+/*收起的菜单颜色*/
+.gw-sideMenu-element .el-menu--collapse .el-submenu {
+  background-color: var(--menuBackground)
+}
+
+/*置灰颜色*/
+.gw-sideMenu-element .el-menu-item.is-disabled {
+  background-color: var(--menuChildBackground)
+}
+
+/*关闭开启按钮*/
+.gw-sideMenu-element .el-icon-s-unfold:before {
+  color: var(--menuTextColor);
+}
+
+/*修改有子类的箭头*/
+.gw-sideMenu-element .el-icon-arrow-down:before {
+  color: var(--menuCheckedTextColor) !important;
+}
+
+.gw-sideMenu-element .gw-fold {
+  color: var(--gwCommonTextColor);
+}
+
+/* ----------导航栏-------------*/
+.gw-header-element .header-style {
+  background: var(--headerBackground);
+}
+
+.gw-header-element .header-style .header-logo {
+  color: var(--headerTextColor);
+}
+
+.gw-header-element .header-style .header-list-user {
+  color: var(--headerTextColor);
+}
+
+/*去掉主题*/
+.gw-header-element :deep(.el-color-picker__trigger) {
+  color: var(--headerTextColor);
+}
+
+.gw-header-element :deep(.el-color-picker__color) {
+  border: 1px solid var(--headerTextColor);
+}
+
+/*下拉*/
+.gw-header-element :deep(.el-dropdown) {
+  color: var(--gwCommonTextColor);
+}
+
+/*箭头颜色*/
+.gw-header-element :deep(.el-icon-arrow-down:before) {
+  color: var(--headerTextColor);
+}
+
+.gw-header-element .el-dropdown-link {
+  color: var(--headerTextColor);
+}
+
+
+.gw-header-element .el-menu--horizontal > .el-menu-item {
+  color: var(--headerTextColor);
+}
+
+.gw-header-element .el-menu--horizontal > .el-menu-item:not(.is-disabled):hover {
+  color: var(--headerTextHoverColor) !important;
+  background-color: var(--headerHoverBackground);
+  border-bottom-color: var(--headerHoverBackground);
+}
+
+.gw-header-element .el-menu--horizontal > .el-menu-item:not(.is-disabled):focus {
+  color: var(--contrastiveColor) !important;
+  background-color: var(--headerCheckedBackground);
+  border-bottom-color: var(--headerTextColor);
+}
+
+.gw-header-element .el-menu--horizontal > .el-menu-item.is-active {
+  color: var(--headerCheckedTextColor) !important;
+  background-color: var(--headerCheckedBackground);
+  border-bottom-color: var(--headerTextColor);
+}
+
+.gw-header-element .el-menu--horizontal > .el-sub-menu .el-sub-menu__title {
+  color: var(--headerTextColor) !important;
+}
+
+.gw-header-element .el-menu--horizontal > .el-sub-menu .el-sub-menu__title:hover {
+  color: var(--headerTextHoverColor) !important;
+  background-color: var(--headerHoverBackground);
+  border-bottom-color: var(--headerHoverBackground);
+}
+
+.gw-header-element .el-menu--horizontal > .el-sub-menu.is-active .el-sub-menu__title {
+  border-bottom-color: var(--headerTextColor);
+  background-color: var(--headerCheckedBackground);
+}
+
+/*-----------页面标签--------------------*/
+.gw-headerTags-element {
+  background: var(--gwCommonBgColor);
+}
+
+.gw-headerTags-element .header-tags-listNoClick {
+  color: var(--pageTagsTextColor);
+  background: var(--pageTagsBgColor);
+}
+
+.gw-headerTags-element .header-tags-listNoClick .header-tags-listSpan {
+  color: var(--pageTagsTextColor);
+  background: var(--pageTagsBgColor);
+}
+
+.gw-headerTags-element .header-tags-listNoClick .close {
+  color: var(--pageTagsTextColor);
+}
+
+.gw-headerTags-element .header-tags-listClick {
+  background: var(--pageTagsCheckedBgColor);
+  color: var(--pageTagsCheckedColor);
+}
+
+.gw-headerTags-element .header-tags-listClick .header-tags-listSpan {
+  background: var(--pageTagsCheckedBgColor);
+  color: var(--pageTagsCheckedColor);
+}
+
+.gw-headerTags-element .header-tags-leftBut {
+  color: var(--gwThemeColor);
+}
+
+.gw-headerTags-element .header-tags-rightBut {
+  color: var(--gwThemeColor);
+}
+
+.gw-headerTags-element .header-tags-clear {
+  color: var(--gwCommonTextColor);
+  background: #D4D6D8;
+}
+
+.gw-headerTags-element .tags-list .tags-close-con span {
+  color: initial;
+}
+
+.gw-headerTags-element .tags-list .tags-close-con:hover span {
+  color: var(--gwThemeColor);
+}
+
+/*-----------面包屑---------------------*/
+.gw-breadcrumb-element .el-breadcrumb {
+  background: var(--gwCommonBgColor);
+}
+
+.gw-breadcrumb-element .color {
+  color: var(--gwCommonTextColor);
+}
+
+.gw-breadcrumb-element .color2 {
+  color: var(--gwCommonTextColor);
+}
+
+.gw-breadcrumb-element .el-icon-arrow-right:before {
+  color: var(--gwCommonTextColor)
+}
+
+/* ------底部栏-----------*/
+.gw-footer-element {
+  background: var(--gwCommonBgColor);
+}
+
+/*--------iframe----------------*/
+/*非全屏*/
+.gw-embed-web-NoFullScreen {
+  background-color: var(--mainBackgroundColor);
+}
+
+/*-------layout 内容区域--------------*/
+/*--分割线--*/
+.gw-layout-form {
+  background-color: var(--gwLayoutForm);
+}
+
+/*表格区域*/
+.gw-layout-table {
+  border-bottom: 1px solid var(--gwSplitLineColor);
+}
+
+.gw-sideMenu {
+  border-right: 1px solid var(--gwSplitLineColor);
+  box-sizing: border-box;
+  padding-right: 1px;
+}
+
+.gw-headerTags-element {
+  border-bottom: 1px solid var(--gwSplitLineColor);
+}
+
+/*内容区的样式*/
+.gw-layout-main {
+  border-right: 1px solid var(--gwSplitLineColor);
+}
+
+/*----end----*/
+
+/*操作栏颜色*/
+.gw-layout-table .setColor {
+  color: var(--gwThemeColor);
+}
+
+/*操作栏颜色*/
+.gw-layout-table .setColor {
+  color: var(--gwThemeColor);
+}
+
+.gw-layout-table .setColor2 {
+  color: var(--gwThemeColor);
+}
+
+/*其它消息*/
+.gw-otherText {
+  color: var(--gwCommonTextColor) !important;
+}
+
+
+/*--弹窗--*/
+.dialog-form {
+  background-color: var(--gwCommonBgColor);
+}
+
+/*---消息----*/
+.message {
+  background: rgba(0, 0, 0, 0.3);
+}
+
+.message .title {
+  color: var(--headerTextColor);
+}
+
+.message .message-content {
+  background: var(--gwCommonBgColor);
+}
+
+.message-content .title {
+  //background: red !important;
+  background: var(--gwThemeColor);
+}
+
+/*自定义消息*/
+.gw-self .gw-bg {
+  background: rgba(0, 0, 0, 0.4);
+}
+
+.gw-self .gw-con {
+  background: var(--gwCommonBgColor);
+}
+
+.gw-self .gw-con .gw-con-title {
+  background: var(--gwThemeColor);
+  color: var(--headerTextColor);
+}
+
+/*工具栏*/
+.sizeTools {
+  background: var(--gwCommonBgColor);
+  color: var(--gwThemeColor);
+}
+
+/*中间拖拽*/
+.gw-drag-child-center {
+  background: var(--contrastiveColor);
+}
+
+.gw-drag-child-center .iconfont {
+  color: #C2CDD5;
+}
+
+.gw-setting-icon {
+  color: var(--gwSettingIcon) !important;
+}
+
+.gw-xc-integrationContent {
+  background: var(--mainInnerBackgroundColor);
+}
+
+/*-----------主要element样式------------------*/
+
+/*表格设置*/
+.el-table--border .el-table__inner-wrapper:after,
+.el-table--border:after,
+.el-table--border:before,
+.el-table__inner-wrapper:before,
+.el-table__border-bottom-patch,
+.el-table__border-left-patch {
+  border: none !important;
+  background: none !important;
+}
+
+.el-table th.el-table__cell.is-leaf,
+.el-table thead.is-group th.el-table__cell {
+  background: var(--tableHeaderCellBackground) !important;
+}
+
+.el-table::before, .el-table::before, .el-table--group::after, .el-table--border::after {
+  background: none !important;
+}