feat: huaxing-AI智能BAS系统
This commit is contained in:
xuziqiang
151
hx-ai-intelligent/src/theme/detail.less
Normal file
151
hx-ai-intelligent/src/theme/detail.less
Normal file
@@ -0,0 +1,151 @@
|
||||
.ns-view {
|
||||
min-height: 100%;
|
||||
height: 100%;
|
||||
background: #e5ebf0;
|
||||
}
|
||||
.ns-detail-content {
|
||||
border-top: 16px solid #e5ebf0;
|
||||
padding: 16px 21px;
|
||||
background: #fff;
|
||||
height: calc(100% - 50px);
|
||||
}
|
||||
|
||||
:deep(.ant-skeleton-paragraph) {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
:deep(.ant-skeleton-paragraph li:nth-child(n)) {
|
||||
display: block;
|
||||
margin-right: 4%;
|
||||
margin-top: 16px;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
:deep(.ant-skeleton-paragraph li:nth-child(3n + 3)) {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
:deep(.ant-skeleton-content) {
|
||||
padding: 0 8px 10px 10px;
|
||||
}
|
||||
|
||||
:deep(.ant-descriptions-item-label) {
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
:deep(.ant-descriptions-item-label),
|
||||
:deep(.ant-descriptions-item-content) {
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
:deep(.ant-descriptions-view) {
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
|
||||
:deep(.ant-descriptions-item) {
|
||||
padding-right: 20px;
|
||||
|
||||
&:nth-child(2n) {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
&:nth-child(3n) {
|
||||
padding-left: 20px;
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.descriptions-title {
|
||||
&:after {
|
||||
content: '';
|
||||
width: 75px;
|
||||
height: 7px;
|
||||
display: block;
|
||||
background: linear-gradient(90deg, #537fff 0%, #fff 82.67%);
|
||||
margin-left: 2px;
|
||||
margin-top: -2px;
|
||||
}
|
||||
}
|
||||
|
||||
.ns-page-header {
|
||||
margin-bottom: 0 !important;
|
||||
padding-top: 7px !important;
|
||||
padding-bottom: 7px !important;
|
||||
width: calc(100% + 32px);
|
||||
margin-left: -16px;
|
||||
.title {
|
||||
cursor: pointer;
|
||||
font-size: 18px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.ns-detail {
|
||||
border-bottom: 1px solid #ecedef;
|
||||
|
||||
&:last-child {
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
&:first-child {
|
||||
:deep(.ant-descriptions-header) {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
:deep(.ant-descriptions-header) {
|
||||
margin-top: 12px;
|
||||
margin-bottom: 12px;
|
||||
|
||||
.ant-descriptions-title {
|
||||
line-height: 16px;
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
:deep(.ant-image) {
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
}
|
||||
|
||||
.ns-detail-html {
|
||||
:deep(table) {
|
||||
border-top: 1px solid #ffffff;
|
||||
border-left: 1px solid #ffffff;
|
||||
|
||||
:deep(p) {
|
||||
font-size: 12px;
|
||||
color: #898e91;
|
||||
}
|
||||
}
|
||||
|
||||
:deep(th) {
|
||||
border-right: 1px solid #ffffff;
|
||||
font-size: 13px;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
font-weight: normal;
|
||||
background: #eff0f2;
|
||||
}
|
||||
|
||||
:deep(td) {
|
||||
border-top: 1px solid #ffffff;
|
||||
border-right: 1px solid #ffffff;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
font-size: 12px;
|
||||
color: #606060;
|
||||
text-align: center;
|
||||
|
||||
:deep(text) {
|
||||
border-bottom: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
background: rgba(240, 242, 245, 0.5);
|
||||
}
|
||||
}
|
||||
72
hx-ai-intelligent/src/theme/form.less
Normal file
72
hx-ai-intelligent/src/theme/form.less
Normal file
@@ -0,0 +1,72 @@
|
||||
.ns-view {
|
||||
min-height: 100%;
|
||||
height: 100%;
|
||||
background: #e5ebf0;
|
||||
}
|
||||
|
||||
.ns-page-header {
|
||||
margin-bottom: 0 !important;
|
||||
padding: 7px 16px !important;
|
||||
width: calc(100% + 32px);
|
||||
margin-left: -16px;
|
||||
|
||||
.title {
|
||||
cursor: pointer;
|
||||
font-size: 18px !important;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.text {
|
||||
margin-left: 6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
:deep(.ant-spin-nested-loading) {
|
||||
min-height: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
:deep(.ant-spin-container) {
|
||||
min-height: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
:deep(.ant-divider) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ns-add-form {
|
||||
border-top: 16px solid #e5ebf0;
|
||||
padding: 16px 21px;
|
||||
background: #fff;
|
||||
height: calc(100% - 47px) !important;
|
||||
|
||||
.ns-form {
|
||||
|
||||
// 第一个子表单Title距离顶部为0
|
||||
:deep(.ns-form-item .ns-form-body .ns-child-form-title) {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
&:after {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
:deep(.ns-child-form-title) {
|
||||
&:after {
|
||||
content: '';
|
||||
width: 75px;
|
||||
height: 7px;
|
||||
display: block;
|
||||
background: linear-gradient(90deg, #537fff 0%, #fff 82.67%);
|
||||
margin-left: 2px;
|
||||
margin-top: -7px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
:deep(.ns-form.ns-vertical-form) {
|
||||
padding-top: 16px !important;
|
||||
}
|
||||
183
hx-ai-intelligent/src/theme/global.less
Normal file
183
hx-ai-intelligent/src/theme/global.less
Normal file
@@ -0,0 +1,183 @@
|
||||
//侧边导航
|
||||
// .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
|
||||
// background: rgb(229, 247, 249) !important;
|
||||
// }
|
||||
|
||||
// .ant-menu.ant-menu-dark .ant-menu-item-selected {
|
||||
// color: #fff;
|
||||
// background: #43BB79 !important;
|
||||
// }
|
||||
|
||||
// .ant-menu-dark.ant-menu-horizontal>.ant-menu-item:hover {
|
||||
// background-color: #43BB79 !important;
|
||||
// }
|
||||
|
||||
.ant-menu-inline .ant-menu-item,
|
||||
.ant-menu-inline .ant-menu-submenu-title {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.ns-basic-table .ant-btn:hover {
|
||||
border-color: transparent !important;
|
||||
}
|
||||
|
||||
.ns-basic-table .ant-btn-link:hover {
|
||||
background: none !important;
|
||||
}
|
||||
|
||||
// .ns-detail {
|
||||
// padding: 0px 24px 10px 24px !important;
|
||||
// }
|
||||
|
||||
.ant-tabs-nav-wrap {
|
||||
padding: 0 24px; // 列表tab边距
|
||||
}
|
||||
|
||||
.ant-tabs-nav {
|
||||
margin: 0 !important; // 列表tab下边距
|
||||
}
|
||||
|
||||
.ns-richText-ZIndex {
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.ant-input-number {
|
||||
width: 100%; //inputNumber组件宽度
|
||||
}
|
||||
|
||||
// header菜单字体样式
|
||||
.ant-menu-dark.ant-menu-horizontal>.ant-menu-item,
|
||||
.ant-menu-dark.ant-menu-horizontal>.ant-menu-submenu {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.ant-menu-dark .ant-menu-item,
|
||||
.ant-menu-dark .ant-menu-item-group-title,
|
||||
.ant-menu-dark .ant-menu-item>a,
|
||||
.ant-menu-dark .ant-menu-item>span>a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
/*给字体命名*/
|
||||
font-family: 'YouSheBiaoTiHei';
|
||||
/*引入字体文件*/
|
||||
src: url('/font/YouSheBiaoTiHei.ttf');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
/*给字体命名*/
|
||||
font-family: 'DIN Alternate';
|
||||
/*引入字体文件*/
|
||||
src: url('/font/DIN Alternate Bold.ttf');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
/*给字体命名*/
|
||||
font-family: 'PingFang Regular';
|
||||
/*引入字体文件*/
|
||||
src: url('/font/PingFang Regular.ttf');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
/*给字体命名*/
|
||||
font-family: 'HYYakuHei';
|
||||
/*引入字体文件*/
|
||||
src: url('/font/HYYakuHei-85W.ttf');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
// .ant-popover-message {
|
||||
// width: 250px !important;
|
||||
// height: 198px !important;
|
||||
// overflow: auto !important;
|
||||
// position: relative;
|
||||
|
||||
// padding: 0;
|
||||
// color: rgba(0, 0, 0, 0.85);
|
||||
// font-size: 14px;
|
||||
// }
|
||||
// .ant-popover-inner-content {
|
||||
// /* padding: 12px 16px; */
|
||||
// padding: 0;
|
||||
// color: rgba(0, 0, 0, 0.85);
|
||||
// }
|
||||
|
||||
.ant-menu-title-content {
|
||||
svg {
|
||||
color: #A1ABC2;
|
||||
}
|
||||
}
|
||||
|
||||
.ant-menu-item-selected {
|
||||
svg {
|
||||
color: #D0DBF5;
|
||||
}
|
||||
}
|
||||
|
||||
//状态颜色
|
||||
.commonStatus {
|
||||
&::before{
|
||||
content: '';
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
display: inline-block;
|
||||
border-radius: 50%;
|
||||
vertical-align: middle;
|
||||
margin-right: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
.statusWarn {
|
||||
&::before{
|
||||
background-color: #fa8214;
|
||||
}
|
||||
}
|
||||
|
||||
.statusSuccess {
|
||||
&::before{
|
||||
background-color: #0D9E3E;
|
||||
}
|
||||
}
|
||||
|
||||
.statusRunning {
|
||||
&::before{
|
||||
background-color: #1C4DDC;
|
||||
}
|
||||
}
|
||||
.statusError {
|
||||
&::before{
|
||||
background-color: #D4321C;
|
||||
}
|
||||
}
|
||||
|
||||
.statusEmpty {
|
||||
&::before{
|
||||
width:0;
|
||||
}
|
||||
width:0;
|
||||
}
|
||||
|
||||
.statusNotStart {
|
||||
&::before{
|
||||
background-color: #8B98AB;
|
||||
}
|
||||
}
|
||||
|
||||
.statusDone{
|
||||
&::before{
|
||||
background-color: #697383;
|
||||
}
|
||||
}
|
||||
|
||||
.statusInvalid{
|
||||
&::before{
|
||||
background-color: #AEAEAE;
|
||||
}
|
||||
}
|
||||
73
hx-ai-intelligent/src/theme/global.scss
Normal file
73
hx-ai-intelligent/src/theme/global.scss
Normal file
@@ -0,0 +1,73 @@
|
||||
@font-face {
|
||||
font-family: 'QuartzMS';
|
||||
src: url('/asset/font/QuartzMS.TTF') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'FZDeSHJW_511M';
|
||||
src: url('/asset/font/FZDeSHJW_511M.TTF') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Fzltth_SC';
|
||||
src: url('/asset/font/Fzltth_SC.otf') format('truetype');
|
||||
}
|
||||
|
||||
//侧边导航
|
||||
// .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
|
||||
// background: rgb(229, 247, 249) !important;
|
||||
// }
|
||||
|
||||
|
||||
|
||||
.ant-menu-inline .ant-menu-item,
|
||||
.ant-menu-inline .ant-menu-submenu-title {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.ns-basic-table .ant-btn:hover {
|
||||
border-color: transparent !important;
|
||||
}
|
||||
|
||||
.ns-basic-table .ant-btn-link:hover {
|
||||
background: none !important;
|
||||
}
|
||||
|
||||
// .ns-detail {
|
||||
// padding: 0px 24px 10px 24px !important;
|
||||
// }
|
||||
|
||||
.ant-tabs-nav-wrap {
|
||||
padding: 0 24px; // 列表tab边距
|
||||
}
|
||||
|
||||
.ant-tabs-nav {
|
||||
margin: 0 !important; // 列表tab下边距
|
||||
}
|
||||
|
||||
.ns-richText-ZIndex {
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.ant-input-number {
|
||||
width: 100%; //inputNumber组件宽度
|
||||
}
|
||||
|
||||
// header菜单字体样式
|
||||
.ant-menu-dark.ant-menu-horizontal>.ant-menu-item,
|
||||
.ant-menu-dark.ant-menu-horizontal>.ant-menu-submenu {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.ant-menu-dark .ant-menu-item,
|
||||
.ant-menu-dark .ant-menu-item-group-title,
|
||||
.ant-menu-dark .ant-menu-item>a,
|
||||
.ant-menu-dark .ant-menu-item>span>a {
|
||||
color: #fff;
|
||||
}
|
||||
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover::after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover::after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active::after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active::after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open::after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open::after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected::after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected::after {
|
||||
border-bottom: unset !important;
|
||||
}
|
||||
.ant-menu-horizontal{
|
||||
border-bottom: unset !important;
|
||||
}
|
||||
2
hx-ai-intelligent/src/theme/theme.scss
Normal file
2
hx-ai-intelligent/src/theme/theme.scss
Normal file
@@ -0,0 +1,2 @@
|
||||
@import "variable";
|
||||
@import "global";
|
||||
36
hx-ai-intelligent/src/theme/variable.less
Normal file
36
hx-ai-intelligent/src/theme/variable.less
Normal file
@@ -0,0 +1,36 @@
|
||||
// @import "./global-antd.less";
|
||||
@primary-color: #ff7602; // 全局主色
|
||||
@layout-header-hover: #924908; //hover
|
||||
@layout-header-background: #111519; // 头部背景色
|
||||
// @layout-header-background:url(/asset/image/header_background.png) no-repeat;
|
||||
// @ant-layout-sider-collapsed-background:url(/asset/image/sider_collapsed_background.png) no-repeat;
|
||||
|
||||
|
||||
//btn
|
||||
// @btn-height-base: 30px;
|
||||
// @btn-height-lg: 30px;
|
||||
// @btn-disable-bg: #dfe3e9; //禁用按钮background
|
||||
// @btn-disable-border: 1px solid #ced0da;
|
||||
|
||||
// @btn-link-hover-bg: #37ABC4;
|
||||
// @btn-text-hover-bg: #46ebdb;
|
||||
|
||||
|
||||
// //input
|
||||
// @input-height-base: 30px;
|
||||
|
||||
|
||||
// //form
|
||||
// @label-color: #52616f; //form-lable颜色
|
||||
|
||||
|
||||
// @form-item-margin-bottom: 16px;
|
||||
|
||||
// //menu
|
||||
|
||||
|
||||
//spin
|
||||
|
||||
|
||||
// @border-width-base: 1px;
|
||||
// @border-style-base: solid;
|
||||
Reference in New Issue
Block a user