ui库合并版本完成

ui/lib/styles/ckeditor.scss

@@ -0,0 +1,522 @@
+/*
+ * CKEditor 5 (v34.2.0) content styles.
+ * Generated on Fri, 29 Jul 2022 13:03:52 GMT.
+ * For more information, check out https://ckeditor.com/docs/ckeditor5/latest/installation/advanced/content-styles.html
+ */
+
+:root {
+  --ck-color-base-active: hsl(208, 88%, 52%);
+  --ck-color-image-caption-background: hsl(0, 0%, 97%);
+  --ck-color-image-caption-text: hsl(0, 0%, 20%);
+  --ck-color-mention-background: hsla(341, 100%, 30%, 0.1);
+  --ck-color-mention-text: hsl(341, 100%, 30%);
+  --ck-color-table-caption-background: hsl(0, 0%, 97%);
+  --ck-color-table-caption-text: hsl(0, 0%, 20%);
+  --ck-color-table-column-resizer-hover: var(--ck-color-base-active);
+  --ck-highlight-marker-blue: hsl(201, 97%, 72%);
+  --ck-highlight-marker-green: hsl(120, 93%, 68%);
+  --ck-highlight-marker-pink: hsl(345, 96%, 73%);
+  --ck-highlight-marker-yellow: hsl(60, 97%, 73%);
+  --ck-highlight-pen-green: hsl(112, 100%, 27%);
+  --ck-highlight-pen-red: hsl(0, 85%, 49%);
+  --ck-image-style-spacing: 1.5em;
+  --ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing) / 2);
+  --ck-table-column-resizer-position-offset: calc(var(--ck-table-column-resizer-width) * -0.5 - 0.5px);
+  --ck-table-column-resizer-width: 7px;
+  --ck-todo-list-checkmark-size: 16px;
+  --ck-z-default: 1;
+}
+
+/* ckeditor5-block-quote/theme/blockquote.css */
+.ck-content blockquote {
+  overflow: hidden;
+  padding-right: 1.5em;
+  padding-left: 1.5em;
+  margin-left: 0;
+  margin-right: 0;
+  font-style: italic;
+  border-left: solid 5px hsl(0, 0%, 80%);
+}
+
+/* ckeditor5-block-quote/theme/blockquote.css */
+.ck-content[dir="rtl"] blockquote {
+  border-left: 0;
+  border-right: solid 5px hsl(0, 0%, 80%);
+}
+
+/* ckeditor5-basic-styles/theme/code.css */
+.ck-content code {
+  background-color: hsla(0, 0%, 78%, 0.3);
+  padding: .15em;
+  border-radius: 2px;
+}
+
+/* ckeditor5-font/theme/fontsize.css */
+.ck-content .text-tiny {
+  font-size: .7em;
+}
+
+/* ckeditor5-font/theme/fontsize.css */
+.ck-content .text-small {
+  font-size: .85em;
+}
+
+/* ckeditor5-font/theme/fontsize.css */
+.ck-content .text-big {
+  font-size: 1.4em;
+}
+
+/* ckeditor5-font/theme/fontsize.css */
+.ck-content .text-huge {
+  font-size: 1.8em;
+}
+
+/* ckeditor5-highlight/theme/highlight.css */
+.ck-content .marker-yellow {
+  background-color: var(--ck-highlight-marker-yellow);
+}
+
+/* ckeditor5-highlight/theme/highlight.css */
+.ck-content .marker-green {
+  background-color: var(--ck-highlight-marker-green);
+}
+
+/* ckeditor5-highlight/theme/highlight.css */
+.ck-content .marker-pink {
+  background-color: var(--ck-highlight-marker-pink);
+}
+
+/* ckeditor5-highlight/theme/highlight.css */
+.ck-content .marker-blue {
+  background-color: var(--ck-highlight-marker-blue);
+}
+
+/* ckeditor5-highlight/theme/highlight.css */
+.ck-content .pen-red {
+  color: var(--ck-highlight-pen-red);
+  background-color: transparent;
+}
+
+/* ckeditor5-highlight/theme/highlight.css */
+.ck-content .pen-green {
+  color: var(--ck-highlight-pen-green);
+  background-color: transparent;
+}
+
+/* ckeditor5-image/theme/image.css */
+.ck-content .image {
+  display: table;
+  clear: both;
+  text-align: center;
+  margin: 0.9em auto;
+  min-width: 50px;
+}
+
+/* ckeditor5-image/theme/image.css */
+.ck-content .image img {
+  display: block;
+  margin: 0 auto;
+  max-width: 100%;
+  min-width: 100%;
+}
+
+/* ckeditor5-image/theme/image.css */
+.ck-content .image-inline {
+  /*
+   * Normally, the .image-inline would have "display: inline-block" and "img { width: 100% }" (to follow the wrapper while resizing).;
+   * Unfortunately, together with "srcset", it gets automatically stretched up to the width of the editing root.
+   * This strange behavior does not happen with inline-flex.
+   */
+  display: inline-flex;
+  max-width: 100%;
+  align-items: flex-start;
+}
+
+/* ckeditor5-image/theme/image.css */
+.ck-content .image-inline picture {
+  display: flex;
+}
+
+/* ckeditor5-image/theme/image.css */
+.ck-content .image-inline picture,
+.ck-content .image-inline img {
+  flex-grow: 1;
+  flex-shrink: 1;
+  max-width: 100%;
+}
+
+/* ckeditor5-image/theme/imagestyle.css */
+.ck-content .image-style-block-align-left,
+.ck-content .image-style-block-align-right {
+  max-width: calc(100% - var(--ck-image-style-spacing));
+}
+
+/* ckeditor5-image/theme/imagestyle.css */
+.ck-content .image-style-align-left,
+.ck-content .image-style-align-right {
+  clear: none;
+}
+
+/* ckeditor5-image/theme/imagestyle.css */
+.ck-content .image-style-side {
+  float: right;
+  margin-left: var(--ck-image-style-spacing);
+  max-width: 50%;
+}
+
+/* ckeditor5-image/theme/imagestyle.css */
+.ck-content .image-style-align-left {
+  float: left;
+  margin-right: var(--ck-image-style-spacing);
+}
+
+/* ckeditor5-image/theme/imagestyle.css */
+.ck-content .image-style-align-center {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+/* ckeditor5-image/theme/imagestyle.css */
+.ck-content .image-style-align-right {
+  float: right;
+  margin-left: var(--ck-image-style-spacing);
+}
+
+/* ckeditor5-image/theme/imagestyle.css */
+.ck-content .image-style-block-align-right {
+  margin-right: 0;
+  margin-left: auto;
+}
+
+/* ckeditor5-image/theme/imagestyle.css */
+.ck-content .image-style-block-align-left {
+  margin-left: 0;
+  margin-right: auto;
+}
+
+/* ckeditor5-image/theme/imagestyle.css */
+.ck-content p + .image-style-align-left,
+.ck-content p + .image-style-align-right,
+.ck-content p + .image-style-side {
+  margin-top: 0;
+}
+
+/* ckeditor5-image/theme/imagestyle.css */
+.ck-content .image-inline.image-style-align-left,
+.ck-content .image-inline.image-style-align-right {
+  margin-top: var(--ck-inline-image-style-spacing);
+  margin-bottom: var(--ck-inline-image-style-spacing);
+}
+
+/* ckeditor5-image/theme/imagestyle.css */
+.ck-content .image-inline.image-style-align-left {
+  margin-right: var(--ck-inline-image-style-spacing);
+}
+
+/* ckeditor5-image/theme/imagestyle.css */
+.ck-content .image-inline.image-style-align-right {
+  margin-left: var(--ck-inline-image-style-spacing);
+}
+
+/* ckeditor5-image/theme/imagecaption.css */
+.ck-content .image > figcaption {
+  display: table-caption;
+  caption-side: bottom;
+  word-break: break-word;
+  color: var(--ck-color-image-caption-text);
+  background-color: var(--ck-color-image-caption-background);
+  padding: .6em;
+  font-size: .75em;
+  outline-offset: -1px;
+}
+
+/* ckeditor5-image/theme/imageresize.css */
+.ck-content .image.image_resized {
+  max-width: 100%;
+  display: block;
+  box-sizing: border-box;
+}
+
+/* ckeditor5-image/theme/imageresize.css */
+.ck-content .image.image_resized img {
+  width: 100%;
+}
+
+/* ckeditor5-image/theme/imageresize.css */
+.ck-content .image.image_resized > figcaption {
+  display: block;
+}
+
+/* ckeditor5-language/theme/language.css */
+.ck-content span[lang] {
+  font-style: italic;
+}
+
+/* ckeditor5-list/theme/todolist.css */
+.ck-content .todo-list {
+  list-style: none;
+}
+
+/* ckeditor5-list/theme/todolist.css */
+.ck-content .todo-list li {
+  margin-bottom: 5px;
+}
+
+/* ckeditor5-list/theme/todolist.css */
+.ck-content .todo-list li .todo-list {
+  margin-top: 5px;
+}
+
+/* ckeditor5-list/theme/todolist.css */
+.ck-content .todo-list .todo-list__label > input {
+  -webkit-appearance: none;
+  display: inline-block;
+  position: relative;
+  width: var(--ck-todo-list-checkmark-size);
+  height: var(--ck-todo-list-checkmark-size);
+  vertical-align: middle;
+  border: 0;
+  left: -25px;
+  margin-right: -15px;
+  right: 0;
+  margin-left: 0;
+}
+
+/* ckeditor5-list/theme/todolist.css */
+.ck-content .todo-list .todo-list__label > input::before {
+  display: block;
+  position: absolute;
+  box-sizing: border-box;
+  content: '';
+  width: 100%;
+  height: 100%;
+  border: 1px solid hsl(0, 0%, 20%);
+  border-radius: 2px;
+  transition: 250ms ease-in-out box-shadow, 250ms ease-in-out background, 250ms ease-in-out border;
+}
+
+/* ckeditor5-list/theme/todolist.css */
+.ck-content .todo-list .todo-list__label > input::after {
+  display: block;
+  position: absolute;
+  box-sizing: content-box;
+  pointer-events: none;
+  content: '';
+  left: calc(var(--ck-todo-list-checkmark-size) / 3);
+  top: calc(var(--ck-todo-list-checkmark-size) / 5.3);
+  width: calc(var(--ck-todo-list-checkmark-size) / 5.3);
+  height: calc(var(--ck-todo-list-checkmark-size) / 2.6);
+  border-style: solid;
+  border-color: transparent;
+  border-width: 0 calc(var(--ck-todo-list-checkmark-size) / 8) calc(var(--ck-todo-list-checkmark-size) / 8) 0;
+  transform: rotate(45deg);
+}
+
+/* ckeditor5-list/theme/todolist.css */
+.ck-content .todo-list .todo-list__label > input[checked]::before {
+  background: hsl(126, 64%, 41%);
+  border-color: hsl(126, 64%, 41%);
+}
+
+/* ckeditor5-list/theme/todolist.css */
+.ck-content .todo-list .todo-list__label > input[checked]::after {
+  border-color: hsl(0, 0%, 100%);
+}
+
+/* ckeditor5-list/theme/todolist.css */
+.ck-content .todo-list .todo-list__label .todo-list__label__description {
+  vertical-align: middle;
+}
+
+/* ckeditor5-media-embed/theme/mediaembed.css */
+.ck-content .media {
+  clear: both;
+  margin: 0.9em 0;
+  display: block;
+  min-width: 15em;
+}
+
+/* ckeditor5-page-break/theme/pagebreak.css */
+.ck-content .page-break {
+  position: relative;
+  clear: both;
+  padding: 5px 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+/* ckeditor5-page-break/theme/pagebreak.css */
+.ck-content .page-break::after {
+  content: '';
+  position: absolute;
+  border-bottom: 2px dashed hsl(0, 0%, 77%);
+  width: 100%;
+}
+
+/* ckeditor5-page-break/theme/pagebreak.css */
+.ck-content .page-break__label {
+  position: relative;
+  z-index: 1;
+  padding: .3em .6em;
+  display: block;
+  text-transform: uppercase;
+  border: 1px solid hsl(0, 0%, 77%);
+  border-radius: 2px;
+  font-family: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
+  font-size: 0.75em;
+  font-weight: bold;
+  color: hsl(0, 0%, 20%);
+  background: hsl(0, 0%, 100%);
+  box-shadow: 2px 2px 1px hsla(0, 0%, 0%, 0.15);
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+/* ckeditor5-table/theme/tablecaption.css */
+.ck-content .table > figcaption {
+  display: table-caption;
+  caption-side: top;
+  word-break: break-word;
+  text-align: center;
+  color: var(--ck-color-table-caption-text);
+  background-color: var(--ck-color-table-caption-background);
+  padding: .6em;
+  font-size: .75em;
+  outline-offset: -1px;
+}
+
+/* ckeditor5-table/theme/table.css */
+.ck-content .table {
+  margin: 0.9em auto;
+  display: table;
+}
+
+/* ckeditor5-table/theme/table.css */
+.ck-content .table table {
+  border-collapse: collapse;
+  border-spacing: 0;
+  width: 100%;
+  height: 100%;
+  border: 1px double hsl(0, 0%, 70%);
+}
+
+/* ckeditor5-table/theme/table.css */
+.ck-content .table table td,
+.ck-content .table table th {
+  min-width: 2em;
+  padding: .4em;
+  border: 1px solid hsl(0, 0%, 75%);
+}
+
+/* ckeditor5-table/theme/table.css */
+.ck-content .table table th {
+  font-weight: bold;
+  background: hsla(0, 0%, 0%, 5%);
+}
+
+/* ckeditor5-table/theme/table.css */
+.ck-content[dir="rtl"] .table th {
+  text-align: right;
+}
+
+/* ckeditor5-table/theme/table.css */
+.ck-content[dir="ltr"] .table th {
+  text-align: left;
+}
+
+/* ckeditor5-table/theme/tablecolumnresize.css */
+.ck-content .table table {
+  overflow: hidden;
+  table-layout: fixed;
+}
+
+/* ckeditor5-table/theme/tablecolumnresize.css */
+.ck-content .table td,
+.ck-content .table th {
+  position: relative;
+}
+
+/* ckeditor5-table/theme/tablecolumnresize.css */
+.ck-content .table .table-column-resizer {
+  position: absolute;
+  top: -999999px;
+  bottom: -999999px;
+  right: var(--ck-table-column-resizer-position-offset);
+  width: var(--ck-table-column-resizer-width);
+  cursor: col-resize;
+  user-select: none;
+  z-index: var(--ck-z-default);
+}
+
+/* ckeditor5-table/theme/tablecolumnresize.css */
+.ck-content .table[draggable] .table-column-resizer {
+  display: none;
+}
+
+/* ckeditor5-table/theme/tablecolumnresize.css */
+.ck-content .table .table-column-resizer:hover,
+.ck-content .table .table-column-resizer__active {
+  background-color: var(--ck-color-table-column-resizer-hover);
+  opacity: 0.25;
+}
+
+/* ckeditor5-table/theme/tablecolumnresize.css */
+.ck-content[dir=rtl] .table .table-column-resizer {
+  left: var(--ck-table-column-resizer-position-offset);
+  right: unset;
+}
+
+/* ckeditor5-table/theme/tablecolumnresize.css */
+.ck-content.ck-read-only .table .table-column-resizer {
+  display: none;
+}
+
+/* ckeditor5-code-block/theme/codeblock.css */
+.ck-content pre {
+  padding: 1em;
+  color: hsl(0, 0%, 20.8%);
+  background: hsla(0, 0%, 78%, 0.3);
+  border: 1px solid hsl(0, 0%, 77%);
+  border-radius: 2px;
+  text-align: left;
+  direction: ltr;
+  tab-size: 4;
+  white-space: pre-wrap;
+  font-style: normal;
+  min-width: 200px;
+}
+
+/* ckeditor5-code-block/theme/codeblock.css */
+.ck-content pre code {
+  background: unset;
+  padding: 0;
+  border-radius: 0;
+}
+
+/* ckeditor5-horizontal-line/theme/horizontalline.css */
+.ck-content hr {
+  margin: 15px 0;
+  height: 4px;
+  background: hsl(0, 0%, 87%);
+  border: 0;
+}
+
+/* ckeditor5-mention/theme/mention.css */
+.ck-content .mention {
+  background: var(--ck-color-mention-background);
+  color: var(--ck-color-mention-text);
+}
+
+@media print {
+  /* ckeditor5-page-break/theme/pagebreak.css */
+  .ck-content .page-break {
+    padding: 0;
+  }
+  /* ckeditor5-page-break/theme/pagebreak.css */
+  .ck-content .page-break::after {
+    display: none;
+  }
+}

ui/lib/styles/common.scss

@@ -0,0 +1,673 @@
+@import "iconfont/iconfont";
+@import 'iconfont/logofont';
+@import "ckeditor";
+@import "vars";
+
+$cdn: "https://cdn.cunwuyun.cn/";
+$--color-primary: $primaryColor;
+$--color-text-placeholder: $placeholderColor;
+$--border-color-base: $borderColor;
+$--color-success: $successColor;
+$--color-warning: $warnColor;
+$--color-danger: $errorColor;
+$--color-info: $infoColor;
+$--font-path: '~element-ui/lib/theme-chalk/fonts';
+@import "~element-ui/packages/theme-chalk/src/index";
+
+/**
+常用内外边距样式
+ */
+@each $padMar, $pm in (mar:margin, pad:padding) {
+  @each $pos, $p in (l:left, r:right, t:top, b:bottom) {
+    @each $v in (8, 10, 16, 20, 32, 48, 60) {
+      .#{$padMar}-#{$pos+$v} {
+        #{$pm}-#{$p}: #{$v}px
+      }
+    }
+  }
+}
+
+/**
+  不换行文本
+ */
+.nowarp-text {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+/**
+  表头式样
+ */
+.table-header {
+  background-color: rgba(243, 246, 249, 1) !important;
+  color: #333;
+  line-height: 44px;
+  font-size: 14px;
+  font-weight: bold;
+  padding: 0 !important;
+  border-bottom: none !important;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+/**
+  表行样式
+ */
+.table-row {
+  height: 44px;
+
+  &:hover, &:hover td.table-cell {
+    background-color: #EFF6FF !important;
+  }
+}
+
+/**
+  表格样式
+ */
+.table-cell {
+  font-size: 14px;
+  padding: 0 !important;
+
+  .cell {
+    line-height: 15px;
+  }
+}
+
+/**
+  图标统一样式
+ */
+.iconfont {
+  font-size: 14px;
+}
+
+.iconShow:hover, .iconEdit:hover, .iconParent:hover, .iconChange:hover {
+  color: $primaryColor;
+}
+
+.iconDelete:hover {
+  color: $errorColor;
+}
+
+.iconBack_Large {
+  width: 16px;
+  height: 16px;
+  color: $primaryColor;
+  cursor: pointer;
+}
+
+/**
+  缺省页相关样式
+ */
+.no-data {
+  background: url("https://cdn.cunwuyun.cn/ui/svg/NoData.svg") no-repeat center;
+  background-size: 120px 120px;
+  height: 120px;
+  margin: 48px auto 10px;
+}
+
+/**
+  缺省页相关样式
+ */
+.ai-empty__bg {
+  background: url("https://cdn.cunwuyun.cn/ui/svg/empty.svg") no-repeat center;
+  background-size: 120px 120px;
+  height: 120px;
+  margin: 48px auto 0;
+}
+
+.no-permission {
+  background: url("https://cdn.cunwuyun.cn/ui/svg/NoAuthority.svg") no-repeat center;
+  background-size: 120px 120px;
+  height: 120px;
+  margin-top: 48px;
+}
+
+.no-message {
+  background: url("https://cdn.cunwuyun.cn/ui/svg/NoMessage.svg") no-repeat center;
+  background-size: 120px 120px;
+  height: 120px;
+  margin-top: 48px;
+}
+
+.done-success {
+  background: url("https://cdn.cunwuyun.cn/ui/svg/Success.svg") no-repeat center;
+  background-size: 120px 120px;
+  height: 120px;
+}
+
+.no-div-text {
+  text-align: center;
+  font-size: 14px;
+  color: #666
+}
+
+.developing {
+  background: url("https://cdn.cunwuyun.cn/ui/svg/developing.svg") no-repeat center;
+  background-size: 400px 320px;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  &:after {
+    margin-top: 270px;
+    font-size: 14px;
+    color: $primaryColor;
+    display: block;
+    content: "功能正在开发中..."
+  }
+}
+
+/**
+  placeholder 样式
+ */
+input::-webkit-input-placeholder {
+  color: #ccc;
+}
+
+input::-moz-placeholder {
+  color: #ccc;
+}
+
+input::-ms-input-placeholder {
+  color: #ccc;
+}
+
+//切换地区Tab 样式
+.area-popover {
+  right: 0;
+}
+
+//弹窗树菜单的样式
+.dialog-tree {
+  &.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
+    background: rgba(239, 246, 255, 1);
+    border-radius: 2px;
+    font-weight: normal;
+    color: rgba(80, 136, 255, 1);
+  }
+}
+
+//发起群聊的按钮样式
+.openIM {
+  width: 26px;
+  height: 20px;
+  background: rgba(255, 255, 255, 1);
+  border-radius: 12px;
+  border: 1px solid rgba(208, 212, 220, 1);
+  box-sizing: border-box;
+  text-align: center;
+  cursor: pointer;
+
+  &.iconGroup_IM {
+    color: #89B;
+    font-size: 16px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  &:hover {
+    background: $primaryColor;
+    border-color: $primaryColor;
+
+    &.iconGroup_IM {
+      color: #fff;
+    }
+  }
+}
+
+.fuzzy {
+  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+  color: transparent !important;
+}
+
+/**
+  马赛克样式
+ */
+.mosaic {
+  position: relative;
+
+  &:before {
+    content: "";
+    position: absolute;
+    left: 0;
+    top: 0;
+    height: 100%;
+    width: 100%;
+    background-position: 0 0, 10px 10px;
+    background-size: 20px 20px;
+    background-image: linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 100%), linear-gradient(45deg, #eee 25%, white 25%, white 75%, #eee 75%, #eee 100%);
+    z-index: 202011051009;
+  }
+}
+
+/**
+自定义弹性盒子快速用
+ */
+div[flex] {
+  display: flex;
+  align-items: center;
+
+  &.column {
+    flex-direction: column;
+  }
+
+  &.wrap {
+    flex-wrap: wrap;
+  }
+
+  &.gap {
+    gap: 20px;
+  }
+}
+
+.fill {
+  flex: 1;
+  min-height: 0;
+  min-width: 0;
+}
+
+.el-input {
+  input[type="number"] {
+    -moz-appearance: textfield;
+
+    &::-webkit-outer-spin-button, &::-webkit-inner-spin-button {
+      -webkit-appearance: none;
+    }
+  }
+}
+
+// 2.0公共样式
+
+.ai-form {
+  display: flex;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  width: 100%;
+
+  .el-form-item {
+    width: 50%;
+    margin-bottom: 24px;
+
+    .el-form-item__content {
+      margin-left: 134px !important;
+    }
+
+    ::v-deep.el-form-item__content {
+      & .el-input--small, & > .el-range-editor--small, & > .el-cascader, & > .el-select {
+        width: 325px;
+      }
+    }
+  }
+}
+
+.el-message-box {
+  width: 520px;
+  padding-bottom: 0;
+
+  .el-message-box__header {
+    padding-left: 40px;
+  }
+
+  .el-message-box__content {
+    padding-left: 77px;
+    padding-top: 4px;
+  }
+
+  .el-message-box__title {
+    justify-content: start;
+    font-size: 14px;
+
+    .el-icon-error:before {
+      content: "\e7a3";
+    }
+  }
+
+  .el-message-box__status {
+    padding-right: 12px;
+  }
+
+  .el-message-box__message {
+    text-align: start;
+    font-size: 16px;
+    color: #333;
+    font-weight: bold;
+    min-height: 60px;
+  }
+
+  .el-message-box__btns {
+    box-sizing: border-box;
+    text-align: center;
+    background-color: #F3F6F9;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 64px;
+
+    .el-button {
+      padding: 0 32px;
+    }
+  }
+}
+
+.table-options {
+  .el-button--text {
+    height: auto;
+    margin-right: 8px !important;
+    margin-left: 0 !important;
+    padding: 0;
+    border-radius: unset;
+
+    &:last-child {
+      margin-right: 0 !important;
+    }
+  }
+
+  span {
+    margin-right: 8px;
+    color: $primaryColor;
+    font-size: 14px;
+
+    &:last-child {
+      margin-right: 0;
+    }
+
+    &:hover {
+      opacity: 0.8;
+    }
+  }
+
+  .is-disabled span {
+    color: #999 !important;
+  }
+}
+
+textarea {
+  font-family: inherit;
+}
+
+.el-button--primary {
+  border: none;
+  background: $primaryBtnColor;
+
+  &:hover {
+    opacity: 0.6;
+    background: $primaryBtnColor;
+  }
+}
+
+.el-button {
+  font-size: 14px;
+  border-radius: 2px;
+  height: 32px;
+  padding: 8px;
+  box-sizing: border-box;
+
+  [class*=iconfont] {
+    font-size: 14px;
+
+    & + span {
+      margin-left: 5px;
+    }
+  }
+}
+
+.el-button--text [class*=iconfont] {
+  color: inherit;
+  font-size: inherit;
+}
+
+.wechat-message__container {
+  padding: 8px !important;
+  background: #F6F9FF !important;
+  border-radius: 2px !important;
+  color: #222222 !important;
+  font-size: 14px !important;
+  border: 1px solid $primaryColor !important;
+
+  h2 {
+    color: #222222;
+    font-weight: 500;
+    font-size: 14px;
+  }
+}
+
+h1, h2, h3, p {
+  margin: 0;
+}
+
+.el-tooltip__popper {
+  max-width: 600px;
+  word-break: break-all;
+}
+
+
+.ai-personselect .el-input__suffix .el-input__validateIcon {
+  display: none;
+}
+
+.AiWechatSelecter-container .el-input__suffix .el-input__validateIcon {
+  display: none;
+}
+
+.AiWechatSelecter-container .el-input__suffix .el-input__validateIcon {
+  display: none;
+}
+
+.icon-color89B {
+  color: #89B;
+}
+
+// flex 布局
+.flex-between {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.flex-start {
+  display: flex;
+  align-items: center;
+}
+
+.ailist-wrapper {
+  div, p, h2, h1, h3, h5, span {
+    box-sizing: border-box;
+  }
+}
+
+.mt10 {
+  margin-top: 10px;
+}
+
+.ai-scan {
+  display: flex;
+  position: absolute;
+  top: -10px;
+  right: -14px;
+  cursor: pointer;
+
+  .poptip-arrow {
+    position: relative;
+    height: 24px;
+    line-height: 24px;
+    margin-right: 8px;
+    margin-top: 4px;
+    padding: 0 10px;
+    color: $primaryColor;
+    font-size: 12px;
+    text-align: center;
+    background: $primaryLightColor;
+    border: 1px solid $primaryColor;
+
+    em {
+      position: absolute;
+      width: 0;
+      height: 0;
+      border-color: hsla(0, 0%, 100%, 0);
+      border-style: solid;
+      overflow: hidden;
+      top: 50%;
+      right: -6px;
+      transform: translateY(-50%);
+      border-left-color: $primaryLightColor;
+      border-width: 6px 0 6px 6px;
+    }
+
+    a {
+      position: absolute;
+      width: 0;
+      height: 0;
+      border-color: hsla(0, 0%, 100%, 0);
+      border-style: solid;
+      overflow: hidden;
+      top: 50%;
+      right: -7px;
+      transform: translateY(-50%);
+      border-left-color: $primaryColor;
+      border-width: 6px 0 6px 6px;
+    }
+  }
+
+  & > i {
+    padding: 0;
+    color: $primaryColor;
+    font-size: 48px;
+  }
+}
+
+/**
+背景图设置
+ */
+
+.signLeftBg {
+  background-image: url('#{$cdn}/ui/background/#{$theme}/loginLeft.png');
+}
+
+.navBg {
+  background-image: url('#{$cdn}/ui/background/#{$theme}/nav_bg.png');
+}
+
+/**
+特殊样式字体
+ */
+.projectName {
+  font-family: "Microsoft YaHei UI", "Microsoft YaHei", serif;
+  height: 56px;
+  line-height: 56px;
+  font-size: 42px;
+  font-weight: 800;
+  white-space: nowrap;
+  position: relative;
+  text-shadow: 0 6px 3px rgba(#222, .1);
+  color: transparent;
+
+  &:after {
+    position: absolute;
+    left: 0;
+    content: attr(title);
+    background: $projectName;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    z-index: 99;
+  }
+
+  &:before {
+    position: absolute;
+    left: 0;
+    content: attr(title);
+    text-shadow: 3px 0 0 #fff, -3px 0 0 #fff, 0 -3px 0 #fff, 0 3px 0 #fff;
+    z-index: 66;
+  }
+}
+
+.textShadow {
+  position: absolute;
+  top: 0;
+  text-shadow: 0 2px 0 $textShadow;
+  color: transparent;
+  z-index: -1;
+}
+
+#ai-waiting {
+  color: $primaryColor
+}
+
+.color-primary {
+  color: $primaryColor
+}
+
+.hoverActive {
+  &:hover, &.current, &.isActive {
+    color: $primaryColor !important;
+  }
+}
+
+/** 登录页左侧标题样式 **/
+.signLeftContent {
+  .titlePane {
+    margin-top: 124px;
+    font-size: 20px;
+    margin-bottom: 64px;
+
+    & > b {
+      display: block;
+      font-size: 40px;
+      margin-bottom: 16px;
+    }
+  }
+
+  .subTitle {
+    margin-bottom: 16px;
+    opacity: 0.8;
+    display: flex;
+    align-items: center;
+    gap: 6px;
+
+    &:before {
+      content: " ";
+      background: transparent;
+      border-radius: 50%;
+      border: 1px solid #fff;
+      width: 8px;
+      height: 8px;
+    }
+
+    &:last-of-type {
+      margin-bottom: 0;
+    }
+  }
+}
+
+.AiConfirm {
+  position: fixed;
+  z-index: 202210261023;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+/**
+节流器
+ */
+.throttle {
+  animation: throttle 0.5s step-end forwards;
+}
+
+.throttle:active {
+  animation: none;
+}
+
+@keyframes throttle {
+  from {
+    pointer-events: none;
+  }
+  to {
+    pointer-events: all;
+  }
+}

ui/lib/styles/iconfont/iconfont.css

@@ -0,0 +1,958 @@
+@font-face {
+    font-family: "iconfont"; /* Project id 1309749 */
+    src: url('//at.alicdn.com/t/c/font_1309749_t7bf1dhlp7e.woff2?t=1666749875458') format('woff2'),
+    url('//at.alicdn.com/t/c/font_1309749_t7bf1dhlp7e.woff?t=1666749875458') format('woff'),
+    url('//at.alicdn.com/t/c/font_1309749_t7bf1dhlp7e.ttf?t=1666749875458') format('truetype');
+}
+
+.iconfont {
+    font-family: "iconfont" !important;
+    font-size: 16px;
+    font-style: normal;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.iconpingfenkaohe:before {
+    content: "\e736";
+}
+
+.iconcloss:before {
+    content: "\e735";
+}
+
+.iconzhengcefuwu:before {
+    content: "\e731";
+}
+
+.iconpeixunguanli:before {
+    content: "\e730";
+}
+
+.iconxiaoxizhongxin:before {
+    content: "\e72f";
+}
+
+.iconzhaopinhuiguanli:before {
+    content: "\e72e";
+}
+
+.iconshuzixiangcun:before {
+    content: "\e72d";
+}
+
+.iconteshurenqun:before {
+    content: "\e72c";
+}
+
+.iconzhengminhudong:before {
+    content: "\e72b";
+}
+
+.iconjicengzhili:before {
+    content: "\e72a";
+}
+
+.iconxiaochengxuguanli:before {
+    content: "\e729";
+}
+
+.iconyingjizhihui:before {
+    content: "\e728";
+}
+
+.iconjicengdangjian:before {
+    content: "\e727";
+}
+
+.iconxiangcunchanye:before {
+    content: "\e726";
+}
+
+.iconfangfanpin:before {
+    content: "\e725";
+}
+
+.iconnumber:before {
+    content: "\e724";
+}
+
+.iconattachments:before {
+    content: "\e719";
+}
+
+.icondate:before {
+    content: "\e71a";
+}
+
+.iconcard:before {
+    content: "\e71b";
+}
+
+.iconid:before {
+    content: "\e71c";
+}
+
+.iconcascade:before {
+    content: "\e71d";
+}
+
+.iconlocation:before {
+    content: "\e71e";
+}
+
+.iconname:before {
+    content: "\e71f";
+}
+
+.iconrich_text:before {
+    content: "\e720";
+}
+
+.iconphone_number:before {
+    content: "\e721";
+}
+
+.iconswitch:before {
+    content: "\e722";
+}
+
+.icontime:before {
+    content: "\e723";
+}
+
+.icondianliang:before {
+    content: "\e711";
+}
+
+.iconxueya:before {
+    content: "\e714";
+}
+
+.iconzhuangtai:before {
+    content: "\e715";
+}
+
+.iconxinlv:before {
+    content: "\e716";
+}
+
+.icontiwen:before {
+    content: "\e717";
+}
+
+.iconxueyang:before {
+    content: "\e718";
+}
+
+.iconzongzhizuzhi:before {
+    content: "\e710";
+}
+
+.iconvideolink:before {
+    content: "\e70f";
+}
+
+.iconfacial_recognition:before {
+    content: "\e70e";
+}
+
+.iconunpublish:before {
+    content: "\e70c";
+}
+
+.iconpreview:before {
+    content: "\e708";
+}
+
+.iconpublish:before {
+    content: "\e709";
+}
+
+.iconmore:before {
+    content: "\e70a";
+}
+
+.iconshare:before {
+    content: "\e70b";
+}
+
+.iconcheck_box:before {
+    content: "\e700";
+}
+
+.iconline:before {
+    content: "\e701";
+}
+
+.iconradio:before {
+    content: "\e702";
+}
+
+.icontext_box:before {
+    content: "\e703";
+}
+
+.icontext_area:before {
+    content: "\e704";
+}
+
+.iconpage:before {
+    content: "\e705";
+}
+
+.iconpic:before {
+    content: "\e706";
+}
+
+.iconSelect:before {
+    content: "\e707";
+}
+
+.iconhuluhuxian:before {
+    content: "\e6f6";
+}
+
+.iconkaoheguanli:before {
+    content: "\e6f9";
+}
+
+.iconhujiaozhongxin:before {
+    content: "\e6fa";
+}
+
+.iconliangxinzuzhi:before {
+    content: "\e6fb";
+}
+
+.iconxiaoyuananfang:before {
+    content: "\e6fc";
+}
+
+.iconzhongdianqingshaonian:before {
+    content: "\e6fd";
+}
+
+.iconanquanshengchan:before {
+    content: "\e6fe";
+}
+
+.iconshehuizhian:before {
+    content: "\e6ff";
+}
+
+.iconguangbofabu:before {
+    content: "\e6f4";
+}
+
+.iconwangshangbanshi:before {
+    content: "\e6f3";
+}
+
+.iconyunyingzhongxin:before {
+    content: "\e6f1";
+}
+
+.iconzhengwuweixin:before {
+    content: "\e6f2";
+}
+
+.iconkaoqinguanli:before {
+    content: "\e6eb";
+}
+
+.iconshijianguanli:before {
+    content: "\e6ec";
+}
+
+.iconyifangzhaoren:before {
+    content: "\e6ed";
+}
+
+.iconwanggeguanli:before {
+    content: "\e6ee";
+}
+
+.iconxinfangguanli:before {
+    content: "\e6ef";
+}
+
+.iconshipinjiankong:before {
+    content: "\e6f0";
+}
+
+.iconloudongmoxing:before {
+    content: "\e6ea";
+}
+
+.iconwanggeyuan:before {
+    content: "\e6e8";
+}
+
+.iconjinqishijian:before {
+    content: "\e6e6";
+}
+
+.iconxiaoquzonglan:before {
+    content: "\e6e7";
+}
+
+.iconloudongxinxi:before {
+    content: "\e6e9";
+}
+
+.iconchuangyebutie:before {
+    content: "\e6db";
+}
+
+.icondanweiguanli:before {
+    content: "\e6dc";
+}
+
+.iconjiuyefuwu:before {
+    content: "\e6e2";
+}
+
+.iconchuangyejiuyeguanli:before {
+    content: "\e6e3";
+}
+
+.iconchuangyedanbaodaikuan:before {
+    content: "\e6e4";
+}
+
+.icondaxueshengshixishixun:before {
+    content: "\e6e5";
+}
+
+.iconsearch:before {
+    content: "\e732";
+}
+
+.iconxqhd:before {
+    content: "\e733";
+}
+
+.iconwdhd:before {
+    content: "\e734";
+}
+
+.iconrobot:before {
+    content: "\e6da";
+}
+
+.iconfangda:before {
+    content: "\e6d7";
+}
+
+.iconsuoxiao:before {
+    content: "\e6d8";
+}
+
+.iconEarth:before {
+    content: "\e6d9";
+}
+
+.iconxianfengyeweihui:before {
+    content: "\e6d6";
+}
+
+.iconhuiyuanguanli:before {
+    content: "\e6d1";
+}
+
+.iconcunganbuguanli:before {
+    content: "\e6d2";
+}
+
+.iconzhaopinguanli:before {
+    content: "\e6d3";
+}
+
+.iconqiyeguanli:before {
+    content: "\e6d5";
+}
+
+.iconxingfujifen:before {
+    content: "\e6ce";
+}
+
+.iconxinxizhongxin:before {
+    content: "\e6cf";
+}
+
+.iconpinyipin:before {
+    content: "\e6d0";
+}
+
+.iconUnpublish:before {
+    content: "\e6cc";
+}
+
+.iconPublish:before {
+    content: "\e6cd";
+}
+
+.iconDelay:before {
+    content: "\e6cb";
+}
+
+.iconwarning:before {
+    content: "\e6f5";
+}
+
+.iconzpg:before {
+    content: "\e6f7";
+}
+
+.iconsqy:before {
+    content: "\e6f8";
+}
+
+.iconzxjyzdls:before {
+    content: "\e6dd";
+}
+
+.iconzxjygwgl:before {
+    content: "\e6de";
+}
+
+.iconzxjywdzy:before {
+    content: "\e6df";
+}
+
+.iconzxjycydb:before {
+    content: "\e6e0";
+}
+
+.iconzxjyckmb:before {
+    content: "\e6e1";
+}
+
+.iconarea:before {
+    content: "\e6d4";
+}
+
+.iconyiqingfangkong:before {
+    content: "\e6ca";
+}
+
+.iconPostil:before {
+    content: "\e6c9";
+}
+
+.iconjiaonadangfei:before {
+    content: "\e6c8";
+}
+
+.iconSuccess:before {
+    content: "\e6c7";
+}
+
+.iconAccount_Login:before {
+    content: "\e6c5";
+}
+
+.iconQR_code:before {
+    content: "\e6c6";
+}
+
+.iconMediaPlayer_Play:before {
+    content: "\e6c3";
+}
+
+.iconMediaPlayer_Stop:before {
+    content: "\e6c4";
+}
+
+.icondangyuan:before {
+    content: "\e6b0";
+}
+
+.iconEnvironment:before {
+    content: "\e6bc";
+}
+
+.iconLaw:before {
+    content: "\e6bd";
+}
+
+.iconjicengbangong:before {
+    content: "\e6be";
+}
+
+.iconjicengzhuzhi:before {
+    content: "\e6bf";
+}
+
+.iconwenmingxiangfeng:before {
+    content: "\e6c0";
+}
+
+.iconyangguangcunwu:before {
+    content: "\e6c1";
+}
+
+.iconminzhuyishi:before {
+    content: "\e6c2";
+}
+
+.iconshehuijiuzhu:before {
+    content: "\e6b8";
+}
+
+.iconshujugongxiang:before {
+    content: "\e6b9";
+}
+
+.iconjuminxinxi:before {
+    content: "\e6ba";
+}
+
+.iconxinxiguanli:before {
+    content: "\e6bb";
+}
+
+.iconRecommend:before {
+    content: "\e6af";
+}
+
+.iconqiandao:before {
+    content: "\e6ad";
+}
+
+.iconqingjia:before {
+    content: "\e6ae";
+}
+
+.iconhistogram:before {
+    content: "\e6ac";
+}
+
+.iconAudit:before {
+    content: "\e6a9";
+}
+
+.iconVerify:before {
+    content: "\e6aa";
+}
+
+.iconTransaction:before {
+    content: "\e6ab";
+}
+
+.iconEwm:before {
+    content: "\e6a6";
+}
+
+.iconIOS:before {
+    content: "\e6a7";
+}
+
+.iconAndroid:before {
+    content: "\e6a8";
+}
+
+.iconjdq_led_clean:before {
+    content: "\e67a";
+}
+
+.iconjdq_led_edit:before {
+    content: "\e67b";
+}
+
+.iconjdq_led_Led:before {
+    content: "\e680";
+}
+
+.iconjdq_led_Led1:before {
+    content: "\e681";
+}
+
+.iconjdq_led_Right:before {
+    content: "\e688";
+}
+
+.iconjdq_led_Ledjiesu:before {
+    content: "\e689";
+}
+
+.iconjdq_led_show:before {
+    content: "\e68a";
+}
+
+.iconjdq_led_Ledwx:before {
+    content: "\e68b";
+}
+
+.iconjdq_led_Lednrhg:before {
+    content: "\e68c";
+}
+
+.iconClean1:before {
+    content: "\e6a4";
+}
+
+.iconLoading:before {
+    content: "\e6a5";
+}
+
+.iconSubordinates:before {
+    content: "\e6a1";
+}
+
+.iconDownload:before {
+    content: "\e6a2";
+}
+
+.iconNext_Mission:before {
+    content: "\e6a3";
+}
+
+.iconAdmitted:before {
+    content: "\e69c";
+}
+
+.iconEmployment_Confirmation:before {
+    content: "\e69d";
+}
+
+.iconRepulsebeifen:before {
+    content: "\e69e";
+}
+
+.iconUpdate_Files:before {
+    content: "\e69f";
+}
+
+.iconRepulse:before {
+    content: "\e6a0";
+}
+
+.iconOverrule:before {
+    content: "\e69a";
+}
+
+.iconWithdrawn:before {
+    content: "\e69b";
+}
+
+.iconDetails:before {
+    content: "\e699";
+}
+
+.iconSpecial_Populations:before {
+    content: "\e698";
+}
+
+.iconPerson_Transfer:before {
+    content: "\e693";
+}
+
+.iconCreate_Files:before {
+    content: "\e694";
+}
+
+.iconPrint:before {
+    content: "\e695";
+}
+
+.iconPerson_Transfered:before {
+    content: "\e696";
+}
+
+.iconReject:before {
+    content: "\e697";
+}
+
+.iconGroup_IM:before {
+    content: "\e692";
+}
+
+.iconData_Screen:before {
+    content: "\e68f";
+}
+
+.iconCustomer_Service:before {
+    content: "\e690";
+}
+
+.iconDocumentation:before {
+    content: "\e691";
+}
+
+.iconTriangle_Up:before {
+    content: "\e68d";
+}
+
+.iconTriangle_Left:before {
+    content: "\e68e";
+}
+
+.iconDouble_Up:before {
+    content: "\e686";
+}
+
+.iconDouble_Down:before {
+    content: "\e687";
+}
+
+.iconServer:before {
+    content: "\e685";
+}
+
+.iconIM:before {
+    content: "\e682";
+}
+
+.iconStatistics:before {
+    content: "\e683";
+}
+
+.iconData_Reporting:before {
+    content: "\e684";
+}
+
+.iconMoveUp:before {
+    content: "\e67c";
+}
+
+.iconRevoke:before {
+    content: "\e67d";
+}
+
+.iconMoveDown:before {
+    content: "\e67e";
+}
+
+.iconAll_Profile:before {
+    content: "\e67f";
+}
+
+.iconzu:before {
+    content: "\e712";
+}
+
+.iconzu1:before {
+    content: "\e713";
+}
+
+.iconShow_Content:before {
+    content: "\e66e";
+}
+
+.iconShow:before {
+    content: "\e66f";
+}
+
+.iconCCP:before {
+    content: "\e70d";
+}
+
+.iconAlready_Read:before {
+    content: "\e669";
+}
+
+.iconRegister:before {
+    content: "\e66a";
+}
+
+.iconNotice:before {
+    content: "\e66b";
+}
+
+.iconUnfinished:before {
+    content: "\e66c";
+}
+
+.iconDate1:before {
+    content: "\e664";
+}
+
+.iconLogout:before {
+    content: "\e665";
+}
+
+.iconPhoto:before {
+    content: "\e666";
+}
+
+.iconResetting:before {
+    content: "\e667";
+}
+
+.iconProfile_Picture:before {
+    content: "\e668";
+}
+
+.iconModal_Success:before {
+    content: "\e662";
+}
+
+.iconModal_Warning:before {
+    content: "\e663";
+}
+
+.iconSteps_Finished:before {
+    content: "\e660";
+}
+
+.iconSteps_In_Progress:before {
+    content: "\e661";
+}
+
+.iconAdd_Subordinates:before {
+    content: "\e65d";
+}
+
+.iconAdd_Peers:before {
+    content: "\e65e";
+}
+
+.iconHide_Content:before {
+    content: "\e65f";
+}
+
+.iconLogo:before {
+    content: "\e65c";
+}
+
+.iconAdd:before {
+    content: "\e657";
+}
+
+.iconFunction_Management:before {
+    content: "\e658";
+}
+
+.iconDelete:before {
+    content: "\e659";
+}
+
+.iconExported:before {
+    content: "\e65a";
+}
+
+.iconImport:before {
+    content: "\e65b";
+}
+
+.iconTriangle_Down:before {
+    content: "\e655";
+}
+
+.iconTriangle_Right:before {
+    content: "\e656";
+}
+
+.iconNav_DataCenter:before {
+    content: "\e650";
+}
+
+.iconNav_Dashborad:before {
+    content: "\e651";
+}
+
+.iconNav_Pack_Up:before {
+    content: "\e652";
+}
+
+.iconNav_Setting:before {
+    content: "\e653";
+}
+
+.iconNav_Application:before {
+    content: "\e654";
+}
+
+.iconSkip:before {
+    content: "\e64a";
+}
+
+.iconSearch:before {
+    content: "\e64b";
+}
+
+.iconWeChat:before {
+    content: "\e64c";
+}
+
+.iconParent:before {
+    content: "\e64e";
+}
+
+.iconSetting:before {
+    content: "\e64f";
+}
+
+.iconChange:before {
+    content: "\e63c";
+}
+
+.iconBack_Large:before {
+    content: "\e63d";
+}
+
+.iconCorrect:before {
+    content: "\e63e";
+}
+
+.iconMessage:before {
+    content: "\e63f";
+}
+
+.iconDate:before {
+    content: "\e640";
+}
+
+.iconMore:before {
+    content: "\e641";
+}
+
+.iconEdit:before {
+    content: "\e642";
+}
+
+.iconPhone:before {
+    content: "\e643";
+}
+
+.iconClean:before {
+    content: "\e644";
+}
+
+.iconProlife:before {
+    content: "\e645";
+}
+
+.iconClock:before {
+    content: "\e646";
+}
+
+.iconLocation:before {
+    content: "\e647";
+}
+
+.iconPassword:before {
+    content: "\e648";
+}
+
+.iconCopy:before {
+    content: "\e649";
+}
+
+.iconArrow_Up:before {
+    content: "\e638";
+}
+
+.iconArrow_Left:before {
+    content: "\e639";
+}
+
+.iconArrow_Down:before {
+    content: "\e63a";
+}
+
+.iconArrow_Right:before {
+    content: "\e63b";
+}

ui/lib/styles/iconfont/logofont.css

@@ -0,0 +1,78 @@
+@font-face {
+    font-family: "logofont"; /* Project id 1557923 */
+    src: url('//at.alicdn.com/t/c/font_1557923_ymu4rpvijlo.woff2?t=1661421638099') format('woff2'),
+    url('//at.alicdn.com/t/c/font_1557923_ymu4rpvijlo.woff?t=1661421638099') format('woff'),
+    url('//at.alicdn.com/t/c/font_1557923_ymu4rpvijlo.ttf?t=1661421638099') format('truetype');
+}
+
+.logofont {
+    font-family: "logofont" !important;
+    font-size: 16px;
+    font-style: normal;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.iconhuizhili:before {
+    content: "\e720";
+}
+
+.iconxiuxingtong1:before {
+    content: "\e71e";
+}
+
+.iconhuizhengwu2:before {
+    content: "\e71a";
+}
+
+.iconhuizhengwu:before {
+    content: "\e719";
+}
+
+.iconxiuxingtong:before {
+    content: "\e717";
+}
+
+.iconzgydzhsq:before {
+    content: "\e6fb";
+}
+
+.iconzhongguoyidong2:before {
+    content: "\e6fa";
+}
+
+.iconzhongguoyidong:before {
+    content: "\e6f8";
+}
+
+.iconcunwei:before {
+    content: "\e6f3";
+}
+
+.iconcunwei1:before {
+    content: "\e6f0";
+}
+
+.iconccb:before {
+    content: "\e6d7";
+}
+
+.iconzhongzhi:before {
+    content: "\e6cb";
+}
+
+.iconzxjy:before {
+    content: "\e6c2";
+}
+
+.iconLogo:before {
+    content: "\e6a9";
+}
+
+.iconminzhengju:before {
+    content: "\e667";
+}
+
+.iconzhongguoliantong:before {
+    content: "\e618";
+}

ui/lib/styles/theme.hzl.scss

@@ -0,0 +1,72 @@
+$theme: "hzl";
+@import "common";
+.signLeftContent {
+  color: #333;
+  font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Source Han Sans CN, Microsoft Yahei, sans-serif;
+
+  .titlePane {
+    margin-top: 84px;
+    margin-bottom: 40px;
+    font-family: MicrosoftYaHei, sans-serif;
+  }
+
+  .subTitle:before {
+    border-color: #333;
+  }
+}
+
+.projectName {
+  font-family: MicrosoftYaHeiS0pxibold;
+  font-size: 48px;
+}
+
+.ai-sign {
+  width: 420px !important;
+
+  & > .el-row--flex {
+    align-items: flex-start;
+  }
+
+  .is-always-shadow {
+    box-shadow: 0 24px 48px 0 rgba(15, 56, 139, 0.05);
+    width: 420px !important;
+    min-height: 430px;
+
+    & > .el-card__body {
+      padding: 20px 40px;
+    }
+
+    .ai-scan {
+      right: -30px;
+
+      .iconfont {
+        line-height: normal;
+      }
+    }
+
+  }
+
+  .reset-password-row {
+    text-align: center !important;
+  }
+}
+
+.headerNav {
+  .AiIcon {
+    font-size: 28px !important;
+    -webkit-text-fill-color: white !important;
+    font-weight: normal !important;
+  }
+
+  .headerTitle {
+    font-family: FZZZHONGJW--GB1-0 !important;
+    line-height: normal !important;
+    font-weight: normal !important;
+    -webkit-text-fill-color: white !important;
+  }
+
+  .textShadow {
+    display: none;
+  }
+}
+

ui/lib/styles/theme.yellow.scss

@@ -0,0 +1,7 @@
+$theme: "yellow";
+$primaryColor: #f62;
+$primaryBtnColor: linear-gradient(90deg, #FFA322 0%, #FF6622 100%);
+$projectName: linear-gradient(180deg, #FFA322 0%, #FF6622 100%);
+$primaryLightColor: #FFF7F4;
+$textShadow: #CA693E;
+@import "common";

ui/lib/styles/vars.scss

@@ -0,0 +1,12 @@
+$primaryColor: #26f !default;
+$borderColor: #d0d4dc !default;
+$primaryBtnColor: linear-gradient(90deg, #299FFF 0%, #0C61FF 100%) !default;
+$successColor: #2EA222 !default;
+$warnColor: #F82 !default;
+$errorColor: #F46 !default;
+$infoColor: #8D96A9 !default;
+$theme: "blue" !default;
+$projectName: linear-gradient(180deg, #5AC4FF 11%, #1347B6 100%) !default;
+$primaryLightColor: rgba(239, 246, 255, 1) !default;
+$textShadow: #384DC3 !default;
+$placeholderColor: #888 !default;