first commit

target/classes/static/assets/platform/css/common.css

@@ -0,0 +1,178 @@
+[v-cloak] {
+    display: none
+}
+
+/*b*/
+.platform {
+    /*background-color: rgb(240, 242, 245);*/
+    /*padding: 15px;*/
+}
+
+.platform .guava-card .slot-class {
+    height: calc(100vh - 180px);
+}
+
+.search {
+    display: flex;
+    flex-wrap: wrap;
+    margin-bottom: -15px;
+}
+
+.search .search-item {
+    display: flex;
+    align-items: center;
+    margin-bottom: 15px;
+    box-sizing: border-box;
+    width: calc((100% - 160px) / 3);
+    overflow: hidden;
+}
+
+.search .search-query {
+    width: 160px;
+    margin-bottom: 15px;
+    overflow: hidden;
+    white-space: nowrap;
+}
+
+.search .search-item:not(:last-child) {
+    padding-right: 40px;
+}
+
+.search .search-item-label {
+    color: rgb(100, 100, 100);
+    margin-right: 10px;
+    width: 80px;
+    min-width: 80px;
+    overflow: hidden;
+}
+
+.search .search-item-option {
+    min-width: calc(100% - 80px - 10px);
+    overflow: hidden;
+}
+
+@media screen and (max-width: 1200px) {
+    .search .search-item {
+        width: calc((100% - 160px) / 2);
+    }
+}
+
+@media screen and (max-width: 992px) {
+    .search .search-item {
+        width: 100%;
+    }
+
+    .search .search-item:not(:last-child) {
+        padding-right: 0;
+    }
+}
+
+
+.platform .vi-table table thead tr th {
+    background-color: #fafafa !important;
+}
+
+.table-tool-group {
+    margin-left: 15px;
+    overflow: hidden;
+    border-radius: 20px;
+    display: flex;
+}
+
+.table-tool-group .table-tool-group-item {
+    width: 40px;
+    height: 40px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+    background-color: rgba(240, 240, 240, .7);
+    font-weight: bolder;
+    transition: all 250ms;
+}
+
+.table-tool-group .table-tool-group-item:not(:last-child) {
+    border-right: 1px solid white;
+}
+
+.table-tool-group .table-tool-group-item:hover {
+    color: white;
+    background-color: rgb(64, 158, 255);
+}
+
+/*e*/
+
+.width-100 {
+    width: 100%;
+}
+
+.ie-must-go-die {
+    position: fixed;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+}
+
+.ie-must-go-die .ie-container {
+    position: absolute;
+    top: 40%;
+    left: 33%;
+    text-align: center;
+    color: #000;
+}
+
+.ie-must-go-die .ie-container h1 {
+    font-size: 28px;
+    margin-bottom: 36px;
+}
+
+.ie-must-go-die .ie-container p {
+    font-size: 16px;
+    line-height: 24px;
+    margin-bottom: 16px;
+}
+
+.ie-must-go-die .ie-container a {
+    display: block;
+    color: inherit;
+}
+
+.ie-must-go-die .ie-container a:hover {
+    text-decoration: underline;
+}
+
+.ie-must-go-die .ie-container a:visited {
+    color: inherit;
+}
+
+.el-loading-spinner i {
+    font-size: 28px;
+}
+
+.el-loading-spinner i, .el-loading-spinner p {
+    /*color: white !important;*/
+}
+
+.w-e-toolbar {
+    background-color: white !important;
+    border-color: #DCDFE6 !important;
+}
+
+.w-e-text-container {
+    border-color: #DCDFE6 !important;
+}
+
+.el-radio-group label {
+    margin-bottom: 0 !important;
+}
+
+
+/* 滚动条整体部分 */
+.main-navigation::-webkit-scrollbar {
+    display: none;
+}
+
+.main-navigation {
+    border-right: 3px solid rgb(240, 240, 240);
+}

target/classes/static/assets/platform/css/elmain.css

@@ -0,0 +1,138 @@
+/*.el-dialog__header{*/
+/*border-bottom: 1px solid #e5e5e5;*/
+/*}*/
+
+/*.el-dialog__footer{*/
+/*border-top: 1px solid #e5e5e5;*/
+/*}*/
+.el-table-container {
+    padding-top: 54px;
+    padding-left: 5px;
+    padding-right: 5px;
+}
+
+.el-pagination-container {
+    background-color: #fff;
+}
+
+.el-pagination {
+    height: 50px;
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+}
+
+.el-pagination button, .el-pagination span:not([class*=suffix]) {
+    line-height: 50px;
+    height: 50px;
+}
+
+a .collapsed {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIW…aIJN0bgQRgIjnlmn1heSO5PE6Y2YXe+5Cr5+h++gs12AcAS6FS+7YOsj4AAAAASUVORK5CYII=);
+}
+
+a .expanded {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIW…EYRYBPOB0gBShKwKGA////48VtbW3/8clTnBIH3gCKkzJgAGvBX0dDm0sCAAAAAElFTkSuQmCC);
+}
+
+.ms-tree-space {
+    position: relative;
+    top: 1px;
+    display: inline-block;
+    font-family: 'Glyphicons Halflings';
+    font-style: normal;
+    font-weight: 400;
+    line-height: 1;
+    width: 18px;
+    height: 14px;
+}
+
+.ms-tree-space::before {
+    content: ""
+}
+
+.el-table__expand-icon--expanded {
+    -ms-transform: rotate(90deg);
+    transform: rotate(90deg);
+}
+
+.el-table-expand {
+    font-size: 0;
+}
+.el-table-expand label {
+    width: 90px;
+    color: #99a9bf;
+    font-size: 12px;
+}
+.el-table-expand .el-form-item{
+    margin-bottom: 2px;
+    margin-right: 0;
+    width: 50%;
+    display: inline-block;
+    vertical-align: top;
+}
+.el-table-expand .el-form-item__content {
+    margin-right: 0;
+    margin-bottom: 0;
+    font-size: 12px;
+    display: inline-block;
+    vertical-align: top;
+    position: relative;
+}
+
+.el-table-expand-line {
+    font-size: 0;
+}
+.el-table-expand-line label {
+    width: 90px;
+    color: #99a9bf;
+    font-size: 12px;
+}
+.el-table-expand-line .el-form-item{
+    margin-bottom: 2px;
+    margin-right: 0;
+    width: 100%;
+    display: inline-block;
+    vertical-align: top;
+}
+.el-table-expand-line .el-form-item__content {
+    margin-right: 0;
+    margin-bottom: 0;
+    font-size: 12px;
+    display: inline-block;
+    vertical-align: top;
+    position: relative;
+}
+
+.el-table__body-wrapper {
+    /*scrollbar-width: none; !* firefox *!*/
+    -ms-overflow-style: none; /* IE 10+ */
+    overflow-x: hidden;
+    overflow-y: auto;
+}
+
+
+.el-upload__tip {
+    margin-top: 0px;
+    color: #c33714;
+}
+
+.el-dialog {
+    width: 60%;
+}
+
+.el-table__empty-block {
+    width: 100% !important;
+    min-height: 300px;
+    background: url("/none.png") no-repeat center center;
+    background-size: 360px 260px;
+}
+
+.el-table__empty-text {
+    display: block;
+    position: absolute;
+    bottom: 80px;
+    height: 40px;
+    line-height: 40px;
+    /*display: none !important;*/
+}

target/classes/static/assets/platform/css/my.css

@@ -0,0 +1,140 @@
+#app {
+    height: 100%;
+    overflow-y: auto;
+}
+
+#app > .transition-row {
+    min-height: calc(100vh - 50px);
+}
+
+#app > .transition-row > .transition-item {
+    width: 100%;
+    min-height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0
+}
+
+.viewer-container {
+    z-index: 9999;
+}
+
+.header {
+    position: relative;
+}
+
+.app .header-fixed + .layout {
+    padding-top: 0;
+}
+
+.el-table-container {
+    padding-top: 0;
+}
+
+.layout {
+    max-height: calc(100vh - 50px);
+}
+
+.sidebar {
+    width: 250px;
+}
+
+.app .brand {
+    width: 250px !important;
+}
+
+.small-menu .brand {
+    width: 70px !important;
+}
+
+input[type="file"] {
+    display: none
+}
+
+.pointer {
+    cursor: pointer;
+}
+
+.space-around {
+    justify-content: space-around;
+}
+
+.space-between {
+    justify-content: space-between;
+}
+
+.el-upload__tip {
+    margin-top: 0px;
+    color: #c33714;
+}
+
+.el-dialog {
+    width: 60%;
+}
+
+.el-table__empty-block {
+    min-height: 300px;
+    background: url("/none.png") no-repeat center center;
+    background-size: 360px 260px;
+    width: 100% !important;
+}
+
+.el-table__empty-text {
+    display: block;
+    position: absolute;
+    bottom: 80px;
+    height: 40px;
+    line-height: 40px;
+}
+
+.el-radio-group label{
+    margin-bottom: 0!important;
+}
+
+
+.el-scrollbar__wrap { overflow: scroll; width: 110%; height: 120%; }
+
+/* 滚动条有滑块的轨道部分 */
+::-webkit-scrollbar-track-piece {
+    background-color: #00000000;
+    border-radius: 1px;
+}
+
+/* 整个滚动条 */
+::-webkit-scrollbar {
+    width: 4px;
+    height: 100%;
+}
+
+/* 滚动条竖向滑块 */
+::-webkit-scrollbar-thumb:vertical {
+    width: 6px;
+    height: 6px;
+    cursor: pointer;
+    background-color: rgba(255, 255, 255, 0.5);
+    border-radius: 1px;
+}
+
+/* 滚动条竖向滑块hover */
+::-webkit-scrollbar-thumb:vertical:hover {
+    background-color: rgba(255, 255, 255, .2);
+}
+
+/* 滚动条横向滑块 */
+::-webkit-scrollbar-thumb:horizontal {
+    width: 6px;
+    height: 6px;
+    cursor: pointer;
+    background-color: rgba(255, 255, 255, .1);
+    border-radius: 1px;
+}
+
+/* 滚动条横向滑块hover */
+::-webkit-scrollbar-thumb:horizontal:hover {
+    background-color: rgba(255, 255, 255, .2);
+}
+
+/* 同时有垂直和水平滚动条时交汇的部分 */
+::-webkit-scrollbar-corner {
+    display: block;    /* 修复交汇时出现的白块 */
+}

