Compare commits
3 Commits
cb3265e796
...
5aaf6c83be
| Author | SHA1 | Date | |
|---|---|---|---|
| 5aaf6c83be | |||
| 03282c9b69 | |||
| 8190946a87 |
@@ -4,20 +4,28 @@
|
||||
**/
|
||||
|
||||
/* theme color */
|
||||
$--color-primary: #1890ff;
|
||||
$--color-success: #13ce66;
|
||||
$--color-warning: #ffba00;
|
||||
$--color-danger: #ff4949;
|
||||
// $--color-info: #1E1E1E;
|
||||
$--color-primary: #2f5d8a;
|
||||
$--color-success: #3f6b55;
|
||||
$--color-warning: #a56a2a;
|
||||
$--color-danger: #b55252;
|
||||
$--color-info: #6c7a89;
|
||||
|
||||
$--button-font-weight: 400;
|
||||
|
||||
// $--color-text-regular: #1f2d3d;
|
||||
$--color-text-primary: #1f2d3d;
|
||||
$--color-text-regular: #1f2d3d;
|
||||
$--color-text-secondary: #5f6b7a;
|
||||
$--color-text-placeholder: #8a97a6;
|
||||
|
||||
$--border-color-light: #dfe4ed;
|
||||
$--border-color-lighter: #e6ebf5;
|
||||
$--border-color-base: #d9e3ee;
|
||||
$--border-color-light: #d9e3ee;
|
||||
$--border-color-lighter: #e7edf5;
|
||||
$--border-color-extra-light: #eef3f8;
|
||||
|
||||
$--table-border: 1px solid #dfe6ec;
|
||||
$--table-border: 1px solid #d9e3ee;
|
||||
$--background-color-base: #f4f7fb;
|
||||
$--box-shadow-base: 0 8px 24px rgba(31, 45, 61, 0.08);
|
||||
$--box-shadow-light: 0 8px 20px rgba(31, 45, 61, 0.06);
|
||||
|
||||
/* icon font path, required */
|
||||
$--font-path: '~element-ui/lib/theme-chalk/fonts';
|
||||
|
||||
@@ -5,16 +5,33 @@
|
||||
@import './sidebar.scss';
|
||||
@import './btn.scss';
|
||||
|
||||
:root {
|
||||
--ccdi-page-bg: #f4f7fb;
|
||||
--ccdi-surface: #ffffff;
|
||||
--ccdi-text-primary: #1f2d3d;
|
||||
--ccdi-text-secondary: #5f6b7a;
|
||||
--ccdi-text-muted: #8a97a6;
|
||||
--ccdi-primary: #2f5d8a;
|
||||
--ccdi-primary-hover: #244a6d;
|
||||
--ccdi-primary-soft: #eaf1f8;
|
||||
--ccdi-border: #d9e3ee;
|
||||
--ccdi-line: #e7edf5;
|
||||
--ccdi-shadow: 0 8px 24px rgba(31, 45, 61, 0.05);
|
||||
--ccdi-shadow-soft: 0 12px 28px rgba(31, 45, 61, 0.08);
|
||||
}
|
||||
|
||||
body {
|
||||
height: 100%;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
|
||||
background: var(--ccdi-page-bg);
|
||||
color: var(--ccdi-text-primary);
|
||||
}
|
||||
|
||||
label {
|
||||
font-weight: 700;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
html {
|
||||
@@ -122,6 +139,7 @@ aside {
|
||||
//main-container全局样式
|
||||
.app-container {
|
||||
padding: 20px;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.components-container {
|
||||
@@ -159,11 +177,11 @@ aside {
|
||||
|
||||
.link-type,
|
||||
.link-type:focus {
|
||||
color: #337ab7;
|
||||
color: var(--ccdi-primary);
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
color: rgb(32, 160, 255);
|
||||
color: var(--ccdi-primary-hover);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -88,14 +88,88 @@
|
||||
padding: 10px 20px 0;
|
||||
}
|
||||
|
||||
.el-form-item__label {
|
||||
color: #5f6b7a;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.el-input__inner,
|
||||
.el-textarea__inner,
|
||||
.el-range-editor.el-input__inner,
|
||||
.el-select .el-input__inner,
|
||||
.vue-treeselect__control {
|
||||
border-color: #d9e3ee !important;
|
||||
border-radius: 10px;
|
||||
color: #1f2d3d;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.el-input__inner::placeholder,
|
||||
.el-textarea__inner::placeholder {
|
||||
color: #8a97a6;
|
||||
}
|
||||
|
||||
.el-input__inner:hover,
|
||||
.el-textarea__inner:hover,
|
||||
.el-range-editor.el-input__inner:hover,
|
||||
.vue-treeselect__control:hover {
|
||||
border-color: #c8d7e6 !important;
|
||||
}
|
||||
|
||||
.el-input.is-focus .el-input__inner,
|
||||
.el-textarea.is-focus .el-textarea__inner,
|
||||
.el-select .el-input.is-focus .el-input__inner,
|
||||
.el-range-editor.is-active,
|
||||
.el-range-editor.is-active:hover,
|
||||
.vue-treeselect--focused .vue-treeselect__control {
|
||||
border-color: #2f5d8a !important;
|
||||
box-shadow: 0 0 0 3px rgba(47, 93, 138, 0.08);
|
||||
}
|
||||
|
||||
.el-button {
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.el-button--primary {
|
||||
box-shadow: 0 6px 16px rgba(47, 93, 138, 0.18);
|
||||
}
|
||||
|
||||
.el-button--primary:focus,
|
||||
.el-button--primary:hover {
|
||||
background-color: #244a6d;
|
||||
border-color: #244a6d;
|
||||
}
|
||||
|
||||
.el-button.is-plain {
|
||||
border-color: #d9e3ee;
|
||||
}
|
||||
|
||||
.el-card,
|
||||
.tree-border,
|
||||
.pagination-container,
|
||||
.splitpanes.default-theme .splitpanes__pane {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
.el-card {
|
||||
border: 1px solid #d9e3ee;
|
||||
border-radius: 14px;
|
||||
box-shadow: 0 8px 24px rgba(31, 45, 61, 0.05);
|
||||
}
|
||||
|
||||
.el-table {
|
||||
border: 1px solid #d9e3ee;
|
||||
border-radius: 12px;
|
||||
overflow: hidden;
|
||||
|
||||
.el-table__header-wrapper, .el-table__fixed-header-wrapper {
|
||||
th {
|
||||
word-break: break-word;
|
||||
background-color: #f8f8f9;
|
||||
color: #515a6e;
|
||||
background-color: #f7fafd;
|
||||
color: #5f6b7a;
|
||||
height: 40px;
|
||||
font-size: 13px;
|
||||
border-bottom-color: #d9e3ee;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -106,6 +180,19 @@
|
||||
}
|
||||
}
|
||||
|
||||
.el-table th.el-table__cell,
|
||||
.el-table td.el-table__cell {
|
||||
border-bottom-color: #e7edf5;
|
||||
}
|
||||
|
||||
.el-table::before {
|
||||
background-color: #d9e3ee;
|
||||
}
|
||||
|
||||
.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
|
||||
background: #f9fbfe;
|
||||
}
|
||||
|
||||
/** 表单布局 **/
|
||||
.form-header {
|
||||
font-size: 15px;
|
||||
@@ -120,14 +207,17 @@
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
margin-top: 20px;
|
||||
padding: 0;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
/* tree border */
|
||||
.tree-border {
|
||||
margin-top: 5px;
|
||||
border: 1px solid #e5e6e7;
|
||||
background: #FFFFFF none;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #d9e3ee;
|
||||
background: #ffffff none;
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 8px 24px rgba(31, 45, 61, 0.05);
|
||||
}
|
||||
|
||||
/* horizontal el menu */
|
||||
@@ -195,12 +285,13 @@
|
||||
}
|
||||
|
||||
.el-card__header {
|
||||
padding: 14px 15px 7px;
|
||||
padding: 16px 18px 10px;
|
||||
min-height: 40px;
|
||||
border-bottom-color: #e7edf5;
|
||||
}
|
||||
|
||||
.el-card__body {
|
||||
padding: 15px 20px 20px 20px;
|
||||
padding: 18px 20px 20px 20px;
|
||||
}
|
||||
|
||||
.card-box {
|
||||
@@ -238,23 +329,23 @@
|
||||
}
|
||||
|
||||
.text-success {
|
||||
color: #1c84c6;
|
||||
color: #3f6b55;
|
||||
}
|
||||
|
||||
.text-info {
|
||||
color: #23c6c8;
|
||||
color: #2f5d8a;
|
||||
}
|
||||
|
||||
.text-warning {
|
||||
color: #f8ac59;
|
||||
color: #a56a2a;
|
||||
}
|
||||
|
||||
.text-danger {
|
||||
color: #ed5565;
|
||||
color: #b55252;
|
||||
}
|
||||
|
||||
.text-muted {
|
||||
color: #888888;
|
||||
color: #8a97a6;
|
||||
}
|
||||
|
||||
/* image */
|
||||
@@ -293,5 +384,45 @@
|
||||
|
||||
/* 分割面板样式 */
|
||||
.splitpanes.default-theme .splitpanes__pane {
|
||||
background-color: #fff!important;
|
||||
background-color: transparent!important;
|
||||
}
|
||||
|
||||
.el-dialog {
|
||||
border-radius: 16px;
|
||||
box-shadow: 0 16px 36px rgba(31, 45, 61, 0.12);
|
||||
}
|
||||
|
||||
.el-dialog__header {
|
||||
border-bottom: 1px solid #e7edf5;
|
||||
}
|
||||
|
||||
.el-dialog__title {
|
||||
color: #1f2d3d;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.el-dialog__footer {
|
||||
border-top: 1px solid #e7edf5;
|
||||
}
|
||||
|
||||
.el-pagination.is-background .btn-next,
|
||||
.el-pagination.is-background .btn-prev,
|
||||
.el-pagination.is-background .el-pager li {
|
||||
background: #ffffff;
|
||||
border: 1px solid #d9e3ee;
|
||||
color: #5f6b7a;
|
||||
border-radius: 8px;
|
||||
min-width: 30px;
|
||||
}
|
||||
|
||||
.el-pagination.is-background .el-pager li:not(.disabled).active {
|
||||
background: #2f5d8a;
|
||||
border-color: #2f5d8a;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.el-pagination.is-background .el-pager li:not(.disabled):hover,
|
||||
.el-pagination.is-background .btn-next:hover,
|
||||
.el-pagination.is-background .btn-prev:hover {
|
||||
color: #2f5d8a;
|
||||
}
|
||||
|
||||
@@ -9,17 +9,17 @@ $yellow:#FEC171;
|
||||
$panGreen: #30B08F;
|
||||
|
||||
// 默认菜单主题风格
|
||||
$base-menu-color:#bfcbd9;
|
||||
$base-menu-color-active:#f4f4f5;
|
||||
$base-menu-background:#304156;
|
||||
$base-menu-color:#d4deea;
|
||||
$base-menu-color-active:#ffffff;
|
||||
$base-menu-background:#24384c;
|
||||
$base-logo-title-color: #ffffff;
|
||||
|
||||
$base-menu-light-color:rgba(0,0,0,.70);
|
||||
$base-menu-light-background:#ffffff;
|
||||
$base-logo-light-title-color: #001529;
|
||||
|
||||
$base-sub-menu-background:#1f2d3d;
|
||||
$base-sub-menu-hover:#001528;
|
||||
$base-sub-menu-background:#1d2e40;
|
||||
$base-sub-menu-hover:#2a435d;
|
||||
|
||||
// 自定义暗色菜单风格
|
||||
/**
|
||||
|
||||
@@ -105,7 +105,7 @@ export default {
|
||||
|
||||
<style scoped>
|
||||
.pagination-container {
|
||||
background: #fff;
|
||||
background: transparent;
|
||||
}
|
||||
.pagination-container.hidden {
|
||||
display: none;
|
||||
|
||||
@@ -168,6 +168,25 @@ export default {
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .el-button.is-circle {
|
||||
border-color: #d9e3ee;
|
||||
background: #ffffff;
|
||||
color: #5f6b7a;
|
||||
box-shadow: 0 4px 12px rgba(31, 45, 61, 0.05);
|
||||
|
||||
&:hover {
|
||||
color: #2f5d8a;
|
||||
border-color: #c8d7e6;
|
||||
background: #f9fbfe;
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep .el-dropdown-menu {
|
||||
border-radius: 12px;
|
||||
border: 1px solid #d9e3ee;
|
||||
box-shadow: 0 12px 28px rgba(31, 45, 61, 0.08);
|
||||
}
|
||||
|
||||
::v-deep .el-transfer__button {
|
||||
border-radius: 50%;
|
||||
padding: 12px;
|
||||
|
||||
@@ -120,8 +120,9 @@ export default {
|
||||
height: 50px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
background: #fff;
|
||||
box-shadow: 0 1px 4px rgba(0,21,41,.08);
|
||||
background: rgba(255, 255, 255, 0.94);
|
||||
border-bottom: 1px solid #e7edf5;
|
||||
box-shadow: 0 8px 20px rgba(31, 45, 61, 0.05);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
// padding: 0 8px;
|
||||
@@ -139,7 +140,7 @@ export default {
|
||||
margin-right: 8px;
|
||||
|
||||
&:hover {
|
||||
background: rgba(0, 0, 0, .025)
|
||||
background: #f7fafd
|
||||
}
|
||||
}
|
||||
|
||||
@@ -190,7 +191,7 @@ export default {
|
||||
transition: background .3s;
|
||||
|
||||
&:hover {
|
||||
background: rgba(0, 0, 0, .025)
|
||||
background: #f7fafd
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -216,7 +217,8 @@ export default {
|
||||
bottom: 10px;
|
||||
left: 2px;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
font-weight: 600;
|
||||
color: #1f2d3d;
|
||||
}
|
||||
|
||||
.el-icon-caret-bottom {
|
||||
|
||||
@@ -245,9 +245,9 @@ export default {
|
||||
.tags-view-container {
|
||||
height: 34px;
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
border-bottom: 1px solid #d8dce5;
|
||||
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 3px 0 rgba(0, 0, 0, .04);
|
||||
background: rgba(255, 255, 255, 0.92);
|
||||
border-bottom: 1px solid #e7edf5;
|
||||
box-shadow: 0 6px 16px rgba(31, 45, 61, .04);
|
||||
.tags-view-wrapper {
|
||||
.tags-view-item {
|
||||
display: inline-block;
|
||||
@@ -255,9 +255,10 @@ export default {
|
||||
cursor: pointer;
|
||||
height: 26px;
|
||||
line-height: 26px;
|
||||
border: 1px solid #d8dce5;
|
||||
color: #495060;
|
||||
border: 1px solid #d9e3ee;
|
||||
color: #5f6b7a;
|
||||
background: #fff;
|
||||
border-radius: 8px;
|
||||
padding: 0 8px;
|
||||
font-size: 12px;
|
||||
margin-left: 5px;
|
||||
|
||||
@@ -246,6 +246,10 @@ export default {
|
||||
<style lang="scss" scoped>
|
||||
.project-table-container {
|
||||
margin-top: 16px;
|
||||
|
||||
:deep(.el-table) {
|
||||
box-shadow: var(--ccdi-shadow);
|
||||
}
|
||||
}
|
||||
|
||||
.status-tag {
|
||||
@@ -266,7 +270,7 @@ export default {
|
||||
.project-name {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color: #303133;
|
||||
color: var(--ccdi-text-primary);
|
||||
margin-bottom: 2px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
@@ -275,7 +279,7 @@ export default {
|
||||
|
||||
.project-desc {
|
||||
font-size: 12px;
|
||||
color: #909399;
|
||||
color: var(--ccdi-text-muted);
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
@@ -289,7 +293,7 @@ export default {
|
||||
.risk-tooltip-title {
|
||||
margin-bottom: 8px;
|
||||
font-weight: 600;
|
||||
color: #303133;
|
||||
color: var(--ccdi-text-primary);
|
||||
}
|
||||
|
||||
.risk-tooltip-item {
|
||||
@@ -297,15 +301,15 @@ export default {
|
||||
}
|
||||
|
||||
.risk-tooltip-item--high {
|
||||
color: #f56c6c;
|
||||
color: #b55252;
|
||||
}
|
||||
|
||||
.risk-tooltip-item--medium {
|
||||
color: #e6a23c;
|
||||
color: #a56a2a;
|
||||
}
|
||||
|
||||
.risk-tooltip-item--low {
|
||||
color: #909399;
|
||||
color: #6c7a89;
|
||||
}
|
||||
|
||||
.risk-tooltip-count {
|
||||
|
||||
@@ -83,12 +83,12 @@ export default {
|
||||
align-items: center;
|
||||
margin-bottom: 12px;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: #606266;
|
||||
font-weight: 600;
|
||||
color: var(--ccdi-text-secondary);
|
||||
|
||||
.title-icon {
|
||||
margin-right: 6px;
|
||||
color: #909399;
|
||||
color: var(--ccdi-primary);
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
@@ -98,17 +98,17 @@ export default {
|
||||
align-items: center;
|
||||
padding: 16px;
|
||||
background: white;
|
||||
border-radius: 4px;
|
||||
border-radius: 14px;
|
||||
cursor: pointer;
|
||||
transition: all 0.2s ease;
|
||||
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
|
||||
border: 1px solid #EBEEF5;
|
||||
box-shadow: var(--ccdi-shadow);
|
||||
border: 1px solid var(--ccdi-border);
|
||||
height: 100%;
|
||||
|
||||
&:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
|
||||
border-color: #409EFF;
|
||||
transform: translateY(-1px);
|
||||
box-shadow: var(--ccdi-shadow-soft);
|
||||
border-color: #c6d7e6;
|
||||
|
||||
.card-icon {
|
||||
transform: scale(1.05);
|
||||
@@ -134,19 +134,19 @@ export default {
|
||||
color: white;
|
||||
|
||||
&.import-icon {
|
||||
background-color: #6B7280;
|
||||
background-color: #6c7a89;
|
||||
}
|
||||
|
||||
&.quarterly-icon {
|
||||
background-color: #3B82F6;
|
||||
background-color: #2f5d8a;
|
||||
}
|
||||
|
||||
&.employee-icon {
|
||||
background-color: #10B981;
|
||||
background-color: #587893;
|
||||
}
|
||||
|
||||
&.highrisk-icon {
|
||||
background-color: #F59E0B;
|
||||
background-color: #a56a2a;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -156,14 +156,14 @@ export default {
|
||||
|
||||
.card-title {
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: #303133;
|
||||
font-weight: 600;
|
||||
color: var(--ccdi-text-primary);
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
.card-desc {
|
||||
font-size: 12px;
|
||||
color: #909399;
|
||||
color: var(--ccdi-text-muted);
|
||||
line-height: 1.4;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -96,9 +96,10 @@ export default {
|
||||
align-items: center;
|
||||
gap: 24px;
|
||||
padding: 16px 20px;
|
||||
background: #ffffff;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
||||
background: var(--ccdi-surface);
|
||||
border: 1px solid var(--ccdi-border);
|
||||
border-radius: 14px;
|
||||
box-shadow: var(--ccdi-shadow);
|
||||
}
|
||||
|
||||
.search-input-wrapper {
|
||||
@@ -120,21 +121,23 @@ export default {
|
||||
|
||||
.tab-item {
|
||||
font-size: 14px;
|
||||
color: #6B7280;
|
||||
color: var(--ccdi-text-secondary);
|
||||
cursor: pointer;
|
||||
padding: 6px 12px;
|
||||
border-radius: 6px;
|
||||
border-radius: 10px;
|
||||
border: 1px solid transparent;
|
||||
transition: all 0.2s ease;
|
||||
user-select: none;
|
||||
|
||||
&:hover {
|
||||
color: #3B82F6;
|
||||
color: var(--ccdi-primary);
|
||||
}
|
||||
|
||||
&.active {
|
||||
color: #3B82F6;
|
||||
background: #EFF6FF;
|
||||
font-weight: 500;
|
||||
color: var(--ccdi-primary);
|
||||
background: var(--ccdi-primary-soft);
|
||||
border-color: #d6e3f0;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -46,10 +46,10 @@ export default {
|
||||
align-items: center;
|
||||
gap: 14px;
|
||||
padding: 18px 16px;
|
||||
border: 1px solid #eef2ff;
|
||||
border-radius: 0;
|
||||
background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
|
||||
box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08);
|
||||
border: 1px solid var(--ccdi-border);
|
||||
border-radius: 12px;
|
||||
background: linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%);
|
||||
box-shadow: 0 4px 14px rgba(31, 45, 61, 0.05);
|
||||
}
|
||||
|
||||
.stats-icon {
|
||||
@@ -63,23 +63,23 @@ export default {
|
||||
}
|
||||
|
||||
.stats-icon-blue {
|
||||
color: #2563eb;
|
||||
background: rgba(37, 99, 235, 0.12);
|
||||
color: var(--ccdi-primary);
|
||||
background: rgba(47, 93, 138, 0.12);
|
||||
}
|
||||
|
||||
.stats-icon-red {
|
||||
color: #ef4444;
|
||||
background: rgba(239, 68, 68, 0.12);
|
||||
color: #b55252;
|
||||
background: rgba(181, 82, 82, 0.12);
|
||||
}
|
||||
|
||||
.stats-icon-amber {
|
||||
color: #f59e0b;
|
||||
background: rgba(245, 158, 11, 0.14);
|
||||
color: #a56a2a;
|
||||
background: rgba(165, 106, 42, 0.14);
|
||||
}
|
||||
|
||||
.stats-icon-green {
|
||||
color: #10b981;
|
||||
background: rgba(16, 185, 129, 0.14);
|
||||
color: #3f6b55;
|
||||
background: rgba(63, 107, 85, 0.14);
|
||||
}
|
||||
|
||||
.stats-content {
|
||||
@@ -88,7 +88,7 @@ export default {
|
||||
|
||||
.stats-label {
|
||||
font-size: 12px;
|
||||
color: #94a3b8;
|
||||
color: var(--ccdi-text-muted);
|
||||
}
|
||||
|
||||
.stats-value {
|
||||
@@ -96,6 +96,6 @@ export default {
|
||||
font-size: 26px;
|
||||
line-height: 1;
|
||||
font-weight: 700;
|
||||
color: #0f172a;
|
||||
color: var(--ccdi-text-primary);
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -231,17 +231,17 @@ export default {
|
||||
<style scoped lang="scss">
|
||||
.param-config-container {
|
||||
padding: 20px;
|
||||
background-color: #fff;
|
||||
background-color: transparent;
|
||||
min-height: 400px;
|
||||
}
|
||||
|
||||
.readonly-tip {
|
||||
margin-bottom: 16px;
|
||||
padding: 12px 16px;
|
||||
color: #ad6800;
|
||||
background: #fff7e6;
|
||||
border: 1px solid #ffd591;
|
||||
border-radius: 6px;
|
||||
color: #a56a2a;
|
||||
background: #fbf3ea;
|
||||
border: 1px solid #eddcc8;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.model-cards-container {
|
||||
@@ -252,10 +252,11 @@ export default {
|
||||
|
||||
.model-card {
|
||||
background: #fff;
|
||||
border-radius: 4px;
|
||||
border-radius: 14px;
|
||||
padding: 20px;
|
||||
margin-bottom: 20px;
|
||||
border: 1px solid #e4e7ed;
|
||||
border: 1px solid var(--ccdi-border);
|
||||
box-shadow: var(--ccdi-shadow);
|
||||
|
||||
.model-header {
|
||||
margin-bottom: 15px;
|
||||
@@ -263,7 +264,7 @@ export default {
|
||||
h3 {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
color: var(--ccdi-text-primary);
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
@@ -273,7 +274,9 @@ export default {
|
||||
padding: 40px;
|
||||
text-align: center;
|
||||
background: #fff;
|
||||
border-radius: 4px;
|
||||
border: 1px solid var(--ccdi-border);
|
||||
border-radius: 14px;
|
||||
box-shadow: var(--ccdi-shadow);
|
||||
}
|
||||
|
||||
.button-section {
|
||||
@@ -289,9 +292,9 @@ export default {
|
||||
padding: 16px 20px;
|
||||
padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px));
|
||||
background: rgba(255, 255, 255, 0.96);
|
||||
border-top: 1px solid #ebeef5;
|
||||
border: 1px solid var(--ccdi-border);
|
||||
border-radius: 12px 12px 0 0;
|
||||
box-shadow: 0 -6px 18px rgba(0, 0, 0, 0.08);
|
||||
box-shadow: 0 -6px 18px rgba(31, 45, 61, 0.08);
|
||||
text-align: left;
|
||||
|
||||
.el-button {
|
||||
@@ -299,7 +302,7 @@ export default {
|
||||
}
|
||||
|
||||
.modified-tip {
|
||||
color: #909399;
|
||||
color: var(--ccdi-text-muted);
|
||||
font-size: 14px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
@@ -266,9 +266,10 @@ export default {
|
||||
|
||||
.state-card {
|
||||
padding: 32px 24px;
|
||||
border-radius: 0;
|
||||
border-radius: 14px;
|
||||
background: #fff;
|
||||
box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
|
||||
border: 1px solid var(--ccdi-border);
|
||||
box-shadow: var(--ccdi-shadow);
|
||||
}
|
||||
|
||||
.preliminary-check-page {
|
||||
@@ -277,9 +278,10 @@ export default {
|
||||
|
||||
.section-card {
|
||||
padding: 20px;
|
||||
border-radius: 0;
|
||||
border-radius: 14px;
|
||||
background: #fff;
|
||||
box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
|
||||
border: 1px solid var(--ccdi-border);
|
||||
box-shadow: var(--ccdi-shadow);
|
||||
}
|
||||
|
||||
.risk-overview-card {
|
||||
@@ -290,19 +292,19 @@ export default {
|
||||
.section-header {
|
||||
margin-bottom: 18px;
|
||||
padding-left: 12px;
|
||||
border-left: 4px solid #2563eb;
|
||||
border-left: 4px solid var(--ccdi-primary);
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-size: 20px;
|
||||
line-height: 28px;
|
||||
font-weight: 700;
|
||||
color: #0f172a;
|
||||
color: var(--ccdi-text-primary);
|
||||
}
|
||||
|
||||
.section-subtitle {
|
||||
margin-top: 6px;
|
||||
font-size: 12px;
|
||||
color: #64748b;
|
||||
color: var(--ccdi-text-muted);
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -875,7 +875,7 @@ export default {
|
||||
}
|
||||
|
||||
.empty-text {
|
||||
color: #909399;
|
||||
color: var(--ccdi-text-muted);
|
||||
font-size: 13px;
|
||||
line-height: 20px;
|
||||
}
|
||||
@@ -917,11 +917,11 @@ export default {
|
||||
.detail-label {
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
color: #909399;
|
||||
color: var(--ccdi-text-muted);
|
||||
}
|
||||
|
||||
.detail-value {
|
||||
color: #303133;
|
||||
color: var(--ccdi-text-primary);
|
||||
line-height: 22px;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
@@ -938,7 +938,7 @@ export default {
|
||||
.detail-file-icon {
|
||||
margin-top: 2px;
|
||||
font-size: 20px;
|
||||
color: #f59a23;
|
||||
color: #a56a2a;
|
||||
}
|
||||
|
||||
.detail-file-meta {
|
||||
@@ -949,19 +949,19 @@ export default {
|
||||
}
|
||||
|
||||
.detail-file-name {
|
||||
color: #303133;
|
||||
color: var(--ccdi-text-primary);
|
||||
line-height: 22px;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.detail-file-time {
|
||||
color: #909399;
|
||||
color: var(--ccdi-text-muted);
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
.detail-hit-tag-section {
|
||||
border-top: 1px solid #ebeef5;
|
||||
border-top: 1px solid var(--ccdi-line);
|
||||
padding-top: 24px;
|
||||
}
|
||||
|
||||
@@ -969,7 +969,7 @@ export default {
|
||||
margin-bottom: 16px;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
color: #303133;
|
||||
color: var(--ccdi-text-primary);
|
||||
}
|
||||
|
||||
.detail-hit-tag-items {
|
||||
@@ -980,9 +980,9 @@ export default {
|
||||
|
||||
.detail-hit-tag-item {
|
||||
padding: 12px 16px;
|
||||
border: 1px solid #ebeef5;
|
||||
border-radius: 4px;
|
||||
background: #fafafa;
|
||||
border: 1px solid var(--ccdi-border);
|
||||
border-radius: 12px;
|
||||
background: #fbfcfe;
|
||||
}
|
||||
|
||||
.detail-hit-tag-header {
|
||||
@@ -993,7 +993,7 @@ export default {
|
||||
}
|
||||
|
||||
.detail-hit-tag-name {
|
||||
color: #303133;
|
||||
color: var(--ccdi-text-primary);
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
line-height: 22px;
|
||||
@@ -1002,14 +1002,14 @@ export default {
|
||||
|
||||
.detail-hit-tag-reason {
|
||||
margin-top: 8px;
|
||||
color: #606266;
|
||||
color: var(--ccdi-text-secondary);
|
||||
font-size: 13px;
|
||||
line-height: 20px;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
.detail-hit-tag-empty {
|
||||
color: #909399;
|
||||
color: var(--ccdi-text-muted);
|
||||
font-size: 13px;
|
||||
line-height: 20px;
|
||||
}
|
||||
@@ -1025,13 +1025,13 @@ export default {
|
||||
|
||||
.el-dialog__header {
|
||||
padding: 20px 24px;
|
||||
border-bottom: 1px solid #ebeef5;
|
||||
border-bottom: 1px solid var(--ccdi-line);
|
||||
}
|
||||
|
||||
.el-dialog__title {
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
color: #303133;
|
||||
color: var(--ccdi-text-primary);
|
||||
}
|
||||
|
||||
.el-dialog__body {
|
||||
|
||||
@@ -364,28 +364,29 @@ export default {
|
||||
|
||||
.section-card {
|
||||
padding: 20px;
|
||||
border-radius: 0;
|
||||
border-radius: 14px;
|
||||
background: #fff;
|
||||
box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
|
||||
border: 1px solid var(--ccdi-border);
|
||||
box-shadow: var(--ccdi-shadow);
|
||||
}
|
||||
|
||||
.section-header {
|
||||
margin-bottom: 18px;
|
||||
padding-left: 12px;
|
||||
border-left: 4px solid #2563eb;
|
||||
border-left: 4px solid var(--ccdi-primary);
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-size: 20px;
|
||||
line-height: 28px;
|
||||
font-weight: 700;
|
||||
color: #0f172a;
|
||||
color: var(--ccdi-text-primary);
|
||||
}
|
||||
|
||||
.section-subtitle {
|
||||
margin-top: 6px;
|
||||
font-size: 12px;
|
||||
color: #64748b;
|
||||
color: var(--ccdi-text-muted);
|
||||
}
|
||||
|
||||
.block + .block {
|
||||
@@ -404,7 +405,7 @@ export default {
|
||||
padding-left: 10px;
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
color: #334155;
|
||||
color: var(--ccdi-text-primary);
|
||||
}
|
||||
|
||||
.block-title::before {
|
||||
@@ -415,7 +416,7 @@ export default {
|
||||
width: 4px;
|
||||
height: 14px;
|
||||
border-radius: 999px;
|
||||
background: #94a3b8;
|
||||
background: #8ea7be;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
@@ -423,7 +424,7 @@ export default {
|
||||
margin-top: 4px;
|
||||
padding-left: 10px;
|
||||
font-size: 12px;
|
||||
color: #94a3b8;
|
||||
color: var(--ccdi-text-muted);
|
||||
}
|
||||
|
||||
.model-card-grid {
|
||||
@@ -436,9 +437,9 @@ export default {
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 18px;
|
||||
border: 1px solid #e2e8f0;
|
||||
border-radius: 0;
|
||||
background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
|
||||
border: 1px solid var(--ccdi-border);
|
||||
border-radius: 12px;
|
||||
background: linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%);
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
|
||||
@@ -446,34 +447,34 @@ export default {
|
||||
|
||||
.model-card:hover,
|
||||
.model-card.is-active {
|
||||
border-color: #2563eb;
|
||||
box-shadow: 0 12px 24px rgba(37, 99, 235, 0.12);
|
||||
border-color: #bdd0e2;
|
||||
box-shadow: 0 10px 22px rgba(47, 93, 138, 0.11);
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
.model-card-title {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color: #334155;
|
||||
color: var(--ccdi-text-primary);
|
||||
}
|
||||
|
||||
.model-card-count {
|
||||
margin-top: 12px;
|
||||
font-size: 28px;
|
||||
font-weight: 700;
|
||||
color: #2563eb;
|
||||
color: var(--ccdi-primary);
|
||||
}
|
||||
|
||||
.model-card-meta {
|
||||
margin-top: 8px;
|
||||
font-size: 12px;
|
||||
color: #94a3b8;
|
||||
color: var(--ccdi-text-muted);
|
||||
}
|
||||
|
||||
.model-card-action {
|
||||
margin-top: 12px;
|
||||
font-size: 12px;
|
||||
color: #2563eb;
|
||||
color: var(--ccdi-primary);
|
||||
}
|
||||
|
||||
.filter-bar {
|
||||
@@ -482,8 +483,9 @@ export default {
|
||||
gap: 16px;
|
||||
margin-bottom: 14px;
|
||||
padding: 14px 16px;
|
||||
border: 1px solid var(--ccdi-border);
|
||||
border-radius: 12px;
|
||||
background: #f8fafc;
|
||||
background: #f8fbfe;
|
||||
}
|
||||
|
||||
.filter-item {
|
||||
@@ -509,7 +511,7 @@ export default {
|
||||
.filter-label,
|
||||
.summary-label {
|
||||
font-size: 12px;
|
||||
color: #64748b;
|
||||
color: var(--ccdi-text-secondary);
|
||||
flex-shrink: 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
@@ -524,7 +526,7 @@ export default {
|
||||
|
||||
.summary-value {
|
||||
min-width: 0;
|
||||
color: #1e293b;
|
||||
color: var(--ccdi-text-primary);
|
||||
font-size: 13px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
@@ -543,8 +545,8 @@ export default {
|
||||
}
|
||||
|
||||
:deep(.model-table th) {
|
||||
background: #f8fafc;
|
||||
color: #64748b;
|
||||
background: #f7fafd;
|
||||
color: var(--ccdi-text-secondary);
|
||||
}
|
||||
|
||||
.hit-tag-list {
|
||||
@@ -554,7 +556,7 @@ export default {
|
||||
}
|
||||
|
||||
.empty-text {
|
||||
color: #94a3b8;
|
||||
color: var(--ccdi-text-muted);
|
||||
}
|
||||
|
||||
.pagination-bar {
|
||||
|
||||
@@ -251,7 +251,7 @@ export default {
|
||||
.risk-people-section {
|
||||
margin-bottom: 0;
|
||||
padding-top: 18px;
|
||||
border-top: 1px solid #eef2f7;
|
||||
border-top: 1px solid var(--ccdi-line);
|
||||
}
|
||||
|
||||
.section-toolbar {
|
||||
@@ -267,8 +267,8 @@ export default {
|
||||
}
|
||||
|
||||
:deep(.people-table th) {
|
||||
background: #f8fafc;
|
||||
color: #64748b;
|
||||
background: #f7fafd;
|
||||
color: var(--ccdi-text-secondary);
|
||||
}
|
||||
|
||||
.risk-point-tag-list {
|
||||
@@ -283,6 +283,6 @@ export default {
|
||||
}
|
||||
|
||||
.empty-text {
|
||||
color: #94a3b8;
|
||||
color: var(--ccdi-text-muted);
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -144,9 +144,10 @@ export default {
|
||||
|
||||
.state-card {
|
||||
padding: 32px 24px;
|
||||
border-radius: 0;
|
||||
border-radius: 14px;
|
||||
background: #fff;
|
||||
box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
|
||||
border: 1px solid var(--ccdi-border);
|
||||
box-shadow: var(--ccdi-shadow);
|
||||
}
|
||||
|
||||
.special-check-page {
|
||||
@@ -158,7 +159,9 @@ export default {
|
||||
min-height: 500px;
|
||||
padding: 20px;
|
||||
background: #fff;
|
||||
box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
|
||||
border: 1px solid var(--ccdi-border);
|
||||
border-radius: 14px;
|
||||
box-shadow: var(--ccdi-shadow);
|
||||
}
|
||||
|
||||
.graph-placeholder-header {
|
||||
@@ -171,13 +174,13 @@ export default {
|
||||
.graph-placeholder-title {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
color: #1f2937;
|
||||
color: var(--ccdi-text-primary);
|
||||
}
|
||||
|
||||
.graph-placeholder-subtitle {
|
||||
margin-top: 4px;
|
||||
font-size: 12px;
|
||||
color: #94a3b8;
|
||||
color: var(--ccdi-text-muted);
|
||||
}
|
||||
|
||||
.graph-placeholder-body {
|
||||
@@ -187,14 +190,14 @@ export default {
|
||||
gap: 16px;
|
||||
margin-top: 18px;
|
||||
padding: 16px 18px;
|
||||
border: 1px dashed #dbeafe;
|
||||
background: #f8fbff;
|
||||
border: 1px dashed #d9e3ee;
|
||||
background: #f8fbfe;
|
||||
}
|
||||
|
||||
.graph-placeholder-text {
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
color: #475569;
|
||||
color: var(--ccdi-text-secondary);
|
||||
}
|
||||
|
||||
.special-check-extended-wrapper {
|
||||
|
||||
@@ -924,7 +924,7 @@ export default {
|
||||
<style lang="scss" scoped>
|
||||
.upload-data-container {
|
||||
padding: 16px;
|
||||
background: #fff;
|
||||
background: transparent;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
@@ -1028,9 +1028,9 @@ export default {
|
||||
.tagging-lock-tip {
|
||||
margin-bottom: 16px;
|
||||
padding: 10px 14px;
|
||||
color: #ad6800;
|
||||
background: #fff8ec;
|
||||
border: 1px solid #ffe0b2;
|
||||
color: #a56a2a;
|
||||
background: #fbf3ea;
|
||||
border: 1px solid #eddcc8;
|
||||
border-radius: 10px;
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
|
||||
}
|
||||
@@ -1039,10 +1039,10 @@ export default {
|
||||
// 文件列表区域
|
||||
.file-list-section {
|
||||
background: #fff;
|
||||
border: 1px solid #ebeef5;
|
||||
border: 1px solid var(--ccdi-border);
|
||||
border-radius: 12px;
|
||||
padding: 20px 24px 24px;
|
||||
box-shadow: 0 12px 30px rgba(17, 24, 39, 0.06);
|
||||
box-shadow: var(--ccdi-shadow);
|
||||
|
||||
.list-toolbar {
|
||||
display: flex;
|
||||
@@ -1050,7 +1050,7 @@ export default {
|
||||
align-items: center;
|
||||
margin-bottom: 16px;
|
||||
padding-bottom: 12px;
|
||||
border-bottom: 1px solid #f0f2f5;
|
||||
border-bottom: 1px solid var(--ccdi-line);
|
||||
|
||||
.toolbar-actions {
|
||||
display: flex;
|
||||
@@ -1065,7 +1065,7 @@ export default {
|
||||
}
|
||||
|
||||
::v-deep .el-table {
|
||||
border: 1px solid #f0f2f5;
|
||||
border: 1px solid var(--ccdi-border);
|
||||
border-radius: 10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
@@ -1095,7 +1095,7 @@ export default {
|
||||
|
||||
.el-upload__tip {
|
||||
margin-top: 8px;
|
||||
color: #909399;
|
||||
color: var(--ccdi-text-muted);
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
@@ -1111,9 +1111,9 @@ export default {
|
||||
|
||||
.pull-bank-file-panel {
|
||||
padding: 16px;
|
||||
border: 1px solid #e4e7ed;
|
||||
border: 1px solid var(--ccdi-border);
|
||||
border-radius: 8px;
|
||||
background: #fafcff;
|
||||
background: #f8fbfe;
|
||||
|
||||
.pull-bank-file-actions {
|
||||
display: flex;
|
||||
@@ -1124,7 +1124,7 @@ export default {
|
||||
|
||||
.pull-bank-file-tip {
|
||||
font-size: 12px;
|
||||
color: #606266;
|
||||
color: var(--ccdi-text-secondary);
|
||||
line-height: 1.5;
|
||||
}
|
||||
}
|
||||
@@ -1139,7 +1139,7 @@ export default {
|
||||
padding: 10px 12px;
|
||||
border-radius: 6px;
|
||||
background: #ffffff;
|
||||
border: 1px solid #ebeef5;
|
||||
border: 1px solid var(--ccdi-border);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
@@ -1150,7 +1150,7 @@ export default {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
color: #303133;
|
||||
color: var(--ccdi-text-primary);
|
||||
}
|
||||
|
||||
.selected-id-card-file__name {
|
||||
@@ -1186,18 +1186,18 @@ export default {
|
||||
|
||||
.selected-files {
|
||||
margin-top: 16px;
|
||||
border: 1px solid #ebeef5;
|
||||
border: 1px solid var(--ccdi-border);
|
||||
border-radius: 4px;
|
||||
max-height: 300px;
|
||||
overflow-y: auto;
|
||||
|
||||
.files-header {
|
||||
padding: 12px 16px;
|
||||
background: #f5f7fa;
|
||||
border-bottom: 1px solid #ebeef5;
|
||||
background: #f7fafd;
|
||||
border-bottom: 1px solid var(--ccdi-line);
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: #606266;
|
||||
color: var(--ccdi-text-secondary);
|
||||
}
|
||||
|
||||
.files-list {
|
||||
@@ -1211,19 +1211,19 @@ export default {
|
||||
transition: background 0.3s;
|
||||
|
||||
&:hover {
|
||||
background: #f5f7fa;
|
||||
background: #f7fafd;
|
||||
}
|
||||
|
||||
i {
|
||||
font-size: 18px;
|
||||
color: #1890ff;
|
||||
color: var(--ccdi-primary);
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.file-name {
|
||||
flex: 1;
|
||||
font-size: 14px;
|
||||
color: #303133;
|
||||
color: var(--ccdi-text-primary);
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
@@ -1231,16 +1231,16 @@ export default {
|
||||
|
||||
.file-size {
|
||||
font-size: 12px;
|
||||
color: #909399;
|
||||
color: var(--ccdi-text-muted);
|
||||
margin: 0 12px;
|
||||
}
|
||||
|
||||
.el-button {
|
||||
padding: 4px;
|
||||
color: #909399;
|
||||
color: var(--ccdi-text-muted);
|
||||
|
||||
&:hover {
|
||||
color: #f56c6c;
|
||||
color: #b55252;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1250,7 +1250,7 @@ export default {
|
||||
.parse-tip {
|
||||
margin-top: 8px;
|
||||
font-size: 12px;
|
||||
color: #909399;
|
||||
color: var(--ccdi-text-muted);
|
||||
}
|
||||
|
||||
// 响应式
|
||||
|
||||
@@ -446,7 +446,7 @@ export default {
|
||||
<style lang="scss" scoped>
|
||||
.dpc-detail-container {
|
||||
padding: 16px;
|
||||
background: #f0f2f5;
|
||||
background: var(--ccdi-page-bg);
|
||||
min-height: calc(100vh - 84px);
|
||||
}
|
||||
|
||||
@@ -457,8 +457,9 @@ export default {
|
||||
margin-bottom: 16px;
|
||||
padding: 16px 20px;
|
||||
background: #ffffff;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
|
||||
border: 1px solid var(--ccdi-border);
|
||||
border-radius: 14px;
|
||||
box-shadow: var(--ccdi-shadow);
|
||||
|
||||
.header-left {
|
||||
display: flex;
|
||||
@@ -478,8 +479,8 @@ export default {
|
||||
h2 {
|
||||
margin: 0 0 4px 0;
|
||||
font-size: 20px;
|
||||
font-weight: 500;
|
||||
color: #303133;
|
||||
font-weight: 700;
|
||||
color: var(--ccdi-text-primary);
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
@@ -487,7 +488,7 @@ export default {
|
||||
.update-time {
|
||||
margin: 0;
|
||||
font-size: 13px;
|
||||
color: #909399;
|
||||
color: var(--ccdi-text-muted);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -505,15 +506,16 @@ export default {
|
||||
.el-menu-item,
|
||||
.el-submenu__title {
|
||||
font-size: 14px;
|
||||
color: #606266;
|
||||
color: var(--ccdi-text-secondary);
|
||||
padding: 0 16px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
border-bottom: 2px solid transparent;
|
||||
border-radius: 10px 10px 0 0;
|
||||
|
||||
&:hover {
|
||||
background-color: #f5f7fa;
|
||||
color: #303133;
|
||||
background-color: #f7fafd;
|
||||
color: var(--ccdi-text-primary);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -525,15 +527,15 @@ export default {
|
||||
|
||||
// 激活状态：底部下划线 + 蓝色文字
|
||||
.el-menu-item.is-active {
|
||||
color: #1890ff;
|
||||
border-bottom: 2px solid #1890ff;
|
||||
color: var(--ccdi-primary);
|
||||
border-bottom: 2px solid var(--ccdi-primary);
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
// 下拉菜单激活状态
|
||||
.el-submenu.is-active > .el-submenu__title {
|
||||
color: #1890ff;
|
||||
border-bottom: 2px solid #1890ff;
|
||||
color: var(--ccdi-primary);
|
||||
border-bottom: 2px solid var(--ccdi-primary);
|
||||
}
|
||||
|
||||
// 下拉菜单图标
|
||||
|
||||
@@ -299,7 +299,7 @@ export default {
|
||||
<style lang="scss" scoped>
|
||||
.dpc-project-container {
|
||||
padding: 24px;
|
||||
background: #F8F9FA;
|
||||
background: var(--ccdi-page-bg);
|
||||
min-height: calc(100vh - 84px);
|
||||
}
|
||||
|
||||
@@ -312,8 +312,8 @@ export default {
|
||||
.page-title {
|
||||
margin: 0;
|
||||
font-size: 20px;
|
||||
font-weight: 500;
|
||||
color: #303133;
|
||||
font-weight: 700;
|
||||
color: var(--ccdi-text-primary);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -157,19 +157,31 @@ export default {
|
||||
height: 100%;
|
||||
background-image: url("../assets/images/login-background.jpg");
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
position: relative;
|
||||
|
||||
&::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background: rgba(24, 39, 56, 0.24);
|
||||
}
|
||||
}
|
||||
.title {
|
||||
margin: 0px auto 30px auto;
|
||||
text-align: center;
|
||||
color: #707070;
|
||||
color: #1f2d3d;
|
||||
}
|
||||
|
||||
.login-form {
|
||||
border-radius: 6px;
|
||||
background: #ffffff;
|
||||
border-radius: 16px;
|
||||
background: rgba(255, 255, 255, 0.92);
|
||||
width: 400px;
|
||||
padding: 25px 25px 5px 25px;
|
||||
padding: 28px 28px 8px 28px;
|
||||
z-index: 1;
|
||||
border: 1px solid rgba(217, 227, 238, 0.9);
|
||||
box-shadow: 0 20px 48px rgba(31, 45, 61, 0.18);
|
||||
backdrop-filter: blur(10px);
|
||||
.el-input {
|
||||
height: 38px;
|
||||
input {
|
||||
@@ -203,7 +215,7 @@ export default {
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
color: rgba(255, 255, 255, 0.92);
|
||||
font-family: Arial;
|
||||
font-size: 12px;
|
||||
letter-spacing: 1px;
|
||||
|
||||
@@ -36,8 +36,8 @@ module.exports = {
|
||||
proxy: {
|
||||
// detail: https://cli.vuejs.org/config/#devserver-proxy
|
||||
[process.env.VUE_APP_BASE_API]: {
|
||||
target: baseUrl,
|
||||
// target: "http://116.62.17.81:20202",
|
||||
// target: baseUrl,
|
||||
target: "http://116.62.17.81:62318",
|
||||
changeOrigin: true,
|
||||
pathRewrite: {
|
||||
['^' + process.env.VUE_APP_BASE_API]: ''
|
||||
|
||||
Reference in New Issue
Block a user