first commit

2024-07-03 17:06:36 +08:00
commit 03faa20548
3627 changed files with 874287 additions and 0 deletions
@@ -0,0 +1,198 @@
+[v-cloak] {
+    display: none
+}
+
+#app {
+    background-color: rgb(240, 242, 245);
+    height: 100%;
+    overflow-y: auto;
+}
+
+.platform .guava-card .slot-class {
+    height: calc(100vh - 180px);
+}
+
+/**
+图片预览
+ */
+.viewer-container {
+    z-index: 10000;
+}
+
+/**
+ 富文本层级调整
+ */
+.w-e-toolbar{
+    z-index: 1001!important;
+}
+
+.w-e-text-container{
+    z-index: 1000!important;
+}
+
+
+/**
+    搜索栏样式
+ */
+.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);
+}
+
+.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);
+}
@@ -0,0 +1,193 @@
+* {
+    margin: 0;
+    padding: 0;
+}
+
+html, body, #app {
+    width: 100%;
+    height: 100%;
+    margin: 0px;
+    padding: 0px;
+}
+
+#data-view {
+    width: 100%;
+    height: 100%;
+    background-color: #030409;
+    color: #fff;
+    background-image: url("/assets/platform/img/datav/staff/bg.png");
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+}
+
+#data-view #dv-full-screen-container, #data-view .main-content {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+}
+
+#data-view #dv-full-screen-container {
+    background-image: url("/assets/platform/img/datav/staff/bg.png");
+    background-size: 100% 100%;
+    -webkit-box-shadow: 0 0 3px #00f;
+    box-shadow: 0 0 3px #00f;
+    -ms-flex-direction: column;
+    flex-direction: column;
+}
+
+#top-header {
+    position: relative;
+    width: 100%;
+    height: 10vh;
+    display: flex;
+    justify-content: space-between;
+    flex-shrink: 0;
+    align-items: center;
+}
+
+#top-header .header-left-decoration, #top-header .header-right-decoration {
+    width: 25%;
+    height: 8vh;
+}
+
+#top-header .header-center-decoration {
+    width: 40%;
+    margin-top: 0;
+    font-size: 25px;
+    font-weight: 700;
+    height: 8vh;
+}
+
+#top-header .header-left-decoration, #top-header .header-right-decoration {
+    width: 25%;
+    height: 8vh;
+}
+
+#top-header .center-title {
+    position: absolute;
+    font-size: 30px;
+    font-weight: 700;
+    left: 50%;
+    top: 15px;
+    transform: translateX(-50%);
+}
+
+#main-content {
+    height: calc(100vh - 10vh);
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-column-gap: 20px;
+    grid-row-gap: 30px;
+    flex: 1;
+    flex-direction: column;
+}
+
+#main-content > div {
+    position: relative;
+}
+
+#main-content .box {
+    background: url("/assets/platform/img/datav/staff/Elechart_listsbg.png") no-repeat;
+    background-size: 100% 100%;
+    overflow: hidden;
+}
+
+.box1 {
+    grid-row: 1/3;
+}
+
+.box2 {
+    grid-column: 2/5;
+    grid-row: 1/3;
+    position: relative;
+}
+
+.box3 {
+
+}
+
+.box4 {
+
+}
+
+.box5 {
+    grid-column: 1/3;
+}
+
+.box6 {
+    grid-column: 3/5;
+}
+
+.box-title {
+    height: 4vh;
+    line-height: 4vh;
+    margin-bottom: 2vh;
+    font-weight: bold;
+    font-size: 1.1vw;
+    letter-spacing: 0.5vh;
+    opacity: 0.7;
+    display: inline-block;
+    width: 100%;
+    text-align: center;
+}
+
+.unionList {
+    border-radius: 0.4vw;
+    font-size: 0.9vw;
+    overflow: auto;
+    width: 100%;
+    height: calc(100% - 160px);
+}
+
+.unionList::-webkit-scrollbar {
+    width: 0; /* 隐藏滚动条宽度（适用于WebKit浏览器，如Chrome和Safari） */
+}
+
+.sameIndex {
+    text-align: center;
+    display: inline-block;
+    width: 1.5vw;
+    line-height: 1.5vw;
+    height: 1.5vw;
+    border-radius: 50%;
+    background: #03e9df;
+    color: #093144;
+}
+
+.sameLoad {
+    display: inline-block;
+    width: 14vw;
+    height: 1.3vh;
+    vertical-align: middle;
+    border: 0.06vw solid #43c4c8;
+    border-radius: 1.3vw;
+    position: relative;
+}
+
+.sameLoad2 {
+    display: inline-block;
+    width: 20vw;
+    height: 1.3vh;
+    vertical-align: middle;
+    border: 0.06vw solid #43c4c8;
+    border-radius: 1.3vw;
+    position: relative;
+}
+
+.loadBg {
+    background: linear-gradient(to right, #1194d3, #33FFDD, #0baedd, #91e8fc, #AAFFEE);
+    height: 1.1vh;
+    display: inline-block;
+    position: absolute;
+    border-radius: 3vw;
+    left: 0.1vw;
+    top: 0.1vh;
+}
+
+.sameLoadDiv {
+    margin-top: 0.2vh;
+}
+
@@ -0,0 +1,241 @@
+html, body, #app {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+#data-view {
+    width: 100%;
+    height: 100%;
+    background-color: #030409;
+    color: #fff;
+}
+
+#data-view #dv-full-screen-container, #data-view .main-content {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    /*width: 100vw!important;*/
+    /*height: 100vh!important;*/
+    /*transform: unset!important;*/
+}
+
+#data-view #dv-full-screen-container {
+    background-image: url(http://datav.jiaminghi.com/demo/construction-data/img/bg.837e99ea.png);
+    background-size: 100% 100%;
+    -webkit-box-shadow: 0 0 3px #00f;
+    box-shadow: 0 0 3px #00f;
+    -ms-flex-direction: column;
+    flex-direction: column;
+}
+
+#top-header {
+    position: relative;
+    width: 100%;
+    height: 100px;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: justify;
+    -ms-flex-pack: justify;
+    justify-content: space-between;
+    -ms-flex-negative: 0;
+    flex-shrink: 0;
+}
+
+#top-header .header-left-decoration, #top-header .header-right-decoration {
+    width: 25%;
+    height: 60px;
+}
+
+#top-header .header-center-decoration {
+    width: 40%;
+    height: 60px;
+    margin-top: 30px;
+}
+
+#top-header .header-left-decoration, #top-header .header-right-decoration {
+    width: 25%;
+    height: 60px;
+}
+
+#top-header .center-title {
+    position: absolute;
+    font-size: 30px;
+    font-weight: 700;
+    left: 50%;
+    top: 15px;
+    -webkit-transform: translateX(-50%);
+    transform: translateX(-50%);
+}
+
+#main-content {
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-column-gap: 20px;
+    grid-row-gap: 30px;
+    flex: 1;
+    flex-direction: column;
+}
+
+#main-content > div {
+    position: relative;
+}
+
+.box2 {
+    grid-column: 2/4;
+    grid-row: 1/3;
+    position: relative;
+}
+
+.box3 {
+    grid-row: 1/3;
+    position: relative;
+}
+
+
+.box2 .ball {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 7rem;
+    height: 7rem;
+    flex-direction: column;
+    position: absolute;
+    background: url(/assets/platform/img/datav/proposal/yuan3-01.png) no-repeat center;
+    background-size: 100%;
+    text-align: center;
+    box-sizing: border-box;
+    color: #fff;
+}
+
+.box2 .ball1 {
+    left: 2rem;
+    bottom: 5rem;
+    animation: ball1 4s linear infinite;
+}
+
+.box2 .ball2 {
+    left: 10rem;
+    bottom: 5rem;
+    animation: ball2 4s linear infinite;
+}
+
+.box2 .ball3 {
+    right: 2rem;
+    bottom: 5rem;
+    animation: ball1 4s linear infinite;
+}
+
+.box2 .ball4 {
+    right: 10rem;
+    bottom: 5rem;
+    animation: ball2 4s linear infinite;
+}
+
+.box2 .ball .title {
+    height: 2rem;
+    line-height: 2rem;
+}
+
+.box2 .ball .num {
+    height: 2rem;
+    line-height: 2rem;
+    font-weight: bolder;
+    font-size: 25px;
+}
+
+@keyframes ball1 {
+    0% {
+        transform: translate(0%, 0%);
+    }
+    25% {
+        transform: translate(0%,-20%);
+    }
+    50% {
+        transform: translate(0%,0%);
+    }
+    75% {
+        transform: translate(0%,20%);
+    }
+    100% {
+        transform: translate(0%,0%);
+    }
+}
+
+@keyframes ball2 {
+    0% {
+        transform: translateY(0%);
+    }
+    25% {
+        transform: translateY(20%);
+    }
+    50% {
+        transform: translateY(0%);
+    }
+    75% {
+        transform: translateY(-20%);
+    }
+    100% {
+        transform: translateY(0%);
+    }
+}
+
+.box2 .middle {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    background: url(/assets/platform/img/datav/proposal/big.png) no-repeat bottom 20px center;
+    background-size: 70%;
+}
+
+.box2 .middle .cicle1 {
+    transform-style: preserve-3d;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    margin: -2rem 0 0 -10rem;
+    width: 20rem;
+    height: 30rem;
+    background: url(/assets/platform/img/datav/proposal/circle.png) no-repeat center;
+    background-size: contain;
+    transform: rotateX(70deg);
+    animation: circle 5s linear infinite;
+}
+
+@keyframes circle {
+    0% {
+        transform: rotateX(70deg) rotateZ(0);
+    }
+    100% {
+        transform: rotateX(70deg) rotateZ(360deg);
+    }
+}
+
+
+.box6 {
+    grid-column: 1/3;
+}
+
+.box7 {
+    grid-column: 3/5;
+}
+
+.box-title {
+    position: absolute;
+    height: 40px;
+    background: #0a6c8f;
+    border-radius: 20px;
+    text-align: center;
+    width: 200px;
+    top: -20px;
+    left: 50%;
+    transform: translateX(-50%);
+    line-height: 40px;
+    text-shadow: 0 0 25px #00fbfe;
+    font-weight: bolder;
+}
@@ -0,0 +1,193 @@
+* {
+    margin: 0;
+    padding: 0;
+}
+
+html, body, #app {
+    width: 100%;
+    height: 100%;
+    margin: 0px;
+    padding: 0px;
+}
+
+#data-view {
+    width: 100%;
+    height: 100%;
+    background-color: #030409;
+    color: #fff;
+    background-image: url("/assets/platform/img/datav/staff/bg.png");
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+}
+
+#data-view #dv-full-screen-container, #data-view .main-content {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+}
+
+#data-view #dv-full-screen-container {
+    background-image: url("/assets/platform/img/datav/staff/bg.png");
+    background-size: 100% 100%;
+    -webkit-box-shadow: 0 0 3px #00f;
+    box-shadow: 0 0 3px #00f;
+    -ms-flex-direction: column;
+    flex-direction: column;
+}
+
+#top-header {
+    position: relative;
+    width: 100%;
+    height: 10vh;
+    display: flex;
+    justify-content: space-between;
+    flex-shrink: 0;
+    align-items: center;
+}
+
+#top-header .header-left-decoration, #top-header .header-right-decoration {
+    width: 25%;
+    height: 8vh;
+}
+
+#top-header .header-center-decoration {
+    width: 40%;
+    margin-top: 0;
+    font-size: 25px;
+    font-weight: 700;
+    height: 8vh;
+}
+
+#top-header .header-left-decoration, #top-header .header-right-decoration {
+    width: 25%;
+    height: 8vh;
+}
+
+#top-header .center-title {
+    position: absolute;
+    font-size: 30px;
+    font-weight: 700;
+    left: 50%;
+    top: 15px;
+    transform: translateX(-50%);
+}
+
+#main-content {
+    height: calc(100vh - 10vh);
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-column-gap: 20px;
+    grid-row-gap: 30px;
+    flex: 1;
+    flex-direction: column;
+}
+
+#main-content > div {
+    position: relative;
+}
+
+#main-content .box {
+    background: url("/assets/platform/img/datav/staff/Elechart_listsbg.png") no-repeat;
+    background-size: 100% 100%;
+    overflow: hidden;
+}
+
+.box1 {
+    grid-row: 1/3;
+}
+
+.box2 {
+    grid-column: 2/4;
+    grid-row: 1/3;
+    position: relative;
+}
+
+.box3 {
+
+}
+
+.box4 {
+
+}
+
+.box5 {
+    grid-column: 1/3;
+}
+
+.box6 {
+    grid-column: 3/5;
+}
+
+.box-title {
+    height: 4vh;
+    line-height: 4vh;
+    margin-bottom: 2vh;
+    font-weight: bold;
+    font-size: 1.1vw;
+    letter-spacing: 0.5vh;
+    opacity: 0.7;
+    display: inline-block;
+    width: 100%;
+    text-align: center;
+}
+
+.unionList {
+    border-radius: 0.4vw;
+    font-size: 0.9vw;
+    overflow: auto;
+    width: 100%;
+    height: calc(100% - 160px);
+}
+
+.unionList::-webkit-scrollbar {
+    width: 0; /* 隐藏滚动条宽度（适用于WebKit浏览器，如Chrome和Safari） */
+}
+
+.sameIndex {
+    text-align: center;
+    display: inline-block;
+    width: 1.5vw;
+    line-height: 1.5vw;
+    height: 1.5vw;
+    border-radius: 50%;
+    background: #03e9df;
+    color: #093144;
+}
+
+.sameLoad {
+    display: inline-block;
+    width: 14vw;
+    height: 1.3vh;
+    vertical-align: middle;
+    border: 0.06vw solid #43c4c8;
+    border-radius: 1.3vw;
+    position: relative;
+}
+
+.sameLoad2 {
+    display: inline-block;
+    width: 20vw;
+    height: 1.3vh;
+    vertical-align: middle;
+    border: 0.06vw solid #43c4c8;
+    border-radius: 1.3vw;
+    position: relative;
+}
+
+.loadBg {
+    background: linear-gradient(to right, #1194d3, #33FFDD, #0baedd, #91e8fc, #AAFFEE);
+    height: 1.1vh;
+    display: inline-block;
+    position: absolute;
+    border-radius: 3vw;
+    left: 0.1vw;
+    top: 0.1vh;
+}
+
+.sameLoadDiv {
+    margin-top: 0.2vh;
+}
+
@@ -0,0 +1,122 @@
+* {
+    margin: 0;
+    padding: 0;
+}
+
+html, body, #app {
+    width: 100%;
+    height: 100%;
+    margin: 0px;
+    padding: 0px;
+}
+
+#data-view {
+    width: 100%;
+    height: 100%;
+    background-color: #030409;
+    color: #fff;
+    background-image: url("/assets/platform/img/datav/staff/bg.png");
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+}
+
+#data-view #dv-full-screen-container, #data-view .main-content {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+}
+
+#data-view #dv-full-screen-container {
+    background-image: url("/assets/platform/img/datav/staff/bg.png");
+    background-size: 100% 100%;
+    -webkit-box-shadow: 0 0 3px #00f;
+    box-shadow: 0 0 3px #00f;
+    -ms-flex-direction: column;
+    flex-direction: column;
+}
+
+#top-header {
+    position: relative;
+    width: 100%;
+    height: 10vh;
+    display: flex;
+    justify-content: space-between;
+    flex-shrink: 0;
+    align-items: center;
+}
+
+#top-header .header-left-decoration, #top-header .header-right-decoration {
+    width: 25%;
+    height: 8vh;
+}
+
+#top-header .header-center-decoration {
+    width: 40%;
+    margin-top: 0;
+    font-size: 25px;
+    font-weight: 700;
+    height: 8vh;
+}
+
+#top-header .header-left-decoration, #top-header .header-right-decoration {
+    width: 25%;
+    height: 8vh;
+}
+
+#top-header .center-title {
+    position: absolute;
+    font-size: 30px;
+    font-weight: 700;
+    left: 50%;
+    top: 15px;
+    transform: translateX(-50%);
+}
+
+#main-content {
+    height: calc(100vh - 10vh);
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-column-gap: 20px;
+    grid-row-gap: 30px;
+    flex: 1;
+    flex-direction: column;
+}
+
+#main-content > div {
+    position: relative;
+}
+
+#main-content .box {
+    background: url("/assets/platform/img/datav/staff/Elechart_listsbg.png") no-repeat;
+    background-size: 100% 100%;
+}
+
+
+.box2 {
+    grid-column: 2/4;
+    grid-row: 1/3;
+    position: relative;
+}
+
+.box6 {
+    grid-column: 1/3;
+}
+
+.box7 {
+    grid-column: 3/5;
+}
+
+.box-title {
+    height: 40px;
+    line-height: 40px;
+    font-weight: bold;
+    font-size: 1.1vw;
+    letter-spacing: 0.5vh;
+    opacity: 0.7;
+    display: inline-block;
+    padding-left: 1vw;
+
+}
@@ -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;*/
+}
@@ -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;    /* 修复交汇时出现的白块 */
+}
@@ -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;
+}
--- a/Show More
+++ b/Show More