target/classes/static/assets/platform/css/panel.css

@@ -0,0 +1,283 @@
+.options {
+	-webkit-transform: scale(0.7);
+	-moz-transform: scale(0.7);
+	-ms-transform: scale(0.7);
+	transform: scale(0.7);
+	-webkit-backface-visibility: hidden;
+	opacity: 0;
+	-webkit-transition: all 300ms;
+	-moz-transition: all 300ms;
+	transition: all 300ms
+}
+
+.playground.opened {
+	visibility: visible
+}
+
+.opened .options {
+	-webkit-transform: scale(1);
+	-moz-transform: scale(1);
+	-ms-transform: scale(1);
+	transform: scale(1);
+	opacity: 1
+}
+
+.pg-cal {
+	text-align: center;
+	display: block
+}
+
+.pg-val {
+	display: block;
+	float: left;
+	width: 95px;
+	margin-right: 13px;
+	margin-bottom: 10px;
+	padding: 5px;
+	border-radius: 4px;
+	-moz-border-radius: 4px;
+	-webkit-border-radius: 4px;
+	text-transform: uppercase;
+	white-space: nowrap;
+	color: #5f5f5f;
+	border: 1px solid transparent
+}
+
+.pg-val:hover {
+	cursor: pointer
+}
+
+.pg-val:hover,.pg-val.active {
+	color: #000
+}
+
+.pg-val i {
+	display: block
+}
+
+.playground {
+	/* display: none;
+	visibility: hidden; */
+	position: fixed;
+	top: 50%;
+	left: 50%;
+	width: 500px;
+	height: auto;
+	z-index: 9999;
+	-webkit-transform: translateX(-50%) translateY(-50%);
+	-moz-transform: translateX(-50%) translateY(-50%);
+	-ms-transform: translateX(-50%) translateY(-50%);
+	transform: translateX(-50%) translateY(-50%);
+	visibility: hidden;
+	-webkit-backface-visibility: hidden
+}
+
+.playground>.options {
+	position: relative;
+	background: #fff;
+	border: 1px solid #ccc;
+	border-radius: 2px;
+	overflow: hidden;
+	padding: 15px 0
+}
+
+.playground>.options:before {
+	content: "";
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	right: 0;
+	width: 50%;
+	background-color: #f5f5f5;
+	z-index: -1
+}
+
+.playground h6 {
+	font-size: 11px;
+	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
+}
+
+.pg-toggle {
+	/* display: none;
+	visibility: hidden; 
+	text-align: center;
+	font-size: 20px;
+	width: 40px;
+	height: 40px;
+	line-height: 40px;
+	margin: 0;
+	z-index: 9999;
+	cursor: pointer;
+	background: #fff;
+	border: 1px solid #8d8d8d;
+	border-right: 0;
+	border-radius: 4px 0 0 4px;
+	-moz-border-radius: 4px 0 0 4px;
+	-webkit-border-radius: 4px 0 0 4px;
+	position: fixed;
+	top: 50%;
+	right: 0;
+	-webkit-transform: translateX(0) translateY(-50%);
+	-moz-transform: translateX(0) translateY(-50%);
+	-ms-transform: translateX(0) translateY(-50%);
+	transform: translateX(0) translateY(-50%)*/
+}
+
+.playground .pg-close {
+	position: absolute;
+	padding: 15px;
+	right: 0;
+	cursor: pointer
+}
+
+.playground select {
+	width: 100%;
+	font-size: 10px;
+	text-transform: uppercase;
+	outline: none !important;
+	letter-spacing: 1px
+}
+
+.playground .options-container {
+	width: 50%;
+	float: left;
+	padding: 3px 15px
+}
+
+.playground small {
+	font-size: 80%
+}
+
+.playground .cs_color {
+	position: relative;
+	display: inline-block;
+	width: 95px;
+	margin-right: 13px;
+	margin-bottom: 5px;
+	padding: 5px;
+	border-radius: 4px;
+	-moz-border-radius: 4px;
+	-webkit-border-radius: 4px;
+	border: 1px solid transparent
+}
+
+.cs_color>div:first-child {
+	width: 30%;
+	height: 12px;
+	float: left
+}
+
+.cs_color>div:nth-child(2) {
+	width: 70%;
+	height: 12px;
+	float: left
+}
+
+.cs_color>div:nth-child(3) {
+	width: 30%;
+	height: 71px;
+	float: left
+}
+
+.cs_color>div:nth-child(4) {
+	width: 70%;
+	height: 71px;
+	background-color: #f1f4f9;
+	float: left
+}
+
+.playground .cs_color.active,.playground .cs_color:hover,.pg-val:hover,.pg-val.active
+	{
+	border: 1px solid #a55ee7
+}
+
+.playground .cs_1 div:first-child {
+	background: #147bd0
+}
+
+.playground .cs_1 div:nth-child(2) {
+	background: #1582dc
+}
+
+.playground .cs_1 div:nth-child(3) {
+	background: #2e353d
+}
+
+.playground .cs_2 div:first-child {
+	background: #14a5d3
+}
+
+.playground .cs_2 div:nth-child(2) {
+	background: #15acdc
+}
+
+.playground .cs_2 div:nth-child(3) {
+	background: #4f576b
+}
+
+.playground .cs_3 div:first-child {
+	background: #353d46
+}
+
+.playground .cs_3 div:nth-child(2) {
+	background: #353d46
+}
+
+.playground .cs_3 div:nth-child(3) {
+	background: #353d46
+}
+
+.playground .cs_4 div:first-child {
+	background: #fff;
+	height: 10px;
+	border: 1px solid #eee;
+	border-right: 0
+}
+
+.playground .cs_4 div:nth-child(2) {
+	background: #fff;
+	height: 10px;
+	border: 1px solid #eee;
+	border-left: 0
+}
+
+.playground .cs_4 div:nth-child(3) {
+	background: #39424c
+}
+
+.playground .cs_5 div:first-child {
+	background: #2dbe60
+}
+
+.playground .cs_5 div:nth-child(2) {
+	background: #2dbe60
+}
+
+.playground .cs_5 div:nth-child(3) {
+	background: #f1f4f9
+}
+
+.playground .cs_5 div:nth-child(4) {
+	background: white
+}
+
+.pg-footer {
+	position: absolute;
+	width: 100%;
+	text-align: right;
+	bottom: 5px;
+	right: 5px
+}
+
+.layout-toggleMenu__item{
+	display: inline-block;
+	cursor: pointer;
+	padding: 5px;
+	margin-left: 5px;
+	border: 1px solid transparent;
+	border-radius: 4px;
+}
+
+.layout-toggleMenu__item.is-active{
+	border-color: #a55ee7;
+}

target/classes/static/assets/platform/css/skins/palette.2.css

