packages/screen/src/views/RiskWarning/Dialog/impactPointDetailDialog.vue

@@ -30,11 +30,7 @@
             <div class="info-item">
               <span class="info-dot"></span>
               <span class="info-label">影响点等级</span>
-              <span
+              <span class="info-value level-tag" :class="basicInfo.levelClass">{{ basicInfo.level }}</span>
-                class="info-value level-tag"
-                :class="basicInfo.levelClass"
-                >{{ basicInfo.level }}</span
-              >
             </div>
             <div class="info-item">
               <span class="info-dot"></span>
@@ -51,11 +47,7 @@
             <div class="info-item">
               <span class="info-dot"></span>
               <span class="info-label">风险点描述</span>
-              <span
+              <span class="info-value" :class="getStatusClass(basicInfo.riskDesc)">{{ basicInfo.riskDesc }}</span>
-                class="info-value"
-                :class="getStatusClass(basicInfo.riskDesc)"
-                >{{ basicInfo.riskDesc }}</span
-              >
             </div>
             <div class="info-item">
               <span class="info-dot"></span>
@@ -91,11 +83,7 @@
           填报动态信息
         </div>
         <div class="timeline-list">
-          <div
+          <div v-for="(record, index) in dynamicRecords" :key="index" class="timeline-item">
-            v-for="(record, index) in dynamicRecords"
-            :key="index"
-            class="timeline-item"
-          >
             <div class="timeline-marker">{{ index + 1 }}</div>
             <div class="timeline-content">
               <div class="timeline-header">
@@ -113,21 +101,13 @@
                 <div class="detail-row">
                   <span class="detail-label">现场情况描述：</span>
                   <span class="detail-value">{{ record.description }}</span>
-                  <div
+                  <div v-if="record.image" class="detail-image" @click="previewImage(record.image)">
-                    v-if="record.image"
-                    class="detail-image"
-                    @click="previewImage(record.image)"
-                  >
                     <img :src="record.image" alt="现场照片" />
                   </div>
                 </div>
                 <div class="detail-row">
                   <span class="detail-label">是否发现问题：</span>
-                  <span
+                  <span class="detail-value" :class="record.hasProblem ? 'status-yes' : 'status-no'">{{ record.hasProblem ? '是' : '否' }}</span>
-                    class="detail-value"
-                    :class="record.hasProblem ? 'status-yes' : 'status-no'"
-                    >{{ record.hasProblem ? "是" : "否" }}</span
-                  >
                 </div>
               </div>
             </div>
@@ -138,11 +118,7 @@
   </base-dialog>
 
   <!-- 图片预览弹窗 -->
-  <div
+  <div v-if="previewVisible" class="image-preview-overlay" @click="closePreview">
-    v-if="previewVisible"
-    class="image-preview-overlay"
-    @click="closePreview"
-  >
     <div class="image-preview-container" @click.stop>
       <img :src="previewImageUrl" alt="预览" />
       <div class="close-preview-btn" @click="closePreview">
@@ -178,8 +154,7 @@ const basicInfo = ref({
   roadCode: "G348",
   location: "丁吴路(K116+656至K116+739)",
   riskDesc: "未回应",
-  discoverTime:
+  discoverTime: "立即启动防汛Ⅰ级应急响应，立即转移危险区群众，医疗机构做好应急准备",
-    "立即启动防汛Ⅰ级应急响应，立即转移危险区群众，医疗机构做好应急准备",
 });
 
 // 照片列表
@@ -190,7 +165,7 @@ const photoList = ref([
 // 动态记录
 const dynamicRecords = ref([
   {
-    type: "首报",
+    type: "隐患",
     patrolTime: "2026-03-28 14:30:00",
     patrolPerson: "刘伟",
     description: "设置警示标识，半幅通行",
@@ -198,7 +173,7 @@ const dynamicRecords = ref([
     image: "https://via.placeholder.com/80x60/40a9ff/ffffff?text=现场",
   },
   {
-    type: "续报",
+    type: "隐患",
     patrolTime: "2026-03-28 14:30:00",
     patrolPerson: "刘伟",
     description: "设置警示标识，半幅通行",
@@ -243,11 +218,13 @@ watch(
     if (newVal && props.pointData) {
       Object.assign(basicInfo.value, props.pointData);
     }
-  },
+  }
 );
 </script>
 
 <style lang="scss" scoped>
+
+
 // 区块
 .section {
   margin-bottom: 20px;
@@ -521,4 +498,6 @@ watch(
     color: #fff;
   }
 }
+
+
 </style>

packages/screen/src/views/RiskWarning/component/ChongqingMap.vue

@@ -219,7 +219,6 @@ const showCountyCardsOnMap = (dataList) => {
         emit("districtClick", {
           name: countyName,
           data: item,
-          type: item.type,
         });
       });
 
@@ -1172,12 +1171,12 @@ const locateToDistrict = (countyName) => {
     if (selectedLayer) {
       geoJsonLayer.resetStyle(selectedLayer);
     }
-    // targetLayer.setStyle({
+    targetLayer.setStyle({
-    //   fillColor: "#ff7a00",
+      fillColor: "#ff7a00",
-    //   fillOpacity: 0.6,
+      fillOpacity: 0.6,
-    //   weight: 3,
+      weight: 3,
-    //   color: "#ff4d4f",
+      color: "#ff4d4f",
-    // });
+    });
     selectedLayer = targetLayer;
 
     console.log("已定位到区县:", countyName, "中心点:", center);

packages/screen/src/views/RiskWarning/component/baseDialog.vue

@@ -34,7 +34,7 @@
         <slot name="filter"></slot>
       </div>
       <!-- 数据表格 -->
-      <div class="table-section" v-if="props.tableData.length > 0">
+      <div class="table-section">
         <el-table
           :data="props.tableData"
           :height="props.tableHeight"
@@ -59,10 +59,7 @@
       </div>
 
       <!-- 分页 -->
-      <div
+      <div class="pagination">
-        class="pagination"
-        v-if="props.tableData.length > 0 && props.showPagination"
-      >
         <el-pagination
           :current-page="props.currentPage"
           :page-size="props.pageSize"