| | |
| | | } |
| | | |
| | | div[open-li='police-dispatching']>ul { |
| | | |
| | | display: none; |
| | | height: 36px; |
| | | line-height: 36px; |
| | |
| | | background: rgb(255, 255, 255); |
| | | } |
| | | |
| | | |
| | | /* 分析研判内容容器 */ |
| | | |
| | | .police-container { |
| | | position: relative; |
| | | height: calc(100%); |
| | |
| | | left: 0; |
| | | } |
| | | |
| | | |
| | | .police-container>div:first-child { |
| | | display: block; |
| | | } |
| | | |
| | | |
| | | /* 显示信息得表格 */ |
| | | |
| | | .police-container .police-container-distribute .distribute-table-content { |
| | | height: calc(100% - 80px); |
| | | } |
| | |
| | | scrollbar-width: thin; |
| | | } |
| | | |
| | | |
| | | .police-container .table table { |
| | | width: 360px; |
| | | border-collapse: collapse; |
| | | table-layout: fixed; |
| | | box-sizing: border-box; |
| | | |
| | | } |
| | | |
| | | .police-container .table table tr { |
| | |
| | | font-weight: 400; |
| | | color: #677788; |
| | | box-sizing: border-box; |
| | | |
| | | overflow: hidden; |
| | | /*超出的文字隐藏*/ |
| | | text-overflow: ellipsis; |
| | |
| | | |
| | | .police-container .table table tr:first-child td { |
| | | border-top: none; |
| | | |
| | | } |
| | | |
| | | |
| | | .police-container .table .tbody tr { |
| | | cursor: pointer; |
| | |
| | | cursor: default; |
| | | } |
| | | |
| | | |
| | | /* 编辑和查看 按钮的样式定义 */ |
| | | |
| | | |
| | | /* 巡逻路线中的编辑按钮样式 */ |
| | | |
| | | .police-dispatching .police-container .police-container-policeforce .table .tbody tbody td input, |
| | | .police-container .police-container-distribute .table .tbody tr td input, |
| | | .police-dispatching .police-container .police-container-patrol .main-content>li:nth-child(2) table tr td:nth-child(5) input { |
| | |
| | | } |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | /* |
| | | .police-container .police-container-distribute .table .tbody tr td:nth-child(5), |
| | | .police-container .police-container-distribute .table .thead tr th:nth-child(5), */ |
| | | |
| | | .police-container .police-container-patrol .table .tbody tr td:nth-child(5), |
| | | .police-container .police-container-patrol .table .thead tr th:nth-child(5), |
| | | .police-container .police-container-policeforce .table .tbody tr td:nth-child(5), |
| | |
| | | } |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | /* 警情分发详情样式 */ |
| | | |
| | | .police-dispatching .police-container-distribute-details { |
| | | position: fixed; |
| | | top: 0; |
| | |
| | | margin: auto; |
| | | width: 740px; |
| | | height: 308px; |
| | | background:rgb(255, 255, 255); |
| | | background: rgb(255, 255, 255); |
| | | border-radius: 10px; |
| | | } |
| | | |
| | |
| | | color: #677788; |
| | | font-size: 24px; |
| | | } |
| | | |
| | | |
| | | .police-dispatching .police-container-distribute-details .header .close, |
| | | .police-dispatching .police-container-distribute-details .security-staff-header .close { |
| | |
| | | .police-dispatching .police-container-distribute-details .content table td { |
| | | flex: 1; |
| | | padding: 0 10px; |
| | | border-top:1px solid rgba(231, 234, 243, 0.7); |
| | | border-left:1px solid rgba(231, 234, 243, 0.7); |
| | | border-top: 1px solid rgba(231, 234, 243, 0.7); |
| | | border-left: 1px solid rgba(231, 234, 243, 0.7); |
| | | width: 25%; |
| | | height: auto !important; |
| | | line-height: 36px; |
| | |
| | | } |
| | | |
| | | .police-dispatching .police-container-distribute-details .content table tr td:last-child { |
| | | border-right:1px solid rgba(231, 234, 243, 0.7); |
| | | border-right: 1px solid rgba(231, 234, 243, 0.7); |
| | | } |
| | | |
| | | .police-dispatching .police-container-distribute-details .content table tr:last-child td { |
| | | border-bottom:1px solid rgba(231, 234, 243, 0.7); |
| | | border-bottom: 1px solid rgba(231, 234, 243, 0.7); |
| | | } |
| | | |
| | | .police-dispatching .police-container-distribute-details .content table tr td:nth-child(odd) { |
| | | color: #15a2fe; |
| | | } |
| | | |
| | | |
| | | /* 警情分发中具体某行,以及具体某行的子项的样式 */ |
| | | |
| | | |
| | | /* 时间 */ |
| | | |
| | | .police-dispatching .police-container-distribute-details .content table tr td .processing-time { |
| | | width: calc(100% - 10px); |
| | | height: 24px; |
| | |
| | | background: url(../../images/laydata-bg.png) no-repeat; |
| | | background-size: 20px 14px; |
| | | background-position: 98% center; |
| | | border:1px solid rgba(231, 234, 243, 0.7); |
| | | border: 1px solid rgba(231, 234, 243, 0.7); |
| | | } |
| | | |
| | | .police-dispatching .police-container-distribute-details .content table tr .report-oneonezero input, |
| | |
| | | vertical-align: middle; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | |
| | | |
| | | |
| | | .police-dispatching .police-container-distribute-details .handle-button, |
| | | .police-dispatching .police-container-distribute-details .security-staff-confirm { |
| | |
| | | } |
| | | |
| | | |
| | | |
| | | /* 派发保安----附近保安人员选择 */ |
| | | |
| | | .police-dispatching .police-container-distribute-details .security-guard-nearby { |
| | |
| | | background: rgba(255, 255, 255, 1); |
| | | } |
| | | |
| | | |
| | | .police-dispatching .police-container-distribute-details .security-staff-content table th, |
| | | .police-dispatching .police-container-distribute-details .security-staff-content table td { |
| | | flex: 1; |
| | | /* padding: 0 4px; */ |
| | | border:1px solid rgba(231, 234, 243, 0.7); |
| | | border: 1px solid rgba(231, 234, 243, 0.7); |
| | | height: auto !important; |
| | | line-height: 28px; |
| | | font-weight: normal; |
| | |
| | | flex: 2; |
| | | } |
| | | |
| | | |
| | | .police-dispatching .police-container-distribute-details .security-staff-content table th:last-child, |
| | | .police-dispatching .police-container-distribute-details .security-staff-content table td:last-child { |
| | | flex: 1; |
| | | } |
| | | |
| | | |
| | | .police-dispatching .police-container-distribute-details .security-staff-content table th { |
| | | color: #15a2fe; |
| | |
| | | } |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | /* 类别选择,级别选择,以及热力图 */ |
| | | |
| | | .police-container .distribute-district, |
| | | .police-container .distribute-state { |
| | | width: 100%; |
| | |
| | | flex: 6; |
| | | color: #677788; |
| | | background: rgb(255, 255, 255); |
| | | border:1px solid rgba(231, 234, 243, 0.7); |
| | | border: 1px solid rgba(231, 234, 243, 0.7); |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | | |
| | | /* 类别选择中得下拉框 */ |
| | | |
| | | .police-container .distribute-district>ul>li:first-child div:first-child, |
| | | .police-container .distribute-state>ul>li:first-child div:first-child { |
| | | position: absolute; |
| | |
| | | padding-left: 10px; |
| | | box-sizing: border-box; |
| | | cursor: pointer; |
| | | |
| | | } |
| | | |
| | | .police-container .distribute-district>ul>li:first-child div:first-child i, |
| | |
| | | width: calc(100% + 2px); |
| | | } |
| | | |
| | | |
| | | .police-container .distribute-district>ul>li:first-child ul, |
| | | .police-container .distribute-state>ul>li:first-child ul { |
| | | display: flex; |
| | |
| | | height: auto; |
| | | overflow-y: auto; |
| | | overflow-x: hidden; |
| | | border:1px solid rgba(231, 234, 243, 0.7); |
| | | border: 1px solid rgba(231, 234, 243, 0.7); |
| | | border-top: none; |
| | | box-sizing: border-box; |
| | | |
| | | } |
| | | |
| | | .police-container .distribute-district>ul>li:first-child ul li, |
| | |
| | | flex: 1; |
| | | padding-left: 10px; |
| | | height: 34px; |
| | | border-top: 1px solid rgba(231, 234, 243, 0.7); |
| | | border-top: 1px solid rgba(231, 234, 243, 0.7); |
| | | background: rgb(255, 255, 255); |
| | | color: #677788; |
| | | box-sizing: border-box; |
| | |
| | | } |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | /* 时间选择 */ |
| | | |
| | | .police-container .distribute-selection-criteria { |
| | | display: flex; |
| | | padding: 4px 6px; |
| | |
| | | } |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | /* 巡逻管理得样式 */ |
| | | |
| | | .police-container .police-container-patrol .distribute-table-content .operation { |
| | |
| | | flex: 8; |
| | | } |
| | | |
| | | .police-container .police-container-patrol .distribute-table-content .operation input[type='text']::-webkit-input-placeholder { |
| | | color: #fff; |
| | | } |
| | | |
| | | input::-moz-input-placeholder { |
| | | color: #fff; |
| | | } |
| | | |
| | | input::-ms-input-placeholder { |
| | | color: #fff; |
| | | } |
| | | |
| | | .police-container .police-container-patrol .distribute-table-content .operation input[type='text'] { |
| | | flex: 8; |
| | | padding: 0 10px; |
| | | height: 30px; |
| | | border: 1px solid rgba(231, 234, 243, 1); |
| | | background-color: #004CA7 !important; |
| | | color: #fff !important; |
| | | border: 1px solid #007bc3 !important; |
| | | border-radius: 5px !important; |
| | | } |
| | | |
| | | .police-container .police-container-patrol .distribute-table-content .operation input[type='button'] { |
| | |
| | | border-radius: 5px; |
| | | } |
| | | |
| | | |
| | | /* |
| | | .police-container .police-container-patrol .distribute-table-content .operation input.query { |
| | | } */ |
| | | |
| | | |
| | | |
| | | /* 保安人员出警管理样式调整 */ |
| | | |
| | | .police-dispatching .police-container .police-container-policeforce .table .thead th:nth-child(2), |
| | | .police-dispatching .police-container .police-container-policeforce .table .tbody td:nth-child(2) { |
| | | width: 68px; |
| | |
| | | } |
| | | |
| | | |
| | | |
| | | /* 巡逻区域和巡逻路线的切换按钮样式 */ |
| | | |
| | | |
| | | /* 默认巡逻区域 */ |
| | | |
| | | .police-dispatching .police-container .police-container-patrol .tab-header { |
| | |
| | | } |
| | | |
| | | |
| | | |
| | | /* 类别选择,级别选择,以及热力图 */ |
| | | |
| | | .police-container .main-content .select { |
| | | position: relative; |
| | | padding: 0 10px; |
| | |
| | | .police-container .main-content .select>ul>li:first-child { |
| | | position: relative; |
| | | padding-left: 10px; |
| | | color: #677788; |
| | | background: rgb(255, 255, 255); |
| | | border: 1px solid rgba(231, 234, 243, 1); |
| | | color: #fff; |
| | | /* background: rgb(255, 255, 255); */ |
| | | /* border: 1px solid rgba(231, 234, 243, 1); */ |
| | | box-sizing: border-box; |
| | | text-align: left; |
| | | background-color: #004CA7 !important; |
| | | color: #fff !important; |
| | | border: 1px solid #007bc3 !important; |
| | | border-radius: 5px !important; |
| | | } |
| | | |
| | | |
| | | /* 类别选择中得下拉框 */ |
| | | |
| | | .police-container .main-content .select>ul>li:first-child div:first-child { |
| | | position: absolute; |
| | | top: 0; |
| | | left: 48px; |
| | | width: calc(100% - 48px); |
| | | height: 32px; |
| | | color: #677788; |
| | | color: #fff; |
| | | padding-left: 10px; |
| | | box-sizing: border-box; |
| | | cursor: pointer; |
| | | |
| | | } |
| | | |
| | | .police-container .main-content .select>ul>li:first-child div:first-child i { |
| | |
| | | width: calc(100% + 2px); |
| | | } |
| | | |
| | | |
| | | .police-container .main-content .select>ul>li:first-child ul { |
| | | display: flex; |
| | | flex-direction: column; |
| | |
| | | border: 1px solid rgba(231, 234, 243, 1); |
| | | border-top: none; |
| | | box-sizing: border-box; |
| | | |
| | | } |
| | | |
| | | .police-container .main-content .select>ul>li:first-child ul li { |
| | | flex: 1; |
| | | padding-left: 10px; |
| | | height: 34px; |
| | | border-top: 1px solid rgba(231, 234, 243, 1); |
| | | background: rgb(255, 255, 255); |
| | | color: #677788; |
| | | /* border-top: 1px solid rgba(231, 234, 243, 1); */ |
| | | /* background: rgb(255, 255, 255); */ |
| | | color: #fff; |
| | | box-sizing: border-box; |
| | | cursor: pointer; |
| | | background-color: #004CA7 !important; |
| | | color: #fff !important; |
| | | border: 1px solid #007bc3 !important; |
| | | border-radius: 5px !important; |
| | | } |
| | | |
| | | .police-container .main-content .select>ul>li:first-child ul li:hover { |
| | | color: #15a2fe; |
| | | background: #beeeff; |
| | | color: #fff; |
| | | background: #007bc3; |
| | | } |
| | | |
| | | .police-container .main-content .select>ul>li:first-child ul li:first-child { |
| | | border: none; |
| | | } |
| | | |
| | | |
| | | .police-dispatching .tips { |
| | | display: none; |
| | |
| | | border-radius: 5px; |
| | | letter-spacing: 1px; |
| | | } |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | /* 巡逻路线中表格区域内的样式调整 */ |
| | |
| | | width: 68px; |
| | | } |
| | | |
| | | .client-max-map{ |
| | | .client-max-map { |
| | | width: calc(100% - 360px) !important; |
| | | left: 360px !important; |
| | | } |
| | | |
| | | .layui-tree-txt { |
| | | color: #fff !important; |
| | | } |
| | | |
| | | .mapBtn { |
| | | position: fixed; |
| | | z-index: 999; |
| | | align-items: center; |
| | | left: 50%; |
| | | top: 30px; |
| | | background-color: #fff; |
| | | width: 180px; |
| | | border-radius: 10px; |
| | | height: 30px; |
| | | line-height: 30px; |
| | | } |
| | | |
| | | .insBtn { |
| | | float: left; |
| | | margin-left: 10px; |
| | | } |
| | | |
| | | .editBtn { |
| | | float: left; |
| | | } |
| | | |
| | | .insert { |
| | | color: #757575; |
| | | } |
| | | |
| | | .edit { |
| | | color: #757575; |
| | | } |
| | | |
| | | .delete { |
| | | color: #757575; |
| | | } |
| | | |
| | | .layui-layer-title { |
| | | background-color: #004CA7; |
| | | color: #fff; |
| | | } |
| | | |
| | | .layui-layer { |
| | | background-color: #004CA7; |
| | | } |
| | | |
| | | .layui-layer-input { |
| | | background-color: #0246E1; |
| | | } |
| | | |
| | | .layui-layer-prompt .layui-layer-input { |
| | | color: #fff; |
| | | } |
| | | |
| | | .layui-layer-btn .layui-layer-btn0 { |
| | | border-color: #1D5CE4; |
| | | background-color: #1D5CE4; |
| | | color: #fff; |
| | | } |
| | | |
| | | .layui-layer-btn a { |
| | | border: 1px solid #1D5CE4; |
| | | background-color: #1D5CE4; |
| | | color: #fff; |
| | | } |
| | | |
| | | .layui-layer-dialog .layui-layer-content { |
| | | color: #fff; |
| | | } |
| | | |
| | | /* // 巡逻管理 左侧hover样式 */ |
| | | .layui-tree-entry:hover { |
| | | background-color: #1c69c6 !important; |
| | | color: #fff !important; |
| | | } |
| | | |
| | | .layui-tree-editInput{ |
| | | color: #fff !important; |
| | | } |