From d74b495736f0c04522ec54274b70fed0ded2878d Mon Sep 17 00:00:00 2001
From: zhongrj <646384940@qq.com>
Date: Tue, 27 Jun 2023 11:30:06 +0800
Subject: [PATCH] 任务新增导出
---
public/map/widgets/aPoliceTeam/APoliceTeam.css | 845 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 845 insertions(+), 0 deletions(-)
diff --git a/public/map/widgets/aPoliceTeam/APoliceTeam.css b/public/map/widgets/aPoliceTeam/APoliceTeam.css
new file mode 100644
index 0000000..b2be15b
--- /dev/null
+++ b/public/map/widgets/aPoliceTeam/APoliceTeam.css
@@ -0,0 +1,845 @@
+/* .police-dispatching {
+ display: none;
+} */
+
+div[open-li='police-dispatching'] {
+ box-sizing: border-box;
+}
+
+div[open-li='police-dispatching']>ul {
+ display: none;
+ height: 36px;
+ line-height: 36px;
+}
+
+div[open-li='police-dispatching']>ul>li {
+ /* flex: 1; */
+ font-size: 16px;
+ text-align: center;
+ color: #a5a5a5;
+ cursor: pointer;
+ background: #E5E5E5;
+}
+
+div[open-li='police-dispatching']>ul>li.on {
+ color: #677788;
+ background: #fff;
+}
+
+.police-dispatching {
+ width: 360px;
+ height: calc(100%);
+ background: rgb(255, 255, 255);
+}
+
+/* 分析研判内容容器 */
+.police-container {
+ position: relative;
+ height: calc(100%);
+ font-size: 14px;
+}
+
+.police-container>div {
+ display: none;
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+
+
+.police-container>div:first-child {
+ display: block;
+}
+
+/* 显示信息得表格 */
+.police-container .police-container-distribute .distribute-table-content {
+ height: calc(100% - 80px);
+}
+
+.police-container .police-container-patrol .distribute-table-content {
+ height: calc(100%);
+}
+
+.police-container .police-container-policeforce .distribute-table-content {
+ height: calc(100%);
+}
+
+.police-container .table {
+ height: 100%;
+}
+
+.police-container .police-container-patrol .main-content>li:nth-child(1) .distribute-table-content .table {
+ height: calc(100% - 40px);
+}
+
+.police-container .police-container-patrol .main-content>li:nth-child(2) .distribute-table-content .table {
+ height: calc(100% - 80px);
+}
+
+.police-container .thead {
+ height: 31px;
+}
+
+.police-container .table .tbody {
+ height: calc(100% - 31px);
+ overflow-y: auto;
+ overflow-x: hidden;
+ scrollbar-width: thin;
+}
+
+
+.police-container .table table {
+ width: 360px;
+ border-collapse: collapse;
+ table-layout: fixed;
+ box-sizing: border-box;
+
+}
+
+.police-container .table table tr {
+ height: 30px;
+}
+
+.police-container .table table tr th,
+.police-container .table table tr td {
+ margin: 0;
+ /* padding: 0 4px; */
+ border: 1px solid rgba(231, 234, 243, 1);
+ height: 30px;
+ text-align: center;
+ font-size: 14px;
+ font-weight: 400;
+ color: #677788;
+ box-sizing: border-box;
+
+ overflow: hidden;
+ /*超出的文字隐藏*/
+ text-overflow: ellipsis;
+ /*文字超出后,显示省略号*/
+ white-space: nowrap;
+ /*文字不换行*/
+ word-break: keep-all;
+ /*文字不换行*/
+}
+
+.police-container .table table tr td a {
+ color: #677788;
+ cursor: default;
+}
+
+.police-container .table table tr:first-child td {
+ border-top: none;
+
+}
+
+
+.police-container .table .tbody tr {
+ cursor: pointer;
+}
+
+.police-container .table .tbody tr td:first-child,
+.police-container .table .thead tr th:first-child {
+ width: 40px;
+}
+
+.police-container .police-container-distribute .table .tbody tr td:nth-child(2),
+.police-container .police-container-distribute .table .thead tr th:nth-child(2) {
+ width: 80px;
+}
+
+.police-container .police-container-distribute .table .tbody tr td:nth-child(3),
+.police-container .police-container-distribute .table .thead tr th:nth-child(3) {
+ width: 64px;
+}
+
+.police-container .police-container-distribute .table .tbody tr td:nth-child(4),
+.police-container .police-container-distribute .table .thead tr th:nth-child(4) {
+ width: 100px;
+}
+
+.police-container .police-container-distribute .table .tbody tr td:nth-child(5) {
+ 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 {
+ width: 42px;
+ height: 20px;
+ font-size: 12px;
+ color: #fff;
+ border: none;
+ border-radius: 5px;
+ cursor: pointer;
+}
+
+.police-container .police-container-distribute .table .tbody tr td .follow-up {
+ background: rgb(255, 102, 0);
+}
+
+.police-dispatching .police-container .police-container-policeforce .table .tbody tbody td input,
+.police-container .police-container-distribute .table .tbody tr td .edit,
+.police-dispatching .police-container .police-container-patrol .main-content>li:nth-child(2) table tr td:nth-child(5) input {
+ background: #377DFF;
+}
+
+
+
+
+
+/*
+.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-container .police-container-policeforce .table .thead tr th:nth-child(5) {
+ width: 52px;
+}
+
+.police-container.police-container-distribute .table .tbody tr input,
+.police-container.police-container-patrol .table .tbody tr input,
+.police-container.police-container-policeforce .table .tbody tr input {
+ width: 42px;
+ height: 20px;
+ line-height: 20px;
+ color: #677788;
+ background: rgb(2, 63, 82);
+ border: 1px solid rgba(231, 234, 243, 1);
+ border-radius: 4px;
+ cursor: pointer;
+ vertical-align: middle;
+}
+
+.police-container.police-container-policeforce .table .tbody tr td:nth-child(2),
+.police-container.police-container-policeforce .table .thead tr th:nth-child(2) {
+ width: 68px;
+}
+
+.police-container.police-container-policeforce .table .tbody tr td:nth-child(4),
+.police-container.police-container-policeforce .table .thead tr th:nth-child(4) {
+ width: 68px;
+}
+
+
+
+
+
+
+
+
+/* 警情分发详情样式 */
+.police-dispatching .police-container-distribute-details {
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ margin: auto;
+ width: 740px;
+ height: 308px;
+ background:rgb(255, 255, 255);
+ border-radius: 10px;
+}
+
+.police-dispatching .police-container-distribute-details .header,
+.police-dispatching .police-container-distribute-details .security-staff-header {
+ position: absolute;
+ top: 0;
+ width: 100%;
+ height: 40px;
+ line-height: 40px;
+ text-align: center;
+ color: #677788;
+ font-size: 24px;
+}
+
+
+.police-dispatching .police-container-distribute-details .header .close,
+.police-dispatching .police-container-distribute-details .security-staff-header .close {
+ position: absolute;
+ top: 8px;
+ right: 8px;
+ width: 24px;
+ height: 24px;
+ background: url('../../images/close.png') no-repeat;
+ background-size: 100% 100%;
+ cursor: pointer;
+}
+
+.police-dispatching .police-container-distribute-details .content,
+.police-dispatching .police-container-distribute-details .security-staff-content {
+ padding: 0 10px;
+ position: absolute;
+ top: 40px;
+ left: 0;
+ bottom: 40px;
+ width: 100%;
+ height: auto;
+ overflow-y: auto;
+ box-sizing: border-box;
+}
+
+.police-dispatching .police-container-distribute-details .content table,
+.police-dispatching .police-container-distribute-details .security-staff-content table {
+ width: 100%;
+ border-collapse: collapse;
+}
+
+.police-dispatching .police-container-distribute-details .content table tr,
+.police-dispatching .police-container-distribute-details .security-staff-content table tr {
+ display: flex;
+}
+
+.police-dispatching .police-container-distribute-details .content table th,
+.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);
+ width: 25%;
+ height: auto !important;
+ line-height: 36px;
+ font-weight: normal;
+ text-align: left;
+ word-break: break-all;
+ color: #677788;
+}
+
+.police-dispatching .police-container-distribute-details .content table tr td:last-child {
+ 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);
+}
+
+.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;
+ /* padding: 0 4px; */
+ background: rgb(255, 255, 255);
+ color: #677788;
+ cursor: pointer;
+ 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);
+}
+
+.police-dispatching .police-container-distribute-details .content table tr .report-oneonezero input,
+.police-dispatching .police-container-distribute-details .content table tr .treatment-method input {
+ vertical-align: middle;
+ cursor: pointer;
+}
+
+
+
+
+.police-dispatching .police-container-distribute-details .handle-button,
+.police-dispatching .police-container-distribute-details .security-staff-confirm {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 40px;
+ line-height: 40px;
+ text-align: center;
+}
+
+.police-dispatching .police-container-distribute-details .handle-button input,
+.police-dispatching .police-container-distribute-details .security-staff-confirm input {
+ margin: 0 40px;
+ padding-left: 10px;
+ width: 70px;
+ height: 22px;
+ border-radius: 5px;
+ border: none;
+ color: #fff;
+ font-size: 14px;
+ letter-spacing: 10px;
+}
+
+.police-dispatching .police-container-distribute-details .handle-button input:first-child,
+.police-dispatching .police-container-distribute-details .security-staff-confirm input {
+ background: #377DFF;
+ cursor: pointer;
+}
+
+.police-dispatching .police-container-distribute-details .handle-button input:nth-child(2) {
+ background: rgb(228, 100, 25);
+ cursor: pointer;
+}
+
+
+
+/* 派发保安----附近保安人员选择 */
+
+.police-dispatching .police-container-distribute-details .security-guard-nearby {
+ position: absolute;
+ top: 0;
+ right: -280px;
+ width: 260px;
+ height: 100%;
+ 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);
+ height: auto !important;
+ line-height: 28px;
+ font-weight: normal;
+ text-align: center;
+ word-break: break-all;
+ color: #677788;
+}
+
+.police-dispatching .police-container-distribute-details .security-staff-content table th:first-child,
+.police-dispatching .police-container-distribute-details .security-staff-content table td:first-child {
+ flex: 1;
+}
+
+.police-dispatching .police-container-distribute-details .security-staff-content table th:nth-child(2),
+.police-dispatching .police-container-distribute-details .security-staff-content table td:nth-child(2) {
+ flex: 2;
+}
+
+.police-dispatching .police-container-distribute-details .security-staff-content table th:nth-child(3),
+.police-dispatching .police-container-distribute-details .security-staff-content table td:nth-child(3) {
+ 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-dispatching .police-container-distribute-details .security-staff-content table td input {
+ cursor: pointer;
+}
+
+
+
+
+
+
+
+
+/* 类别选择，级别选择，以及热力图 */
+.police-container .distribute-district,
+.police-container .distribute-state {
+ width: 100%;
+ height: 40px;
+ line-height: 40px;
+ padding: 4px 6px 0 6px;
+ box-sizing: border-box;
+ color: #677788;
+}
+
+.police-container .distribute-district>ul,
+.police-container .distribute-state>ul {
+ display: flex;
+ height: 36px;
+ line-height: 36px;
+ align-items: center;
+}
+
+.police-container .distribute-district>ul>li,
+.police-container .distribute-state>ul>li {
+ height: 36px;
+ line-height: 36px;
+}
+
+.police-container .distribute-district>ul>li:first-child,
+.police-container .distribute-state>ul>li:first-child {
+ position: relative;
+ padding-left: 10px;
+ flex: 6;
+ color: #677788;
+ background: rgb(255, 255, 255);
+ 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;
+ top: 0;
+ left: 60px;
+ width: calc(100% - 60px);
+ height: 34px;
+ color: #677788;
+ padding-left: 10px;
+ box-sizing: border-box;
+ cursor: pointer;
+
+}
+
+.police-container .distribute-district>ul>li:first-child div:first-child i,
+.police-container .distribute-state>ul>li:first-child div:first-child i {
+ display: block;
+ position: absolute;
+ top: 50%;
+ right: 10px;
+ transform: translate(0, -50%);
+ width: 16px;
+ height: 16px;
+ background: url('../../images/select-bg.png') repeat;
+ background-size: 100% 100%;
+}
+
+.police-container .distribute-district>ul>li:first-child div:last-child,
+.police-container .distribute-state>ul>li:first-child div:last-child {
+ display: none;
+ position: absolute;
+ top: 35px;
+ left: -1px;
+ z-index: 10;
+ width: calc(100% + 2px);
+}
+
+
+.police-container .distribute-district>ul>li:first-child ul,
+.police-container .distribute-state>ul>li:first-child ul {
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+ max-height: 300px;
+ height: auto;
+ overflow-y: auto;
+ overflow-x: hidden;
+ 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,
+.police-container .distribute-state>ul>li:first-child ul li {
+ flex: 1;
+ padding-left: 10px;
+ height: 34px;
+ border-top: 1px solid rgba(231, 234, 243, 0.7);
+ background: rgb(255, 255, 255);
+ color: #677788;
+ box-sizing: border-box;
+ cursor: pointer;
+}
+
+.police-container .distribute-district>ul>li:first-child ul li:hover,
+.police-container .distribute-state>ul>li:first-child ul li:hover {
+ color: #15a2fe;
+ background: #beeeff;
+}
+
+.police-container .distribute-district>ul>li:first-child ul li:first-child,
+.police-container .distribute-state>ul>li:first-child ul li:first-child {
+ border: none;
+}
+
+
+
+
+
+
+/* 时间选择 */
+.police-container .distribute-selection-criteria {
+ display: flex;
+ padding: 4px 6px;
+ width: 100%;
+ height: 40px;
+ line-height: 32px;
+ color: #677788;
+ box-sizing: border-box;
+}
+
+.police-container .distribute-selection-criteria input {
+ border: 1px solid rgba(231, 234, 243, 0.7);
+}
+
+.police-container .distribute-selection-criteria input[type='text'] {
+ width: 0;
+ flex: 5;
+ padding: 0 4px;
+ color: #677788;
+ cursor: pointer;
+ background-color: #fff;
+ background: url('../../images/laydata-bg.png') no-repeat;
+ background-size: 18px 16px;
+ background-position: 98% center;
+}
+
+.police-container .distribute-selection-criteria input[type='button'] {
+ width: 0;
+ flex: 2;
+ color: #ffffff;
+ background: #377DFF;
+ cursor: pointer;
+}
+
+
+
+
+
+
+
+/* 巡逻管理得样式 */
+
+.police-container .police-container-patrol .distribute-table-content .operation {
+ display: flex;
+ padding: 0 10px;
+ height: 40PX;
+ line-height: 40px;
+ text-align: center;
+ align-items: center;
+}
+
+.police-container .police-container-patrol .distribute-table-content .operation>div {
+ flex: 8;
+}
+
+.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);
+}
+
+.police-container .police-container-patrol .distribute-table-content .operation input[type='button'] {
+ margin-left: 4px;
+ flex: 2;
+ height: 32px;
+ color: #ffffff;
+ background: #377DFF;
+ border: 1px solid rgba(231, 234, 243, 1);
+ cursor: pointer;
+ 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-policeforce .table .thead th:nth-child(5),
+.police-dispatching .police-container .police-container-policeforce .table .tbody td:nth-child(5) {
+ width: 72px;
+}
+
+
+
+/* 巡逻区域和巡逻路线的切换按钮样式 */
+/* 默认巡逻区域 */
+
+.police-dispatching .police-container .police-container-patrol .tab-header {
+ display: flex;
+ width: 100%;
+ height: 32px;
+ border-bottom: 1px solid rgba(231, 234, 243, 1);
+}
+
+.police-dispatching .police-container .police-container-patrol .tab-header li {
+ height: 32px;
+ line-height: 32px;
+ flex: 1;
+ text-align: center;
+ font-size: 14px;
+ color: #677788;
+ cursor: pointer;
+}
+
+.police-dispatching .police-container .police-container-patrol .tab-header li.on {
+ color: #ffffff;
+ background: #377DFF;
+}
+
+.police-dispatching .police-container .police-container-patrol .main-content {
+ position: relative;
+ height: calc(100% - 33px);
+}
+
+.police-dispatching .police-container .police-container-patrol .main-content>li {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+}
+
+
+
+/* 类别选择，级别选择，以及热力图 */
+.police-container .main-content .select {
+ position: relative;
+ padding: 0 10px;
+ width: 100%;
+ height: 32px;
+ line-height: 32px;
+ box-sizing: border-box;
+ color: #677788;
+}
+
+.police-container .main-content .select>ul {
+ position: absolute;
+ left: 0;
+ width: 100%;
+ height: 32px;
+ line-height: 32px;
+ align-items: center;
+}
+
+.police-container .main-content .select>ul>li {
+ height: 32px;
+ line-height: 32px;
+}
+
+.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);
+ box-sizing: border-box;
+ text-align: left;
+}
+
+
+/* 类别选择中得下拉框 */
+.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;
+ padding-left: 10px;
+ box-sizing: border-box;
+ cursor: pointer;
+
+}
+
+.police-container .main-content .select>ul>li:first-child div:first-child i {
+ display: block;
+ position: absolute;
+ top: 50%;
+ right: 10px;
+ transform: translate(0, -50%);
+ width: 16px;
+ height: 16px;
+ background: url('../../images/select-bg.png') repeat;
+ background-size: 100% 100%;
+}
+
+.police-container .main-content .select>ul>li:first-child div:last-child {
+ display: none;
+ position: absolute;
+ top: 31px;
+ left: -1px;
+ z-index: 10;
+ width: calc(100% + 2px);
+}
+
+
+.police-container .main-content .select>ul>li:first-child ul {
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+ max-height: 300px;
+ height: auto;
+ overflow-y: auto;
+ overflow-x: hidden;
+ 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;
+ box-sizing: border-box;
+ cursor: pointer;
+}
+
+.police-container .main-content .select>ul>li:first-child ul li:hover {
+ color: #15a2fe;
+ background: #beeeff;
+}
+
+.police-container .main-content .select>ul>li:first-child ul li:first-child {
+ border: none;
+}
+
+
+.police-dispatching .tips {
+ display: none;
+ padding: 2px 4px;
+ position: fixed;
+ width: 136px;
+ height: auto;
+ line-height: 22px;
+ font-size: 14px;
+ color: #677788;
+ background: rgba(12, 25, 49, .8);
+ border-radius: 5px;
+ letter-spacing: 1px;
+}
+
+
+
+
+
+/* 巡逻路线中表格区域内的样式调整 */
+
+.police-dispatching .police-container .police-container-patrol .main-content>li:nth-child(2) table tr th:nth-child(2),
+.police-dispatching .police-container .police-container-patrol .main-content>li:nth-child(2) table tr td:nth-child(2) {
+ width: 68px;
+}
+
+.police-dispatching .police-container .police-container-patrol .main-content>li:nth-child(2) table tr th:nth-child(4),
+.police-dispatching .police-container .police-container-patrol .main-content>li:nth-child(2) table tr td:nth-child(4) {
+ width: 92px;
+}
+
+.police-dispatching .police-container .police-container-patrol .main-content>li:nth-child(2) table tr th:nth-child(5),
+.police-dispatching .police-container .police-container-patrol .main-content>li:nth-child(2) table tr td:nth-child(5) {
+ width: 68px;
+}
+
+.client-max-map{
+ width: calc(100% - 360px) !important;
+ left: 360px !important;
+}
\ No newline at end of file
--
Gitblit v1.9.3