-
-
+
+ AI处理前预警
-
+
气象预警信息
-
-
+
+
+
- 发布单位：
- {{ beforeData.publishOrg }}
-
-
- 发布内容：
- {{ beforeData.publishContent }}
-
-
- 生效时间：
- {{ beforeData.effectiveTime }}
-
-
- 失效时间：
- {{ beforeData.expireTime }}
+
+ {{ warningData.warningContent }}
+
+
+
-
-
+ 
+
+
+
+
+
+
+
+
+
-
+
+
+
+ ![]()
+ {{ level.name }}
+
+
+
- 
-
-
-
-
-
-
-
-
-
- AI处理后预警
-
-
-
+
+
+
+
-
{{ tab.label }}
-
-
-
+
+
+
-
+ 预警等级;
- {{ afterData.warningLevel }}
+
+
+
+
+
+
+
+ {{ tab.label }}
+
+
+
+
+ {{ tab.label }}
+
+
+
AI处理后预警
+
+
+
+
+
@@ -98,10 +242,13 @@
@@ -167,175 +489,410 @@ watch(
// 内容区域
.content-wrapper {
display: flex;
- gap: 20px;
- align-items: stretch;
+ gap: 10px;
}
// 面板
.panel {
- flex: 1;
- position: relative;
+ // flex: 1;
+ display: flex;
+ flex-direction: column;
.panel-title {
font-size: 16px;
font-weight: 600;
- color: #40a9ff;
+ color: #18f2f9;
text-align: center;
- display: flex;
- justify-content: center;
- align-items: center;
padding: 12px 0;
- width: 50%;
- background-image: url("../../../assets/RiskWarning_img/矩形@2x.png");
- background-size: 100% 100%;
+ background-image: url('../../../assets/RiskWarning_img/矩形@2x.png');
+ background-size: contain;
+ background-repeat: no-repeat;
background-position: center;
}
.panel-content {
- background-image: url("../../../assets/RiskWarning_img/AI背景@2x.png");
+ background: url('../../../assets/RiskWarning_img/AI背景@2x.png');
background-size: 100% 100%;
background-position: center;
- height: 85%;
- width: 100%;
- padding: 20px;
- .info-container {
- overflow-y: auto;
- height: 100%;
- scrollbar-width: none;
- -ms-overflow-style: none;
-
- &::-webkit-scrollbar {
- display: none;
- }
- }
- .info-container-tab {
- overflow-y: auto;
- height: 80%;
- scrollbar-width: none;
- -ms-overflow-style: none;
- &::-webkit-scrollbar {
- display: none;
- }
- }
- .info-item {
- margin-bottom: 12px;
- display: flex;
-
- &:last-child {
- margin-bottom: 0;
- }
- }
-
- .info-label {
- white-space: nowrap;
- font-size: 13px;
- color: rgba(255, 255, 255, 0.6);
- margin-right: 8px;
- }
-
- .info-value {
- font-size: 13px;
- color: rgba(255, 255, 255, 0.9);
- line-height: 1.6;
-
- &.content-text {
- display: block;
- margin-top: 6px;
- text-align: justify;
- }
- }
- }
-}
-
-// 中间AI标识
-.ai-center {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- gap: 16px;
- padding: 0 10px;
- .ai-icon-img {
- width: 60px;
- height: 60px;
- }
-
- .ai-icon {
- width: 60px;
- height: 60px;
- border-radius: 50%;
- background: linear-gradient(135deg, #40a9ff 0%, #1890ff 100%);
- display: flex;
- align-items: center;
- justify-content: center;
- font-size: 20px;
- font-weight: 700;
+ background-repeat: no-repeat;
+ padding: 30px;
+ overflow-y: auto;
color: #fff;
- box-shadow: 0 4px 20px rgba(64, 169, 255, 0.4);
- }
-
- .ai-arrow {
- font-size: 32px;
- color: #40a9ff;
- animation: pulse 1.5s infinite;
-
- :deep(.el-icon) {
- font-size: 32px;
- }
- }
-}
-
-@keyframes pulse {
- 0%,
- 100% {
- opacity: 1;
- transform: translateX(0);
- }
- 50% {
- opacity: 0.6;
- transform: translateX(5px);
- }
-}
-
-// 标签页
-.tab-header {
- display: flex;
- justify-content: center;
- gap: 8px;
- margin-bottom: 16px;
- padding-bottom: 12px;
-
- .tab-item {
- padding: 6px;
font-size: 12px;
- color: #fff;
- background-color: #1e4f70;
- border: 1px solid rgba(64, 169, 255, 0.2);
- border-radius: 4px;
- cursor: pointer;
- transition: all 0.3s;
-
- &:hover {
- background-color: rgba(64, 169, 255, 0.2);
- border-color: rgba(64, 169, 255, 0.4);
- }
-
- &.active {
- // background: linear-gradient(135deg, #40a9ff 0%, #1890ff 100%);
- background: #18f2f9;
- border-color: #40a9ff;
- color: #075948;
+ .warning-content-container {
+ overflow-y: auto;
+ height: 360px;
+ // 自定义滚动条样式
+ -ms-overflow-style: none; /* IE/Edge */
+ scrollbar-width: none; /* Firefox */
}
}
}
-.tab-content {
+// 左侧面板
+.left-panel {
+ .info-container {
+ height: 100%;
+ overflow-y: auto;
+
+ &::-webkit-scrollbar {
+ width: 4px;
+ }
+ &::-webkit-scrollbar-thumb {
+ background: rgba(24, 242, 249, 0.3);
+ border-radius: 2px;
+ }
+ }
+
.info-item {
- margin-bottom: 12px;
+ margin-bottom: 16px;
&:last-child {
margin-bottom: 0;
}
}
+
+ .info-label {
+ font-size: 13px;
+ color: rgba(255, 255, 255, 0.6);
+ margin-bottom: 4px;
+ display: block;
+ }
+
+ .info-value {
+ font-size: 13px;
+ color: rgba(255, 255, 255, 0.9);
+ line-height: 1.6;
+
+ &.content-text {
+ text-align: justify;
+ display: block;
+ }
+ }
+}
+
+// 中间AI层级结构
+.ai-hierarchy {
+ width: 500px;
+ display: flex;
+ // flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ // gap: 20px;
+
+ .ai-icon-wrapper {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin-top: 50px;
+ gap: 8px;
+ .ai-icon-img {
+ width: 80px;
+ height: 80px;
+ }
+ .level-arrow {
+ color: #18f2f9;
+ font-size: 24px;
+ margin-top: 8px;
+
+ :deep(.el-icon) {
+ font-size: 24px;
+ }
+ }
+ }
+
+ .hierarchy-main {
+ display: flex;
+ gap: 20px;
+ align-items: center;
+ margin-left: 20px;
+ margin-top: 50px;
+ margin-right: 10px;
+
+ .hierarchy-left {
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ gap: 80px;
+
+ .level-item {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ position: relative;
+ gap: 10px;
+
+ .group-tag {
+ position: absolute;
+ left: -10px;
+ top: -20px;
+ display: flex;
+ align-items: center;
+ gap: 4px;
+ padding: 2px 8px;
+ background: #409eff;
+ border-radius: 3px;
+ font-size: 11px;
+ color: #fff;
+
+ :deep(.el-icon) {
+ font-size: 12px;
+ }
+ }
+
+ .level-node {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ gap: 8px;
+ padding: 5px 10px;
+ border: 1px solid rgba(24, 242, 249, 0.3);
+ background: rgba(55, 155, 255, 0.08);
+ border-radius: 4px;
+ min-width: 110px;
+
+ .level-icon {
+ width: 28px;
+ height: 28px;
+ }
+
+ .level-name {
+ font-size: 14px;
+ color: #18f2f9;
+ font-weight: 500;
+ }
+
+ &.active {
+ background: #2a75bf !important;
+ border-color: #18f2f9 !important;
+ transform: scale(1.05);
+ }
+
+ &:hover {
+ cursor: pointer;
+ opacity: 0.9;
+ }
+ }
+
+ .percent-tag {
+ position: absolute;
+ right: -60px;
+ top: 50%;
+ transform: translateY(-50%);
+ padding: 4px 10px;
+ background: #ff4d4f;
+ border-radius: 4px;
+ font-size: 12px;
+ color: #fff;
+ font-weight: 600;
+
+ &::before {
+ content: '';
+ position: absolute;
+ left: -6px;
+ top: 50%;
+ transform: translateY(-50%);
+ border: 6px solid transparent;
+ border-right-color: #ff4d4f;
+ }
+ }
+
+ .level-arrow {
+ color: #18f2f9;
+ font-size: 24px;
+ margin-top: 8px;
+
+ :deep(.el-icon) {
+ font-size: 24px;
+ }
+ }
+ }
+ }
+ }
+}
+
+.hierarchy-right {
+ width: 180px;
+ display: flex;
+ flex-direction: column;
+ gap: 12px;
+
+ .tab-group {
+ display: flex;
+ flex-direction: column;
+ padding: 12px;
+ background-size: 100% 100%;
+ background-position: center;
+ border-radius: 4px;
+ border: 2px solid rgba(55, 155, 255, 0.31);
+
+ .hierarchy-tab {
+ padding: 10px 12px;
+ text-align: center;
+ font-size: 14px;
+ background-image: url('@/assets/RiskWarning_img/矩形@2x.png');
+ background-repeat: no-repeat;
+
+ background-size: cover;
+ background-position: center;
+ color: #fff;
+ cursor: pointer;
+
+ &.active {
+ color: #18f2f9;
+ }
+ }
+ }
+}
+
+// 右侧面板
+.right-panel {
+ .panel-content {
+ display: flex;
+ flex-direction: column;
+ gap: 12px;
+ padding: 30px;
+ width: 400px;
+ }
+
+ .section {
+ .section-label {
+ flex: 1;
+ font-size: 13px;
+ padding: 5px 5px;
+ font-weight: 500;
+ background-image: url('@/assets/RiskWarning_img/矩形@2x.png');
+ background-repeat: no-repeat;
+ background-size: contain;
+ background-position: -5% 0%;
+ }
+ }
+
+ // 预警信息标签页
+ .warning-info-section {
+ .tab-header {
+ display: flex;
+ gap: 8px;
+ margin-bottom: 8px;
+ flex-wrap: wrap;
+
+ .tab-item {
+ padding: 4px 10px;
+ font-size: 11px;
+ color: rgba(255, 255, 255, 0.8);
+ background: rgba(255, 255, 255, 0.05);
+ border: 1px solid rgba(255, 255, 255, 0.2);
+ border-radius: 3px;
+ cursor: pointer;
+ transition: all 0.3s;
+
+ &:hover {
+ background: rgba(24, 242, 249, 0.1);
+ border-color: rgba(24, 242, 249, 0.3);
+ }
+
+ &.active {
+ background: #18f2f9;
+ border-color: #18f2f9;
+ color: #0a1a2a;
+ font-weight: 500;
+ }
+ }
+ }
+
+ .tab-content {
+ .info-text {
+ font-size: 12px;
+ color: rgba(255, 255, 255, 0.85);
+ line-height: 1.6;
+ }
+ }
+ }
+
+ // 工作建议
+ .suggestion-section {
+ .suggestion-content {
+ font-size: 12px;
+ color: rgba(255, 255, 255, 0.85);
+ line-height: 1.6;
+ }
+ }
+
+ // 影响范围
+ .impact-section {
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+
+ .impact-tabs {
+ display: flex;
+ // gap: 8px;
+ border-radius: 4px;
+ margin-bottom: 8px;
+ overflow: hidden;
+
+ .impact-tab-item {
+ padding: 6px 16px;
+ font-size: 12px;
+ color: rgba(255, 255, 255, 0.8);
+ background: linear-gradient(
+ 180deg,
+ rgba(102, 105, 255, 0.26) 0%,
+ rgba(31, 201, 255, 0.23) 100%
+ );
+ cursor: pointer;
+ transition: all 0.3s;
+
+ &:hover {
+ background: rgba(24, 242, 249, 0.2);
+ }
+
+ &.active {
+ background: #18f2f9;
+ border-color: #18f2f9;
+ color: #0a1a2a;
+ font-weight: 500;
+ }
+ }
+ }
+
+ .impact-table-wrapper {
+ overflow: hidden;
+
+ :deep(.el-table) {
+ background: transparent;
+
+ &::before {
+ display: none;
+ }
+
+ .el-table__body-wrapper {
+ background: transparent;
+ }
+ }
+ }
+ }
+}
+
+// 滚动条样式
+::-webkit-scrollbar {
+ width: 4px;
+ height: 4px;
+}
+
+::-webkit-scrollbar-thumb {
+ background: rgba(24, 242, 249, 0.3);
+ border-radius: 2px;
+}
+
+::-webkit-scrollbar-track {
+ background: transparent;
+}
+
+:deep(.el-table--small .cell) {
+ padding: 0px;
+}
+:deep(.el-table .cell) {
+ text-align: center;
}
diff --git a/packages/screen/src/views/RiskWarning/Dialog/clearanceSituationDialog.vue b/packages/screen/src/views/RiskWarning/Dialog/clearanceSituationDialog.vue
index 1eed77a..102d03c 100644
--- a/packages/screen/src/views/RiskWarning/Dialog/clearanceSituationDialog.vue
+++ b/packages/screen/src/views/RiskWarning/Dialog/clearanceSituationDialog.vue
@@ -16,7 +16,7 @@
预警信息：
+
+
+
- {{ currentWarningInfo.content }}
-
+
+
+ 预警信息;
- {{ afterData.warningInfo }}
+
+
工作建议：
+
+ {{ currentWarningInfo.leader }}
-
-
+
+
+ 预警详情;
- {{ afterData.warningDetail }}
+
+ {{ currentWarningInfo.dept }}
+
+ {{ currentWarningInfo.emergency }}
+
+
+ {{ currentWarningInfo.leader }}
+
+
+ {{ currentWarningInfo.person }}
+
+
+
+ {{ currentWarningInfo.guard }}
+
+
+ {{ currentWarningInfo.whistle }}
+
+
+
+
+
+
+ 影响范围：
+
+
+
+ {{ tab.label }}
+
+
+
+
+
+
- 行政区域
+ 影响区域
{
// 查看详情
const handleDetail = item => {
emit('detail', item);
+ emit('itemdata', item);
};
// 分页操作
diff --git a/packages/screen/src/views/RiskWarning/Dialog/controlSituationDialog.vue b/packages/screen/src/views/RiskWarning/Dialog/controlSituationDialog.vue
index fd938ff..b0a5d1a 100644
--- a/packages/screen/src/views/RiskWarning/Dialog/controlSituationDialog.vue
+++ b/packages/screen/src/views/RiskWarning/Dialog/controlSituationDialog.vue
@@ -17,7 +17,7 @@
- 行政区域
+ 影响区域
+
- 行政区域
+ 影响区域
- {{
- row.pointLevel
- }}
+ {{ row.pointLevel }}
@@ -149,60 +145,48 @@
- 行政区域
+ 影响区域
-
- 查询
-
+ 查询
- {{ row.whistleblower?.name || "-" }}
- {{ row.whistleblower?.phone || "-" }}
+ {{ row.whistleblower?.name || '-' }}
+ {{ row.whistleblower?.phone || '-' }}
- {{ row.constructionUnit?.name || "-" }}
- {{
- row.constructionUnit?.phone || "-"
- }}
+ {{ row.constructionUnit?.name || '-' }}
+ {{ row.constructionUnit?.phone || '-' }}
- {{ row.constructionDept?.name || "-" }}
- {{
- row.constructionDept?.phone || "-"
- }}
+ {{ row.constructionDept?.name || '-' }}
+ {{ row.constructionDept?.phone || '-' }}
- {{ row.siteResponsible?.name || "-" }}
- {{
- row.siteResponsible?.phone || "-"
- }}
+ {{ row.siteResponsible?.name || '-' }}
+ {{ row.siteResponsible?.phone || '-' }}
- {{
- row.countyResponsible?.name || "-"
- }}
- {{
- row.countyResponsible?.phone || "-"
- }}
+ {{ row.countyResponsible?.name || '-' }}
+ {{ row.countyResponsible?.phone || '-' }}
- {{ row.cityResponsible?.name || "-" }}
- {{
- row.cityResponsible?.phone || "-"
- }}
+ {{ row.cityResponsible?.name || '-' }}
+ {{ row.cityResponsible?.phone || '-' }}
@@ -214,28 +198,24 @@
@@ -869,11 +819,7 @@ watch(
gap: vw(16);
.stat-card {
- background: linear-gradient(
- 135deg,
- rgba(30, 70, 120, 0.6) 0%,
- rgba(20, 50, 90, 0.8) 100%
- );
+ background: linear-gradient(135deg, rgba(30, 70, 120, 0.6) 0%, rgba(20, 50, 90, 0.8) 100%);
border: vw(2) solid rgba(64, 169, 255, 0.4);
text-align: center;
transition: all 0.3s;
diff --git a/packages/screen/src/views/RiskWarning/Dialog/mapInfoDialog.vue b/packages/screen/src/views/RiskWarning/Dialog/mapInfoDialog.vue
index 698630a..85705af 100644
--- a/packages/screen/src/views/RiskWarning/Dialog/mapInfoDialog.vue
+++ b/packages/screen/src/views/RiskWarning/Dialog/mapInfoDialog.vue
@@ -24,9 +24,9 @@
+
+
diff --git a/packages/screen/src/views/RiskWarning/Dialog/responseStatusDialog.vue b/packages/screen/src/views/RiskWarning/Dialog/responseStatusDialog.vue
index a8b2e81..1285554 100644
--- a/packages/screen/src/views/RiskWarning/Dialog/responseStatusDialog.vue
+++ b/packages/screen/src/views/RiskWarning/Dialog/responseStatusDialog.vue
@@ -9,7 +9,7 @@
:current-page="currentPage"
:page-size="pageSize"
:z-index="1000"
- :max-width="1150"
+ :max-width="1300"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
@close="handleClose"
@@ -113,7 +113,10 @@
- {{ row.roadOrg.name }}
+
@@ -121,7 +124,10 @@
+ {{ row.roadOrg.name }}
+ ![]()
+
{{ row.roadOrg.phone }}
- {{ row.maintenance.name }}
+
@@ -129,7 +135,10 @@
+ {{ row.maintenance.name }}
+ ![]()
+
{{ row.maintenance.phone }}
- {{ row.roadKeeper.name }}
+
@@ -159,7 +168,7 @@
diff --git a/packages/screen/src/views/RiskWarning/Dialog/warningSituationDialog.vue b/packages/screen/src/views/RiskWarning/Dialog/warningSituationDialog.vue
index 807df0a..354b4f0 100644
--- a/packages/screen/src/views/RiskWarning/Dialog/warningSituationDialog.vue
+++ b/packages/screen/src/views/RiskWarning/Dialog/warningSituationDialog.vue
@@ -34,7 +34,7 @@
+ {{ row.roadKeeper.name }}
+ ![]()
+
{{ row.roadKeeper.phone }}
- 行政区域
+ 影响区域
{
try {
const timeParams = getTimeParams();
const res = await request({
- url: '/snow-ops-platform/yhYjll/list',
+ url: '/snow-ops-platform/yhYjll/listForcesAndMaterials',
method: 'GET',
params: timeParams,
});
@@ -565,10 +565,8 @@ const getEmergencyForceData = async () => {
if (res.code === '00000' && res.data) {
// 解析坐标数据
res.data.forEach(item => {
- if (item.gl1Lx == 1 || item.gl1Lx == 2) {
- item.COORDINATE_POINT = [item.gl1Lng, item.gl1Lat];
+ item.COORDINATE_POINT = [item.lng, item.lat];
console.log('解析后坐标:', item.COORDINATE_POINT);
- }
});
emergencyForceData.value = res.data;
diff --git a/packages/screen/src/views/RiskWarning/component/baseDialog.vue b/packages/screen/src/views/RiskWarning/component/baseDialog.vue
index caafedf..1a75d68 100644
--- a/packages/screen/src/views/RiskWarning/component/baseDialog.vue
+++ b/packages/screen/src/views/RiskWarning/component/baseDialog.vue
@@ -37,9 +37,8 @@
-
+
@@ -244,7 +243,7 @@ const cellStyle = () => {
}
.base-dialog {
- width: 80vw;
+ // width: 80vw;
max-height: 80vh;
position: relative;
background: #16334e;
@@ -299,7 +298,7 @@ const cellStyle = () => {
width: 100%;
.header-title {
- background-image: url("../../../assets/RiskWarning_img/标题@2x.png");
+ background-image: url('../../../assets/RiskWarning_img/标题@2x.png');
background-size: 100% 100%;
background-position: right;
font-size: 18px;
@@ -332,12 +331,13 @@ const cellStyle = () => {
// 标题栏下方自定义插槽
.header-slot {
- margin-bottom: 20px;
- padding: 0 24px;
+ // margin-bottom: 20px;
+ padding: 0 24px 20px 24px;
// overflow-y: auto;
max-height: 70vh;
scrollbar-width: none;
-ms-overflow-style: none;
+ overflow: hidden;
&::-webkit-scrollbar {
display: none;
@@ -481,11 +481,11 @@ const cellStyle = () => {
background-color: #122c46 !important;
}
-:deep(.el-popper[data-popper-placement^="bottom"]) {
+:deep(.el-popper[data-popper-placement^='bottom']) {
border: 1px solid #122c46 !important;
}
-:deep(.el-popper[data-popper-placement^="top"]) {
+:deep(.el-popper[data-popper-placement^='top']) {
border: 1px solid #122c46 !important;
}
diff --git a/packages/screen/src/views/RiskWarning/component/index.js b/packages/screen/src/views/RiskWarning/component/index.js
index 5f6ed0a..0a6c296 100644
--- a/packages/screen/src/views/RiskWarning/component/index.js
+++ b/packages/screen/src/views/RiskWarning/component/index.js
@@ -2,7 +2,7 @@
import { ref } from 'vue';
import { request } from '@/utils/request';
-// 行政区域选项
+// 影响区域选项
export const regionOptions = ref([
// { label: "重庆市", value: "重庆市" },
// { label: "万州区", value: "万州区" },
@@ -18,7 +18,7 @@ export const regionOptions = ref([
// { label: "江北区", value: "江北区" },
]);
-// 获取行政区域选项
+// 获取影响区域选项
export const fetchDistrictOptions = async () => {
try {
const res = await request({
@@ -39,7 +39,7 @@ export const fetchDistrictOptions = async () => {
return options;
}
} catch (error) {
- console.error('获取行政区域选项失败:', error);
+ console.error('获取影响区域选项失败:', error);
}
return regionOptions.value;
};
@@ -125,7 +125,7 @@ export const isEndedOptions = [
{ label: "否", value: false },
];
-// 行政区域选项（带全部）
+// 影响区域选项（带全部）
export const regionOptionsWithAll = ref([
]);
diff --git a/packages/screen/src/views/RiskWarning/index.vue b/packages/screen/src/views/RiskWarning/index.vue
index d1ff5ee..0d7b31c 100644
--- a/packages/screen/src/views/RiskWarning/index.vue
+++ b/packages/screen/src/views/RiskWarning/index.vue
@@ -30,12 +30,14 @@
@warningClick="handleWarningClick"
@openImpactDetail="openDialog('impactPoint')"
@openWarningInfo="openDialog('warningInfo')"
+ @dispatchDateRange="handleDispatchDateRange"
@openImpactPoint="openDialog('impactPoint')"
@openAIResult="openDialog('aiWarningResult')"
@openWarningSituation="openDialog('warningSituation')"
@openResponseStatus="openDialog('responseStatus')"
@openDispatchDistrict="openDialog('dispatchDistrict')"
@showCenterCard="item => handleCenterCardClick(item)"
+ @openOfflineHelp="openDialog('offlineHelp')"
>
@@ -282,6 +294,7 @@ import tunnelInfoDialog from './Dialog/tunnelInfoDialog.vue';
import centerInfoCard from './Dialog/centerInfoCard.vue';
import tongnanProjectPersonDialog from './Dialog/tongnanProjectPersonDialog.vue';
import hazardPointSituationDialog from './Dialog/hazardPointSituationDialog.vue';
+import offlineHelpDialog from './Dialog/offlineHelpDialog.vue';
import './component/el-select.scss';
import './component/date-picker-theme.scss';
@@ -310,6 +323,7 @@ const dialogVisible = ref({
tunnelInfo: false,
tongnanProjectPerson: false,
hazardPointSituation: false,
+ offlineHelp: false,
});
const activeitem = ref({});
@@ -465,6 +479,17 @@ const handleWarningClick = item => {
warningitem.value = item;
};
+const clearanceSituationDialogItemData = ref({});
+const handleItemData = item => {
+ console.log('点击详情:', item);
+ clearanceSituationDialogItemData.value = item;
+};
+
+const dispatchDateRange = ref([]);
+const handleDispatchDateRange = range => {
+ dispatchDateRange.value = range;
+};
+
// 确认对话框配置
const confirmConfig = ref({
title: '提示',
diff --git a/packages/screen/src/views/RiskWarning/left.vue b/packages/screen/src/views/RiskWarning/left.vue
index 28c6bde..015fd10 100644
--- a/packages/screen/src/views/RiskWarning/left.vue
+++ b/packages/screen/src/views/RiskWarning/left.vue
@@ -26,11 +26,7 @@
:class="item.class"
@click="handleWarningCardClick(item)"
>
-
@@ -96,6 +98,7 @@
+
{{ item.value }}
{{ item.label }}
@@ -43,22 +39,13 @@
影响点概况
-
- 一键清单(影响点)
-
+ 一键清单(影响点)
数量