diff --git a/src/components/AMap/AMap.scss b/src/components/AMap/AMap.scss index 7fa0a9a..6f9c34b 100644 --- a/src/components/AMap/AMap.scss +++ b/src/components/AMap/AMap.scss @@ -25,12 +25,14 @@ $primary: #008bff; > span { flex-shrink: 0; font-size: 13px; - color: #666666; + color: white; } } } .btn-search, .btn-submit { + background-color: #087ba4; + border-color: #087ba4; margin-left: 10px; } } diff --git a/src/components/AMap/AMap.vue b/src/components/AMap/AMap.vue index 5c0c32e..0ece0d5 100644 --- a/src/components/AMap/AMap.vue +++ b/src/components/AMap/AMap.vue @@ -73,7 +73,11 @@ const open = async () => { const AMap = await initAMap(); // 地图加载与点击 - map.value = new AMap.Map("map-container", { zoom: 8, resizeEnable: true }); + map.value = new AMap.Map("map-container", { + zoom: 8, + resizeEnable: true, + mapStyle: "amap://styles/57994c871bb604a4c79184f5f65d8782" + }); map.value?.on("complete", e => { setCenter(props.defaultAddress); diff --git a/src/components/DialogForm/index.vue b/src/components/DialogForm/index.vue index 29a7e41..5a0b7b4 100644 --- a/src/components/DialogForm/index.vue +++ b/src/components/DialogForm/index.vue @@ -149,8 +149,8 @@ @@ -365,11 +365,38 @@ onMounted(() => { // color: #000; // } } - - :deep(.el-form-item__label) { - color: #000; + :deep(.el-input-number) { + width: 100%; + .el-input-number__increase { + background-color: #09405f; + color: #3f6ab0; + border: 0 !important; + border-bottom: 1px solid #087ba4 !important; + border-left: 1px solid #087ba4 !important; + } + .el-input-number__decrease { + background-color: #09405f; + color: #3f6ab0; + border: 0 !important; + border-top: 1px solid #087ba4 !important; + border-left: 1px solid #087ba4 !important; + } + .el-icon { + font-size: 20px; + } + } + :deep(.el-form-item__label) { + color: white; + } + :deep(.el-input__wrapper), + :deep(.el-textarea__inner) { + background-color: transparent; + box-shadow: 0 0 0 1px #087ba4 inset; + } + :deep(.el-input__inner), + :deep(.el-textarea__inner) { + color: white; } - // 标记地图icon // :deep(.el-input__wrapper) { // padding: 1px 10px 0 11px; diff --git a/src/components/TreeFilter/index.scss b/src/components/TreeFilter/index.scss index 75153d7..99c82e6 100644 --- a/src/components/TreeFilter/index.scss +++ b/src/components/TreeFilter/index.scss @@ -13,21 +13,34 @@ } .el-input { margin: 0 0 15px; + :deep(.el-input__wrapper) { + background-color: transparent; + box-shadow: 0 0 0 1px var(--el-color-primary, var(--el-color-primary)) inset; + } + :deep(.el-input__inner) { + color: white; + } } .el-scrollbar { :deep(.el-tree) { // height: 80%; overflow: auto; + background-color: transparent; + color: #c4c4c4; .el-tree-node__content { height: 33px; } + .el-tree-node__content:hover { + background: #09405f; + color: #0bc4f0; + } } :deep(.el-tree--highlight-current) { .el-tree-node.is-current > .el-tree-node__content { - background-color: #e0ebf9; + background-color: #09405f; .el-tree-node__label { font-size: 12px; - color: #008bff; + color: #0bc4f0; } .el-tree-node__expand-icon { color: white; diff --git a/src/layouts/components/Main/index.scss b/src/layouts/components/Main/index.scss index edce08c..224a276 100644 --- a/src/layouts/components/Main/index.scss +++ b/src/layouts/components/Main/index.scss @@ -2,7 +2,7 @@ box-sizing: border-box; padding: 20px; overflow-x: hidden; - background-color: #f6f6f6; + background-color: #092945; &::-webkit-scrollbar { background-color: #f0f2f5; } diff --git a/src/styles/common.scss b/src/styles/common.scss index 9cd989d..5081292 100644 --- a/src/styles/common.scss +++ b/src/styles/common.scss @@ -170,7 +170,7 @@ // font-size: 30px; } .diaMapIcon { - background-color: #008bff; + background-color: #087ba4; width: 34px; position: absolute; right: 0; diff --git a/src/styles/element.scss b/src/styles/element.scss index 6947639..6d30578 100644 --- a/src/styles/element.scss +++ b/src/styles/element.scss @@ -157,15 +157,18 @@ } td.el-table__cell { background-color: transparent !important; + border-bottom: 0 !important; } th.el-table__cell { + background-color: transparent; border-bottom: 0 !important; } td.el-table-fixed-column--right { background-color: transparent !important; } .el-table__header { - background-color: #09405f; + // background-color: #09405f; + background: rgba(11, 196, 240, 0.15); // background: url("@/assets/images/layoutImg/tableThead.png") no-repeat 0 0; // background-size: 100% 100%; } @@ -337,6 +340,7 @@ // * el-dialog 样式 .el-dialog { + background-color: rgba(9, 64, 95, 0.85); border-radius: 8px; // .el-dialog__body { // min-height: 300px; @@ -353,6 +357,7 @@ // border-bottom: 1px solid var(--el-border-color-lighter); .el-dialog__title { font-size: 20px; + color: white; } } .el-dialog__footer { @@ -361,6 +366,16 @@ // margin: -36px 0; } } +.hzStyle { + background-color: #087ba4; + border-color: #087ba4; +} +.hzCancelStyle { + margin-right: 14%; + background-color: transparent; + border-color: #087ba4; + color: #0a769a; +} .addButtonStyle { color: #ffffff; background-color: #30ac7c; @@ -444,3 +459,29 @@ .el-card.is-always-shadow { box-shadow: none; } + +// 单选框 +.el-radio { + .el-radio__inner { + width: 18px !important; + height: 18px !important; + background-color: transparent; + } + .el-radio__input.is-checked .el-radio__inner { + width: 18px !important; + height: 18px !important; + background-color: transparent; + } + .el-radio__inner::after { + width: 13px; + height: 13px; + background: #3f6ab0; + border-radius: 50%; + } +} +// 表单 +.el-form { + .el-form-item__label { + color: var(--el-color-primary); + } +} diff --git a/src/views/enterprise/unmannedVideo/videoData/index.scss b/src/views/enterprise/unmannedVideo/videoData/index.scss index a5477ca..1f9a556 100644 --- a/src/views/enterprise/unmannedVideo/videoData/index.scss +++ b/src/views/enterprise/unmannedVideo/videoData/index.scss @@ -169,8 +169,8 @@ } .imgDialog { .uploadBtn { - color: #30ac7c; - border: 1px solid #30ac7c; + color: #087ba4; + border: 1px solid #087ba4; background: rgba(48, 172, 124, 0.1); } } diff --git a/src/views/hz-project/localeMonitor/attendanceStatistics/index.vue b/src/views/hz-project/localeMonitor/attendanceStatistics/index.vue index 9251800..77e96b4 100644 --- a/src/views/hz-project/localeMonitor/attendanceStatistics/index.vue +++ b/src/views/hz-project/localeMonitor/attendanceStatistics/index.vue @@ -41,10 +41,9 @@

