| src/styles/dc/index.scss | ●●●●● patch | view | raw | blame | history | |
| src/styles/element-ui/element-ui.scss | ●●●●● patch | view | raw | blame | history | |
| src/styles/scssFile.scss | ●●●●● patch | view | raw | blame | history | |
| src/views/home/index.vue | ●●●●● patch | view | raw | blame | history | |
| src/views/house/index.vue | ●●●●● patch | view | raw | blame | history | |
| src/views/lyout/index.vue | ●●●●● patch | view | raw | blame | history | |
| src/views/video/index.vue | ●●●●● patch | view | raw | blame | history |
src/styles/dc/index.scss
@@ -13,7 +13,7 @@ left: 50% !important; bottom: 10px !important; transform: translate(-50%, 0); background-color: rgba(16, 29, 74, 0.9)!important; background-color: $bg-color !important; } @@ -26,7 +26,7 @@ border-radius: 5px !important; background: #fff !important; z-index: 101 !important; background-color: rgba(16, 29, 74, 0.9)!important; background-color: $bg-color !important; &>div { display: flex; @@ -58,7 +58,7 @@ background: #fff; border-radius: 5px; z-index: 99; background-color: rgba(16, 29, 74, 0.9)!important; background-color: $bg-color !important; // &.hover-effect { src/styles/element-ui/element-ui.scss
@@ -56,11 +56,13 @@ .el-input--suffix .el-input__inner { padding-right: 84px; } .el-input__inner { background-color: rgba(20, 50, 123, 1.0); color: #fff; border: 1px solid rgba(0, 92, 169, 1.0); } .el-select-dropdown { border: 1px solid rgba(0, 92, 169, 1.0); } @@ -88,6 +90,7 @@ .el-select-dropdown__item:hover { background-color: rgba(0, 92, 169, 0.3)!important; } .el-select-dropdown__item:onBlur { background-color: rgba(0, 92, 169, 0.3); } @@ -105,31 +108,38 @@ color: #ffffff; border: 1px solid #93bee7 !important; } .el-picker-panel .el-date-range-picker__time-header { border-bottom: 1px solid #93bee7 !important; } .el-picker-panel__icon-btn { width: 8px; height: 10px; color: #5a81fd !important; } .el-picker-panel .el-input__inner { background-color: #19466f; border: #75ebf2; color: #e8fdff; } .el-picker-panel .el-date-range-picker__content.is-left, .el-picker-panel .el-date-range-picker__content.is-right { border-right: 1px solid #93bee7 !important; // background: url(./images/矩形.png) center center; background-size: 100% 100%; } .el-picker-panel .el-date-range-picker__header { color: #75ebf2; } .el-picker-panel .el-date-table th { color: #c3e3ec; } .el-picker-panel .el-date-table td.available { width: 14px; height: 14px; @@ -138,57 +148,72 @@ font-weight: bold; color: #6ce6cb; } .el-picker-panel .el-date-table td.available:hover { color: #ffffff; } .el-date-table td.in-range div, .el-date-table td.in-range div:hover, .el-date-table.is-week-mode .el-date-table__row.current div, .el-date-table.is-week-mode .el-date-table__row:hover div { background-color: #4c77b3 !important; } .el-time-panel { background-color: #1b3e6f !important; border: 1px solid #93bee7 !important; } .el-time-spinner__item { color: #c3e3ec !important; } .el-time-spinner__item:hover:not(.disabled):not(.active) { background: #4c77b3 !important; } .el-time-panel__btn { color: #adcfff !important; } .el-picker-panel__footer { background-color: #1b3e6f !important; } .el-icon-d-arrow-left { color: #1475e3 !important; } .el-date-table th { border-bottom: 1px solid #293f6f !important; } /* 时间筛选 */ .el-time-panel__content::after, .el-time-panel__content::before { border-bottom: 1px solid #293f6f !important; border-top: 1px solid #293f6f !important; } .el-time-panel { background-color: #040d27 !important; } .el-time-panel__btn.confirm { background-color: #040d27 !important; color: #1475e3 !important; } .el-time-panel__btn.cancel { background-color: #040d27 !important; color: #6397d1 !important; } .el-time-panel__footer { border-top: none !important; } .el-time-panel { border: none; border-top: 2px solid #293f6f !important; @@ -204,10 +229,12 @@ .el-checkbox { display: flex; align-items: center; .el-checkbox__input.is-focus .el-checkbox__inner { border-color: rgba(20, 50, 123, 1.0)!important; font-size: 16px; } .el-checkbox__inner { width: 20px; height: 20px; @@ -219,6 +246,7 @@ left: 7px; } } .el-checkbox__label { line-height: 20px; padding-left: 8px; @@ -228,4 +256,38 @@ } .el-dialog__wrapper { .el-dialog { background: $el-dialog-bg-color; } .el-dialog__header { position: relative; padding: 0 !important; height: 40px; line-height: 40px; span { color: #fff; } button { position: absolute; right: 10px; top: 50%; transform: translate(0, -50%); i { color: #fff; } } } .el-dialog__body { padding: 10px; height: calc(100% - 40px); color: #fff; } } src/styles/scssFile.scss
@@ -1 +1,3 @@ $bg-color: rgba(16, 29, 74, 0.9); $bg-color: rgba(16, 29, 74, 0.8); $el-dialog-bg-color: rgba(16, 29, 74, 1); src/views/home/index.vue
@@ -2,7 +2,7 @@ * @Author: shuishen 1109946754@qq.com * @Date: 2022-08-18 16:18:17 * @LastEditors: shuishen 1109946754@qq.com * @LastEditTime: 2022-09-26 16:56:45 * @LastEditTime: 2022-09-26 17:17:00 * @FilePath: \srs-police-affairs\src\views\home\index.vue * @Description: 小区-栋-层-房屋 * @@ -268,7 +268,7 @@ ], policeStationCheckValue: '请选择派出所' , areaCheckValue: '请选择辖区', areaCheckValue: '请选择责任区', housingCheckValue: '请选择小区', //下拉框的内容 (Array类型) 必传 policeStationOptions: [ @@ -505,7 +505,7 @@ this.areaOptions = [] this.housingOptions = [] this.areaCheckValue = '请选择辖区' this.areaCheckValue = '请选择责任区' this.housingCheckValue = '请选择小区' } else { if (item.name == '车站派出所') { @@ -519,7 +519,7 @@ } for (let i = 0; i < 9; i++) { this.areaOptions.push({ name: "辖区" + i }) this.areaOptions.push({ name: "责任区" + i }) } } }, src/views/house/index.vue
@@ -2,7 +2,7 @@ * @Author: shuishen 1109946754@qq.com * @Date: 2022-08-18 16:18:17 * @LastEditors: shuishen 1109946754@qq.com * @LastEditTime: 2022-09-26 16:23:38 * @LastEditTime: 2022-09-26 17:03:10 * @FilePath: \srs-police-affairs\src\views\house\index.vue * @Description: 小区-栋-层-房屋 * @@ -658,14 +658,13 @@ } .search-box { padding: 0 10px; padding: 5px; height: 48px; display: flex; align-items: center; justify-content: center; height: 50px; input { width: 300px; height: 46px; height: 100%; font-size: 18px; text-indent: 1em; color: #ffffff; @@ -677,13 +676,13 @@ outline: none; } input::-webkit-input-placeholder { color: #ffffff; color: rgba(238, 238, 238, 0.7); } button { font-size: 24px; font-weight: 700; width: 80px; height: 46px; height: 100%; background-color: rgba(29, 38, 105, 1); color: #fff; border: 1px solid rgba(29, 38, 105, 1); @@ -697,8 +696,7 @@ } .result-content { margin-top: 8px; height: calc(100% - 58px); height: calc(100% - 48px); overflow-x: hidden; overflow-y: auto; src/views/lyout/index.vue
@@ -2,7 +2,7 @@ * @Author: shuishen 1109946754@qq.com * @Date: 2022-08-18 16:18:24 * @LastEditors: shuishen 1109946754@qq.com * @LastEditTime: 2022-09-23 17:47:40 * @LastEditTime: 2022-09-26 16:58:48 * @FilePath: \srs-police-affairs\src\views\lyout\index.vue * @Description: * @@ -74,6 +74,10 @@ } }, created () { this.currentUrl = this.$route.path }, mounted () { }, src/views/video/index.vue
@@ -2,7 +2,7 @@ * @Author: shuishen 1109946754@qq.com * @Date: 2022-08-18 16:18:17 * @LastEditors: shuishen 1109946754@qq.com * @LastEditTime: 2022-09-26 16:23:53 * @LastEditTime: 2022-09-26 17:02:55 * @FilePath: \srs-police-affairs\src\views\video\index.vue * @Description: 辖区管理 * @@ -205,6 +205,7 @@ border: 1px solid rgba(20, 50, 123, 1); } } .list-show { height: 765px; .list-box {