@@ -0,0 +1,265 @@
+::-moz-selection {
+  background: #15acdc;
+  color: #ffffff;
+  text-shadow: none;
+}
+
+::selection {
+  background: #15acdc;
+  color: #ffffff;
+  text-shadow: none;
+}
+
+.loader:after {
+  border: solid 1px transparent;
+  border-top-color: #15db81;
+  border-left-color: #15db81;
+}
+
+a:active, a:focus, a:hover {
+  color: #11ac66;
+}
+
+.app > .header {
+  background-color: #15acdc;
+}
+
+.app > .header .brand {
+  background-color: #14a5d3;
+}
+
+.app > .header .brand a, .app > .header .brand a:hover {
+  color: rgba(219, 244, 252, 0.9);
+}
+
+.app > .header .navbar-toggle, .app > .header .nav > li > a, .app > .header .bg-none {
+  color: #dbf4fc;
+}
+
+@media screen and (min-width: 768px) {
+  .header .nav > li > a:hover, .header .nav > li > a:focus, .header .nav .open > a, .header .nav .open > a:hover, .header .nav .open > a:focus {
+    background-color: #139dc9;
+  }
+}
+
+.header .nav .dropdown-menu .open > a{
+  background-color: #dcdff0;
+}
+
+.header .open a.toggle-search, .header a.toggle-search:hover {
+  background-color: #139dc9;
+}
+
+.sidebar {
+  background-color: #4f576b;
+  color: #bec8e0;
+}
+
+.sidebar a, .sidebar .nav-title {
+  color: #bec8e0;
+}
+
+.compact-menu .main-navigation > ul > li {
+  border-bottom: 1px solid #4b5265;
+  border-top: 1px solid rgba(255, 255, 255, 0.05);
+}
+
+.app:not(.small-menu) .main-navigation > ul > li > ul > li.active a, .app:not(.small-menu) .main-navigation > ul > li > ul > li a:hover {
+  color: #ffffff;
+}
+
+.main-navigation > ul > li:hover > a {
+  color: #ffffff;
+}
+
+.main-navigation > ul > li.open .sub-menu {
+  background-color: #525b6f;
+}
+
+@media screen and (min-width: 768px) {
+  .small-menu .main-navigation > ul > li.open {
+    background-color: #4b5265;
+  }
+}
+
+.gallery .overlay {
+  background-color: #15acdc;
+  background-color: rgba(21, 172, 220, 0.9);
+}
+
+.btn-color {
+  color: #ffffff;
+  background-color: #15acdc;
+  border-color: #15acdc;
+}
+
+a.btn-color {
+  color: #ffffff;
+}
+
+.btn-color:hover, .btn-color:focus, .btn-color:active, .btn-color.active, .open .dropdown-toggle.btn-color {
+  color: #ffffff;
+  background-color: #139ac5;
+  background-image: none;
+  border-color: #139ac5;
+}
+
+.btn-color.disabled, .btn-color[disabled], fieldset[disabled] .btn-color, .btn-color.disabled:hover, .btn-color[disabled]:hover, fieldset[disabled] .btn-color:hover, .btn-color.disabled:focus, .btn-color[disabled]:focus, fieldset[disabled] .btn-color:focus, .btn-color.disabled:active, .btn-color[disabled]:active, fieldset[disabled] .btn-color:active, .btn-color.disabled.active, .btn-color[disabled].active, fieldset[disabled] .btn-color.active {
+  background-color: #15acdc;
+  border-color: #15acdc;
+}
+
+.btn-color.btn-outline {
+  background-color: transparent;
+  color: #15acdc;
+}
+
+.btn-color.btn-outline:hover, .btn-color.btn-outline:focus, .btn-color.btn-outline:active, .btn-color.btn-outline.active {
+  background-color: #15acdc;
+  color: #ffffff;
+}
+
+.color {
+  color: #15acdc;
+}
+
+#nestable2 .dd-handle {
+  color: #b9e6f5;
+  border: 1px solid #15acdc;
+  background-color: #15acdc;
+}
+
+#nestable2 .dd-handle:hover {
+  background-color: #21b9ea;
+}
+
+.slider-color .slider-selection {
+  background-color: #15acdc;
+}
+
+.slider-color .slider-handle {
+  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px, #15acdc 0px 0px 0px 1px;
+}
+
+.panel-color {
+  border-color: #15acdc;
+}
+
+.panel-color > .panel-heading {
+  color: #b9e6f5;
+  background-color: #15acdc;
+  border-color: #15acdc;
+}
+
+.panel-color > .panel-heading + .panel-collapse .panel-body {
+  border-top-color: #15acdc;
+}
+
+.panel-color > .panel-heading a {
+  color: #b9e6f5;
+}
+
+.panel-color > .panel-footer + .panel-collapse .panel-body {
+  border-bottom-color: #15acdc;
+}
+
+.label-color {
+  background-color: #15acdc;
+}
+
+.label-color[href]:hover, .label-color[href]:focus {
+  background-color: #1188ad;
+}
+
+.bg-color {
+  background-color: #15acdc;
+  color: #b9e6f5;
+}
+
+.bg-color a {
+  color: #b9e6f5;
+}
+
+.bg-color a:active, .bg-color a:focus, .bg-color a:hover {
+  color: #8cd6ee;
+  text-decoration: none;
+  outline: 0;
+}
+
+.bg-color .nav > li:hover > a, .bg-color .nav > li:focus > a, .bg-color .nav > li:active > a, .bg-color .nav > li.active > a, .bg-color .nav > li > a:hover, .bg-color .nav > li > a:focus {
+  background-color: #14a1ce;
+}
+
+.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
+  border-color: #15acdc;
+  background-color: #15acdc;
+  color: #ffffff;
+}
+
+.progress-bar-color {
+  background-color: #15acdc;
+}
+
+.morris-hover.morris-default-style {
+  border-color: #15acdc;
+  background-color: #15acdc;
+  background-color: rgba(21, 172, 220, 0.9);
+}
+
+.morris-hover.morris-default-style a {
+  color: #ffffff;
+}
+
+#jqstooltip {
+  background-color: #15acdc;
+  border-color: #15acdc;
+}
+
+#tooltip {
+  background-color: #15acdc;
+  color: #ffffff;
+}
+
+#tooltip:before {
+  border-color: transparent #15acdc transparent transparent;
+}
+
+.jvectormap-label {
+  border: solid 1px #15acdc;
+  background-color: #15acdc;
+  color: white;
+}
+
+.jvectormap-zoomin, .jvectormap-zoomout {
+  background-color: #15acdc;
+  color: white;
+}
+
+@media screen and (min-width: 768px) {
+  .app.small-menu .sidebar .main-navigation > ul > li .leftMenu__twoIcon{
+    display: inline;
+  }
+  .app.small-menu .sidebar .main-navigation .nav > li > .sub-menu > li a{
+    padding: 5px 20px!important;
+    color: #59595a;
+  }
+  .app.small-menu .sidebar .main-navigation .nav > li > .sub-menu  li.active,
+  .app.small-menu .sidebar .main-navigation .nav > li > .sub-menu > li  a:hover{
+    background-color: #f1f2f9;
+  }
+  .app.small-menu .sidebar .main-navigation .nav > li > .sub-menu > li > a + .sub-menu > li > a{
+    padding: 5px 20px 5px 40px !important;
+  }
+  .app:not(.small-menu) .main-navigation > ul > li > ul  li.active a,
+  .app:not(.small-menu) .main-navigation > ul > li > ul  li a:hover{
+    color: #fff;
+  }
+}
+
+.main-navigation > ul > li .sub-menu .sub-menu{
+  background-color: #5b657b;
+}
+
+.small-menu .main-navigation > ul > li .sub-menu .sub-menu{
+  background-color: transparent;
+}

target/classes/static/assets/platform/css/skins/palette.3.css

@@ -0,0 +1,262 @@
+::-moz-selection {
+  background: #353d46;
+  color: #ffffff;
+  text-shadow: none;
+}
+
+::selection {
+  background: #353d46;
+  color: #ffffff;
+  text-shadow: none;
+}
+
+.loader:after {
+  border: solid 1px transparent;
+  border-top-color: #2e353d;
+  border-left-color: #2e353d;
+}
+
+a:active, a:focus, a:hover {
+  color: #1E81DB;
+}
+
+.app > .header,.app > .header .brand  {
+  background-color: #1867b0;
+}
+
+.app .brand {
+  width: 250px !important;
+}
+
+
+.app > .header .navbar-toggle, .app > .header .nav > li > a, .app > .header .bg-none {
+  color: #FFFFFF;
+}
+
+@media screen and (min-width: 768px) {
+  .header .nav > li > a:hover, .header .nav > li > a:focus, .header .nav .open > a, .header .nav .open > a:hover, .header .nav .open > a:focus {
+    background-color: #1E81DB;
+  }
+}
+
+.header .nav .dropdown-menu .open > a{
+  background-color: #dcdff0;
+}
+
+.header .open a.toggle-search, .header a.toggle-search:hover {
+  background-color: #2c323a;
+}
+
+.sidebar {
+  background-color: #fff;
+  color: #1867b0;
+}
+
+.sidebar a, .sidebar .nav-title {
+  color: #494848;
+}
+
+.compact-menu .main-navigation > ul > li {
+  border-bottom: 1px solid #303840;
+  border-top: 1px solid rgba(255, 255, 255, 0.05);
+}
+
+.app:not(.small-menu) .main-navigation > ul > li > ul > li.active a, .app:not(.small-menu) .main-navigation > ul > li > ul > li a:hover {
+  color: #1867b0;
+}
+
+.main-navigation > ul > li:hover > a {
+  color: #1867b0;
+}
+
+.main-navigation > ul > li.open .sub-menu {
+  background-color: #fff;
+}
+
+@media screen and (min-width: 768px) {
+  .small-menu .main-navigation > ul > li.open {
+    background-color: #FFFFFF;
+  }
+}
+
+.gallery .overlay {
+  background-color: #353d46;
+  background-color: rgba(53, 61, 70, 0.9);
+}
+
+.btn-color {
+  color: #ffffff;
+  background-color: #353d46;
+  border-color: #353d46;
+}
+
+a.btn-color {
+  color: #ffffff;
+}
+
+.btn-color:hover, .btn-color:focus, .btn-color:active, .btn-color.active, .open .dropdown-toggle.btn-color {
+  color: #ffffff;
+  background-color: #2a3037;
+  background-image: none;
+  border-color: #2a3037;
+}
+
+.btn-color.disabled, .btn-color[disabled], fieldset[disabled] .btn-color, .btn-color.disabled:hover, .btn-color[disabled]:hover, fieldset[disabled] .btn-color:hover, .btn-color.disabled:focus, .btn-color[disabled]:focus, fieldset[disabled] .btn-color:focus, .btn-color.disabled:active, .btn-color[disabled]:active, fieldset[disabled] .btn-color:active, .btn-color.disabled.active, .btn-color[disabled].active, fieldset[disabled] .btn-color.active {
+  background-color: #353d46;
+  border-color: #353d46;
+}
+
+.btn-color.btn-outline {
+  background-color: transparent;
+  color: #353d46;
+}
+
+.btn-color.btn-outline:hover, .btn-color.btn-outline:focus, .btn-color.btn-outline:active, .btn-color.btn-outline.active {
+  background-color: #353d46;
+  color: #ffffff;
+}
+
+.color {
+  color: #353d46;
+}
+
+#nestable2 .dd-handle {
+  color: #c2c5c7;
+  border: 1px solid #353d46;
+  background-color: #353d46;
+}
+
+#nestable2 .dd-handle:hover {
+  background-color: #404954;
+}
+
+.slider-color .slider-selection {
+  background-color: #353d46;
+}
+
+.slider-color .slider-handle {
+  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px, #353d46 0px 0px 0px 1px;
+}
+
+.panel-color {
+  border-color: #353d46;
+}
+
+.panel-color > .panel-heading {
+  color: #c2c5c7;
+  background-color: #353d46;
+  border-color: #353d46;
+}
+
+.panel-color > .panel-heading + .panel-collapse .panel-body {
+  border-top-color: #353d46;
+}
+
+.panel-color > .panel-heading a {
+  color: #c2c5c7;
+}
+
+.panel-color > .panel-footer + .panel-collapse .panel-body {
+  border-bottom-color: #353d46;
+}
+
+.label-color {
+  background-color: #353d46;
+}
+
+.label-color[href]:hover, .label-color[href]:focus {
+  background-color: #1f2329;
+}
+
+.bg-color {
+  background-color: #353d46;
+  color: #c2c5c7;
+}
+
+.bg-color a {
+  color: #c2c5c7;
+}
+
+.bg-color a:active, .bg-color a:focus, .bg-color a:hover {
+  color: #a8abaf;
+  text-decoration: none;
+  outline: 0;
+}
+
+.bg-color .nav > li:hover > a, .bg-color .nav > li:focus > a, .bg-color .nav > li:active > a, .bg-color .nav > li.active > a, .bg-color .nav > li > a:hover, .bg-color .nav > li > a:focus {
+  background-color: #2e353d;
+}
+
+.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
+  border-color: #353d46;
+  background-color: #353d46;
+  color: #ffffff;
+}
+
+.progress-bar-color {
+  background-color: #353d46;
+}
+
+.morris-hover.morris-default-style {
+  border-color: #353d46;
+  background-color: #353d46;
+  background-color: rgba(53, 61, 70, 0.9);
+}
+
+.morris-hover.morris-default-style a {
+  color: #ffffff;
+}
+
+#jqstooltip {
+  background-color: #353d46;
+  border-color: #353d46;
+}
+
+#tooltip {
+  background-color: #353d46;
+  color: #ffffff;
+}
+
+#tooltip:before {
+  border-color: transparent #353d46 transparent transparent;
+}
+
+.jvectormap-label {
+  border: solid 1px #353d46;
+  background-color: #353d46;
+  color: white;
+}
+
+.jvectormap-zoomin, .jvectormap-zoomout {
+  background-color: #353d46;
+  color: white;
+}
+
+@media screen and (min-width: 768px) {
+  .app.small-menu .sidebar .main-navigation > ul > li .leftMenu__twoIcon{
+    display: inline;
+  }
+  .app.small-menu .sidebar .main-navigation .nav > li > .sub-menu > li a{
+    padding: 5px 20px!important;
+    color: #59595a;
+  }
+  .app.small-menu .sidebar .main-navigation .nav > li > .sub-menu  li.active,
+  .app.small-menu .sidebar .main-navigation .nav > li > .sub-menu > li  a:hover{
+    background-color: #f1f2f9;
+  }
+  .app.small-menu .sidebar .main-navigation .nav > li > .sub-menu > li > a + .sub-menu > li > a{
+    padding: 5px 20px 5px 40px !important;
+  }
+  .app:not(.small-menu) .main-navigation > ul > li > ul  li.active a,
+  .app:not(.small-menu) .main-navigation > ul > li > ul  li a:hover{
+    color: #1867b0;
+  }
+}
+
+.main-navigation > ul > li .sub-menu .sub-menu{
+  background-color: #fff;
+}
+
+.small-menu .main-navigation > ul > li .sub-menu .sub-menu{
+  background-color: transparent;
+}

