From 8bbce5e2bae28b32999636bca309e9aaeebcb3f4 Mon Sep 17 00:00:00 2001
From: augushong <augushong@ulthon.com>
Date: Fri, 1 Jul 2022 17:59:53 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90=E9=83=A8=E5=88=86=E7=A7=91?=
 =?UTF-8?q?=E5=B9=BB=E9=A3=8E=E6=A0=B7=E5=BC=8F=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/static/common/css/theme/_sicfi.scss    | 234 ++++++++++++++++++
 public/static/common/css/theme/index.css      | 175 +++++++++++++
 public/static/common/css/theme/index.scss     |   1 +
 .../common/css/theme/sicfi/button_line.svg    |   8 +
 public/static/plugs/easy-admin/easy-admin.js  |   3 +
 5 files changed, 421 insertions(+)
 create mode 100644 public/static/common/css/theme/sicfi/button_line.svg

diff --git a/public/static/common/css/theme/_sicfi.scss b/public/static/common/css/theme/_sicfi.scss
index e69de29..5021115 100644
--- a/public/static/common/css/theme/_sicfi.scss
+++ b/public/static/common/css/theme/_sicfi.scss
@@ -0,0 +1,234 @@
+& {
+    background-color: rgb(2, 17, 20);
+    color           : rgb(126, 252, 246);
+}
+
+// 通常用于背景色
+$black-color    :rgb(2, 17, 20);
+// 通常用于字体颜色
+$main-color     :rgb(126, 252, 246);
+// 通常用于边框
+$less-main-color:rgb(6, 216, 215);
+
+// 通常用于激活状态,通常跟背景色搭配
+$cover-color :rgba(62, 251, 251, 0.05);
+
+
+.layuimini-main {
+    background-color: $black-color;
+}
+
+.layuimini-container .layui-table-tool {
+    background-color: $black-color;
+}
+
+$box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 0);
+
+.layui-btn {
+    clip-path       : $box-shape;
+    padding-right   : 10px;
+    position        : relative;
+    background-color: transparent;
+    border          : unset;
+    color           : rgb(126, 252, 246);
+    text-shadow     : rgb(126, 252, 246) 0px 0px 1px;
+    background-color: rgb(126, 252, 246);
+
+    &::before {
+        content         : '';
+        display         : block;
+        position        : absolute;
+        z-index         : -1;
+        clip-path       : $box-shape;
+        width           : 100%;
+        height          : 100%;
+        left            : -0.5px;
+        top             : -0.5px;
+        background-color: $black-color;
+    }
+
+    &:hover::after {
+        content         : '';
+        display         : block;
+        position        : absolute;
+        z-index         : -1;
+        clip-path       : $box-shape;
+        width           : 100%;
+        height          : 100%;
+        left            : -0.5px;
+        top             : -0.5px;
+        background-color: rgba(126, 252, 246, 0.2);
+    }
+
+    &.layui-btn-disabled {
+        &::after {
+            // todo:实现按钮禁用样式
+        }
+    }
+
+    &.layui-btn-success {
+        text-shadow     : rgb(0, 255, 0) 0px 0px 1px;
+        color           : rgb(0, 255, 0);
+        background-color: rgba(0, 255, 0);
+
+        &:hover::after {
+            background-color: rgba(0, 255, 0, 0.2);
+        }
+    }
+
+    &.layui-btn-danger {
+        text-shadow     : rgb(255, 0, 0) 0px 0px 1px;
+        color           : rgb(255, 0, 0);
+        background-color: rgb(255, 0, 0);
+
+        &:hover::after {
+            background-color: rgba(255, 0, 0, 0.2);
+        }
+    }
+
+    &.layuimini-btn-primary {
+        text-shadow     : rgb(255, 255, 153) 0px 0px 1px;
+        color           : rgb(255, 255, 153);
+        background-color: rgb(255, 255, 153);
+
+        &:hover::after {
+            background-color: rgba(255, 255, 153, 0.2);
+        }
+
+    }
+}
+
+.layui-table {
+    background: rgba(126, 252, 246, 0.05);
+    color     : $main-color;
+
+
+    thead tr {
+        background-color: rgba(126, 252, 246, 0.15);
+    }
+
+    td {
+        border-color: $less-main-color;
+    }
+
+}
+
+.layui-table-header {
+    background-color: $black-color;
+}
+
+.layuimini-container .layui-table-box {
+    border-color: $less-main-color;
+}
+
+.layuimini-container .layui-table-box .layui-table-header th {
+    color: $main-color !important;
+}
+
+.layui-table-tool .layui-inline[lay-event] {
+    color       : $main-color;
+    border-color: $main-color;
+    clip-path   : $box-shape;
+}
+
+.layui-table tbody tr:hover {
+    background-color: rgba(126, 252, 246, 0.1);
+}
+
+.layuimini-main {
+    border-color: $less-main-color;
+}
+
+.layui-table-header {
+    border-color: $less-main-color;
+}
+
+.layui-layer {
+    background-color: $black-color;
+}
+
+.color-content>ul>li>a>div>span:nth-child(2) {
+    background-color: $black-color !important;
+}
+
+.layuimini-color .elem-content li {
+    clip-path: $box-shape;
+}
+
+.layuimini-color .elem-content li.layui-this {
+    background-color: $main-color;
+    color           : $black-color !important;
+    border-color    : $less-main-color;
+}
+
+.layuimini-color .more-menu-item {
+    color: $main-color;
+
+    &:hover {
+        background-color: rgba(62, 251, 251, 0.05);
+    }
+}
+
+.layui-layout-admin .layui-header {
+    background-color: $cover-color !important;
+}
+
+.layuimini-tab .layui-tab-title {
+    background-color: $cover-color !important;
+    border-color    : $less-main-color;
+
+}
+
+.layui-header .layuimini-menu-header-pc.layui-nav .layui-nav-item a:hover,
+.layui-header .layuimini-header-menu.layuimini-pc-show.layui-nav .layui-this a {
+    color: $main-color !important;
+}
+
+.layui-layout-admin .layui-header .layui-nav .layui-nav-item a {
+    color: $main-color !important;
+}
+
+.layui-layout-admin .layui-header .layuimini-header-content>ul>.layui-nav-item.layui-this,
+.layuimini-tool i:hover {
+    background-color: $cover-color !important;
+}
+
+.layuimini-tab .layui-tab-control>li {
+    background-color: $black-color;
+    border-color    : $less-main-color;
+}
+
+.layuimini-tab .layui-tab-title li {
+    border-color: $less-main-color;
+}
+
+.layui-flow-more a *,
+.layui-laypage input,
+.layui-table-view select[lay-ignore] {
+    border-color    : $less-main-color;
+    background-color: $black-color;
+    color           : $main-color;
+}
+
+.layui-laypage button,
+.layui-laypage input {
+    border-color    : $less-main-color;
+    background-color: $black-color;
+    color           : $main-color;
+
+}
+
+.layuimini-container .layui-form-switch {
+    border-color: $less-main-color !important;
+
+    background-color: $black-color !important;
+
+}
+
+.layuimini-container .layui-laypage .layui-laypage-curr .layui-laypage-em {
+    background-color: $main-color !important;
+}
+
+.layui-laypage .layui-laypage-curr em{
+    color           : $black-color !important;
+}
\ No newline at end of file
diff --git a/public/static/common/css/theme/index.css b/public/static/common/css/theme/index.css
index f1be79a..2456562 100644
--- a/public/static/common/css/theme/index.css
+++ b/public/static/common/css/theme/index.css
@@ -46,4 +46,179 @@
 }
 .elem-style-demo .layuimini-container .layui-laypage .layui-laypage-curr .layui-laypage-em {
   background-color: #6C6E71 !important;
+}
+
+.elem-style-sicfi {
+  background-color: rgb(2, 17, 20);
+  color: rgb(126, 252, 246);
+}
+.elem-style-sicfi .layuimini-main {
+  background-color: rgb(2, 17, 20);
+}
+.elem-style-sicfi .layuimini-container .layui-table-tool {
+  background-color: rgb(2, 17, 20);
+}
+.elem-style-sicfi .layui-btn {
+  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 0);
+          clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 0);
+  padding-right: 10px;
+  position: relative;
+  background-color: transparent;
+  border: unset;
+  color: rgb(126, 252, 246);
+  text-shadow: rgb(126, 252, 246) 0px 0px 1px;
+  background-color: rgb(126, 252, 246);
+}
+.elem-style-sicfi .layui-btn::before {
+  content: "";
+  display: block;
+  position: absolute;
+  z-index: -1;
+  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 0);
+          clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 0);
+  width: 100%;
+  height: 100%;
+  left: -0.5px;
+  top: -0.5px;
+  background-color: rgb(2, 17, 20);
+}
+.elem-style-sicfi .layui-btn:hover::after {
+  content: "";
+  display: block;
+  position: absolute;
+  z-index: -1;
+  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 0);
+          clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 0);
+  width: 100%;
+  height: 100%;
+  left: -0.5px;
+  top: -0.5px;
+  background-color: rgba(126, 252, 246, 0.2);
+}
+.elem-style-sicfi .layui-btn.layui-btn-success {
+  text-shadow: rgb(0, 255, 0) 0px 0px 1px;
+  color: rgb(0, 255, 0);
+  background-color: rgb(0, 255, 0);
+}
+.elem-style-sicfi .layui-btn.layui-btn-success:hover::after {
+  background-color: rgba(0, 255, 0, 0.2);
+}
+.elem-style-sicfi .layui-btn.layui-btn-danger {
+  text-shadow: rgb(255, 0, 0) 0px 0px 1px;
+  color: rgb(255, 0, 0);
+  background-color: rgb(255, 0, 0);
+}
+.elem-style-sicfi .layui-btn.layui-btn-danger:hover::after {
+  background-color: rgba(255, 0, 0, 0.2);
+}
+.elem-style-sicfi .layui-btn.layuimini-btn-primary {
+  text-shadow: rgb(255, 255, 153) 0px 0px 1px;
+  color: rgb(255, 255, 153);
+  background-color: rgb(255, 255, 153);
+}
+.elem-style-sicfi .layui-btn.layuimini-btn-primary:hover::after {
+  background-color: rgba(255, 255, 153, 0.2);
+}
+.elem-style-sicfi .layui-table {
+  background: rgba(126, 252, 246, 0.05);
+  color: rgb(126, 252, 246);
+}
+.elem-style-sicfi .layui-table thead tr {
+  background-color: rgba(126, 252, 246, 0.15);
+}
+.elem-style-sicfi .layui-table td {
+  border-color: rgb(6, 216, 215);
+}
+.elem-style-sicfi .layui-table-header {
+  background-color: rgb(2, 17, 20);
+}
+.elem-style-sicfi .layuimini-container .layui-table-box {
+  border-color: rgb(6, 216, 215);
+}
+.elem-style-sicfi .layuimini-container .layui-table-box .layui-table-header th {
+  color: rgb(126, 252, 246) !important;
+}
+.elem-style-sicfi .layui-table-tool .layui-inline[lay-event] {
+  color: rgb(126, 252, 246);
+  border-color: rgb(126, 252, 246);
+  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 0);
+          clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 0);
+}
+.elem-style-sicfi .layui-table tbody tr:hover {
+  background-color: rgba(126, 252, 246, 0.1);
+}
+.elem-style-sicfi .layuimini-main {
+  border-color: rgb(6, 216, 215);
+}
+.elem-style-sicfi .layui-table-header {
+  border-color: rgb(6, 216, 215);
+}
+.elem-style-sicfi .layui-layer {
+  background-color: rgb(2, 17, 20);
+}
+.elem-style-sicfi .color-content > ul > li > a > div > span:nth-child(2) {
+  background-color: rgb(2, 17, 20) !important;
+}
+.elem-style-sicfi .layuimini-color .elem-content li {
+  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 0);
+          clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 0);
+}
+.elem-style-sicfi .layuimini-color .elem-content li.layui-this {
+  background-color: rgb(126, 252, 246);
+  color: rgb(2, 17, 20) !important;
+  border-color: rgb(6, 216, 215);
+}
+.elem-style-sicfi .layuimini-color .more-menu-item {
+  color: rgb(126, 252, 246);
+}
+.elem-style-sicfi .layuimini-color .more-menu-item:hover {
+  background-color: rgba(62, 251, 251, 0.05);
+}
+.elem-style-sicfi .layui-layout-admin .layui-header {
+  background-color: rgba(62, 251, 251, 0.05) !important;
+}
+.elem-style-sicfi .layuimini-tab .layui-tab-title {
+  background-color: rgba(62, 251, 251, 0.05) !important;
+  border-color: rgb(6, 216, 215);
+}
+.elem-style-sicfi .layui-header .layuimini-menu-header-pc.layui-nav .layui-nav-item a:hover,
+.elem-style-sicfi .layui-header .layuimini-header-menu.layuimini-pc-show.layui-nav .layui-this a {
+  color: rgb(126, 252, 246) !important;
+}
+.elem-style-sicfi .layui-layout-admin .layui-header .layui-nav .layui-nav-item a {
+  color: rgb(126, 252, 246) !important;
+}
+.elem-style-sicfi .layui-layout-admin .layui-header .layuimini-header-content > ul > .layui-nav-item.layui-this,
+.elem-style-sicfi .layuimini-tool i:hover {
+  background-color: rgba(62, 251, 251, 0.05) !important;
+}
+.elem-style-sicfi .layuimini-tab .layui-tab-control > li {
+  background-color: rgb(2, 17, 20);
+  border-color: rgb(6, 216, 215);
+}
+.elem-style-sicfi .layuimini-tab .layui-tab-title li {
+  border-color: rgb(6, 216, 215);
+}
+.elem-style-sicfi .layui-flow-more a *,
+.elem-style-sicfi .layui-laypage input,
+.elem-style-sicfi .layui-table-view select[lay-ignore] {
+  border-color: rgb(6, 216, 215);
+  background-color: rgb(2, 17, 20);
+  color: rgb(126, 252, 246);
+}
+.elem-style-sicfi .layui-laypage button,
+.elem-style-sicfi .layui-laypage input {
+  border-color: rgb(6, 216, 215);
+  background-color: rgb(2, 17, 20);
+  color: rgb(126, 252, 246);
+}
+.elem-style-sicfi .layuimini-container .layui-form-switch {
+  border-color: rgb(6, 216, 215) !important;
+  background-color: rgb(2, 17, 20) !important;
+}
+.elem-style-sicfi .layuimini-container .layui-laypage .layui-laypage-curr .layui-laypage-em {
+  background-color: rgb(126, 252, 246) !important;
+}
+.elem-style-sicfi .layui-laypage .layui-laypage-curr em {
+  color: rgb(2, 17, 20) !important;
 }