考勤明细

@@ -423,7 +422,7 @@ onBeforeMount(() => { font-size: 14px; font-family: Source Han Sans CN-Regular, Source Han Sans CN; font-weight: 400; - color: #333333; + color: white; margin-right: 10px; margin-left: 10px; } @@ -431,14 +430,13 @@ onBeforeMount(() => { display: flex; flex-direction: column; padding: 20px; - background-color: #fff; h4 { position: relative; padding-left: 6px; font-size: 20px; font-weight: 500; - color: #333333; - border-left: 3px solid #008bff; + color: #ffffff; + border-left: 3px solid #0bc4f0; } .el-table { width: calc(100% - 20px); diff --git a/src/views/hz-project/localeMonitor/realTime/index.vue b/src/views/hz-project/localeMonitor/realTime/index.vue index 7e8e19d..98d4548 100644 --- a/src/views/hz-project/localeMonitor/realTime/index.vue +++ b/src/views/hz-project/localeMonitor/realTime/index.vue @@ -9,8 +9,8 @@ :tool-button="false" :pagination="true" background - :isShowSearch="false" :initParam="initParam" + :isShowSearch="false" > @@ -22,21 +22,19 @@ - diff --git a/src/views/hz-project/projectMonitor/qualityManagement/components/transformInfo.vue b/src/views/hz-project/projectMonitor/qualityManagement/components/transformInfo.vue index a7d928c..3295b6a 100644 --- a/src/views/hz-project/projectMonitor/qualityManagement/components/transformInfo.vue +++ b/src/views/hz-project/projectMonitor/qualityManagement/components/transformInfo.vue @@ -84,7 +84,7 @@ :data="recordData" class="el-table" :row-style="{ height: '40px' }" - :header-cell-style="{ backgroundColor: '#F5F7FA', textAlign: 'center', height: '40px' }" + :header-cell-style="{ textAlign: 'center', height: '40px' }" :cell-style="{ textAlign: 'center', height: '40px' }" @row-click="rowClick" > @@ -93,7 +93,7 @@ - diff --git a/src/views/hz-project/smartSite/unmannedVideo/videoData/index.scss b/src/views/hz-project/smartSite/unmannedVideo/videoData/index.scss index ca0504f..9a74da6 100644 --- a/src/views/hz-project/smartSite/unmannedVideo/videoData/index.scss +++ b/src/views/hz-project/smartSite/unmannedVideo/videoData/index.scss @@ -20,7 +20,7 @@ padding: 16px 0 0 36px; border-radius: 8px; // height: 56px; - background-color: #ffffff; + background-color: #092945; } .imgPage { box-sizing: border-box; @@ -29,7 +29,7 @@ padding: 20px 10px 20px 20px; margin-top: 20px; overflow-y: scroll; - background-color: #ffffff; + background-color: #092945; border-radius: 8px; display: flex; flex-direction: column; @@ -43,7 +43,7 @@ width: 23.1%; height: 244px; margin: 10px; - border: 1px solid #dedddd; + border: 2px solid #09405f; border-radius: 4px; opacity: 1; .page_text { @@ -53,7 +53,7 @@ display: flex; justify-content: space-between; font-size: 12px; - color: #333333; + color: #c4c4c4; .position { width: 97px; overflow: hidden; @@ -78,6 +78,46 @@ justify-content: center; margin-top: 20px; } + :deep(.el-pagination) { + .el-pagination__goto { + color: var(--el-color-primary); + } + .el-pagination__classifier { + color: var(--el-color-primary); + } + .el-input__wrapper { + color: var(--el-color-primary); + background-color: transparent; + border: none; + box-shadow: 0 0 0 1px var(--el-color-primary, var(--el-color-primary)) inset; + height: 26px; + } + .el-input__inner { + color: var(--el-color-primary); + } + .el-pager li { + color: white; + border: none; + height: 26px; + } + .el-pager li:active { + color: var(--el-color-primary); + border: none; + height: 26px; + } + .el-pagination__total { + color: var(--el-color-primary); + } + .btn-prev, + .btn-next, + .btn-prev:disabled, + .btn-next:disabled { + color: var(--el-color-primary); + background-color: transparent; + border: 1px solid var(--el-color-primary); + height: 26px; + } + } } } } @@ -92,7 +132,7 @@ margin: 0 0 4px; font-family: "siyuan_Medium"; font-size: 14px; - color: #00378f; + color: #0bc4f0; display: flex; align-items: center; > span { @@ -120,9 +160,9 @@ } .imgDialog { .uploadBtn { - color: #30ac7c; - border: 1px solid #30ac7c; - background: rgba(48, 172, 124, 0.1); + color: #087ba4; + border: 1px solid #087ba4; + background-color: transparent; } } .pending { @@ -152,7 +192,28 @@ :deep(.el-form .el-form-item__content .el-range-editor) { width: 200px; } - +// 表单 +:deep(.el-form) { + .el-form-item__content > :not(button) { + width: 160px; + } + .el-form-item__label { + color: var(--el-color-primary); + } + .el-input__wrapper, + .el-textarea__inner { + background-color: transparent; + box-shadow: 0 0 0 1px var(--el-color-primary, var(--el-color-primary)) inset; + } + .el-input__inner, + .el-textarea__inner { + color: white; + } + // 去除时间选择器上下 padding + .el-range-editor.el-input__wrapper { + padding: 0 10px; + } +} // :deep(.el-dialog__body) { // padding: 0 0 0 0 !important; // background-color: pink; diff --git a/src/views/hz-project/smartSite/unmannedVideo/videoData/index.vue b/src/views/hz-project/smartSite/unmannedVideo/videoData/index.vue index 6c452a2..6bdaf1d 100644 --- a/src/views/hz-project/smartSite/unmannedVideo/videoData/index.vue +++ b/src/views/hz-project/smartSite/unmannedVideo/videoData/index.vue @@ -68,11 +68,11 @@ - + - + @@ -282,7 +282,6 @@ const onDatePicker = () => { onMounted(async () => { getVideoData(); - getNameData(); });