guanqb
2022-09-26 b9185e9e8f9c71d73f29a45740217abd3f3f606b
Merge branch 'master' of http://192.168.0.105:10010/r/srs-police-affairs
7 files modified
265 ■■■■■ changed files
src/styles/dc/index.scss 6 ●●●● patch | view | raw | blame | history
src/styles/element-ui/element-ui.scss 220 ●●●●● patch | view | raw | blame | history
src/styles/scssFile.scss 4 ●●● patch | view | raw | blame | history
src/views/home/index.vue 8 ●●●● patch | view | raw | blame | history
src/views/house/index.vue 18 ●●●●● patch | view | raw | blame | history
src/views/lyout/index.vue 6 ●●●● patch | view | raw | blame | history
src/views/video/index.vue 3 ●●●● 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
@@ -55,39 +55,42 @@
.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);
}
.el-select-dropdown__item {
    font-size: 7px;
    color: #fff;
    font-weight: 200;
    background-color: #26426a!important;
    background-color: #26426a !important;
}
.el-select-dropdown__list {
    padding: 0;
}
.el-popper[x-placement^="bottom"] {
    margin-top: 0px;
}
.el-popper .popper__arrow,
.el-popper .popper__arrow::after {
    display: none;
}
.el-select-dropdown__item:hover {
    background-color: rgba(0, 92, 169, 0.3)!important;
    background-color: rgba(0, 92, 169, 0.3) !important;
}
.el-select-dropdown__item:onBlur {
    background-color: rgba(0, 92, 169, 0.3);
}
@@ -104,99 +107,121 @@
    background-color: rgba(20, 50, 123, 1.0);
    color: #ffffff;
    border: 1px solid #93bee7 !important;
  }
  .el-picker-panel .el-date-range-picker__time-header {
}
.el-picker-panel .el-date-range-picker__time-header {
    border-bottom: 1px solid #93bee7 !important;
  }
  .el-picker-panel__icon-btn {
}
.el-picker-panel__icon-btn {
    width: 8px;
    height: 10px;
    color: #5a81fd !important;
  }
  .el-picker-panel .el-input__inner {
}
.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 {
}
.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 {
}
.el-picker-panel .el-date-range-picker__header {
    color: #75ebf2;
  }
  .el-picker-panel .el-date-table th {
}
.el-picker-panel .el-date-table th {
    color: #c3e3ec;
  }
  .el-picker-panel .el-date-table td.available {
}
.el-picker-panel .el-date-table td.available {
    width: 14px;
    height: 14px;
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #6ce6cb;
  }
  .el-picker-panel .el-date-table td.available:hover {
}
.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 {
}
.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 {
}
.el-time-panel {
    background-color: #1b3e6f !important;
    border: 1px solid #93bee7 !important;
  }
  .el-time-spinner__item {
}
.el-time-spinner__item {
    color: #c3e3ec !important;
  }
  .el-time-spinner__item:hover:not(.disabled):not(.active) {
}
.el-time-spinner__item:hover:not(.disabled):not(.active) {
    background: #4c77b3 !important;
  }
  .el-time-panel__btn {
}
.el-time-panel__btn {
    color: #adcfff !important;
  }
  .el-picker-panel__footer {
}
.el-picker-panel__footer {
    background-color: #1b3e6f !important;
  }
  .el-icon-d-arrow-left {
}
.el-icon-d-arrow-left {
    color: #1475e3 !important;
  }
  .el-date-table th {
}
.el-date-table th {
    border-bottom: 1px solid #293f6f !important;
  }
  /* 时间筛选 */
  .el-time-panel__content::after,
  .el-time-panel__content::before {
}
/* 时间筛选 */
.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 {
}
.el-time-panel {
    background-color: #040d27 !important;
  }
  .el-time-panel__btn.confirm {
}
.el-time-panel__btn.confirm {
    background-color: #040d27 !important;
    color: #1475e3 !important;
  }
  .el-time-panel__btn.cancel {
}
.el-time-panel__btn.cancel {
    background-color: #040d27 !important;
    color: #6397d1 !important;
  }
  .el-time-panel__footer {
}
.el-time-panel__footer {
    border-top: none !important;
  }
  .el-time-panel {
}
.el-time-panel {
    border: none;
    border-top: 2px solid #293f6f !important;
  }
}
//复选框   el-checkbox
// ------------------------------------------------------------------
@@ -204,28 +229,65 @@
.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;
      border-radius: 2px;
       //对勾大小和位置
      &::after {
        height: 12px;
        left: 7px;
      }
    .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;
        border-radius: 2px;
        //对勾大小和位置
        &::after {
            height: 12px;
            left: 7px;
        }
    }
    .el-checkbox__label {
      line-height: 20px;
      padding-left: 8px;
      font-size: 16px;
      color: #fff;
        line-height: 20px;
        padding-left: 8px;
        font-size: 16px;
        color: #fff;
    }
}
.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 {