\ No newline at end of file
diff --git a/public/static/common/css/theme/index.scss b/public/static/common/css/theme/index.scss
index 9a1565e..d67136e 100644
--- a/public/static/common/css/theme/index.scss
+++ b/public/static/common/css/theme/index.scss
@@ -1,3 +1,4 @@
+
 .elem-style-normal {
     @import 'normal';
 }
diff --git a/public/static/common/css/theme/sicfi/button_line.svg b/public/static/common/css/theme/sicfi/button_line.svg
new file mode 100644
index 0000000..d08d35e
--- /dev/null
+++ b/public/static/common/css/theme/sicfi/button_line.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 178 38" preserveAspectRatio="none">
+    <g>
+        <g>
+            <path data-type="shape" d="M0,0 L0,34 L159,34 L174,19 L174,0"></path>
+        </g>
+        <path data-type="polyline" d="M0,34 L159,34 L174,19"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/static/plugs/easy-admin/easy-admin.js b/public/static/plugs/easy-admin/easy-admin.js
index 1a68474..6822d4e 100644
--- a/public/static/plugs/easy-admin/easy-admin.js
+++ b/public/static/plugs/easy-admin/easy-admin.js
@@ -959,6 +959,9 @@ define(["jquery", "tableSelect", "ckeditor", 'miniTheme'], function ($, tableSel
 
             // 统一列返回数据处理
             returnColumnValue(data) {
+                if(!data.LAY_COL){
+                    return '';
+                }
                 var option = data.LAY_COL;
                 var field = option.field;
                 var defaultValue = option.defaultValue;