页面滚动条调整

src/assets/global.css

@@ -1,7 +1,7 @@
 /* 全局滚动条 */
 /*滚动条整体部分*/
 ::-webkit-scrollbar {
-  width: 0;
+  width: 5px;
   height: 10px;
 }
 /*正常情况下滑块的样式*/

src/views/ComprehensiveAnalysis.vue

@@ -33,6 +33,9 @@
         ></el-button>
       </el-input>
     </div>
+    <div class="comprehensive-analysis-infobox">
+      当前显示的疑点数 : {{ currentTotal }}
+    </div>
     <!-- 属性弹窗 -->
     <AttributePopup
       class="comprehensive-analysis-popup"
@@ -284,6 +287,7 @@ export default {
   },
   data() {
     return {
+      currentTotal: 0,
       layerLoading: false,
       expandedKeys: [],
       // 我的模型id集合
@@ -314,6 +318,7 @@ export default {
       rightPanelTitle: "",
       rightPanelDataMap: new Map(),
       originalData: {},
+      originalDataMap: new Map(),
       rightLabelData: [],
       showLeftBox: true,
       showRightBox: true,
@@ -694,6 +699,17 @@ export default {
     displaySingleLayer(columnId, id, mainType, sourceType) {
       // if (id !== "永久基本农田_50") {
       let uniqueId = id;
+      this.layerIdMap.set(uniqueId, uniqueId);
+      // 图例
+      this.legendTitle.push({
+        name: uniqueId,
+        info: uniqueId,
+      });
+      this.legendIcon.push({
+        name: uniqueId,
+        background: "transparent",
+        border: `1px solid ${this.randomColor.get(uniqueId)}`,
+      });
       if (!map2DViewer.analysisGroups[uniqueId]) {
         if (!this.layerLoading) {
           this.layerLoading = true;
@@ -703,7 +719,7 @@ export default {
         layerParams = {
           columnId: columnId,
           states: "0,1,2,3",
-          pageSize: 10000,
+          pageSize: 100,
           page: 0,
         };
         this.$Post(this.urlsCollection.selectContentList, layerParams).then(
@@ -721,25 +737,26 @@ export default {
               this.paginationData.total = res.content.count;
               map2DViewer.analysisGroups[uniqueId] = L.featureGroup();
               map2DViewer.analysisGroups[uniqueId].addTo(map2DViewer.map);
-              this.legendTitle.push({
-                name: uniqueId,
-                info: uniqueId,
-              });
-              this.legendIcon.push({
-                name: uniqueId,
-                background: "transparent",
-                border: `1px solid ${this.randomColor.get(uniqueId)}`,
-              });
+              // this.legendTitle.push({
+              //   name: uniqueId,
+              //   info: uniqueId,
+              // });
+              // this.legendIcon.push({
+              //   name: uniqueId,
+              //   background: "transparent",
+              //   border: `1px solid ${this.randomColor.get(uniqueId)}`,
+              // });
               if (!this.$store.state.selectSelectDataMap["singlePolygon"]) {
                 this.$store.state.selectSelectDataMap["singlePolygon"] = [];
               }
-              this.layerIdMap.set(uniqueId, uniqueId);
+              // 存储请求到的疑点数据
+              this.originalDataMap.set(uniqueId, res.content.data);
+              // 激活当前展开面板
+              this.activeNames = ["myLabel", uniqueId];
               this.originalData[uniqueId] = res.content.data.map((ele) => {
                 let cid = ele.id;
                 let geometry = ele.c_content;
 
-                // 激活当前展开面板
-                this.activeNames = ["myLabel", uniqueId];
                 this.$store.state.mapMethodsCollection
                   .get("RENDER")
                   .addSinglePolygon(
@@ -782,6 +799,33 @@ export default {
       }
       if (map2DViewer.analysisGroups[uniqueId]) {
         map2DViewer.map.addLayer(map2DViewer.analysisGroups[uniqueId]);
+        this.originalData[uniqueId] = [];
+        // 激活当前展开面板
+        this.activeNames = ["myLabel", uniqueId];
+        // 已经请求过接口无需二次请求
+        this.originalData[uniqueId] = this.originalDataMap
+          .get(uniqueId)
+          .map((ele) => {
+            return {
+              id: ele.id,
+              column_name: ele.column_name,
+              // 是否疑点
+              c_boolean: ele.c_boolean ? "是" : "否",
+              // 行政区划
+              c_xzqh: ele.c_xzqh,
+              // 空间信息
+              c_content: ele.c_content,
+              // 疑点修改时间
+              c_date_time: ele.c_date_time,
+              // 修改人员名称
+              // c_editor_name: ele.c_editor_name,
+              // 标题
+              title: ele.title,
+              column_id: ele.column_id,
+              content: ele.content,
+              secret_level: ele.secret_level,
+            };
+          });
       }
     },
     /**
@@ -1675,6 +1719,21 @@ export default {
     }
   }
 
+  &-infobox {
+    width: 200px;
+    height: 40px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: absolute;
+    border: none;
+    right: 8%;
+    top: 15px;
+    pointer-events: auto;
+    color: #fff;
+    font-size: 20px;
+  }
+
   &-searchbox {
     width: 300px;
     height: 40px;