target/classes/static/assets/platform/css/skins/palette.4.css

@@ -0,0 +1,242 @@
+@media screen and (min-width: 768px) {
+  .app > header .dropdown-menu {
+    border-top: 1px solid #e3e6f3 !important;
+  }
+}
+
+::-moz-selection {
+  background: #39424c;
+  color: #ffffff;
+  text-shadow: none;
+}
+
+::selection {
+  background: #39424c;
+  color: #ffffff;
+  text-shadow: none;
+}
+
+.loader:after {
+  border: solid 1px transparent;
+  border-top-color: #da3e16;
+  border-left-color: #da3e16;
+}
+
+a:active, a:focus, a:hover {
+  color: #ac3111;
+}
+
+.app > .header {
+  background-color: #ffffff;
+}
+
+.app > .header .brand {
+  background-color: #ffffff;
+}
+
+.app > .header .brand a, .app > .header .brand a:hover {
+  color: rgba(89, 89, 90, 0.9);
+}
+
+.app > .header .navbar-toggle, .app > .header .nav > li > a, .app > .header .bg-none {
+  color: #59595a;
+}
+
+@media screen and (min-width: 768px) {
+  .header .nav > li > a:hover, .header .nav > li > a:focus, .header .nav .open > a, .header .nav .open > a:hover, .header .nav .open > a:focus {
+    background-color: #f5f5f5;
+  }
+}
+
+.header .nav .dropdown-menu .open > a {
+  background-color: #dcdff0;
+}
+
+.header .open a.toggle-search, .header a.toggle-search:hover {
+  background-color: #f5f5f5;
+}
+
+.sidebar {
+  background-color: #39424c;
+  color: #9fadbd;
+}
+
+.sidebar a, .sidebar .nav-title {
+  color: #9fadbd;
+}
+
+.compact-menu .main-navigation > ul > li {
+  border-bottom: 1px solid #353d46;
+  border-top: 1px solid rgba(255, 255, 255, 0.05);
+}
+
+.app:not(.small-menu) .main-navigation > ul > li > ul > li.active a, .app:not(.small-menu) .main-navigation > ul > li > ul > li a:hover {
+  color: #dbe1e7;
+}
+
+.main-navigation > ul > li:hover > a {
+  color: #dbe1e7;
+}
+
+.main-navigation > ul > li.open .sub-menu {
+  background-color: #3c4550;
+}
+
+@media screen and (min-width: 768px) {
+  .small-menu .main-navigation > ul > li.open {
+    background-color: #353d46;
+  }
+}
+
+.gallery .overlay {
+  background-color: #39424c;
+  background-color: rgba(57, 66, 76, 0.9);
+}
+
+.btn-color {
+  color: #ffffff;
+  background-color: #39424c;
+  border-color: #39424c;
+}
+
+a.btn-color {
+  color: #ffffff;
+}
+
+.btn-color:hover, .btn-color:focus, .btn-color:active, .btn-color.active, .open .dropdown-toggle.btn-color {
+  color: #ffffff;
+  background-color: #2e353d;
+  background-image: none;
+  border-color: #2e353d;
+}
+
+.btn-color.disabled, .btn-color[disabled], fieldset[disabled] .btn-color, .btn-color.disabled:hover, .btn-color[disabled]:hover, fieldset[disabled] .btn-color:hover, .btn-color.disabled:focus, .btn-color[disabled]:focus, fieldset[disabled] .btn-color:focus, .btn-color.disabled:active, .btn-color[disabled]:active, fieldset[disabled] .btn-color:active, .btn-color.disabled.active, .btn-color[disabled].active, fieldset[disabled] .btn-color.active {
+  background-color: #39424c;
+  border-color: #39424c;
+}
+
+.btn-color.btn-outline {
+  background-color: transparent;
+  color: #39424c;
+}
+
+.btn-color.btn-outline:hover, .btn-color.btn-outline:focus, .btn-color.btn-outline:active, .btn-color.btn-outline.active {
+  background-color: #39424c;
+  color: #ffffff;
+}
+
+.color {
+  color: #39424c;
+}
+
+#nestable2 .dd-handle {
+  color: #c4c6c9;
+  border: 1px solid #39424c;
+  background-color: #39424c;
+}
+
+#nestable2 .dd-handle:hover {
+  background-color: #444e5a;
+}
+
+.slider-color .slider-selection {
+  background-color: #39424c;
+}
+
+.slider-color .slider-handle {
+  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px, #39424c 0px 0px 0px 1px;
+}
+
+.panel-color {
+  border-color: #39424c;
+}
+
+.panel-color > .panel-heading {
+  color: #c4c6c9;
+  background-color: #39424c;
+  border-color: #39424c;
+}
+
+.panel-color > .panel-heading + .panel-collapse .panel-body {
+  border-top-color: #39424c;
+}
+
+.panel-color > .panel-heading a {
+  color: #c4c6c9;
+}
+
+.panel-color > .panel-footer + .panel-collapse .panel-body {
+  border-bottom-color: #39424c;
+}
+
+.label-color {
+  background-color: #39424c;
+}
+
+.label-color[href]:hover, .label-color[href]:focus {
+  background-color: #23282e;
+}
+
+.bg-color {
+  background-color: #39424c;
+  color: #c4c6c9;
+}
+
+.bg-color a {
+  color: #c4c6c9;
+}
+
+.bg-color a:active, .bg-color a:focus, .bg-color a:hover {
+  color: #a9adb1;
+  text-decoration: none;
+  outline: 0;
+}
+
+.bg-color .nav > li:hover > a, .bg-color .nav > li:focus > a, .bg-color .nav > li:active > a, .bg-color .nav > li.active > a, .bg-color .nav > li > a:hover, .bg-color .nav > li > a:focus {
+  background-color: #323a43;
+}
+
+.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
+  border-color: #39424c;
+  background-color: #39424c;
+  color: #ffffff;
+}
+
+.progress-bar-color {
+  background-color: #39424c;
+}
+
+.morris-hover.morris-default-style {
+  border-color: #39424c;
+  background-color: #39424c;
+  background-color: rgba(57, 66, 76, 0.9);
+}
+
+.morris-hover.morris-default-style a {
+  color: #ffffff;
+}
+
+#jqstooltip {
+  background-color: #39424c;
+  border-color: #39424c;
+}
+
+#tooltip {
+  background-color: #39424c;
+  color: #ffffff;
+}
+
+#tooltip:before {
+  border-color: transparent #39424c transparent transparent;
+}
+
+.jvectormap-label {
+  border: solid 1px #39424c;
+  background-color: #39424c;
+  color: white;
+}
+
+.jvectormap-zoomin, .jvectormap-zoomout {
+  background-color: #39424c;
+  color: white;
+}

target/classes/static/assets/platform/css/skins/palette.css

