|
|
@@ -0,0 +1,437 @@
|
|
|
+@import '~antd/dist/antd.css';
|
|
|
+body {
|
|
|
+ padding: 0;
|
|
|
+ margin: 0;
|
|
|
+ font-family: 'MicrosoftYaHei';
|
|
|
+ -webkit-font-smoothing: antialiased;
|
|
|
+ text-rendering: optimizeLegibility;
|
|
|
+}
|
|
|
+
|
|
|
+:root {
|
|
|
+ --white-1: #fff;
|
|
|
+ --brand-1: #409eff;
|
|
|
+ --brand-2: #eef5fe;
|
|
|
+ --brand-3: #6AB4FF;
|
|
|
+ --font-1: #333;
|
|
|
+ --font-2: #444;
|
|
|
+ --font-3: #666;
|
|
|
+ --gray-1: #F7F8FC;
|
|
|
+ --gray-2: #e8e8e8;
|
|
|
+ --gray-3: #D1D0D0;
|
|
|
+ --gray-4: #fafafa;
|
|
|
+ --gray-5: #C1C4CB;
|
|
|
+ --gray-6: #F5F7FA;
|
|
|
+ --gray-7: #EAEAEA;
|
|
|
+ --gray-8: #999;
|
|
|
+ --grey-9: #E3E3E3;
|
|
|
+ --gray-10: #A7AEBC;
|
|
|
+ --red-1: #F56C6C;
|
|
|
+ --red-2: #F5222D;
|
|
|
+ --yellow-1: #FF8952;
|
|
|
+ --yellow-2: #FA541C;
|
|
|
+ --yellow-3: #FAAD14;
|
|
|
+ --green-1: #7ED321;
|
|
|
+ --blue-1: #ebf5ff;
|
|
|
+ --blue-2: #409EFF;
|
|
|
+ --pink-1: #D675F0;
|
|
|
+}
|
|
|
+
|
|
|
+.CodeMirror {
|
|
|
+ border: 1px solid var(--gray-3)
|
|
|
+}
|
|
|
+
|
|
|
+.ant-tabs-bar {
|
|
|
+ margin: 10px 10px 16px 0px;
|
|
|
+ .ant-tabs-tab {
|
|
|
+ padding: 12px 0px;
|
|
|
+ }
|
|
|
+}
|
|
|
+.ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td .hoverActive {
|
|
|
+ color: var(--brand-1);
|
|
|
+}
|
|
|
+.ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
|
|
|
+ background: none;
|
|
|
+ color: var(--brand-1);
|
|
|
+}
|
|
|
+
|
|
|
+.ant-tree li .ant-tree-node-content-wrapper:hover {
|
|
|
+ background: none;
|
|
|
+ color: var(--brand-1);
|
|
|
+}
|
|
|
+
|
|
|
+.ant-table-thead > tr > th, .ant-table-tbody > tr > td {
|
|
|
+ padding: 10px 16px!important;
|
|
|
+ word-break: break-all;
|
|
|
+}
|
|
|
+tr.ant-table-expanded-row td > .ant-table-wrapper {
|
|
|
+ margin: -10px -16px -10px!important;
|
|
|
+}
|
|
|
+.ant-table-content .ant-table-thead > tr > th.ant-table-selection-column:first-child {
|
|
|
+ padding-left: 30px!important;
|
|
|
+}
|
|
|
+
|
|
|
+.ant-table-content .ant-table-tbody tr td.ant-table-selection-column:first-child {
|
|
|
+ padding-left: 30px!important;
|
|
|
+}
|
|
|
+
|
|
|
+.ant-breadcrumb > span:last-child {
|
|
|
+ color: var(--font-1)
|
|
|
+}
|
|
|
+.ant-table-selection-column {
|
|
|
+ text-align: left!important;
|
|
|
+}
|
|
|
+.ant-tree li .ant-tree-node-content-wrapper {
|
|
|
+ word-wrap: break-word;
|
|
|
+ white-space: normal;
|
|
|
+ word-break: break-all;
|
|
|
+}
|
|
|
+
|
|
|
+.ant-table-body {
|
|
|
+ overflow-x: auto!important;
|
|
|
+}
|
|
|
+
|
|
|
+.flex-center-start {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: flex-start;
|
|
|
+}
|
|
|
+.flex-center-between {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+.flex-center-end {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: flex-end;
|
|
|
+}
|
|
|
+
|
|
|
+.descTextContent {
|
|
|
+ display: table-cell;
|
|
|
+ vertical-align: middle;
|
|
|
+}
|
|
|
+
|
|
|
+.yellowGradientColorText {
|
|
|
+ background: linear-gradient(45deg, #FCD56E, #F87046);
|
|
|
+ -webkit-background-clip: text;
|
|
|
+}
|
|
|
+.blueGradientColorText {
|
|
|
+ background: linear-gradient(45deg,#1FF6FF, #1C84FD);
|
|
|
+ -webkit-background-clip: text;
|
|
|
+}
|
|
|
+.greenGradientColorText {
|
|
|
+ background: linear-gradient(45deg, #A3FC2A, #0EB400);
|
|
|
+ -webkit-background-clip: text;
|
|
|
+}
|
|
|
+.violetGradientColorText {
|
|
|
+ background: linear-gradient(45deg, #D0ADFF, #A15DFF);
|
|
|
+ -webkit-background-clip: text;
|
|
|
+}
|
|
|
+.page-wrap {
|
|
|
+ background: var(--gray-1);
|
|
|
+ width: 100%;
|
|
|
+ .page-header {
|
|
|
+ padding: 15px 15px 5px 15px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ background: var(--white-1);
|
|
|
+ border-radius: 0 0 6px 6px;
|
|
|
+ &.detial {
|
|
|
+ padding: 15px 30px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .page-content {
|
|
|
+ background: var(--white-1);
|
|
|
+ border-radius: 6px;
|
|
|
+ &.detial, .detial {
|
|
|
+ padding: 5px 30px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+.tabelHeader {
|
|
|
+ padding-left: 31px!important;
|
|
|
+}
|
|
|
+.ant-table-pagination.ant-pagination {
|
|
|
+ margin: 16px 10px!important;
|
|
|
+}
|
|
|
+.ellipsis {
|
|
|
+ display: inline-block;
|
|
|
+ overflow: hidden;
|
|
|
+ white-space: nowrap;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ vertical-align: middle;
|
|
|
+}
|
|
|
+.hoverActive {
|
|
|
+ color: var(--font-3);
|
|
|
+ cursor: pointer;
|
|
|
+ &:hover {
|
|
|
+ color: var(--brand-1)!important;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.detialTable {
|
|
|
+ .ant-table-small {
|
|
|
+ border: none;
|
|
|
+ .ant-table-content .ant-table-row:last-child td {
|
|
|
+ border-bottom: 1px solid var(--gray-2)!important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.pointer {
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.marginTop10 {
|
|
|
+ margin-top: 10px;
|
|
|
+}
|
|
|
+.marginTop15 {
|
|
|
+ margin-top: 15px;
|
|
|
+}
|
|
|
+.marginBottom10 {
|
|
|
+ margin-bottom: 10px;
|
|
|
+}
|
|
|
+.marginLeft {
|
|
|
+ margin-left: 10px;
|
|
|
+}
|
|
|
+.marginRight5 {
|
|
|
+ margin-right: 5px;
|
|
|
+}
|
|
|
+.spaceBetween {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.statusWidth {
|
|
|
+ width: 73px;
|
|
|
+}
|
|
|
+.marginBottom25 {
|
|
|
+ margin-bottom: 25px;
|
|
|
+}
|
|
|
+
|
|
|
+.red {
|
|
|
+ color: var(--red-2);
|
|
|
+}
|
|
|
+.green {
|
|
|
+ color: var(--green-1);
|
|
|
+}
|
|
|
+.yellow {
|
|
|
+ color: var(--yellow-1);
|
|
|
+}
|
|
|
+.gray {
|
|
|
+ color: var(--font-3);
|
|
|
+}
|
|
|
+.blue {
|
|
|
+ color: var(--brand-1);
|
|
|
+}
|
|
|
+
|
|
|
+.afterComma {
|
|
|
+ &::after {
|
|
|
+ content: ",";
|
|
|
+ }
|
|
|
+ &:last-child {
|
|
|
+ &::after {
|
|
|
+ content: "";
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.tableTitleId {
|
|
|
+ font-size: 12px;
|
|
|
+ color: var(--gray-10);
|
|
|
+ word-break: break-all;
|
|
|
+}
|
|
|
+
|
|
|
+.iconBtnList {
|
|
|
+ .item {
|
|
|
+ margin-left: 10px;
|
|
|
+ cursor: pointer;
|
|
|
+ display: inline-block;
|
|
|
+ .iconBtn {
|
|
|
+ display: inline-block;
|
|
|
+ margin-right: 6px;
|
|
|
+ color: var(--font-3);
|
|
|
+ vertical-align: middle;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.textIcon {
|
|
|
+ display: inline-block;
|
|
|
+ color: var(--white-1);
|
|
|
+ border-radius: 100%;
|
|
|
+ width: 18px;
|
|
|
+ height: 18px;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 18px;
|
|
|
+}
|
|
|
+.play {
|
|
|
+ .textIcon();
|
|
|
+ background: var(--brand-1);
|
|
|
+ box-shadow: 0 0 5px var(--brand-1);
|
|
|
+}
|
|
|
+
|
|
|
+.restart {
|
|
|
+ .textIcon();
|
|
|
+ background: var(--yellow-3);
|
|
|
+ box-shadow: 0 0 5px var(--yellow-3);
|
|
|
+}
|
|
|
+.successCircle {
|
|
|
+ .textIcon();
|
|
|
+ background: var(--green-1);
|
|
|
+ box-shadow: 0 0 5px var(--green-1);
|
|
|
+}
|
|
|
+.redCircle {
|
|
|
+ .textIcon();
|
|
|
+ background: var(--red-2);
|
|
|
+ box-shadow: 0 0 5px var(--red-2);
|
|
|
+}
|
|
|
+.yellowdCircle {
|
|
|
+ .textIcon();
|
|
|
+ background: var(--yellow-2);
|
|
|
+ box-shadow: 0 0 5px var(--yellow-2);
|
|
|
+}
|
|
|
+
|
|
|
+.iconfont {
|
|
|
+ font-family: "iconfont" !important;
|
|
|
+ font-size: 16px;
|
|
|
+ font-style: normal;
|
|
|
+ color: transparent;
|
|
|
+ -webkit-font-smoothing: antialiased;
|
|
|
+ -webkit-text-stroke-width: 0.2px;
|
|
|
+ -moz-osx-font-smoothing: grayscale;
|
|
|
+}
|
|
|
+
|
|
|
+.tableList {
|
|
|
+ margin-top: 10px;
|
|
|
+ .tab {
|
|
|
+ cursor: pointer;
|
|
|
+ line-height: 14px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+ .name {
|
|
|
+ width: auto;
|
|
|
+ padding-right: 20px;
|
|
|
+ display: inline-block;
|
|
|
+ &.active {
|
|
|
+ color: var(--brand-1);
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+.error {
|
|
|
+ color: var(--red-2);
|
|
|
+}
|
|
|
+.success {
|
|
|
+ color: var(--green-1);
|
|
|
+}
|
|
|
+.btn {
|
|
|
+ color: var(--brand-1);
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+.active {
|
|
|
+ color: var(--brand-1);
|
|
|
+}
|
|
|
+.tableBtnList {
|
|
|
+ .btn {
|
|
|
+ margin-right: 10px;
|
|
|
+ &:last-child {
|
|
|
+ margin-right: 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.statusSelect {
|
|
|
+ width: 80px;
|
|
|
+ &.blue {
|
|
|
+ color: var(--brand-3);
|
|
|
+ .ant-select-selection {
|
|
|
+ border-color: var(--brand-3);
|
|
|
+ .ant-select-arrow {
|
|
|
+ color: var(--brand-3);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ &.green {
|
|
|
+ color: var(--green-1);
|
|
|
+ .ant-select-selection {
|
|
|
+ border-color: var(--green-1);
|
|
|
+ .ant-select-arrow {
|
|
|
+ color: var(--green-1);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ &.yellow {
|
|
|
+ color: var(--yellow-1);
|
|
|
+ .ant-select-selection {
|
|
|
+ border-color: var(--yellow-1);
|
|
|
+ .ant-select-arrow {
|
|
|
+ color: var(--yellow-1);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ &.pink {
|
|
|
+ color: var(--pink-1);
|
|
|
+ .ant-select-selection {
|
|
|
+ border-color: var(--pink-1);
|
|
|
+ .ant-select-arrow {
|
|
|
+ color: var(--pink-1);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.row4Ellipsis{
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ -webkit-line-clamp: 4;
|
|
|
+}
|
|
|
+
|
|
|
+.loadMore {
|
|
|
+ text-align: center;
|
|
|
+ height: 70px;
|
|
|
+ line-height: 70px;
|
|
|
+}
|
|
|
+
|
|
|
+.priorityTag {
|
|
|
+ display: inline-block;
|
|
|
+ // width: 38px;
|
|
|
+ text-align: center;
|
|
|
+ // line-height: 24px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #fff;
|
|
|
+ border-radius: 4px;
|
|
|
+ // margin-right: 30px;
|
|
|
+ padding: 2px 10px;
|
|
|
+}
|
|
|
+.breadcrumbHeader {
|
|
|
+ padding-top: 0px!important;
|
|
|
+ padding-bottom: 0px!important;
|
|
|
+ height: 40px;
|
|
|
+ .ant-breadcrumb {
|
|
|
+ line-height: 40px;
|
|
|
+ }
|
|
|
+}
|
|
|
+.detialItemTitle {
|
|
|
+ margin-bottom: 17px;
|
|
|
+}
|
|
|
+.detialItemContent {
|
|
|
+ margin-bottom: 40px;
|
|
|
+}
|
|
|
+
|
|
|
+// @font-face {
|
|
|
+// font-family: 'iconfont'; /* project id 2402558 */
|
|
|
+// src: url('//at.alicdn.com/t/font_2402558_bvnzhtpperf.eot');
|
|
|
+// src: url('//at.alicdn.com/t/font_2402558_bvnzhtpperf.eot?#iefix') format('embedded-opentype'),
|
|
|
+// url('//at.alicdn.com/t/font_2402558_bvnzhtpperf.woff2') format('woff2'),
|
|
|
+// url('//at.alicdn.com/t/font_2402558_bvnzhtpperf.woff') format('woff'),
|
|
|
+// url('//at.alicdn.com/t/font_2402558_bvnzhtpperf.ttf') format('truetype'),
|
|
|
+// url('//at.alicdn.com/t/font_2402558_bvnzhtpperf.svg#iconfont') format('svg');
|
|
|
+// }
|
|
|
+@font-face {
|
|
|
+ font-family: 'iconfont'; /* Project id 2402558 */
|
|
|
+ src: url('//at.alicdn.com/t/font_2402558_btpjgym7oej.woff2?t=1625540894985') format('woff2'),
|
|
|
+ url('//at.alicdn.com/t/font_2402558_btpjgym7oej.woff?t=1625540894985') format('woff'),
|
|
|
+ url('//at.alicdn.com/t/font_2402558_btpjgym7oej.ttf?t=1625540894985') format('truetype');
|
|
|
+}
|
wenbobowen