@@ -0,0 +1,272 @@
+::-moz-selection {
+  background: #4f5061;
+  color: #ffffff;
+  text-shadow: none;
+}
+
+::selection {
+  background: #4f5061;
+  color: #ffffff;
+  text-shadow: none;
+}
+
+.loader:after {
+  border: solid 1px transparent;
+  border-top-color: #1582dc;
+  border-left-color: #1582dc;
+}
+
+a:active, a:focus, a:hover {
+  color: #1166ad;
+}
+
+.app > .header {
+  background-color: #1582dc;
+}
+
+.app > .header .brand {
+  background-color: #147bd0;
+}
+
+.app > .header .brand a, .app > .header .brand a:hover {
+  color: rgba(219, 237, 252, 0.9);
+}
+
+.app > .header .navbar-toggle, .app > .header .nav > li > a, .app > .header .bg-none {
+  color: #dbedfc;
+}
+
+@media screen and (min-width: 768px) {
+  .header .nav > li > a:hover, .header .nav > li > a:focus, .header .nav .open > a, .header .nav .open > a:hover, .header .nav .open > a:focus {
+    background-color: #1377c9;
+  }
+}
+
+.header .nav .dropdown-menu .open > a{
+    background-color: #dcdff0;
+}
+
+.header .open a.toggle-search, .header a.toggle-search:hover {
+  background-color: #1377c9;
+}
+
+.sidebar {
+  background-color: #4f5061;
+  color: #e2e4f6;
+}
+
+.sidebar a, .sidebar .nav-title {
+  color: #e2e4f6;
+}
+
+.compact-menu .main-navigation > ul > li {
+  border-bottom: 1px solid #4a4b5b;
+  border-top: 1px solid rgba(255, 255, 255, 0.05);
+}
+
+.app:not(.small-menu) .main-navigation > ul > li > ul > li.active a, .app:not(.small-menu) .main-navigation > ul > li > ul > li a:hover {
+  color: #ffffff;
+}
+
+.main-navigation > ul > li:hover > a {
+  color: #ffffff;
+}
+
+.main-navigation > ul > li .sub-menu {
+  background-color: #525365;
+}
+
+@media screen and (min-width: 768px) {
+  .small-menu .main-navigation > ul > li.open {
+    background-color: #4a4b5b;
+  }
+  .small-menu .main-navigation .nav > li > .sub-menu .sub-menu {
+    background-color: #4f5061;
+  }
+}
+
+
+.gallery .overlay {
+  background-color: #4f5061;
+  background-color: rgba(79, 80, 97, 0.9);
+}
+
+.btn-color {
+  color: #ffffff;
+  background-color: #4f5061;
+  border-color: #4f5061;
+}
+
+a.btn-color {
+  color: #ffffff;
+}
+
+.btn-color:hover, .btn-color:focus, .btn-color:active, .btn-color.active, .open .dropdown-toggle.btn-color {
+  color: #ffffff;
+  background-color: #444453;
+  background-image: none;
+  border-color: #444453;
+}
+
+.btn-color.disabled, .btn-color[disabled], fieldset[disabled] .btn-color, .btn-color.disabled:hover, .btn-color[disabled]:hover, fieldset[disabled] .btn-color:hover, .btn-color.disabled:focus, .btn-color[disabled]:focus, fieldset[disabled] .btn-color:focus, .btn-color.disabled:active, .btn-color[disabled]:active, fieldset[disabled] .btn-color:active, .btn-color.disabled.active, .btn-color[disabled].active, fieldset[disabled] .btn-color.active {
+  background-color: #4f5061;
+  border-color: #4f5061;
+}
+
+.btn-color.btn-outline {
+  background-color: transparent;
+  color: #4f5061;
+}
+
+.btn-color.btn-outline:hover, .btn-color.btn-outline:focus, .btn-color.btn-outline:active, .btn-color.btn-outline.active {
+  background-color: #4f5061;
+  color: #ffffff;
+}
+
+.color {
+  color: #4f5061;
+}
+
+#nestable2 .dd-handle {
+  color: #cacbd0;
+  border: 1px solid #4f5061;
+  background-color: #4f5061;
+}
+
+#nestable2 .dd-handle:hover {
+  background-color: #5a5c6f;
+}
+
+.slider-color .slider-selection {
+  background-color: #4f5061;
+}
+
+.slider-color .slider-handle {
+  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px, #4f5061 0px 0px 0px 1px;
+}
+
+.panel-color {
+  border-color: #4f5061;
+}
+
+.panel-color > .panel-heading {
+  color: #cacbd0;
+  background-color: #4f5061;
+  border-color: #4f5061;
+}
+
+.panel-color > .panel-heading + .panel-collapse .panel-body {
+  border-top-color: #4f5061;
+}
+
+.panel-color > .panel-heading a {
+  color: #cacbd0;
+}
+
+.panel-color > .panel-footer + .panel-collapse .panel-body {
+  border-bottom-color: #4f5061;
+}
+
+.label-color {
+  background-color: #4f5061;
+}
+
+.label-color[href]:hover, .label-color[href]:focus {
+  background-color: #383945;
+}
+
+.bg-color {
+  background-color: #4f5061;
+  color: #cacbd0;
+}
+
+.bg-color a {
+  color: #cacbd0;
+}
+
+.bg-color a:active, .bg-color a:focus, .bg-color a:hover {
+  color: #afb0b7;
+  text-decoration: none;
+  outline: 0;
+}
+
+.bg-color .nav > li:hover > a, .bg-color .nav > li:focus > a, .bg-color .nav > li:active > a, .bg-color .nav > li.active > a, .bg-color .nav > li > a:hover, .bg-color .nav > li > a:focus {
+  background-color: #484959;
+}
+
+.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
+  border-color: #4f5061;
+  background-color: #4f5061;
+  color: #ffffff;
+}
+
+.progress-bar-color {
+  background-color: #4f5061;
+}
+
+.morris-hover.morris-default-style {
+  border-color: #4f5061;
+  background-color: #4f5061;
+  background-color: rgba(79, 80, 97, 0.9);
+}
+
+.morris-hover.morris-default-style a {
+  color: #ffffff;
+}
+
+#jqstooltip {
+  background-color: #4f5061;
+  border-color: #4f5061;
+}
+
+#tooltip {
+  background-color: #4f5061;
+  color: #ffffff;
+}
+
+#tooltip:before {
+  border-color: transparent #4f5061 transparent transparent;
+}
+
+.jvectormap-label {
+  border: solid 1px #4f5061;
+  background-color: #4f5061;
+  color: white;
+}
+
+.jvectormap-zoomin, .jvectormap-zoomout {
+  background-color: #4f5061;
+  color: white;
+}
+
+@media screen and (min-width: 768px) {
+  .app.small-menu .sidebar .main-navigation > ul > li .leftMenu__twoIcon{
+      display: inline;
+  }
+  .app.small-menu .sidebar .main-navigation .nav > li > .sub-menu > li a{
+    padding: 5px 20px!important;
+    color: #59595a;
+  }
+  .app.small-menu .sidebar .main-navigation .nav > li > .sub-menu  li.active,
+  .app.small-menu .sidebar .main-navigation .nav > li > .sub-menu > li  a:hover{
+      background-color: #f1f2f9;
+  }
+  .small-menu .main-navigation .nav > li > .sub-menu .sub-menu{
+    background-color: transparent;
+  }
+  .app.small-menu .sidebar .main-navigation .nav > li > .sub-menu > li > a + .sub-menu > li > a{
+      padding: 5px 20px 5px 40px !important;
+  }
+  .app:not(.small-menu) .main-navigation > ul > li > ul  li.active a, 
+  .app:not(.small-menu) .main-navigation > ul > li > ul  li a:hover{
+    color: #fff;
+  }
+}
+
+.main-navigation > ul > li .sub-menu .sub-menu{
+    background-color: #57586b;
+}
+
+.small-menu .main-navigation > ul > li .sub-menu .sub-menu{
+  background-color: transparent;
+}

target/classes/static/assets/platform/css/skins/purple.css

@@ -0,0 +1 @@
+.clearfix{zoom:1}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}::-moz-selection{background:#800080;color:#fff;text-shadow:none}::selection{background:#800080;color:#fff;text-shadow:none}a{color:#800080;text-decoration:none;-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms}a:active,.sidebar a:active,a:focus,.sidebar a:focus,a:hover,.sidebar a:hover{color:#4d004d;text-decoration:none;outline:0}.loader:after{border:solid 1px transparent;border-top-color:#800080;border-left-color:#800080}.tags ul li a{border:1px solid #800080}.btn-color{color:#fff;background-color:#800080;border-color:#800080}.btn-color:hover,.btn-color:focus,.btn-color:active,.btn-color.active,.open .dropdown-toggle.btn-color{color:#fff;background-color:#670066;border-color:#670066}.btn-color.btn-outline{background-color:transparent;color:#800080}.btn-color.btn-outline:hover,.btn-color.btn-outline:focus,.btn-color.btn-outline:active,.btn-color.btn-outline.active{background-color:#800080;color:#fff}a.btn-color{color:#fff}.btn-color:active,.btn-color.active,.open .dropdown-toggle.btn-color{background-image:none}.btn-color.disabled,.btn-color[disabled],fieldset[disabled] .btn-color,.btn-color.disabled:hover,.btn-color[disabled]:hover,fieldset[disabled] .btn-color:hover,.btn-color.disabled:focus,.btn-color[disabled]:focus,fieldset[disabled] .btn-color:focus,.btn-color.disabled:active,.btn-color[disabled]:active,fieldset[disabled] .btn-color:active,.btn-color.disabled.active,.btn-color[disabled].active,fieldset[disabled] .btn-color.active{background-color:#800080;border-color:#800080}.color,.drop-cap{color:#800080}.drop-cap.boxed{background-color:#800080;color:#fff}.portfolio-item .overlay-hover{background-color:#800080;position:absolute;top:0;bottom:0;right:0;left:0;opacity:0;filter:alpha(opacity=0)}.overlay-colored-1,.overlay-colored-2,.overlay-colored-3,.overlay-colored-4,.overlay-colored-5,.overlay-colored-6,.overlay-colored-7,.overlay-colored-8,.overlay-colored-9{position:absolute;z-index:1000;top:0;bottom:0;right:0;left:0}.overlay-colored-1{background-color:rgba(128,0,128,0.1)}.overlay-colored-2{background-color:rgba(128,0,128,0.2)}.overlay-colored-3{background-color:rgba(128,0,128,0.3)}.overlay-colored-4{background-color:rgba(128,0,128,0.4)}.overlay-colored-5{background-color:rgba(128,0,128,0.5)}.overlay-colored-6{background-color:rgba(128,0,128,0.6)}.overlay-colored-7{background-color:rgba(128,0,128,0.7)}.overlay-colored-8{background-color:rgba(128,0,128,0.8)}.overlay-colored-9{background-color:rgba(128,0,128,0.9)}header.open,header.sticky,header.fixed-sticky{background-color:rgba(128,0,128,0.95)}.header .navigation>.nav>li>a:hover,.header .navigation>.nav>li.active>a,.nav .open>a{color:rgba(255,102,255,0.95)}.header .dropdown-menu>.active>a,.header .dropdown-menu>.active>a:hover,.header .dropdown-menu>.active>a:focus,.header .dropdown-menu>li>a:hover,.header .dropdown-menu>li>a:focus{color:#800080;background-color:transparent}nav.filter a.active,nav.filter a:active,nav.filter a:focus,nav.filter a:hover{color:#800080}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{border-color:#800080;background-color:#800080;color:#fff}.bg-color{background-color:#800080}.progress-bar-color{background-color:#d0dbec}.heading-font{color:#1a1a1a}

target/classes/static/assets/platform/img/svg/alipay.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1595314354213" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7132" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512"><defs><style type="text/css"></style></defs><path d="M230.771014 576.556522c-12.614493 9.646377-25.228986 23.744928-28.93913 42.295652-5.194203 24.486957-0.742029 55.652174 22.26087 80.13913 28.93913 28.93913 72.718841 37.101449 92.011594 38.585508 51.2 3.710145 106.110145-22.26087 147.663768-50.457971 16.324638-11.130435 43.77971-34.133333 70.492754-69.750725-59.362319-30.423188-133.565217-64.556522-212.22029-61.588406-41.553623 1.484058-70.492754 9.646377-91.269566 20.776812zM983.188406 712.347826c25.971014-61.588406 40.811594-129.113043 40.811594-200.347826 0-281.971014-230.028986-512-512-512S0 230.028986 0 512s230.028986 512 512 512c170.666667 0 321.298551-83.849275 414.794203-212.22029C838.492754 768.742029 693.797101 696.023188 604.011594 652.985507c-42.295652 48.973913-105.368116 97.205797-176.602898 117.982609-44.521739 13.356522-85.333333 18.550725-126.886957 9.646377-42.295652-8.904348-72.718841-28.197101-90.527536-47.489855-8.904348-10.388406-19.292754-22.26087-27.455073-37.843479 0.742029 0.742029 0.742029 2.226087 0.742029 2.968116 0 0-4.452174-7.42029-7.420289-19.292753-1.484058-5.936232-2.968116-11.872464-3.710145-17.808696-0.742029-4.452174-0.742029-8.904348 0-12.614493-0.742029-7.42029 0-15.582609 1.484058-23.744927 4.452174-20.776812 12.614493-43.77971 35.617391-65.298551 48.973913-48.231884 115.014493-50.457971 149.147826-50.457971 50.457971 0.742029 138.017391 22.26087 212.22029 48.973913 20.776812-43.77971 34.133333-89.785507 42.295652-121.692754H304.973913v-33.391304h158.052174v-66.782609H272.324638v-34.133333h190.701449v-66.782609c0-8.904348 2.226087-16.324638 16.324638-16.324637h74.944927v83.107246h207.026087v33.391304H554.295652v66.782609H719.768116S702.701449 494.933333 651.501449 586.202899c115.014493 40.811594 277.518841 104.626087 331.686957 126.144927z m0 0" fill="#06B4FD" p-id="7133"></path></svg>

target/classes/static/assets/platform/img/svg/background.svg

@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="1361px" height="609px" viewBox="0 0 1361 609" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
+    <title>Group 21</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Ant-Design-Pro-3.0" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="账户密码登录-校验" transform="translate(-79.000000, -82.000000)">
+            <g id="Group-21" transform="translate(77.000000, 73.000000)">
+                <g id="Group-18" opacity="0.8" transform="translate(74.901416, 569.699158) rotate(-7.000000) translate(-74.901416, -569.699158) translate(4.901416, 525.199158)">
+                    <ellipse id="Oval-11" fill="#CFDAE6" opacity="0.25" cx="63.5748792" cy="32.468367" rx="21.7830479" ry="21.766008"></ellipse>
+                    <ellipse id="Oval-3" fill="#CFDAE6" opacity="0.599999964" cx="5.98746479" cy="13.8668601" rx="5.2173913" ry="5.21330997"></ellipse>
+                    <path d="M38.1354514,88.3520215 C43.8984227,88.3520215 48.570234,83.6838647 48.570234,77.9254015 C48.570234,72.1669383 43.8984227,67.4987816 38.1354514,67.4987816 C32.3724801,67.4987816 27.7006688,72.1669383 27.7006688,77.9254015 C27.7006688,83.6838647 32.3724801,88.3520215 38.1354514,88.3520215 Z" id="Oval-3-Copy" fill="#CFDAE6" opacity="0.45"></path>
+                    <path d="M64.2775582,33.1704963 L119.185836,16.5654915" id="Path-12" stroke="#CFDAE6" stroke-width="1.73913043" stroke-linecap="round" stroke-linejoin="round"></path>
+                    <path d="M42.1431708,26.5002681 L7.71190162,14.5640702" id="Path-16" stroke="#E0B4B7" stroke-width="0.702678964" opacity="0.7" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="1.405357899873153,2.108036953469981"></path>
+                    <path d="M63.9262187,33.521561 L43.6721326,69.3250951" id="Path-15" stroke="#BACAD9" stroke-width="0.702678964" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="1.405357899873153,2.108036953469981"></path>
+                    <g id="Group-17" transform="translate(126.850922, 13.543654) rotate(30.000000) translate(-126.850922, -13.543654) translate(117.285705, 4.381889)" fill="#CFDAE6">
+                        <ellipse id="Oval-4" opacity="0.45" cx="9.13482653" cy="9.12768076" rx="9.13482653" ry="9.12768076"></ellipse>
+                        <path d="M18.2696531,18.2553615 C18.2696531,13.2142826 14.1798519,9.12768076 9.13482653,9.12768076 C4.08980114,9.12768076 0,13.2142826 0,18.2553615 L18.2696531,18.2553615 Z" id="Oval-4" transform="translate(9.134827, 13.691521) scale(-1, -1) translate(-9.134827, -13.691521) "></path>
+                    </g>
+                </g>
+                <g id="Group-14" transform="translate(216.294700, 123.725600) rotate(-5.000000) translate(-216.294700, -123.725600) translate(106.294700, 35.225600)">
+                    <ellipse id="Oval-2" fill="#CFDAE6" opacity="0.25" cx="29.1176471" cy="29.1402439" rx="29.1176471" ry="29.1402439"></ellipse>
+                    <ellipse id="Oval-2" fill="#CFDAE6" opacity="0.3" cx="29.1176471" cy="29.1402439" rx="21.5686275" ry="21.5853659"></ellipse>
+                    <ellipse id="Oval-2-Copy" stroke="#CFDAE6" opacity="0.4" cx="179.019608" cy="138.146341" rx="23.7254902" ry="23.7439024"></ellipse>
+                    <ellipse id="Oval-2" fill="#BACAD9" opacity="0.5" cx="29.1176471" cy="29.1402439" rx="10.7843137" ry="10.7926829"></ellipse>
+                    <path d="M29.1176471,39.9329268 L29.1176471,18.347561 C23.1616351,18.347561 18.3333333,23.1796097 18.3333333,29.1402439 C18.3333333,35.1008781 23.1616351,39.9329268 29.1176471,39.9329268 Z" id="Oval-2" fill="#BACAD9"></path>
+                    <g id="Group-9" opacity="0.45" transform="translate(172.000000, 131.000000)" fill="#E6A1A6">
+                        <ellipse id="Oval-2-Copy-2" cx="7.01960784" cy="7.14634146" rx="6.47058824" ry="6.47560976"></ellipse>
+                        <path d="M0.549019608,13.6219512 C4.12262681,13.6219512 7.01960784,10.722722 7.01960784,7.14634146 C7.01960784,3.56996095 4.12262681,0.670731707 0.549019608,0.670731707 L0.549019608,13.6219512 Z" id="Oval-2-Copy-2" transform="translate(3.784314, 7.146341) scale(-1, 1) translate(-3.784314, -7.146341) "></path>
+                    </g>
+                    <ellipse id="Oval-10" fill="#CFDAE6" cx="218.382353" cy="138.685976" rx="1.61764706" ry="1.61890244"></ellipse>
+                    <ellipse id="Oval-10-Copy-2" fill="#E0B4B7" opacity="0.35" cx="179.558824" cy="175.381098" rx="1.61764706" ry="1.61890244"></ellipse>
+                    <ellipse id="Oval-10-Copy" fill="#E0B4B7" opacity="0.35" cx="180.098039" cy="102.530488" rx="2.15686275" ry="2.15853659"></ellipse>
+                    <path d="M28.9985381,29.9671598 L171.151018,132.876024" id="Path-11" stroke="#CFDAE6" opacity="0.8"></path>
+                </g>
+                <g id="Group-10" opacity="0.799999952" transform="translate(1054.100635, 36.659317) rotate(-11.000000) translate(-1054.100635, -36.659317) translate(1026.600635, 4.659317)">
+                    <ellipse id="Oval-7" stroke="#CFDAE6" stroke-width="0.941176471" cx="43.8135593" cy="32" rx="11.1864407" ry="11.2941176"></ellipse>
+                    <g id="Group-12" transform="translate(34.596774, 23.111111)" fill="#BACAD9">
+                        <ellipse id="Oval-7" opacity="0.45" cx="9.18534718" cy="8.88888889" rx="8.47457627" ry="8.55614973"></ellipse>
+                        <path d="M9.18534718,17.4450386 C13.8657264,17.4450386 17.6599235,13.6143199 17.6599235,8.88888889 C17.6599235,4.16345787 13.8657264,0.332739156 9.18534718,0.332739156 L9.18534718,17.4450386 Z" id="Oval-7"></path>
+                    </g>
+                    <path d="M34.6597385,24.809694 L5.71666084,4.76878945" id="Path-2" stroke="#CFDAE6" stroke-width="0.941176471"></path>
+                    <ellipse id="Oval" stroke="#CFDAE6" stroke-width="0.941176471" cx="3.26271186" cy="3.29411765" rx="3.26271186" ry="3.29411765"></ellipse>
+                    <ellipse id="Oval-Copy" fill="#F7E1AD" cx="2.79661017" cy="61.1764706" rx="2.79661017" ry="2.82352941"></ellipse>
+                    <path d="M34.6312443,39.2922712 L5.06366663,59.785082" id="Path-10" stroke="#CFDAE6" stroke-width="0.941176471"></path>
+                </g>
+                <g id="Group-19" opacity="0.33" transform="translate(1282.537219, 446.502867) rotate(-10.000000) translate(-1282.537219, -446.502867) translate(1142.537219, 327.502867)">
+                    <g id="Group-17" transform="translate(141.333539, 104.502742) rotate(275.000000) translate(-141.333539, -104.502742) translate(129.333539, 92.502742)" fill="#BACAD9">
+                        <circle id="Oval-4" opacity="0.45" cx="11.6666667" cy="11.6666667" r="11.6666667"></circle>
+                        <path d="M23.3333333,23.3333333 C23.3333333,16.8900113 18.1099887,11.6666667 11.6666667,11.6666667 C5.22334459,11.6666667 0,16.8900113 0,23.3333333 L23.3333333,23.3333333 Z" id="Oval-4" transform="translate(11.666667, 17.500000) scale(-1, -1) translate(-11.666667, -17.500000) "></path>
+                    </g>
+                    <circle id="Oval-5-Copy-6" fill="#CFDAE6" cx="201.833333" cy="87.5" r="5.83333333"></circle>
+                    <path d="M143.5,88.8126685 L155.070501,17.6038544" id="Path-17" stroke="#BACAD9" stroke-width="1.16666667"></path>
+                    <path d="M17.5,37.3333333 L127.466252,97.6449735" id="Path-18" stroke="#BACAD9" stroke-width="1.16666667"></path>
+                    <polyline id="Path-19" stroke="#CFDAE6" stroke-width="1.16666667" points="143.902597 120.302281 174.935455 231.571342 38.5 147.510847 126.366941 110.833333"></polyline>
+                    <path d="M159.833333,99.7453842 L195.416667,89.25" id="Path-20" stroke="#E0B4B7" stroke-width="1.16666667" opacity="0.6"></path>
+                    <path d="M205.333333,82.1372105 L238.719406,36.1666667" id="Path-24" stroke="#BACAD9" stroke-width="1.16666667"></path>
+                    <path d="M266.723424,132.231988 L207.083333,90.4166667" id="Path-25" stroke="#CFDAE6" stroke-width="1.16666667"></path>
+                    <circle id="Oval-5" fill="#C1D1E0" cx="156.916667" cy="8.75" r="8.75"></circle>
+                    <circle id="Oval-5-Copy-3" fill="#C1D1E0" cx="39.0833333" cy="148.75" r="5.25"></circle>
+                    <circle id="Oval-5-Copy-2" fill-opacity="0.6" fill="#D1DEED" cx="8.75" cy="33.25" r="8.75"></circle>
+                    <circle id="Oval-5-Copy-4" fill-opacity="0.6" fill="#D1DEED" cx="243.833333" cy="30.3333333" r="5.83333333"></circle>
+                    <circle id="Oval-5-Copy-5" fill="#E0B4B7" cx="175.583333" cy="232.75" r="5.25"></circle>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

target/classes/static/assets/platform/img/svg/github.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1595947875084" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3337" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512"><defs><style type="text/css"></style></defs><path d="M512 85.333333C276.266667 85.333333 85.333333 276.266667 85.333333 512a426.410667 426.410667 0 0 0 291.754667 404.821333c21.333333 3.712 29.312-9.088 29.312-20.309333 0-10.112-0.554667-43.690667-0.554667-79.445333-107.178667 19.754667-134.912-26.112-143.445333-50.133334-4.821333-12.288-25.6-50.133333-43.733333-60.288-14.933333-7.978667-36.266667-27.733333-0.554667-28.245333 33.621333-0.554667 57.6 30.933333 65.621333 43.733333 38.4 64.512 99.754667 46.378667 124.245334 35.2 3.754667-27.733333 14.933333-46.378667 27.221333-57.045333-94.933333-10.666667-194.133333-47.488-194.133333-210.688 0-46.421333 16.512-84.778667 43.733333-114.688-4.266667-10.666667-19.2-54.4 4.266667-113.066667 0 0 35.712-11.178667 117.333333 43.776a395.946667 395.946667 0 0 1 106.666667-14.421333c36.266667 0 72.533333 4.778667 106.666666 14.378667 81.578667-55.466667 117.333333-43.690667 117.333334-43.690667 23.466667 58.666667 8.533333 102.4 4.266666 113.066667 27.178667 29.866667 43.733333 67.712 43.733334 114.645333 0 163.754667-99.712 200.021333-194.645334 210.688 15.445333 13.312 28.8 38.912 28.8 78.933333 0 57.045333-0.554667 102.912-0.554666 117.333334 0 11.178667 8.021333 24.490667 29.354666 20.224A427.349333 427.349333 0 0 0 938.666667 512c0-235.733333-190.933333-426.666667-426.666667-426.666667z" fill="#000000" p-id="3338"></path></svg>

target/classes/static/assets/platform/img/svg/qq.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1595314338869" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6378" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512"><defs><style type="text/css"></style></defs><path d="M511.037 986.94c-85.502 0-163.986-26.686-214.517-66.544-25.66 7.149-58.486 18.655-79.202 32.921-17.725 12.202-15.516 24.647-12.32 29.67 14.027 22.069 240.622 14.092 306.04 7.219v-3.265z" fill="#FAAD08" p-id="6379"></path><path d="M495.627 986.94c85.501 0 163.986-26.686 214.518-66.544 25.66 7.149 58.485 18.655 79.203 32.921 17.724 12.202 15.512 24.647 12.32 29.67-14.027 22.069-240.623 14.092-306.042 7.219v-3.265z" fill="#FAAD08" p-id="6380"></path><path d="M496.137 472.026c140.73-0.935 253.514-27.502 291.73-37.696 9.11-2.432 13.984-6.789 13.984-6.789 0.032-1.25 0.578-22.348 0.578-33.232 0-183.287-88.695-367.458-306.812-367.47C277.5 26.851 188.8 211.021 188.8 394.31c0 10.884 0.55 31.982 0.583 33.232 0 0 3.965 4.076 11.231 6.048 35.283 9.579 150.19 37.482 294.485 38.437h1.037zM883.501 626.967c-8.66-27.825-20.484-60.273-32.455-91.434 0 0-6.886-0.848-10.366 0.158-107.424 31.152-237.624 51.006-336.845 49.808h-1.026c-98.664 1.186-227.982-18.44-335.044-49.288-4.09-1.176-12.168-0.677-12.168-0.677-11.97 31.16-23.793 63.608-32.453 91.433-41.3 132.679-27.92 187.587-17.731 188.818 21.862 2.638 85.099-99.88 85.099-99.88 0 104.17 94.212 264.125 309.947 265.596a765.877 765.877 0 0 1 5.725 0c215.738-1.471 309.947-161.424 309.947-265.595 0 0 63.236 102.519 85.102 99.88 10.186-1.231 23.566-56.14-17.732-188.819" p-id="6381"></path><path d="M429.208 303.911c-29.76 1.323-55.195-32.113-56.79-74.62-1.618-42.535 21.183-78.087 50.95-79.417 29.732-1.305 55.149 32.116 56.765 74.64 1.629 42.535-21.177 78.08-50.925 79.397m220.448-74.62c-1.593 42.507-27.03 75.941-56.79 74.62-29.746-1.32-52.553-36.862-50.924-79.397 1.614-42.526 27.03-75.948 56.764-74.639 29.77 1.33 52.57 36.881 50.951 79.417" fill="#FFFFFF" p-id="6382"></path><path d="M695.405 359.069c-7.81-18.783-86.466-39.709-183.843-39.709h-1.045c-97.376 0-176.033 20.926-183.842 39.709a6.66 6.66 0 0 0-0.57 2.672c0 1.353 0.418 2.575 1.072 3.612 6.58 10.416 93.924 61.885 183.341 61.885h1.045c89.416 0 176.758-51.466 183.34-61.883a6.775 6.775 0 0 0 1.069-3.622 6.66 6.66 0 0 0-0.567-2.664" fill="#FAAD08" p-id="6383"></path><path d="M464.674 239.335c1.344 16.946-7.87 32-20.55 33.645-12.701 1.647-24.074-10.755-25.426-27.71-1.326-16.954 7.873-32.008 20.534-33.64 12.722-1.652 24.114 10.76 25.442 27.705m77.97 8.464c2.702-4.392 21.149-27.488 59.328-19.078 10.028 2.208 14.667 5.457 15.646 6.737 1.445 1.888 1.84 4.576 0.375 8.196-2.903 7.174-8.894 6.979-12.217 5.575-2.144-0.907-28.736-16.948-53.232 6.99-1.685 1.648-4.7 2.212-7.558 0.258-2.856-1.956-4.038-5.923-2.342-8.678" p-id="6384"></path><path d="M503.821 589.328h-1.031c-67.806 0.802-150.022-8.004-229.638-23.381-6.817 38.68-10.934 87.294-7.399 145.275 8.928 146.543 97.728 238.652 234.793 239.996h5.57c137.065-1.344 225.865-93.453 234.796-239.996 3.535-57.986-0.584-106.6-7.403-145.283-79.631 15.385-161.861 24.196-229.688 23.389" fill="#FFFFFF" p-id="6385"></path><path d="M310.693 581.35v146.633s69.287 13.552 138.7 4.17V596.897c-43.974-2.413-91.4-7.79-138.7-15.546" fill="#EB1C26" p-id="6386"></path><path d="M806.504 427.238s-130.112 43.08-302.66 44.309h-1.025c-172.264-1.224-302.217-44.161-302.66-44.309L156.58 541.321c108.998 34.464 244.093 56.677 346.238 55.387l1.024-0.002c102.152 1.297 237.226-20.917 346.24-55.385l-43.579-114.083z" fill="#EB1C26" p-id="6387"></path></svg>

target/classes/static/assets/platform/img/svg/wechat.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1595314324873" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5637" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512"><defs><style type="text/css"></style></defs><path d="M1024 619.52c0-143.36-138.24-256-307.2-256s-307.2 112.64-307.2 256 138.24 256 307.2 256c30.72 0 61.44-5.12 92.16-10.24l97.28 51.2-25.6-76.8c87.04-51.2 143.36-128 143.36-220.16z m-414.72-40.96c-30.72 0-51.2-20.48-51.2-51.2s20.48-51.2 51.2-51.2 51.2 20.48 51.2 51.2c0 25.6-25.6 51.2-51.2 51.2z m209.92 0c-30.72 0-51.2-20.48-51.2-51.2s20.48-51.2 51.2-51.2 51.2 20.48 51.2 51.2c0 25.6-25.6 51.2-51.2 51.2z" fill="#4CBF00" p-id="5638"></path><path d="M358.4 609.28c0-158.72 153.6-286.72 348.16-286.72h15.36c-40.96-133.12-179.2-235.52-353.28-235.52-204.8 0-368.64 138.24-368.64 307.2 0 107.52 66.56 204.8 168.96 256l-30.72 92.16L256 686.08c35.84 10.24 71.68 15.36 112.64 15.36h10.24c-15.36-30.72-20.48-61.44-20.48-92.16z m138.24-414.72c35.84 0 66.56 30.72 66.56 66.56s-30.72 66.56-66.56 66.56C460.8 322.56 430.08 291.84 430.08 256S460.8 194.56 496.64 194.56zM245.76 322.56c-35.84 0-61.44-30.72-61.44-66.56s30.72-66.56 66.56-66.56 61.44 30.72 61.44 66.56-30.72 66.56-66.56 66.56z" fill="#4CBF00" p-id="5639"></path></svg>

target/classes/static/assets/platform/js/activity.js

@@ -0,0 +1,74 @@
+window.activity = {
+    getType: async () => {
+        const {code, data, msg} = await $.get("/platform/activity/common/getType")
+        return data
+    },
+    getTeam: async () => {
+        const {code, data, msg} = await $.get("/platform/activity/common/getTeam")
+        return data
+    },
+    getTeamId: async () => {
+        const {code, data, msg} = await $.get("/platform/activity/apply/getTeamId")
+        return data
+    },
+    getEvents: async () => {
+        const {code, data, msg} = await $.get("/platform/activity/common/getEvents")
+        return data
+    },
+    getSchoolActivityPlan: async (type) => {
+        const {code, data, msg} = await $.get("/platform/activity/common/getSchoolActivityPlan", {type})
+        return data
+    },
+    school: {
+        gameStyle: {
+            1: '竞赛类',
+            2: '非竞赛类'
+        },
+        awardsMode: {
+            1: '单项',
+            2: '团体'
+        },
+        activityLevel: {
+            1: '校级',
+            2: '分工会',
+            3: '社团或协会'
+        },
+        combinationMethod: {
+            1: '单项报名人数',
+            2: '团体报名人数'
+        },
+        applyWay: {
+            1: '个人报名',
+            2: '院级工会报名',
+            3: '小程序报名'
+        },
+        getStatus(close, applyStartTime, applyEndTime, startTime, endTime) {
+            if (close) {
+                return `<span class="text-danger">活动已关闭</span>`
+            }
+            const now = moment().valueOf()
+            const dateNow = moment(moment(moment().format('YYYY-MM-DD')).valueOf()).valueOf()
+
+            if (now < moment(applyStartTime).valueOf()) {
+                return `<span class="text-info">未开始报名</span>`
+            } else if (moment(applyStartTime).valueOf() <= now && now <= moment(applyEndTime).valueOf()) {
+                return `<span class="text-success">活动报名中</span>`
+            } else if (moment(applyEndTime).valueOf() < now && now < moment(startTime).valueOf()) {
+                return `<span class="text-info">报名已结束</span>`
+            } else if (moment(startTime).valueOf() < now && now < moment(endTime).valueOf()) {
+                return `<span class="text-primary">活动进行中</span>`
+            } else if (moment(endTime).valueOf() < now) {
+                return `<span class="text-danger">活动已结束</span>`
+            }
+        },
+        canApply(close, applyStartTime, applyEndTime) {
+            if (close) {
+                return false
+            }
+            if (moment(applyStartTime).valueOf() < now < moment(applyEndTime).valueOf()) {
+                return true
+            }
+            return false
+        },
+    },
+}

target/classes/static/assets/platform/js/component.js

@@ -0,0 +1,129 @@
+Vue.component('vi-title', {
+    props: ['title'],
+    template: `
+              <div style="display: flex;flex-direction:row;color: #1867b0;font-weight: bolder;margin-bottom: 20px">
+              <div style="width: 5px;height: 24px;background-color: #1867b0;border-radius: 2px"></div>
+              <div style="margin-left: 20px;line-height: 24px;font-size: 15px;letter-spacing: 1px">
+                {{ title }}
+              </div>
+              </div>
+            `
+})
+
+Vue.component('vi-title2', {
+    props: ['title'],
+    template: `
+                <el-row type="flex" justify="space-between" align="middle" style="margin-bottom: 15px">
+                    <div style="display: flex;justify-content: center;align-items: center">
+                         <vi-title :title="title" style="margin-bottom: 0"></vi-title><slot name="label_end"></slot>
+                    </div>
+
+                    <div style="display: flex;justify-content: right;align-items: center">
+                        <slot name="func"></slot>
+                    </div>
+                </el-row>
+                
+            `
+})
+
+Vue.component('vi-table-state', {
+    props: ['state'],
+    template: `
+              <span :style="'color:'+state.stateColor">{{ state.stateName }}</span>
+            `
+})
+Vue.component('more', {
+    props: {more: {type: Boolean, default: false}},
+    template: `
+              <el-link type="primary" :underline="false" style="margin-left: 15px"
+                       @click="more=!more;$emit('change', more)">
+              {{ more ? '收起' : '展开' }}<i
+                  :class="more?'el-icon-arrow-up':'el-icon-arrow-down'"></i></el-link>
+            `,
+    model: {
+        prop: 'more',
+        event: 'change'
+    }
+})
+
+Vue.component('table-tool', {
+    props: {
+        label: {type: String},
+        app: {}
+    },
+    data() {
+        return {
+            checkedFields: [],
+            columns: [],
+        }
+    },
+    methods: {
+        tableSizeChange(command) {
+            const {size} = command
+            this.app.tableSizeChange(size)
+        },
+        columnChange() {
+            this.app.columnChange(this.columns.filter(v => this.checkedFields.includes(v.prop)))
+        },
+        getColumns() {
+            const {tableColumns} = this.app
+            if (!tableColumns) {
+                return
+            }
+            this.columns = tableColumns
+            this.checkedFields = this.columns.filter(v => v.checked !== 0).map(v => v.prop)
+            this.columnChange()
+        },
+    },
+    created() {
+        this.getColumns()
+    },
+    template: `
+    <el-row type="flex" justify="space-between" align="middle" style="margin-bottom: 15px">
+    
+    <div style="display: flex;justify-content: center;align-items: center">
+       <vi-title :title="label" style="margin-bottom: 0"></vi-title><slot name="label_end"></slot>
+    </div>
+
+    <div style="display: flex;justify-content: right;align-items: center">
+      <slot name="func"></slot>
+
+      <div class="table-tool-group">
+        <div class="table-tool-group-item" @click="app.doSearch()" style="width: 50px;padding-left: 10px;">
+          <i class="el-icon-refresh"></i>
+        </div>
+
+        <el-dropdown @command="tableSizeChange" class="table-tool-group-item">
+          <div style="display: flex;width: 100%;height: 100%;justify-content: center;align-items: center"><i
+              class="el-icon-c-scale-to-original"></i></div>
+          <el-dropdown-menu slot="dropdown">
+            <el-dropdown-item :command="{size:'mini'}">Mini</el-dropdown-item>
+            <el-dropdown-item :command="{size:'small'}">Small</el-dropdown-item>
+            <el-dropdown-item :command="{size:'medium'}">Medium</el-dropdown-item>
+            <el-dropdown-item :command="{size:''}">Large</el-dropdown-item>
+          </el-dropdown-menu>
+        </el-dropdown>
+
+        <el-popover
+            trigger="hover" placement="bottom-start">
+
+          <div>
+            <el-checkbox-group v-model="checkedFields" @change="columnChange">
+              <el-checkbox v-for="field in columns" :label="field.prop" style="display: block">{{
+                  field.label
+                }}
+              </el-checkbox>
+            </el-checkbox-group>
+          </div>
+
+          <div slot="reference" style="width: 50px;padding-right: 10px;" class="table-tool-group-item">
+            <i class="el-icon-s-operation"></i>
+          </div>
+        </el-popover>
+
+
+      </div>
+    </div>
+  </el-row>
+            `,
+})